/* Exact App Development hero responsive rules, isolated to Contact page.
   Source: css/services/app-development.css. Only selector scope and linked desktop SVG element differ. */
html body.contact-page .about-app-hero-scope{--section-equal-gap:clamp(72px,7.5vw,112px);}
@media (min-width:768px) and (max-width:1280px){html body.contact-page .about-app-hero-scope{--section-equal-gap:76px;}}
@media (max-width:767px){html body.contact-page .about-app-hero-scope{--section-equal-gap:54px;}}
html body.contact-page .about-app-hero-scope .dev-hero-image{
    position: relative;
    width: 100%;
    height: clamp(360px, 32vw, 560px);
    border-radius: 30px;
    overflow: hidden;
    background-image: url("/assets/images/abstract-section-bg.webp");
    background-size: cover;
    background-position: center center
}
@media (max-width:1100px){html body.contact-page .about-app-hero-scope .dev-hero-image{
        height: clamp(310px, 33vw, 430px)
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .dev-hero-image{
        height: clamp(340px, 92vw, 430px);
        border-radius: 22px
    }}
html body.contact-page .about-app-hero-scope .top-svg-section{
    width: 100%;
    background: #ffffff;
    margin: 0;
    padding: 0;
    overflow: hidden
}
html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
    width: 100%;
    max-width: 1604px;
    margin: 0 auto;
    line-height: 0;
    position: relative
}
html body.contact-page .about-app-hero-scope .top-svg-section .about-app-desktop-svg{
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0
}
html body.contact-page .about-app-hero-scope .top-dev-cta{
    position: absolute;
    right: clamp(36px, 4.9vw, 78px);
    bottom: clamp(8px, 1.4vw, 22px);
    width: clamp(228px, 18.05vw, 290px);
    height: clamp(50px, 3.9vw, 63px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 0 clamp(10px, 1.1vw, 16px) 0 clamp(22px, 1.9vw, 30px);
    border: 1px solid #0b0b0b;
    border-radius: 999px;
    background: #ffffff;
    color: #0b0b0b;
    text-decoration: none;
    text-transform: uppercase;
    font-size: clamp(15px, 1.45vw, 25px);
    font-weight: 400;
    letter-spacing: -0.035em;
    line-height: 1;
    z-index: 8;
    box-shadow: none;
    white-space: nowrap
}
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
    flex: 0 0 auto;
    width: clamp(42px, 3.15vw, 53px);
    height: clamp(42px, 3.15vw, 53px);
    border-radius: 50%;
    background: #26D06A;
    display: grid;
    place-items: center;
    color: #000000;
    font-size: clamp(28px, 2.25vw, 38px);
    line-height: 1;
    font-weight: 400;
    transform: translateX(2px)
}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        width: 1180px;
        max-width: none;
        transform: translateX(-26%)
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        right: 64px;
        bottom: 18px;
        width: 250px;
        height: 56px;
        font-size: 17px
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 46px;
        height: 46px;
        font-size: 31px
    }}
html body.contact-page .about-app-hero-scope .top-svg-section{
    margin-bottom: var(--section-equal-gap) !important
}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-svg-section{
        width: 100% !important;
        padding: 0 !important;
        margin-top: 0 !important;
        margin-bottom: var(--section-equal-gap) !important;
        overflow: hidden !important;
        background: #ffffff !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        width: 100% !important;
        max-width: 1604px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        line-height: 0 !important;
        overflow: visible !important;
        position: relative !important;
        transform: none !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-svg-section .about-app-desktop-svg{
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        display: flex !important;
        left: auto !important;
        right: clamp(12px, 4.8vw, 34px) !important;
        bottom: clamp(5px, 1.6vw, 16px) !important;
        width: clamp(128px, 31vw, 238px) !important;
        height: clamp(44px, 7.2vw, 56px) !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 clamp(7px, 1.4vw, 12px) 0 clamp(13px, 2.3vw, 22px) !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        border-width: 1px !important;
        font-size: clamp(12px, 2.2vw, 16px) !important;
        gap: clamp(7px, 1.5vw, 14px) !important;
        letter-spacing: -0.035em !important;
        line-height: 1 !important;
        transform: none !important;
        z-index: 10 !important;
        white-space: nowrap !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        display: inline-block !important;
        font-size: inherit !important;
        line-height: 1 !important;
        white-space: nowrap !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        flex: 0 0 auto !important;
        width: clamp(30px, 5.8vw, 46px) !important;
        height: clamp(30px, 5.8vw, 46px) !important;
        font-size: clamp(20px, 4vw, 31px) !important;
        margin-left: auto !important;
        transform: translateX(2px) !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        right: 10px !important;
        bottom: 6px !important;
        width: auto !important;
        height: 44px !important;
        padding-left: 12px !important;
        padding-right: 6px !important;
        font-size: 12px !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 28px !important;
        height: 28px !important;
        font-size: 20px !important
    }}
@media (max-width:360px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        width: auto !important;
        height: 44px !important;
        font-size: 12px !important;
        right: 8px !important;
        bottom: 5px !important
    }}
@media (max-width:360px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 26px !important;
        height: 26px !important;
        font-size: 19px !important
    }}
html body.contact-page .about-app-hero-scope .mobile-dev-hero{
    display: none
}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-svg-section{
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        border-top: 4px solid #070707 !important;
        overflow: hidden !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        display: none !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        display: none !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .mobile-dev-hero{
        display: block !important;
        width: 100% !important;
        max-width: 644px !important;
        margin: 0 auto !important;
        padding: 34px 25px 7px !important;
        background: #ffffff !important;
        line-height: normal !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .mobile-dev-topline{
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 14px !important;
        width: 100% !important;
        padding: 0 0 0 9px !important;
        color: #000000 !important;
        text-transform: uppercase !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .mobile-dev-kicker{
        display: block !important;
        font-size: clamp(22px, 4.55vw, 30px) !important;
        line-height: .9 !important;
        font-weight: 700 !important;
        letter-spacing: -0.06em !important;
        white-space: nowrap !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .mobile-dev-count{
        display: block !important;
        margin-top: 0 !important;
        font-size: clamp(20px, 4.4vw, 30px) !important;
        line-height: .9 !important;
        font-weight: 400 !important;
        letter-spacing: -0.065em !important;
        white-space: nowrap !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .mobile-dev-count strong{
        font-weight: 700 !important}}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .mobile-dev-title{
        margin: 0 0 0 8px !important;
        padding: 0 !important;
        font-size: clamp(78px, 15.2vw, 104px) !important;
        line-height: .74 !important;
        font-weight: 700 !important;
        letter-spacing: -0.085em !important;
        color: #000000 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .mobile-dev-image.dev-hero-image{
        position: relative !important;
        width: 100% !important;
        height: min(558px, calc((100vw - 50px) * .947)) !important;
        min-height: 0 !important;
        margin: 13px 0 0 !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        background-size: cover !important;
        background-position: center center !important;
        padding: 0 !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .mobile-dev-note{
        position: absolute !important;
        left: min(66px, 10.3vw) !important;
        bottom: 0 !important;
        width: min(420px, calc(100% - 92px)) !important;
        margin: 0 !important;
        padding: 8px 18px 2px !important;
        background: #ffffff !important;
        border-radius: 20px 20px 0 0 !important;
        color: #222222 !important;
        font-size: clamp(17px, 3.7vw, 25px) !important;
        line-height: 1.32 !important;
        font-weight: 400 !important;
        letter-spacing: -0.055em !important;
        z-index: 3 !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .mobile-dev-arrow{
        position: absolute !important;
        right: clamp(28px, 5.7vw, 38px) !important;
        bottom: clamp(26px, 4.5vw, 32px) !important;
        width: clamp(54px, 8.9vw, 58px) !important;
        height: clamp(54px, 8.9vw, 58px) !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 50% !important;
        background: #26D06A !important;
        color: #000000 !important;
        text-decoration: none !important;
        font-size: clamp(35px, 6vw, 42px) !important;
        line-height: 1 !important;
        font-weight: 400 !important;
        z-index: 4 !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope .mobile-dev-hero{
        padding: 26px 16px 7px !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope .mobile-dev-topline{
        padding-left: 5px !important;
        gap: 8px !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope .mobile-dev-kicker{
        font-size: clamp(18px, 5.3vw, 22px) !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope .mobile-dev-count{
        font-size: clamp(14px, 4.55vw, 19px) !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope .mobile-dev-title{
        margin-left: 4px !important;
        font-size: clamp(58px, 17.3vw, 78px) !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope .mobile-dev-image.dev-hero-image{
        height: calc((100vw - 32px) * .947) !important;
        margin-top: 10px !important;
        border-radius: 18px !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope .mobile-dev-note{
        left: clamp(40px, 10vw, 54px) !important;
        width: min(330px, calc(100% - 94px)) !important;
        padding: 7px 14px 2px !important;
        border-radius: 18px 18px 0 0 !important;
        font-size: clamp(15px, 4.3vw, 18px) !important;
        line-height: 1.28 !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope .mobile-dev-arrow{
        right: clamp(22px, 6vw, 30px) !important;
        bottom: clamp(20px, 6vw, 28px) !important;
        width: clamp(44px, 12.5vw, 54px) !important;
        height: clamp(44px, 12.5vw, 54px) !important;
        font-size: clamp(30px, 8.5vw, 38px) !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .mobile-dev-image.dev-hero-image{
        background-image: url("/assets/images/hero-mobile-interface-optimized.webp") !important;
        background-position: center center !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .mobile-dev-image.dev-hero-image{
        --mobile-dev-image-h: min(558px, calc((100vw - 50px) * .947));
        height: var(--mobile-dev-image-h) !important;
        overflow: visible !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .mobile-dev-image.dev-hero-image::before{
        content: "";
        position: absolute;
        right: 0;
        top: -70px;
        width: clamp(112px, 20.2vw, 130px);
        height: 90px;
        border-radius: 20px 20px 0 0;
        background-image: inherit;
        background-size: auto var(--mobile-dev-image-h);
        background-position: 82% top;
        background-repeat: no-repeat;
        z-index: 1;
        pointer-events: none
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .mobile-dev-note,
html body.contact-page .about-app-hero-scope .mobile-dev-arrow{
        z-index: 5 !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope .mobile-dev-image.dev-hero-image{
        --mobile-dev-image-h: calc((100vw - 32px) * .947);
        height: var(--mobile-dev-image-h) !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope .mobile-dev-image.dev-hero-image::before{
        top: -54px;
        width: clamp(82px, 24vw, 104px);
        height: 70px;
        border-radius: 18px 18px 0 0
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .mobile-dev-hero{
        display: none !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-svg-section{
        width: 100% !important;
        padding: 0 !important;
        margin: 0 0 var(--section-equal-gap) 0 !important;
        background: #ffffff !important;
        border-top: 0 !important;
        overflow: hidden !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        line-height: 0 !important;
        position: relative !important;
        transform: none !important;
        overflow: hidden !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-svg-section .about-app-desktop-svg{
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        display: flex !important;
        right: clamp(10px, 4vw, 24px) !important;
        bottom: clamp(6px, 2vw, 14px) !important;
        left: auto !important;
        width: clamp(126px, 33vw, 188px) !important;
        height: clamp(44px, 9vw, 46px) !important;
        min-width: 0 !important;
        padding: 0 clamp(5px, 1.3vw, 10px) 0 clamp(10px, 2vw, 16px) !important;
        gap: clamp(6px, 1.5vw, 10px) !important;
        border: 1px solid #0b0b0b !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        background: #ffffff !important;
        font-size: clamp(12px, 2.5vw, 12px) !important;
        font-weight: 400 !important;
        letter-spacing: -0.035em !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
        color: #0b0b0b !important;
        z-index: 12 !important;
        white-space: nowrap !important;
        box-shadow: none !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        display: inline-block !important;
        white-space: nowrap !important;
        line-height: 1 !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: clamp(24px, 6vw, 34px) !important;
        height: clamp(24px, 6vw, 34px) !important;
        font-size: clamp(18px, 4vw, 24px) !important;
        margin-left: auto !important;
        transform: none !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner,
html body.contact-page .about-app-hero-scope .top-svg-section .about-app-desktop-svg{
        width: 100% !important;
        max-width: 100% !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        right: 8px !important;
        bottom: 5px !important;
        width: 122px !important;
        height: 44px !important;
        padding-left: 10px !important;
        padding-right: 5px !important;
        font-size: 12px !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 24px !important;
        height: 24px !important;
        font-size: 18px !important
    }}
html body.contact-page .about-app-hero-scope .uploaded-mobile-svg-wrap{
    display: none
}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-svg-section{
        width: 100% !important;
        margin: 0 0 var(--section-equal-gap, 54px) 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        border-top: 0 !important;
        overflow: hidden !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner,
html body.contact-page .about-app-hero-scope .mobile-dev-hero,
html body.contact-page .about-app-hero-scope .top-dev-cta{
        display: none !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .uploaded-mobile-svg-wrap{
        display: block !important;
        width: 100% !important;
        max-width: 484px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        line-height: 0 !important;
        background: #ffffff !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .uploaded-mobile-svg-img{
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope .uploaded-mobile-svg-wrap{
        max-width: 100% !important
    }}
@media (min-width:768px) and (max-width:1280px){html body.contact-page .about-app-hero-scope .top-svg-section{
        width: 100% !important;
        margin: 0 0 var(--section-equal-gap, 76px) 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        border-top: 0 !important;
        overflow: hidden !important
    }}
@media (min-width:768px) and (max-width:1280px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap,
html body.contact-page .about-app-hero-scope .top-svg-section .mobile-dev-hero{
        display: none !important
    }}
@media (min-width:768px) and (max-width:1280px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        display: block !important;
        width: 100% !important;
        max-width: 1604px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        line-height: 0 !important;
        position: relative !important;
        transform: none !important;
        overflow: visible !important
    }}
@media (min-width:768px) and (max-width:1280px){html body.contact-page .about-app-hero-scope .top-svg-section .about-app-desktop-svg{
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important
    }}
@media (min-width:768px) and (max-width:1280px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        left: auto !important;
        right: clamp(22px, 4.6vw, 62px) !important;
        bottom: clamp(8px, 1.45vw, 20px) !important;
        width: clamp(174px, 19.2vw, 270px) !important;
        height: clamp(44px, 4.4vw, 58px) !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 clamp(8px, 1vw, 14px) 0 clamp(16px, 1.7vw, 26px) !important;
        gap: clamp(8px, 1.2vw, 16px) !important;
        border: 1px solid #0b0b0b !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        background: #ffffff !important;
        color: #0b0b0b !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
        font-size: clamp(12px, 1.45vw, 22px) !important;
        font-weight: 400 !important;
        letter-spacing: -0.035em !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        z-index: 20 !important;
        box-shadow: none !important;
        transform: none !important
    }}
@media (min-width:768px) and (max-width:1280px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        display: inline-block !important;
        white-space: nowrap !important;
        line-height: 1 !important;
        font-size: inherit !important
    }}
@media (min-width:768px) and (max-width:1280px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        flex: 0 0 auto !important;
        width: clamp(32px, 3.4vw, 46px) !important;
        height: clamp(32px, 3.4vw, 46px) !important;
        border-radius: 50% !important;
        background: #26D06A !important;
        color: #000000 !important;
        display: grid !important;
        place-items: center !important;
        font-size: clamp(22px, 2.4vw, 32px) !important;
        line-height: 1 !important;
        font-weight: 400 !important;
        margin-left: auto !important;
        transform: translateX(2px) !important
    }}
@media (width:768px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap{
        display: none !important
    }}
@media (width:768px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        display: block !important
    }}
html body.contact-page .about-app-hero-scope .mobile-dev-kicker{
    font-weight: 400 !important}
@media (max-width:768px),
(min-width:769px) and (max-width:1280px),
(min-width:1281px){html body.contact-page .about-app-hero-scope .mobile-dev-kicker{
        font-weight: 400 !important}}
html body.contact-page .about-app-hero-scope .top-dev-cta{
    background: #f4f4f4 !important;
    border: 1.5px solid #111111 !important;
    border-top-left-radius: 18.75px !important;
    border-top-right-radius: 18.75px !important;
    border-bottom-right-radius: 18.75px !important;
    border-bottom-left-radius: 18.75px !important;
    border-radius: 18.75px !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(10px, 1vw, 18px) !important;
    width: clamp(260px, 23.5vw, 440px) !important;
    height: clamp(58px, 5.7vw, 96px) !important;
    padding: 0 clamp(8px, 0.95vw, 14px) 0 clamp(24px, 2.1vw, 34px) !important;
    color: #111111 !important;
    text-transform: uppercase !important;
    font-size: clamp(16px, 1.78vw, 26px) !important;
    font-weight: 400 !important;
    letter-spacing: -0.035em !important;
    line-height: 44px !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
    font-size: inherit !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    white-space: nowrap !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
    width: clamp(38px, 3.9vw, 72px) !important;
    height: clamp(38px, 3.9vw, 72px) !important;
    min-width: clamp(38px, 3.9vw, 72px) !important;
    border-radius: 50% !important;
    background: #12e7d3 !important;
    color: #000000 !important;
    display: grid !important;
    place-items: center !important;
    font-size: clamp(28px, 2.5vw, 42px) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    transform: none !important;
    margin-left: auto !important
}
@media (min-width:768px) and (max-width:1280px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        width: clamp(220px, 25vw, 360px) !important;
        height: clamp(48px, 5vw, 70px) !important;
        padding-left: clamp(16px, 1.6vw, 24px) !important;
        padding-right: clamp(8px, .8vw, 12px) !important;
        font-size: clamp(13px, 1.4vw, 20px) !important
    }}
@media (min-width:768px) and (max-width:1280px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: clamp(30px, 3vw, 50px) !important;
        height: clamp(30px, 3vw, 50px) !important;
        min-width: clamp(30px, 3vw, 50px) !important;
        font-size: clamp(21px, 2vw, 30px) !important
    }}
@media (max-width:767px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        width: clamp(150px, 35vw, 250px) !important;
        height: clamp(44px, 8.5vw, 54px) !important;
        padding-left: clamp(11px, 2.5vw, 18px) !important;
        padding-right: clamp(5px, 1.3vw, 8px) !important;
        font-size: clamp(12px, 2.45vw, 14px) !important;
        border-width: 1px !important
    }}
@media (max-width:767px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: clamp(25px, 6vw, 36px) !important;
        height: clamp(25px, 6vw, 36px) !important;
        min-width: clamp(25px, 6vw, 36px) !important;
        font-size: clamp(18px, 4.4vw, 24px) !important
    }}
@media (min-width:1281px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        position: relative !important;
        overflow: visible !important
    }}
@media (min-width:1281px){html body.contact-page .about-app-hero-scope .top-svg-section .about-app-desktop-svg{
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important
    }}
@media (min-width:1281px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        right: clamp(30px, 3vw, 58px) !important;
        bottom: clamp(2px, 0.22vw, 5px) !important;
        width: clamp(315px, 23vw, 438px) !important;
        height: clamp(66px, 5vw, 95px) !important;
        padding: 0 clamp(12px, 1.45vw, 28px) 0 clamp(22px, 1.8vw, 34px) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: clamp(12px, 1vw, 18px) !important;
        border: 1.4px solid #111111 !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        background: #f7f7f7 !important;
        color: #111111 !important;
        font-size: clamp(20px, 1.42vw, 27px) !important;
        font-weight: 400 !important;
        letter-spacing: -0.04em !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        box-shadow: none !important;
        z-index: 50 !important;
        transform: none !important
    }}
@media (min-width:1281px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: inherit !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        white-space: nowrap !important
    }}
@media (min-width:1281px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: clamp(42px, 2.9vw, 55px) !important;
        height: clamp(42px, 2.9vw, 55px) !important;
        min-width: clamp(42px, 2.9vw, 55px) !important;
        border-radius: 50% !important;
        background: #12e7d3 !important;
        color: #000000 !important;
        display: grid !important;
        place-items: center !important;
        font-size: clamp(28px, 2.2vw, 42px) !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        margin-left: auto !important;
        transform: none !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        width: 390px !important;
        height: 70px !important;
        padding: 0 12px 0 34px !important;
        border: 1px solid #000 !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        background: #f7f7f7 !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 18px !important;
        position: absolute !important;
        left: auto !important;
        right: 38px !important;
        bottom: 22px !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        z-index: 30 !important;
        transform: none !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        border-radius: 50% !important;
        background: #26D06A !important;
        color: #000 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 34px !important;
        line-height: 1 !important;
        font-weight: 400 !important;
        margin-left: auto !important;
        transform: none !important;
        overflow: hidden !important
    }}
@media (min-width:1200px) and (max-width:1500px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        width: 390px !important;
        height: 70px !important;
        right: 38px !important;
        bottom: 22px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        width: 310px !important;
        height: 58px !important;
        padding: 0 10px 0 24px !important;
        right: 28px !important;
        bottom: 16px !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        border: 1px solid #000 !important;
        background: #f7f7f7 !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        background: #26D06A !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-svg-section{
        overflow: visible !important;
        padding-bottom: 125px !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        overflow: visible !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        position: absolute !important;
        left: auto !important;
        top: auto !important;
        right: 38px !important;
        bottom: -115px !important;
        width: 390px !important;
        height: 70px !important;
        padding: 0 12px 0 34px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 18px !important;
        background: #f7f7f7 !important;
        border: 1px solid #000 !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        box-shadow: none !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        z-index: 50 !important;
        transform: none !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 22px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        color: #111 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        letter-spacing: -0.03em !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        border-radius: 50% !important;
        background: #26D06A !important;
        color: #000 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 34px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        margin-left: auto !important;
        transform: none !important;
        overflow: hidden !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow svg{
        width: 28px !important;
        height: 28px !important;
        display: block !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-svg-section{
        overflow: visible !important;
        padding-bottom: 95px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        overflow: visible !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        position: absolute !important;
        left: auto !important;
        top: auto !important;
        right: 28px !important;
        bottom: -85px !important;
        width: 310px !important;
        height: 58px !important;
        padding: 0 10px 0 24px !important;
        border: 1px solid #000 !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        background: #f7f7f7 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 17px !important;
        font-weight: 400 !important;
        white-space: nowrap !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        background: #26D06A !important;
        border-radius: 50% !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        width: calc(100% - 65px) !important;
        max-width: 1375px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 25px !important;
        padding-right: 25px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        position: relative !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-svg-section .about-app-desktop-svg{
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 !important;
        box-sizing: border-box !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-svg-section{
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important
    }}
@media (min-width:1200px) and (max-width:1500px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        width: 1375px !important;
        max-width: calc(100% - 65px) !important;
        padding-left: 25px !important;
        padding-right: 25px !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-svg-section{
        padding-top: 125px !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        box-sizing: border-box !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-svg-section .about-app-desktop-svg{
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        display: block !important;
        vertical-align: top !important
    }}
@media (min-width:1200px) and (max-width:1500px){html body.contact-page .about-app-hero-scope .top-svg-section{
        padding-top: 125px !important;
        padding-bottom: 0 !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-svg-section{
        margin: 0 !important;
        border: 0 !important;
        padding-top: 125px !important;
        padding-right: 0 !important;
        padding-bottom: 62.5px !important;
        padding-left: 0 !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
        overflow: visible !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        box-sizing: border-box !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-svg-section .about-app-desktop-svg{
        display: block !important;
        margin: 0 !important;
        vertical-align: top !important
    }}
@media (min-width:1200px) and (max-width:1500px){html body.contact-page .about-app-hero-scope .top-svg-section{
        padding-top: 125px !important;
        padding-bottom: 62.5px !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-svg-section{
        overflow: visible !important;
        padding-bottom: 78px !important;
        position: relative !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        position: absolute !important;
        left: auto !important;
        top: auto !important;
        right: 22px !important;
        bottom: -56px !important;
        width: 305px !important;
        max-width: 305px !important;
        height: 62px !important;
        min-height: 62px !important;
        padding: 0 8px 0 22px !important;
        gap: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
        border: 1px solid #111 !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        background: #f4f4f4 !important;
        box-shadow: none !important;
        text-decoration: none !important;
        transform: none !important;
        z-index: 60 !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        color: #111 !important;
        letter-spacing: -0.03em !important;
        text-transform: uppercase !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        border-radius: 50% !important;
        background: #26D06A !important;
        color: #000 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 30px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        margin-left: auto !important;
        overflow: hidden !important;
        transform: none !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow svg{
        width: 24px !important;
        height: 24px !important;
        display: block !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        width: 285px !important;
        max-width: 285px !important;
        height: 58px !important;
        right: 18px !important;
        bottom: -52px !important;
        padding-left: 18px !important;
        padding-right: 7px !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 16px !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        font-size: 26px !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-svg-section{
        overflow: visible !important;
        padding-bottom: 72px !important;
        position: relative !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        position: relative !important;
        overflow: visible !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        position: absolute !important;
        left: auto !important;
        top: auto !important;
        right: 12px !important;
        bottom: -48px !important;
        width: 276px !important;
        max-width: 276px !important;
        height: 58px !important;
        min-height: 58px !important;
        padding: 0 6px 0 18px !important;
        gap: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
        border: 1px solid #111 !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        background: #f4f4f4 !important;
        box-shadow: none !important;
        text-decoration: none !important;
        transform: none !important;
        z-index: 60 !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        color: #111 !important;
        letter-spacing: -0.03em !important;
        text-transform: uppercase !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 50% !important;
        background: #26D06A !important;
        color: #000 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 26px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        margin-left: auto !important;
        overflow: hidden !important;
        transform: none !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow svg{
        width: 22px !important;
        height: 22px !important;
        display: block !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta::after{
        display: none !important;
        content: none !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        width: 262px !important;
        max-width: 262px !important;
        height: 56px !important;
        right: 10px !important;
        bottom: -46px !important;
        padding-left: 16px !important;
        padding-right: 6px !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 15px !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        font-size: 24px !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        bottom: -36px !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        bottom: -34px !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        bottom: -24px !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        bottom: -22px !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        bottom: -12px !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        bottom: -10px !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        bottom: 0px !important;
        width: 250px !important;
        max-width: 250px !important;
        height: 54px !important;
        min-height: 54px !important;
        padding-left: 15px !important;
        padding-right: 5px !important;
        gap: 8px !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 14.5px !important;
        white-space: nowrap !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        font-size: 24px !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        bottom: 2px !important;
        width: 238px !important;
        max-width: 238px !important;
        height: 52px !important;
        min-height: 52px !important;
        padding-left: 13px !important;
        padding-right: 5px !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 13.5px !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        font-size: 22px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-svg-section{
        background: #ffffff !important;
        padding-top: 82px !important;
        padding-right: 0 !important;
        padding-bottom: 92px !important;
        padding-left: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        position: relative !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        width: calc(100% - 42px) !important;
        max-width: 950px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        position: relative !important;
        overflow: visible !important;
        box-sizing: border-box !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .mobile-dev-kicker{
        font-size: clamp(34px, 5.5vw, 50px) !important;
        line-height: 0.92 !important;
        font-weight: 400 !important;
        letter-spacing: -0.05em !important;
        text-transform: uppercase !important;
        color: #000 !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .dev-hero-image,
html body.contact-page .about-app-hero-scope .top-svg-section .about-app-desktop-svg{
        width: 100% !important;
        max-width: 100% !important;
        height: clamp(330px, 42vw, 405px) !important;
        border-radius: 26px !important;
        display: block !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        position: absolute !important;
        left: auto !important;
        top: auto !important;
        right: 18px !important;
        bottom: -46px !important;
        width: 270px !important;
        max-width: 270px !important;
        min-width: 0 !important;
        height: 56px !important;
        min-height: 56px !important;
        padding: 0 7px 0 18px !important;
        gap: 9px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
        border: 1px solid #111 !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        background: #f7f7f7 !important;
        color: #111 !important;
        text-decoration: none !important;
        box-shadow: none !important;
        transform: none !important;
        z-index: 60 !important;
        white-space: nowrap !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 15px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        letter-spacing: -0.03em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        color: #111 !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 50% !important;
        background: #26D06A !important;
        color: #000 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 25px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        margin-left: auto !important;
        overflow: hidden !important;
        transform: none !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow svg{
        width: 22px !important;
        height: 22px !important;
        display: block !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        position: absolute !important;
        left: auto !important;
        top: auto !important;
        right: 0px !important;
        bottom: -40px !important;
        width: 232px !important;
        max-width: 232px !important;
        min-width: 0 !important;
        height: 50px !important;
        min-height: 50px !important;
        padding: 0 6px 0 14px !important;
        gap: 7px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        border: 1px solid #111 !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        background: #f7f7f7 !important;
        box-shadow: none !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        transform: none !important;
        z-index: 80 !important;
        white-space: nowrap !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        letter-spacing: -0.03em !important;
        text-transform: uppercase !important;
        color: #111 !important;
        white-space: nowrap !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        border-radius: 50% !important;
        background: #26D06A !important;
        color: #000 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 22px !important;
        line-height: 1 !important;
        margin-left: auto !important;
        overflow: hidden !important;
        transform: none !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow svg{
        width: 19px !important;
        height: 19px !important;
        display: block !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta::after{
        display: none !important;
        content: none !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope .top-dev-cta{
        width: 288px !important;
        max-width: 288px !important;
        min-width: 0 !important;
        height: 58px !important;
        min-height: 58px !important;
        padding: 0 7px 0 21px !important;
        gap: 10px !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        box-sizing: border-box !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child,
html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 16px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        letter-spacing: -0.03em !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        border-radius: 50% !important;
        font-size: 28px !important;
        margin-left: auto !important
    }}
@media (min-width:768px) and (max-width:820px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope .top-dev-cta{
        width: 274px !important;
        max-width: 274px !important;
        height: 56px !important;
        min-height: 56px !important;
        padding-left: 18px !important
    }}
@media (min-width:768px) and (max-width:820px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child,
html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 15px !important
    }}
@media (min-width:768px) and (max-width:820px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 43px !important;
        height: 43px !important;
        min-width: 43px !important;
        font-size: 26px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        width: 242px !important;
        max-width: 242px !important;
        min-width: 242px !important;
        height: 52px !important;
        min-height: 52px !important;
        padding: 0 6px 0 15px !important;
        gap: 7px !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        justify-content: space-between !important;
        box-sizing: border-box !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 13.5px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        letter-spacing: -0.04em !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 39px !important;
        height: 39px !important;
        min-width: 39px !important;
        flex: 0 0 39px !important;
        margin-left: auto !important
    }}
@media (min-width:768px) and (max-width:820px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        width: 228px !important;
        max-width: 228px !important;
        min-width: 228px !important;
        height: 50px !important;
        min-height: 50px !important;
        padding: 0 5px 0 13px !important;
        gap: 6px !important
    }}
@media (min-width:768px) and (max-width:820px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 12.8px !important
    }}
@media (min-width:768px) and (max-width:820px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 37px !important;
        height: 37px !important;
        min-width: 37px !important;
        flex-basis: 37px !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section,
html body.contact-page .about-app-hero-scope section.top-svg-section{
        padding-top: 18px !important;
        padding-right: 0 !important;
        padding-bottom: 28px !important;
        padding-left: 0 !important;
        margin: 0 !important;
        overflow: visible !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-inner,
html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        width: calc(100% - 28px) !important;
        max-width: calc(100% - 28px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 8px 0 !important;
        box-sizing: border-box !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .about-app-desktop-svg,
html body.contact-page .about-app-hero-scope .top-svg-inner svg{
        width: 100% !important;
        height: auto !important;
        display: block !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        right: 8px !important;
        bottom: -18px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-svg-section,
html body.contact-page .about-app-hero-scope section.top-svg-section{
        padding-top: 18px !important;
        padding-right: 0 !important;
        padding-bottom: 34px !important;
        padding-left: 0 !important;
        margin: 0 !important;
        overflow: visible !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-svg-inner,
html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 6px 0 !important;
        box-sizing: border-box !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        right: 6px !important;
        bottom: -16px !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section,
html body.contact-page .about-app-hero-scope section.top-svg-section{
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-inner,
html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important
    }}
@media (min-width:992px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .about-app-desktop-svg,
html body.contact-page .about-app-hero-scope .top-svg-inner svg{
        width: 100% !important;
        max-width: 100% !important
    }}
html body.contact-page .about-app-hero-scope .top-svg-section{
    background: #ffffff !important;
    position: relative !important;
    overflow: visible !important;
    box-sizing: border-box !important
}
html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
    position: relative !important;
    line-height: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    transform: none !important
}
html body.contact-page .about-app-hero-scope .top-svg-section .about-app-desktop-svg{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
    position: absolute !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    border: 1px solid #111 !important;
    border-top-left-radius: 18.75px !important;
    border-top-right-radius: 18.75px !important;
    border-bottom-right-radius: 18.75px !important;
    border-bottom-left-radius: 18.75px !important;
    border-radius: 18.75px !important;
    background: #ffffff !important;
    color: #111 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transform: none !important;
    z-index: 90 !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: -0.035em !important;
    color: #111 !important;
    white-space: nowrap !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
    flex: 0 0 auto !important;
    border-radius: 50% !important;
    background: #26D06A !important;
    color: #000 !important;
    display: grid !important;
    place-items: center !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    margin-left: auto !important;
    transform: none !important;
    overflow: hidden !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta::after{
    display: none !important;
    content: none !important
}
@media (min-width:1920px){html body.contact-page .about-app-hero-scope .top-svg-section{
        padding: 28px 50px 86px !important;
        margin: 0 0 clamp(86px, 4.8vw, 120px) !important
    }}
@media (min-width:1920px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        width: min(calc(100vw - 100px), 2200px) !important;
        max-width: 2200px !important;
        margin: 0 auto !important;
        padding: 0 !important
    }}
@media (min-width:1920px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        right: 5.05% !important;
        bottom: 5.75% !important;
        width: clamp(360px, 17.3vw, 430px) !important;
        max-width: clamp(360px, 17.3vw, 430px) !important;
        min-width: 0 !important;
        height: clamp(74px, 3.1vw, 84px) !important;
        min-height: clamp(74px, 3.1vw, 84px) !important;
        padding: 0 clamp(12px, 0.7vw, 18px) 0 clamp(32px, 1.5vw, 42px) !important;
        gap: 18px !important
    }}
@media (min-width:1920px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: clamp(19px, 0.9vw, 24px) !important
    }}
@media (min-width:1920px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: clamp(58px, 2.45vw, 68px) !important;
        height: clamp(58px, 2.45vw, 68px) !important;
        min-width: clamp(58px, 2.45vw, 68px) !important;
        font-size: clamp(34px, 1.5vw, 42px) !important
    }}
@media (min-width:1200px) and (max-width:1919px){html body.contact-page .about-app-hero-scope .top-svg-section{
        padding: clamp(18px, 1.45vw, 28px) clamp(28px, 2.5vw, 48px) clamp(56px, 4.5vw, 78px) !important;
        margin: 0 0 clamp(72px, 5.2vw, 96px) !important
    }}
@media (min-width:1200px) and (max-width:1919px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        width: min(calc(100vw - clamp(56px, 5vw, 96px)), 1604px) !important;
        max-width: 1604px !important;
        margin: 0 auto !important;
        padding: 0 !important
    }}
@media (min-width:1200px) and (max-width:1919px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        right: 5.0% !important;
        bottom: 5.55% !important;
        width: clamp(292px, 22.2vw, 390px) !important;
        max-width: clamp(292px, 22.2vw, 390px) !important;
        min-width: 0 !important;
        height: clamp(60px, 4.7vw, 74px) !important;
        min-height: clamp(60px, 4.7vw, 74px) !important;
        padding: 0 clamp(9px, 0.85vw, 14px) 0 clamp(24px, 1.9vw, 34px) !important;
        gap: clamp(11px, 1.2vw, 18px) !important
    }}
@media (min-width:1200px) and (max-width:1919px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: clamp(16px, 1.35vw, 22px) !important
    }}
@media (min-width:1200px) and (max-width:1919px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: clamp(48px, 3.6vw, 58px) !important;
        height: clamp(48px, 3.6vw, 58px) !important;
        min-width: clamp(48px, 3.6vw, 58px) !important;
        font-size: clamp(29px, 2.25vw, 38px) !important
    }}
@media (min-width:1081px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section{
        padding: 16px 10px 54px !important;
        margin: 0 0 76px !important
    }}
@media (min-width:1081px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important
    }}
@media (min-width:1081px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        right: 4.45% !important;
        bottom: 5.2% !important;
        width: 258px !important;
        max-width: 258px !important;
        min-width: 0 !important;
        height: 54px !important;
        min-height: 54px !important;
        padding: 0 6px 0 17px !important;
        gap: 8px !important
    }}
@media (min-width:1081px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 14.2px !important
    }}
@media (min-width:992px) and (max-width:1080px){html body.contact-page .about-app-hero-scope .top-svg-section{
        padding: 14px 10px 50px !important;
        margin: 0 0 72px !important
    }}
@media (min-width:992px) and (max-width:1080px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important
    }}
@media (min-width:992px) and (max-width:1080px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        right: 4.15% !important;
        bottom: 5.0% !important;
        width: 238px !important;
        max-width: 238px !important;
        min-width: 0 !important;
        height: 51px !important;
        min-height: 51px !important;
        padding: 0 5px 0 15px !important;
        gap: 7px !important
    }}
@media (min-width:992px) and (max-width:1080px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 13px !important
    }}
@media (min-width:992px) and (max-width:1080px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        font-size: 24px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-svg-section{
        padding: 14px 10px 46px !important;
        margin: 0 0 68px !important;
        overflow: visible !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap,
html body.contact-page .about-app-hero-scope .top-svg-section .mobile-dev-hero{
        display: none !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        overflow: visible !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-svg-section .about-app-desktop-svg{
        height: auto !important;
        border-radius: 0 !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta{
        right: 4.0% !important;
        bottom: 4.75% !important;
        width: 216px !important;
        max-width: 216px !important;
        min-width: 0 !important;
        height: 47px !important;
        min-height: 47px !important;
        padding: 0 5px 0 13px !important;
        gap: 6px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 12.2px !important
    }}
html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
    position: absolute !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    z-index: 120 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    white-space: nowrap !important
}
@media (min-width:1920px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: 4.82% !important;
        bottom: 5.25% !important;
        width: clamp(382px, 16.7vw, 428px) !important;
        max-width: clamp(382px, 16.7vw, 428px) !important;
        min-width: 0 !important;
        height: clamp(72px, 3.1vw, 82px) !important;
        min-height: clamp(72px, 3.1vw, 82px) !important;
        padding: 0 clamp(12px, 0.65vw, 17px) 0 clamp(32px, 1.45vw, 40px) !important;
        gap: clamp(14px, 0.75vw, 18px) !important
    }}
@media (min-width:1920px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: clamp(20px, 0.88vw, 24px) !important
    }}
@media (min-width:1920px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: clamp(58px, 2.45vw, 66px) !important;
        height: clamp(58px, 2.45vw, 66px) !important;
        min-width: clamp(58px, 2.45vw, 66px) !important;
        font-size: clamp(34px, 1.45vw, 40px) !important
    }}
@media (min-width:1200px) and (max-width:1919px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: 4.88% !important;
        bottom: 5.42% !important;
        width: clamp(300px, 22.2vw, 388px) !important;
        max-width: clamp(300px, 22.2vw, 388px) !important;
        min-width: 0 !important;
        height: clamp(60px, 4.65vw, 72px) !important;
        min-height: clamp(60px, 4.65vw, 72px) !important;
        padding: 0 clamp(9px, 0.82vw, 14px) 0 clamp(24px, 1.85vw, 34px) !important;
        gap: clamp(10px, 1vw, 16px) !important
    }}
@media (min-width:1200px) and (max-width:1919px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: clamp(16px, 1.34vw, 22px) !important
    }}
@media (min-width:1200px) and (max-width:1919px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: clamp(48px, 3.55vw, 58px) !important;
        height: clamp(48px, 3.55vw, 58px) !important;
        min-width: clamp(48px, 3.55vw, 58px) !important;
        font-size: clamp(29px, 2.2vw, 37px) !important
    }}
@media (min-width:1081px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: 4.88% !important;
        bottom: 5.38% !important;
        width: 262px !important;
        max-width: 262px !important;
        min-width: 0 !important;
        height: 54px !important;
        min-height: 54px !important;
        padding: 0 6px 0 17px !important;
        gap: 8px !important
    }}
@media (min-width:1081px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 14.3px !important
    }}
@media (min-width:1081px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        font-size: 25px !important
    }}
@media (min-width:992px) and (max-width:1080px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: 4.92% !important;
        bottom: 5.35% !important;
        width: 244px !important;
        max-width: 244px !important;
        min-width: 0 !important;
        height: 52px !important;
        min-height: 52px !important;
        padding: 0 6px 0 15px !important;
        gap: 7px !important
    }}
@media (min-width:992px) and (max-width:1080px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 13.3px !important
    }}
@media (min-width:992px) and (max-width:1080px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 39px !important;
        height: 39px !important;
        min-width: 39px !important;
        font-size: 24px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: 4.95% !important;
        bottom: 5.32% !important;
        width: 222px !important;
        max-width: 222px !important;
        min-width: 0 !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 5px 0 13px !important;
        gap: 6px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 12.4px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        font-size: 22px !important
    }}
html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
    position: absolute !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    z-index: 200 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    white-space: nowrap !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
    margin-left: auto !important;
    flex: 0 0 auto !important;
    transform: none !important
}
@media (min-width:1920px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: 2.65% !important;
        bottom: 5.55% !important;
        width: clamp(376px, 15.6vw, 416px) !important;
        max-width: clamp(376px, 15.6vw, 416px) !important;
        height: clamp(72px, 3vw, 80px) !important;
        min-height: clamp(72px, 3vw, 80px) !important;
        padding: 0 clamp(10px, .58vw, 15px) 0 clamp(28px, 1.2vw, 36px) !important;
        gap: 14px !important
    }}
@media (min-width:1920px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: clamp(19px, .82vw, 23px) !important
    }}
@media (min-width:1920px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: clamp(58px, 2.35vw, 64px) !important;
        height: clamp(58px, 2.35vw, 64px) !important;
        min-width: clamp(58px, 2.35vw, 64px) !important;
        font-size: clamp(34px, 1.38vw, 39px) !important
    }}
@media (min-width:1200px) and (max-width:1919px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: 2.25% !important;
        bottom: 5.85% !important;
        width: clamp(286px, 20.2vw, 346px) !important;
        max-width: clamp(286px, 20.2vw, 346px) !important;
        height: clamp(58px, 4.25vw, 66px) !important;
        min-height: clamp(58px, 4.25vw, 66px) !important;
        padding: 0 clamp(8px, .72vw, 12px) 0 clamp(22px, 1.5vw, 30px) !important;
        gap: clamp(8px, .8vw, 13px) !important
    }}
@media (min-width:1200px) and (max-width:1919px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: clamp(15px, 1.18vw, 19px) !important
    }}
@media (min-width:1200px) and (max-width:1919px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: clamp(47px, 3.35vw, 54px) !important;
        height: clamp(47px, 3.35vw, 54px) !important;
        min-width: clamp(47px, 3.35vw, 54px) !important;
        font-size: clamp(28px, 2.05vw, 34px) !important
    }}
@media (min-width:1081px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: 2.15% !important;
        bottom: 5.75% !important;
        width: 248px !important;
        max-width: 248px !important;
        height: 52px !important;
        min-height: 52px !important;
        padding: 0 6px 0 15px !important;
        gap: 7px !important
    }}
@media (min-width:1081px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 13.6px !important
    }}
@media (min-width:1081px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 39px !important;
        height: 39px !important;
        min-width: 39px !important;
        font-size: 24px !important
    }}
@media (min-width:992px) and (max-width:1080px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: 2.05% !important;
        bottom: 5.65% !important;
        width: 232px !important;
        max-width: 232px !important;
        height: 50px !important;
        min-height: 50px !important;
        padding: 0 5px 0 14px !important;
        gap: 6px !important
    }}
@media (min-width:992px) and (max-width:1080px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 12.8px !important
    }}
@media (min-width:992px) and (max-width:1080px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 37px !important;
        height: 37px !important;
        min-width: 37px !important;
        font-size: 23px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: 2.0% !important;
        bottom: 5.55% !important;
        width: 214px !important;
        max-width: 214px !important;
        height: 47px !important;
        min-height: 47px !important;
        padding: 0 5px 0 12px !important;
        gap: 6px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 12px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 35px !important;
        height: 35px !important;
        min-width: 35px !important;
        font-size: 22px !important
    }}
html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
    position: relative !important;
    overflow: visible !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
    position: absolute !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    z-index: 300 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    white-space: nowrap !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
    flex: 0 0 auto !important;
    margin-left: auto !important;
    transform: none !important
}
@media (min-width:1920px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: clamp(16px, 0.85vw, 24px) !important;
        bottom: clamp(8px, 0.45vw, 14px) !important;
        width: clamp(358px, 15vw, 400px) !important;
        max-width: clamp(358px, 15vw, 400px) !important;
        height: clamp(68px, 2.75vw, 76px) !important;
        min-height: clamp(68px, 2.75vw, 76px) !important;
        padding: 0 clamp(10px, 0.55vw, 14px) 0 clamp(28px, 1.16vw, 34px) !important;
        gap: 12px !important
    }}
@media (min-width:1920px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: clamp(18px, 0.78vw, 22px) !important;
        line-height: 1 !important
    }}
@media (min-width:1920px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: clamp(54px, 2.25vw, 62px) !important;
        height: clamp(54px, 2.25vw, 62px) !important;
        min-width: clamp(54px, 2.25vw, 62px) !important;
        font-size: clamp(32px, 1.32vw, 38px) !important
    }}
@media (min-width:1200px) and (max-width:1919px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: clamp(9px, 0.85vw, 16px) !important;
        bottom: clamp(6px, 0.55vw, 10px) !important;
        width: clamp(278px, 19.7vw, 318px) !important;
        max-width: clamp(278px, 19.7vw, 318px) !important;
        height: clamp(52px, 3.75vw, 59px) !important;
        min-height: clamp(52px, 3.75vw, 59px) !important;
        padding: 0 clamp(7px, 0.6vw, 10px) 0 clamp(21px, 1.38vw, 27px) !important;
        gap: 8px !important
    }}
@media (min-width:1200px) and (max-width:1919px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: clamp(14.5px, 1.08vw, 17.5px) !important;
        line-height: 1 !important
    }}
@media (min-width:1200px) and (max-width:1919px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: clamp(44px, 3.15vw, 51px) !important;
        height: clamp(44px, 3.15vw, 51px) !important;
        min-width: clamp(44px, 3.15vw, 51px) !important;
        font-size: clamp(26px, 1.9vw, 32px) !important
    }}
@media (min-width:1081px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: 9px !important;
        bottom: 8px !important;
        width: 238px !important;
        max-width: 238px !important;
        height: 50px !important;
        min-height: 50px !important;
        padding: 0 5px 0 14px !important;
        gap: 6px !important
    }}
@media (min-width:1081px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 13px !important;
        line-height: 1 !important
    }}
@media (min-width:1081px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 37px !important;
        height: 37px !important;
        min-width: 37px !important;
        font-size: 23px !important
    }}
@media (min-width:992px) and (max-width:1080px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: 8px !important;
        bottom: 7px !important;
        width: 224px !important;
        max-width: 224px !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 5px 0 13px !important;
        gap: 6px !important
    }}
@media (min-width:992px) and (max-width:1080px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 12.3px !important;
        line-height: 1 !important
    }}
@media (min-width:992px) and (max-width:1080px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        font-size: 22px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: 7px !important;
        bottom: 6px !important;
        width: 207px !important;
        max-width: 207px !important;
        height: 45px !important;
        min-height: 45px !important;
        padding: 0 5px 0 12px !important;
        gap: 5px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child{
        font-size: 12px !important;
        line-height: 1 !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow{
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        font-size: 21px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        position: relative !important;
        overflow: visible !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: 9px !important;
        bottom: -2px !important;
        width: 174px !important;
        max-width: 174px !important;
        min-width: 174px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 4px 0 11px !important;
        gap: 5px !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        border: 1px solid #111 !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        white-space: nowrap !important;
        transform: none !important;
        z-index: 400 !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child,
html body.contact-page .about-app-hero-scope a.top-dev-cta>span:first-child{
        font-size: 12px !important;
        line-height: 1 !important;
        letter-spacing: -0.04em !important;
        white-space: nowrap !important;
        color: #000 !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope a.top-dev-cta .top-dev-arrow{
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        flex: 0 0 30px !important;
        font-size: 19px !important;
        line-height: 1 !important;
        margin-left: auto !important;
        transform: none !important
    }}
@media (min-width:768px) and (max-width:820px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        right: 7px !important;
        bottom: -2px !important;
        width: 166px !important;
        max-width: 166px !important;
        min-width: 166px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding-left: 10px !important;
        padding-right: 4px !important
    }}
@media (min-width:768px) and (max-width:820px){html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child,
html body.contact-page .about-app-hero-scope a.top-dev-cta>span:first-child{
        font-size: 12px !important
    }}
@media (min-width:768px) and (max-width:820px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope a.top-dev-cta .top-dev-arrow{
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        flex-basis: 28px !important;
        font-size: 18px !important
    }}
html body.contact-page .about-app-hero-scope a.build-btn,
html body.contact-page .about-app-hero-scope button.build-btn,
html body.contact-page .about-app-hero-scope a.meeting-btn,
html body.contact-page .about-app-hero-scope button.meeting-btn,
html body.contact-page .about-app-hero-scope a.portfolio-btn,
html body.contact-page .about-app-hero-scope button.portfolio-btn,
html body.contact-page .about-app-hero-scope a.strategy-btn,
html body.contact-page .about-app-hero-scope button.strategy-btn,
html body.contact-page .about-app-hero-scope a.top-dev-cta,
html body.contact-page .about-app-hero-scope button.top-dev-cta,
html body.contact-page .about-app-hero-scope a.view-btn,
html body.contact-page .about-app-hero-scope button.view-btn,
html body.contact-page .about-app-hero-scope .lets-talk-section a,
html body.contact-page .about-app-hero-scope .lets-talk-section button:not(.faq-question),
html body.contact-page .about-app-hero-scope .engagement-section a[class*="btn"],
html body.contact-page .about-app-hero-scope .engagement-section button[class*="btn"],
html body.contact-page .about-app-hero-scope .fullcycle-section a[class*="btn"],
html body.contact-page .about-app-hero-scope .fullcycle-section button[class*="btn"],
html body.contact-page .about-app-hero-scope .past-projects-section a[class*="btn"],
html body.contact-page .about-app-hero-scope .past-projects-section button[class*="btn"]{
    background: #26D06A !important;
    background-color: #26D06A !important;
    color: #ffffff !important;
    border: 1.5px solid #26D06A !important;
    border-top-left-radius: 18.75px !important;
    border-top-right-radius: 18.75px !important;
    border-bottom-right-radius: 18.75px !important;
    border-bottom-left-radius: 18.75px !important;
    border-radius: 18.75px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background-color 0.28s ease, color 0.28s ease, border-color 0.28s ease, transform 0.28s ease !important
}
html body.contact-page .about-app-hero-scope a.build-btn:hover,
html body.contact-page .about-app-hero-scope button.build-btn:hover,
html body.contact-page .about-app-hero-scope a.meeting-btn:hover,
html body.contact-page .about-app-hero-scope button.meeting-btn:hover,
html body.contact-page .about-app-hero-scope a.portfolio-btn:hover,
html body.contact-page .about-app-hero-scope button.portfolio-btn:hover,
html body.contact-page .about-app-hero-scope a.strategy-btn:hover,
html body.contact-page .about-app-hero-scope button.strategy-btn:hover,
html body.contact-page .about-app-hero-scope a.top-dev-cta:hover,
html body.contact-page .about-app-hero-scope button.top-dev-cta:hover,
html body.contact-page .about-app-hero-scope a.view-btn:hover,
html body.contact-page .about-app-hero-scope button.view-btn:hover,
html body.contact-page .about-app-hero-scope .lets-talk-section a:hover,
html body.contact-page .about-app-hero-scope .lets-talk-section button:not(.faq-question):hover,
html body.contact-page .about-app-hero-scope .engagement-section a[class*="btn"]:hover,
html body.contact-page .about-app-hero-scope .engagement-section button[class*="btn"]:hover,
html body.contact-page .about-app-hero-scope .fullcycle-section a[class*="btn"]:hover,
html body.contact-page .about-app-hero-scope .fullcycle-section button[class*="btn"]:hover,
html body.contact-page .about-app-hero-scope .past-projects-section a[class*="btn"]:hover,
html body.contact-page .about-app-hero-scope .past-projects-section button[class*="btn"]:hover{
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0D2D52 !important;
    border-color: #26D06A !important;
    box-shadow: none !important
}
html body.contact-page .about-app-hero-scope a.build-btn *,
html body.contact-page .about-app-hero-scope button.build-btn *,
html body.contact-page .about-app-hero-scope a.meeting-btn *,
html body.contact-page .about-app-hero-scope button.meeting-btn *,
html body.contact-page .about-app-hero-scope a.portfolio-btn *,
html body.contact-page .about-app-hero-scope button.portfolio-btn *,
html body.contact-page .about-app-hero-scope a.strategy-btn *,
html body.contact-page .about-app-hero-scope button.strategy-btn *,
html body.contact-page .about-app-hero-scope a.top-dev-cta *,
html body.contact-page .about-app-hero-scope button.top-dev-cta *,
html body.contact-page .about-app-hero-scope a.view-btn *,
html body.contact-page .about-app-hero-scope button.view-btn *{
    color: inherit !important;
    fill: currentColor !important;
    stroke: currentColor !important
}
html body.contact-page .about-app-hero-scope a.build-btn svg,
html body.contact-page .about-app-hero-scope button.build-btn svg,
html body.contact-page .about-app-hero-scope a.meeting-btn svg,
html body.contact-page .about-app-hero-scope button.meeting-btn svg,
html body.contact-page .about-app-hero-scope a.portfolio-btn svg,
html body.contact-page .about-app-hero-scope button.portfolio-btn svg,
html body.contact-page .about-app-hero-scope a.strategy-btn svg,
html body.contact-page .about-app-hero-scope button.strategy-btn svg,
html body.contact-page .about-app-hero-scope a.top-dev-cta svg,
html body.contact-page .about-app-hero-scope button.top-dev-cta svg,
html body.contact-page .about-app-hero-scope a.view-btn svg,
html body.contact-page .about-app-hero-scope button.view-btn svg,
html body.contact-page .about-app-hero-scope .lets-talk-section a svg,
html body.contact-page .about-app-hero-scope .lets-talk-section button:not(.faq-question) svg,
html body.contact-page .about-app-hero-scope .engagement-section a[class*="btn"] svg,
html body.contact-page .about-app-hero-scope .engagement-section button[class*="btn"] svg,
html body.contact-page .about-app-hero-scope .fullcycle-section a[class*="btn"] svg,
html body.contact-page .about-app-hero-scope .fullcycle-section button[class*="btn"] svg,
html body.contact-page .about-app-hero-scope .past-projects-section a[class*="btn"] svg,
html body.contact-page .about-app-hero-scope .past-projects-section button[class*="btn"] svg{
    color: #ffffff !important;
    fill: none !important;
    stroke: #ffffff !important;
    stroke-width: 2.4px !important;
    opacity: 1 !important;
    visibility: visible !important
}
html body.contact-page .about-app-hero-scope a.build-btn svg *,
html body.contact-page .about-app-hero-scope button.build-btn svg *,
html body.contact-page .about-app-hero-scope a.meeting-btn svg *,
html body.contact-page .about-app-hero-scope button.meeting-btn svg *,
html body.contact-page .about-app-hero-scope a.portfolio-btn svg *,
html body.contact-page .about-app-hero-scope button.portfolio-btn svg *,
html body.contact-page .about-app-hero-scope a.strategy-btn svg *,
html body.contact-page .about-app-hero-scope button.strategy-btn svg *,
html body.contact-page .about-app-hero-scope a.top-dev-cta svg *,
html body.contact-page .about-app-hero-scope button.top-dev-cta svg *,
html body.contact-page .about-app-hero-scope a.view-btn svg *,
html body.contact-page .about-app-hero-scope button.view-btn svg *,
html body.contact-page .about-app-hero-scope .lets-talk-section a svg *,
html body.contact-page .about-app-hero-scope .lets-talk-section button:not(.faq-question) svg *,
html body.contact-page .about-app-hero-scope .engagement-section a[class*="btn"] svg *,
html body.contact-page .about-app-hero-scope .engagement-section button[class*="btn"] svg *,
html body.contact-page .about-app-hero-scope .fullcycle-section a[class*="btn"] svg *,
html body.contact-page .about-app-hero-scope .fullcycle-section button[class*="btn"] svg *,
html body.contact-page .about-app-hero-scope .past-projects-section a[class*="btn"] svg *,
html body.contact-page .about-app-hero-scope .past-projects-section button[class*="btn"] svg *{
    stroke: currentColor !important;
    fill: none !important;
    opacity: 1 !important
}
html body.contact-page .about-app-hero-scope a.build-btn:hover svg,
html body.contact-page .about-app-hero-scope button.build-btn:hover svg,
html body.contact-page .about-app-hero-scope a.meeting-btn:hover svg,
html body.contact-page .about-app-hero-scope button.meeting-btn:hover svg,
html body.contact-page .about-app-hero-scope a.portfolio-btn:hover svg,
html body.contact-page .about-app-hero-scope button.portfolio-btn:hover svg,
html body.contact-page .about-app-hero-scope a.strategy-btn:hover svg,
html body.contact-page .about-app-hero-scope button.strategy-btn:hover svg,
html body.contact-page .about-app-hero-scope a.top-dev-cta:hover svg,
html body.contact-page .about-app-hero-scope button.top-dev-cta:hover svg,
html body.contact-page .about-app-hero-scope a.view-btn:hover svg,
html body.contact-page .about-app-hero-scope button.view-btn:hover svg,
html body.contact-page .about-app-hero-scope .lets-talk-section a:hover svg,
html body.contact-page .about-app-hero-scope .lets-talk-section button:not(.faq-question):hover svg,
html body.contact-page .about-app-hero-scope .engagement-section a[class*="btn"]:hover svg,
html body.contact-page .about-app-hero-scope .engagement-section button[class*="btn"]:hover svg,
html body.contact-page .about-app-hero-scope .fullcycle-section a[class*="btn"]:hover svg,
html body.contact-page .about-app-hero-scope .fullcycle-section button[class*="btn"]:hover svg,
html body.contact-page .about-app-hero-scope .past-projects-section a[class*="btn"]:hover svg,
html body.contact-page .about-app-hero-scope .past-projects-section button[class*="btn"]:hover svg{
    color: #0D2D52 !important;
    stroke: #0D2D52 !important
}
html body.contact-page .about-app-hero-scope a.build-btn::before,
html body.contact-page .about-app-hero-scope a.build-btn::after,
html body.contact-page .about-app-hero-scope button.build-btn::before,
html body.contact-page .about-app-hero-scope button.build-btn::after,
html body.contact-page .about-app-hero-scope a.meeting-btn::before,
html body.contact-page .about-app-hero-scope a.meeting-btn::after,
html body.contact-page .about-app-hero-scope button.meeting-btn::before,
html body.contact-page .about-app-hero-scope button.meeting-btn::after,
html body.contact-page .about-app-hero-scope a.portfolio-btn::before,
html body.contact-page .about-app-hero-scope a.portfolio-btn::after,
html body.contact-page .about-app-hero-scope button.portfolio-btn::before,
html body.contact-page .about-app-hero-scope button.portfolio-btn::after,
html body.contact-page .about-app-hero-scope a.strategy-btn::before,
html body.contact-page .about-app-hero-scope a.strategy-btn::after,
html body.contact-page .about-app-hero-scope button.strategy-btn::before,
html body.contact-page .about-app-hero-scope button.strategy-btn::after,
html body.contact-page .about-app-hero-scope a.top-dev-cta::before,
html body.contact-page .about-app-hero-scope a.top-dev-cta::after,
html body.contact-page .about-app-hero-scope button.top-dev-cta::before,
html body.contact-page .about-app-hero-scope button.top-dev-cta::after,
html body.contact-page .about-app-hero-scope a.view-btn::before,
html body.contact-page .about-app-hero-scope a.view-btn::after,
html body.contact-page .about-app-hero-scope button.view-btn::before,
html body.contact-page .about-app-hero-scope button.view-btn::after{
    border-color: #ffffff !important;
    background-color: #ffffff !important;
    opacity: 1 !important
}
html body.contact-page .about-app-hero-scope a.build-btn:hover::before,
html body.contact-page .about-app-hero-scope a.build-btn:hover::after,
html body.contact-page .about-app-hero-scope button.build-btn:hover::before,
html body.contact-page .about-app-hero-scope button.build-btn:hover::after,
html body.contact-page .about-app-hero-scope a.meeting-btn:hover::before,
html body.contact-page .about-app-hero-scope a.meeting-btn:hover::after,
html body.contact-page .about-app-hero-scope button.meeting-btn:hover::before,
html body.contact-page .about-app-hero-scope button.meeting-btn:hover::after,
html body.contact-page .about-app-hero-scope a.portfolio-btn:hover::before,
html body.contact-page .about-app-hero-scope a.portfolio-btn:hover::after,
html body.contact-page .about-app-hero-scope button.portfolio-btn:hover::before,
html body.contact-page .about-app-hero-scope button.portfolio-btn:hover::after,
html body.contact-page .about-app-hero-scope a.strategy-btn:hover::before,
html body.contact-page .about-app-hero-scope a.strategy-btn:hover::after,
html body.contact-page .about-app-hero-scope button.strategy-btn:hover::before,
html body.contact-page .about-app-hero-scope button.strategy-btn:hover::after,
html body.contact-page .about-app-hero-scope a.top-dev-cta:hover::before,
html body.contact-page .about-app-hero-scope a.top-dev-cta:hover::after,
html body.contact-page .about-app-hero-scope button.top-dev-cta:hover::before,
html body.contact-page .about-app-hero-scope button.top-dev-cta:hover::after,
html body.contact-page .about-app-hero-scope a.view-btn:hover::before,
html body.contact-page .about-app-hero-scope a.view-btn:hover::after,
html body.contact-page .about-app-hero-scope button.view-btn:hover::before,
html body.contact-page .about-app-hero-scope button.view-btn:hover::after{
    border-color: #0D2D52 !important;
    background-color: #0D2D52 !important
}
html body.contact-page .about-app-hero-scope a.top-dev-cta,
html body.contact-page .about-app-hero-scope button.top-dev-cta{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(18px, 1.6vw, 30px) !important
}
html body.contact-page .about-app-hero-scope a.top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope button.top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope a.top-dev-cta>span:last-child,
html body.contact-page .about-app-hero-scope button.top-dev-cta>span:last-child{
    width: clamp(48px, 3.8vw, 62px) !important;
    height: clamp(48px, 3.8vw, 62px) !important;
    min-width: clamp(48px, 3.8vw, 62px) !important;
    min-height: clamp(48px, 3.8vw, 62px) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0D2D52 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: clamp(26px, 1.9vw, 36px) !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-left: clamp(16px, 1.2vw, 24px) !important;
    transform: none !important
}
html body.contact-page .about-app-hero-scope a.top-dev-cta:hover .top-dev-arrow,
html body.contact-page .about-app-hero-scope button.top-dev-cta:hover .top-dev-arrow,
html body.contact-page .about-app-hero-scope a.top-dev-cta:hover>span:last-child,
html body.contact-page .about-app-hero-scope button.top-dev-cta:hover>span:last-child{
    background: #26D06A !important;
    background-color: #26D06A !important;
    color: #0D2D52 !important
}
html body.contact-page .about-app-hero-scope a.top-dev-cta svg,
html body.contact-page .about-app-hero-scope button.top-dev-cta svg,
html body.contact-page .about-app-hero-scope a.top-dev-cta svg *,
html body.contact-page .about-app-hero-scope button.top-dev-cta svg *{
    color: inherit !important;
    stroke: currentColor !important;
    fill: none !important;
    opacity: 1 !important;
    visibility: visible !important
}
@media (max-width:768px){html body.contact-page .about-app-hero-scope a.build-btn,
html body.contact-page .about-app-hero-scope button.build-btn,
html body.contact-page .about-app-hero-scope a.meeting-btn,
html body.contact-page .about-app-hero-scope button.meeting-btn,
html body.contact-page .about-app-hero-scope a.portfolio-btn,
html body.contact-page .about-app-hero-scope button.portfolio-btn,
html body.contact-page .about-app-hero-scope a.strategy-btn,
html body.contact-page .about-app-hero-scope button.strategy-btn,
html body.contact-page .about-app-hero-scope a.top-dev-cta,
html body.contact-page .about-app-hero-scope button.top-dev-cta,
html body.contact-page .about-app-hero-scope a.view-btn,
html body.contact-page .about-app-hero-scope button.view-btn{
        min-height: 58px !important;
        padding: 10px 10px 10px 22px !important;
        font-size: 15px !important;
        line-height: 1 !important;
        width: 100% !important;
        max-width: 360px !important;
        justify-content: space-between !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope a.build-btn>span,
html body.contact-page .about-app-hero-scope button.build-btn>span,
html body.contact-page .about-app-hero-scope a.top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope button.top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope a.top-dev-cta>span:last-child,
html body.contact-page .about-app-hero-scope button.top-dev-cta>span:last-child{
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        font-size: 25px !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope a.build-btn,
html body.contact-page .about-app-hero-scope button.build-btn,
html body.contact-page .about-app-hero-scope a.meeting-btn,
html body.contact-page .about-app-hero-scope button.meeting-btn,
html body.contact-page .about-app-hero-scope a.portfolio-btn,
html body.contact-page .about-app-hero-scope button.portfolio-btn,
html body.contact-page .about-app-hero-scope a.strategy-btn,
html body.contact-page .about-app-hero-scope button.strategy-btn,
html body.contact-page .about-app-hero-scope a.top-dev-cta,
html body.contact-page .about-app-hero-scope button.top-dev-cta,
html body.contact-page .about-app-hero-scope a.view-btn,
html body.contact-page .about-app-hero-scope button.view-btn{
        min-height: 54px !important;
        font-size: 13.5px !important;
        font-weight: 600 !important;
        letter-spacing: -0.02em !important;
        padding: 8px 8px 8px 18px !important;
        max-width: 320px !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope a.build-btn>span,
html body.contact-page .about-app-hero-scope button.build-btn>span,
html body.contact-page .about-app-hero-scope a.top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope button.top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope a.top-dev-cta>span:last-child,
html body.contact-page .about-app-hero-scope button.top-dev-cta>span:last-child{
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        font-size: 22px !important
    }}
@media (max-width:430px){html body.contact-page .about-app-hero-scope a.build-btn,
html body.contact-page .about-app-hero-scope button.build-btn,
html body.contact-page .about-app-hero-scope a.meeting-btn,
html body.contact-page .about-app-hero-scope button.meeting-btn,
html body.contact-page .about-app-hero-scope a.portfolio-btn,
html body.contact-page .about-app-hero-scope button.portfolio-btn,
html body.contact-page .about-app-hero-scope a.strategy-btn,
html body.contact-page .about-app-hero-scope button.strategy-btn,
html body.contact-page .about-app-hero-scope a.top-dev-cta,
html body.contact-page .about-app-hero-scope button.top-dev-cta,
html body.contact-page .about-app-hero-scope a.view-btn,
html body.contact-page .about-app-hero-scope button.view-btn{
        min-height: 52px !important;
        font-size: 13px !important;
        max-width: 300px !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-dev-arrow,
html body.contact-page .about-app-hero-scope .build-btn span,
html body.contact-page .about-app-hero-scope .strategy-btn .arrow-circle,
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope .why-clients-section .strategy-btn .arrow-circle{
        background: transparent !important;
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important
    }}
@media (max-width:768px){html body.contact-page .about-app-hero-scope .top-dev-arrow,
html body.contact-page .about-app-hero-scope .build-btn span,
html body.contact-page .about-app-hero-scope .strategy-btn .arrow-circle,
html body.contact-page .about-app-hero-scope .strategy-btn .arrow-circle svg,
html body.contact-page .about-app-hero-scope .strategy-btn .arrow-circle svg path{
        color: #050505 !important;
        stroke: #050505 !important;
        fill: none !important
    }}
@media (max-width:1180px){html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope a.top-dev-cta span.top-dev-arrow{
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
        color: #050505 !important;
        text-shadow: none !important
    }}
@media (max-width:1180px){html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta .top-dev-arrow::before,
html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta .top-dev-arrow::after,
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow::before,
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow::after{
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        content: none !important;
        display: none !important
    }}
@media (max-width:1180px){html body.contact-page .about-app-hero-scope .mobile-dev-hero .mobile-dev-arrow,
html body.contact-page .about-app-hero-scope .mobile-dev-image .mobile-dev-arrow,
html body.contact-page .about-app-hero-scope a.mobile-dev-arrow{
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
        color: #050505 !important;
        text-shadow: none !important
    }}
@media (max-width:1180px){html body.contact-page .about-app-hero-scope .mobile-dev-hero .mobile-dev-arrow::before,
html body.contact-page .about-app-hero-scope .mobile-dev-hero .mobile-dev-arrow::after,
html body.contact-page .about-app-hero-scope .mobile-dev-image .mobile-dev-arrow::before,
html body.contact-page .about-app-hero-scope .mobile-dev-image .mobile-dev-arrow::after,
html body.contact-page .about-app-hero-scope a.mobile-dev-arrow::before,
html body.contact-page .about-app-hero-scope a.mobile-dev-arrow::after{
        content: none !important;
        display: none !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important
    }}
@media (max-width:1180px){html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope .mobile-dev-hero .mobile-dev-arrow,
html body.contact-page .about-app-hero-scope .mobile-dev-image .mobile-dev-arrow,
html body.contact-page .about-app-hero-scope a.mobile-dev-arrow{
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
        color: #050505 !important;
        text-shadow: none !important
    }}
@media (max-width:1180px){html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta .top-dev-arrow::before,
html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta .top-dev-arrow::after,
html body.contact-page .about-app-hero-scope .mobile-dev-hero .mobile-dev-arrow::before,
html body.contact-page .about-app-hero-scope .mobile-dev-hero .mobile-dev-arrow::after,
html body.contact-page .about-app-hero-scope .mobile-dev-image .mobile-dev-arrow::before,
html body.contact-page .about-app-hero-scope .mobile-dev-image .mobile-dev-arrow::after,
html body.contact-page .about-app-hero-scope a.mobile-dev-arrow::before,
html body.contact-page .about-app-hero-scope a.mobile-dev-arrow::after{
        content: none !important;
        display: none !important;
        background: transparent !important;
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important
    }}
@media (max-width:1180px){html body.contact-page .about-app-hero-scope .mobile-dev-hero .mobile-dev-arrow,
html body.contact-page .about-app-hero-scope .mobile-dev-image .mobile-dev-arrow,
html body.contact-page .about-app-hero-scope a.mobile-dev-arrow,
html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta .top-dev-arrow{
        background: #26D06A !important;
        background-color: #26D06A !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
        color: #050505 !important
    }}
@media (max-width:1180px){html body.contact-page .about-app-hero-scope .mobile-dev-hero .mobile-dev-arrow::before,
html body.contact-page .about-app-hero-scope .mobile-dev-hero .mobile-dev-arrow::after,
html body.contact-page .about-app-hero-scope .mobile-dev-image .mobile-dev-arrow::before,
html body.contact-page .about-app-hero-scope .mobile-dev-image .mobile-dev-arrow::after,
html body.contact-page .about-app-hero-scope a.mobile-dev-arrow::before,
html body.contact-page .about-app-hero-scope a.mobile-dev-arrow::after{
        background: #26D06A !important;
        background-color: #26D06A !important;
        box-shadow: none !important
    }}
html body.contact-page .about-app-hero-scope section,
html body.contact-page .about-app-hero-scope .top-svg-section,
html body.contact-page .about-app-hero-scope .fullcycle-section,
html body.contact-page .about-app-hero-scope .tech-section,
html body.contact-page .about-app-hero-scope .past-projects-section,
html body.contact-page .about-app-hero-scope .engagement-section,
html body.contact-page .about-app-hero-scope .why-clients-section,
html body.contact-page .about-app-hero-scope .faq-section,
html body.contact-page .about-app-hero-scope .lets-talk-section{
    background: #ffffff !important;
    background-color: #ffffff !important
}
html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta,
html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta *,
html body.contact-page .about-app-hero-scope .mobile-dev-hero .mobile-dev-arrow,
html body.contact-page .about-app-hero-scope .mobile-dev-hero .mobile-dev-arrow *,
html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta,
html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta *,
html body.contact-page .about-app-hero-scope .mobile-dev-hero .mobile-dev-arrow,
html body.contact-page .about-app-hero-scope .mobile-dev-hero .mobile-dev-arrow *{
    all: revert-layer
}
html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta,
html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
    background: #26D06A !important;
    background-color: #26D06A !important;
    border-color: #26D06A !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta span,
html body.contact-page .about-app-hero-scope a.top-dev-cta span,
html body.contact-page .about-app-hero-scope .top-dev-cta span,
html body.contact-page .about-app-hero-scope a.top-dev-cta span{
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope a.top-dev-cta .top-dev-arrow{
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #050505 !important;
    -webkit-text-fill-color: #050505 !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta:hover,
html body.contact-page .about-app-hero-scope a.top-dev-cta:hover,
html body.contact-page .about-app-hero-scope .top-dev-cta:hover,
html body.contact-page .about-app-hero-scope a.top-dev-cta:hover{
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #26D06A !important;
    color: #050505 !important;
    -webkit-text-fill-color: #050505 !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta:hover span,
html body.contact-page .about-app-hero-scope a.top-dev-cta:hover span,
html body.contact-page .about-app-hero-scope .top-dev-cta:hover span,
html body.contact-page .about-app-hero-scope a.top-dev-cta:hover span{
    color: #050505 !important;
    -webkit-text-fill-color: #050505 !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta:hover .top-dev-arrow,
html body.contact-page .about-app-hero-scope a.top-dev-cta:hover .top-dev-arrow{
    background: #26D06A !important;
    background-color: #26D06A !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important
}
html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap{
    position: relative !important
}
html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap .tablet-top-dev-cta{
    display: none !important
}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section{
        width: 100% !important;
        margin: 0 0 var(--section-equal-gap, 76px) 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        overflow: hidden !important
    }}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap{
        display: block !important;
        position: relative !important;
        width: 100% !important;
        max-width: min(92vw, 760px) !important;
        margin: 0 auto !important;
        padding: 0 0 clamp(70px, 9vw, 96px) 0 !important;
        line-height: 0 !important;
        background: #ffffff !important;
        overflow: visible !important
    }}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-img{
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important
    }}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap .tablet-top-dev-cta{
        display: flex !important;
        position: absolute !important;
        left: auto !important;
        top: auto !important;
        right: clamp(16px, 4vw, 42px) !important;
        bottom: clamp(10px, 1.8vw, 20px) !important;
        width: clamp(204px, 27vw, 226px) !important;
        min-width: 204px !important;
        max-width: calc(100% - 32px) !important;
        height: clamp(44px, 6vw, 56px) !important;
        min-height: 44px !important;
        padding: 0 clamp(8px, 1.2vw, 12px) 0 clamp(18px, 2.4vw, 24px) !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        border: 1px solid #26D06A !important;
        background: #26D06A !important;
        background-color: #26D06A !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-size: clamp(11px, 1.65vw, 15px) !important;
        line-height: 1 !important;
        font-weight: 400 !important;
        letter-spacing: -0.015em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        box-shadow: none !important;
        z-index: 20 !important;
        box-sizing: border-box !important
    }}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap .tablet-top-dev-cta span{
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important
    }}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap .tablet-top-dev-cta .top-dev-arrow{
        width: clamp(34px, 5vw, 46px) !important;
        height: clamp(34px, 5vw, 46px) !important;
        min-width: clamp(34px, 5vw, 46px) !important;
        flex: 0 0 clamp(34px, 5vw, 46px) !important;
        border-radius: 50% !important;
        background: #ffffff !important;
        background-color: #ffffff !important;
        color: #050505 !important;
        -webkit-text-fill-color: #050505 !important;
        display: grid !important;
        place-items: center !important;
        font-size: clamp(22px, 3.2vw, 32px) !important;
        line-height: 1 !important;
        font-weight: 400 !important;
        transform: none !important
    }}
@media (max-width:768px),
(min-width:1024px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap .tablet-top-dev-cta{
        display: none !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section{
        position: relative !important;
        overflow: visible !important;
        padding-bottom: clamp(58px, 7vw, 78px) !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap,
html body.contact-page .about-app-hero-scope .top-svg-section .mobile-dev-hero,
html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap .tablet-top-dev-cta{
        display: none !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        display: block !important;
        position: relative !important;
        overflow: visible !important;
        width: 100% !important;
        max-width: 1604px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        line-height: 0 !important;
        transform: none !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.about-app-desktop-svg{
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta{
        position: absolute !important;
        left: auto !important;
        top: auto !important;
        right: clamp(16px, 2.1vw, 22px) !important;
        bottom: clamp(-54px, -4.65vw, -42px) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: clamp(10px, 1.2vw, 12px) !important;
        width: clamp(170px, 20vw, 215px) !important;
        max-width: calc(100% - 32px) !important;
        min-width: 0 !important;
        height: clamp(54px, 5.2vw, 62px) !important;
        min-height: 54px !important;
        padding: 0 clamp(7px, 0.9vw, 8px) 0 clamp(18px, 2vw, 22px) !important;
        background: #26D06A !important;
        background-color: #26D06A !important;
        border: 1.5px solid #26D06A !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-size: clamp(15px, 1.55vw, 18px) !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        letter-spacing: -0.035em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        z-index: 80 !important;
        transform: none !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta>span:first-child{
        display: inline-block !important;
        min-width: 0 !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-size: inherit !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        white-space: nowrap !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta .top-dev-arrow{
        flex: 0 0 clamp(40px, 4.25vw, 44px) !important;
        width: clamp(40px, 4.25vw, 44px) !important;
        height: clamp(40px, 4.25vw, 44px) !important;
        min-width: clamp(40px, 4.25vw, 44px) !important;
        min-height: clamp(40px, 4.25vw, 44px) !important;
        margin-left: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        border: 0 !important;
        background: #ffffff !important;
        background-color: #ffffff !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        font-size: 0 !important;
        line-height: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
        transform: none !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta .top-dev-arrow::before{
        content: "" !important;
        display: block !important;
        width: clamp(22px, 2.35vw, 24px) !important;
        height: clamp(22px, 2.35vw, 24px) !important;
        background: #050505 !important;
        background-color: #050505 !important;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88'%3E%3Cpath d='M61.5 40.8c.3.3.48.73.48 1.16 0 .44-.17.86-.48 1.17L48.33 56.29a1.65 1.65 0 1 1-2.32-2.33l10.35-10.35H25.24a1.65 1.65 0 0 1 0-3.29h31.12L46.01 29.96a1.65 1.65 0 1 1 2.32-2.32L61.5 40.8Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88'%3E%3Cpath d='M61.5 40.8c.3.3.48.73.48 1.16 0 .44-.17.86-.48 1.17L48.33 56.29a1.65 1.65 0 1 1-2.32-2.33l10.35-10.35H25.24a1.65 1.65 0 0 1 0-3.29h31.12L46.01 29.96a1.65 1.65 0 1 1 2.32-2.32L61.5 40.8Z'/%3E%3C/svg%3E") center / contain no-repeat !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta::before,
html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta::after{
        display: none !important;
        content: none !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta:hover{
        background: #ffffff !important;
        background-color: #ffffff !important;
        border-color: #26D06A !important;
        color: #050505 !important;
        -webkit-text-fill-color: #050505 !important;
        transform: none !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta:hover>span:first-child{
        color: #050505 !important;
        -webkit-text-fill-color: #050505 !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta:hover .top-dev-arrow{
        background: #26D06A !important;
        background-color: #26D06A !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta:hover .top-dev-arrow::before{
        background: #ffffff !important;
        background-color: #ffffff !important
    }}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap .tablet-top-dev-cta{
        width: clamp(204px, 27vw, 226px) !important;
        max-width: calc(100% - 32px) !important;
        min-width: 204px !important;
        height: clamp(42px, 4.5vw, 46px) !important;
        min-height: 42px !important;
        padding: 0 clamp(8px, 1.2vw, 12px) 0 clamp(14px, 1.8vw, 20px) !important;
        gap: clamp(8px, 1.2vw, 14px) !important;
        align-items: center !important;
        justify-content: space-between !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        font-size: clamp(11px, 1.35vw, 14px) !important;
        line-height: 1 !important;
        letter-spacing: -0.04em !important;
        white-space: nowrap !important
    }}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap .tablet-top-dev-cta>span:first-child{
        flex: 0 0 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        display: block !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        line-height: 1 !important
    }}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap .tablet-top-dev-cta .top-dev-arrow{
        width: clamp(32px, 3.6vw, 36px) !important;
        height: clamp(32px, 3.6vw, 36px) !important;
        min-width: clamp(32px, 3.6vw, 36px) !important;
        min-height: clamp(32px, 3.6vw, 36px) !important;
        flex: 0 0 clamp(32px, 3.6vw, 36px) !important;
        margin-left: 0 !important;
        font-size: clamp(18px, 2.5vw, 22px) !important;
        line-height: 1 !important
    }}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap .tablet-top-dev-cta:hover{
        background: #ffffff !important;
        background-color: #ffffff !important;
        border-color: #26D06A !important;
        color: #050505 !important;
        -webkit-text-fill-color: #050505 !important
    }}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap .tablet-top-dev-cta:hover>span:first-child{
        color: #050505 !important;
        -webkit-text-fill-color: #050505 !important
    }}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap .tablet-top-dev-cta:hover .top-dev-arrow{
        background: #26D06A !important;
        background-color: #26D06A !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important
    }}
@media (min-width:1024px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta{
        width: clamp(200px, 20vw, 225px) !important;
        height: clamp(44px, 4.2vw, 50px) !important;
        min-height: 44px !important;
        padding: 0 6px 0 clamp(15px, 1.8vw, 18px) !important;
        gap: 7px !important;
        align-items: center !important;
        justify-content: space-between !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        font-size: clamp(12px, 1.25vw, 14px) !important;
        line-height: 1 !important;
        letter-spacing: -0.04em !important
    }}
@media (min-width:1024px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta>span:first-child{
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 45px) !important;
        display: block !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        line-height: 1 !important
    }}
@media (min-width:1024px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta .top-dev-arrow{
        width: clamp(34px, 3.4vw, 38px) !important;
        height: clamp(34px, 3.4vw, 38px) !important;
        min-width: clamp(34px, 3.4vw, 38px) !important;
        min-height: clamp(34px, 3.4vw, 38px) !important;
        flex: 0 0 clamp(34px, 3.4vw, 38px) !important;
        margin-left: 0 !important
    }}
@media (min-width:1024px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta .top-dev-arrow::before{
        width: clamp(18px, 1.9vw, 21px) !important;
        height: clamp(18px, 1.9vw, 21px) !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta{
        width: clamp(210px, 23vw, 238px) !important;
        max-width: calc(100% - 32px) !important;
        min-width: 210px !important;
        height: clamp(42px, 4.5vw, 58px) !important;
        min-height: clamp(42px, 4.5vw, 58px) !important;
        max-height: none !important;
        padding: 0 clamp(6px, 0.8vw, 10px) 0 clamp(14px, 1.6vw, 22px) !important;
        gap: clamp(8px, 1vw, 14px) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        font-size: clamp(11.5px, 1.25vw, 15px) !important;
        line-height: 1 !important;
        letter-spacing: -0.035em !important;
        white-space: nowrap !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta>span:first-child{
        flex: 0 0 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        display: block !important;
        align-items: center !important;
        justify-content: flex-start !important;
        overflow: visible !important;
        white-space: nowrap !important;
        text-overflow: clip !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        z-index: 1 !important;
        transform: translateY(0) !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta .top-dev-arrow{
        flex: 0 0 clamp(34px, 3.7vw, 42px) !important;
        width: clamp(34px, 3.7vw, 42px) !important;
        height: clamp(34px, 3.7vw, 42px) !important;
        min-width: clamp(34px, 3.7vw, 42px) !important;
        min-height: clamp(34px, 3.7vw, 42px) !important;
        margin-left: auto !important;
        position: relative !important;
        z-index: 2 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 0 !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta .top-dev-arrow::before{
        width: clamp(18px, 1.95vw, 22px) !important;
        height: clamp(18px, 1.95vw, 22px) !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        position: relative !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta{
        bottom: clamp(18px, 2.6vw, 32px) !important;
        right: clamp(28px, 4vw, 48px) !important;
        transform: none !important;
        z-index: 50 !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta{
        right: 10px !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope a.top-dev-cta{
        bottom: 0px !important
    }}
@media (min-width:768px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>a.top-dev-cta,
html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta{
        right: 5px !important;
        bottom: 13px !important;
        transform: translateY(10px) !important;
        z-index: 9999 !important
    }}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner,
html body.contact-page .about-app-hero-scope .top-svg-section .mobile-dev-hero{
        display: none !important
    }}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap{
        display: block !important;
        width: 82vw !important;
        max-width: 660px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-bottom: 82px !important;
        transform: none !important
    }}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-img{
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important
    }}
@media (min-width:1024px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap,
html body.contact-page .about-app-hero-scope .top-svg-section .mobile-dev-hero{
        display: none !important
    }}
@media (min-width:1024px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        display: block !important;
        width: 88vw !important;
        max-width: 980px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        transform: none !important
    }}
@media (min-width:1024px) and (max-width:1199px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.about-app-desktop-svg{
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta){
        display: inline-flex !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
        inline-size: fit-content !important;
        min-width: 0 !important;
        min-inline-size: 0 !important;
        max-width: calc(100vw - 36px) !important;
        max-inline-size: calc(100vw - 36px) !important;
        flex: 0 0 auto !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        box-sizing: border-box !important;
        line-height: 1 !important;
        letter-spacing: -0.01em !important;
        text-transform: uppercase !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::before{
        content: none !important;
        display: none !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta) .build-arrow-svg,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)>span.build-arrow-svg{
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        flex: 0 0 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after{
        content: "" !important;
        display: inline-block !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background-color: transparent !important;
        background-image: url("/assets/svg/all-button-arrow.svg") !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 100% 100% !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 2 !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover::after{
        transform: none !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta){
        height: 66px !important;
        min-height: 66px !important;
        max-height: 66px !important;
        padding: 0 4px 0 28px !important;
        gap: 14px !important;
        font-size: 22px !important;
        font-weight: 400 !important}}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after{
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        flex-basis: 56px !important
    }}
@media (max-width:767px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta){
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
        padding: 0 4px 0 22px !important;
        gap: 10px !important;
        font-size: clamp(17px, 4.4vw, 20px) !important;
        font-weight: 400 !important}}
@media (max-width:767px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after{
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
        flex-basis: 46px !important
    }}
@media (max-width:380px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta){
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        padding: 0 3px 0 20px !important;
        gap: 8px !important;
        font-size: 17px !important
    }}
@media (max-width:380px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after{
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        flex-basis: 44px !important
    }}
@media (max-width:340px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta){
        max-width: calc(100vw - 28px) !important;
        max-inline-size: calc(100vw - 28px) !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding: 0 3px 0 18px !important;
        gap: 7px !important;
        font-size: 16px !important
    }}
@media (max-width:340px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after{
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        flex-basis: 42px !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn{
        display: inline-flex !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
        inline-size: fit-content !important;
        min-width: 0 !important;
        min-inline-size: 0 !important;
        max-width: calc(100vw - 32px) !important;
        max-inline-size: calc(100vw - 32px) !important;
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
        padding: 0 7px 0 24px !important;
        gap: 12px !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex: 0 0 auto !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        box-sizing: border-box !important;
        line-height: 1 !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        text-transform: uppercase !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn{
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 600 !important}}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn::before,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn::before,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn::before,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn::before,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn::before{
        content: none !important;
        display: none !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta) .build-arrow-svg,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn .portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn .mobile-link-arrow,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn .arrow-circle,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta) .build-arrow-svg,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn .portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn .mobile-link-arrow,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn .arrow-circle{
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        flex: 0 0 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn::after,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn::after{
        content: "" !important;
        display: inline-block !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        flex: 0 0 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background-color: transparent !important;
        background-image: url("/assets/svg/all-button-arrow.svg") !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 100% 100% !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 2 !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:hover::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:hover::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:hover::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:hover::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:hover::after,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:hover::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:hover::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:hover::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:hover::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:hover::after{
        transform: none !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn{
        max-width: calc(100vw - 64px) !important;
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
        padding: 0 6px 0 28px !important;
        gap: 14px !important;
        font-size: clamp(18px, 2.6vw, 22px) !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn::after,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn::after{
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
        flex-basis: 52px !important
    }}
@media (max-width:767px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn{
        max-width: calc(100vw - 34px) !important;
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
        padding: 0 6px 0 22px !important;
        gap: 10px !important;
        font-size: 14px !important;
        line-height: 20px !important
    }}
@media (max-width:767px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn::after,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn::after{
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        flex-basis: 44px !important
    }}
@media (max-width:360px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn{
        max-width: calc(100vw - 28px) !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding: 0 5px 0 18px !important;
        gap: 8px !important;
        font-size: 14px !important;
        line-height: 20px !important
    }}
@media (max-width:360px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn::after,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn::after{
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        flex-basis: 40px !important
    }}
html body.contact-page .about-app-hero-scope button,
html body.contact-page .about-app-hero-scope button:not(.strategy-btn) span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope button div:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope input[type="button"],
html body.contact-page .about-app-hero-scope input[type="submit"],
html body.contact-page .about-app-hero-scope input[type="reset"],
html body.contact-page .about-app-hero-scope [role="button"],
html body.contact-page .about-app-hero-scope [role="button"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="btn"],
html body.contact-page .about-app-hero-scope a[class*="button"],
html body.contact-page .about-app-hero-scope a[class*="cta"],
html body.contact-page .about-app-hero-scope a[class*="btn"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="button"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="cta"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child,
html body.contact-page .about-app-hero-scope .tablet-top-dev-cta>span:first-child,
html body.contact-page .about-app-hero-scope .mobile-dev-arrow,
html body.contact-page .about-app-hero-scope .build-btn,
html body.contact-page .about-app-hero-scope .build-btn span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope .portfolio-btn,
html body.contact-page .about-app-hero-scope .portfolio-btn span:not(.portfolio-arrow-svg):not(.mobile-link-arrow),
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn span:not(.mobile-link-arrow),
html body.contact-page .about-app-hero-scope .view-btn,
html body.contact-page .about-app-hero-scope .view-btn span,
html body.contact-page .about-app-hero-scope .strategy-btn,
html body.contact-page .about-app-hero-scope .strategy-btn span,
html body.contact-page .about-app-hero-scope .meeting-btn,
html body.contact-page .about-app-hero-scope .meeting-btn span,
html body.contact-page .about-app-hero-scope .faq-question,
html body.contact-page .about-app-hero-scope .faq-question span,
html body.contact-page .about-app-hero-scope .custom-trigger,
html body.contact-page .about-app-hero-scope .custom-trigger span:not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope .trigger-text,
html body.contact-page .about-app-hero-scope .phone-code,
html body.contact-page .about-app-hero-scope .mobile-project-nav,
html body.contact-page .about-app-hero-scope button,
html body.contact-page .about-app-hero-scope button:not(.strategy-btn) span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope button div:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope input[type="button"],
html body.contact-page .about-app-hero-scope input[type="submit"],
html body.contact-page .about-app-hero-scope input[type="reset"],
html body.contact-page .about-app-hero-scope [role="button"],
html body.contact-page .about-app-hero-scope [role="button"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="btn"],
html body.contact-page .about-app-hero-scope a[class*="button"],
html body.contact-page .about-app-hero-scope a[class*="cta"],
html body.contact-page .about-app-hero-scope a[class*="btn"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="button"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="cta"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child,
html body.contact-page .about-app-hero-scope .tablet-top-dev-cta>span:first-child,
html body.contact-page .about-app-hero-scope .mobile-dev-arrow,
html body.contact-page .about-app-hero-scope .build-btn,
html body.contact-page .about-app-hero-scope .build-btn span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope .portfolio-btn,
html body.contact-page .about-app-hero-scope .portfolio-btn span:not(.portfolio-arrow-svg):not(.mobile-link-arrow),
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn span:not(.mobile-link-arrow),
html body.contact-page .about-app-hero-scope .view-btn,
html body.contact-page .about-app-hero-scope .view-btn span,
html body.contact-page .about-app-hero-scope .strategy-btn,
html body.contact-page .about-app-hero-scope .strategy-btn span,
html body.contact-page .about-app-hero-scope .meeting-btn,
html body.contact-page .about-app-hero-scope .meeting-btn span,
html body.contact-page .about-app-hero-scope .faq-question,
html body.contact-page .about-app-hero-scope .faq-question span,
html body.contact-page .about-app-hero-scope .custom-trigger,
html body.contact-page .about-app-hero-scope .custom-trigger span:not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope .trigger-text,
html body.contact-page .about-app-hero-scope .phone-code,
html body.contact-page .about-app-hero-scope .mobile-project-nav{
    line-height: var(--button-desktop-line-height-final) !important
}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope button,
html body.contact-page .about-app-hero-scope button:not(.strategy-btn) span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope button div:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope input[type="button"],
html body.contact-page .about-app-hero-scope input[type="submit"],
html body.contact-page .about-app-hero-scope input[type="reset"],
html body.contact-page .about-app-hero-scope [role="button"],
html body.contact-page .about-app-hero-scope [role="button"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="btn"],
html body.contact-page .about-app-hero-scope a[class*="button"],
html body.contact-page .about-app-hero-scope a[class*="cta"],
html body.contact-page .about-app-hero-scope a[class*="btn"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="button"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="cta"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child,
html body.contact-page .about-app-hero-scope .tablet-top-dev-cta>span:first-child,
html body.contact-page .about-app-hero-scope .mobile-dev-arrow,
html body.contact-page .about-app-hero-scope .build-btn,
html body.contact-page .about-app-hero-scope .build-btn span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope .portfolio-btn,
html body.contact-page .about-app-hero-scope .portfolio-btn span:not(.portfolio-arrow-svg):not(.mobile-link-arrow),
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn span:not(.mobile-link-arrow),
html body.contact-page .about-app-hero-scope .view-btn,
html body.contact-page .about-app-hero-scope .view-btn span,
html body.contact-page .about-app-hero-scope .strategy-btn,
html body.contact-page .about-app-hero-scope .strategy-btn span,
html body.contact-page .about-app-hero-scope .meeting-btn,
html body.contact-page .about-app-hero-scope .meeting-btn span,
html body.contact-page .about-app-hero-scope .faq-question,
html body.contact-page .about-app-hero-scope .faq-question span,
html body.contact-page .about-app-hero-scope .custom-trigger,
html body.contact-page .about-app-hero-scope .custom-trigger span:not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope .trigger-text,
html body.contact-page .about-app-hero-scope .phone-code,
html body.contact-page .about-app-hero-scope .mobile-project-nav,
html body.contact-page .about-app-hero-scope button,
html body.contact-page .about-app-hero-scope button:not(.strategy-btn) span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope button div:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope input[type="button"],
html body.contact-page .about-app-hero-scope input[type="submit"],
html body.contact-page .about-app-hero-scope input[type="reset"],
html body.contact-page .about-app-hero-scope [role="button"],
html body.contact-page .about-app-hero-scope [role="button"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="btn"],
html body.contact-page .about-app-hero-scope a[class*="button"],
html body.contact-page .about-app-hero-scope a[class*="cta"],
html body.contact-page .about-app-hero-scope a[class*="btn"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="button"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="cta"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child,
html body.contact-page .about-app-hero-scope .tablet-top-dev-cta>span:first-child,
html body.contact-page .about-app-hero-scope .mobile-dev-arrow,
html body.contact-page .about-app-hero-scope .build-btn,
html body.contact-page .about-app-hero-scope .build-btn span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope .portfolio-btn,
html body.contact-page .about-app-hero-scope .portfolio-btn span:not(.portfolio-arrow-svg):not(.mobile-link-arrow),
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn span:not(.mobile-link-arrow),
html body.contact-page .about-app-hero-scope .view-btn,
html body.contact-page .about-app-hero-scope .view-btn span,
html body.contact-page .about-app-hero-scope .strategy-btn,
html body.contact-page .about-app-hero-scope .strategy-btn span,
html body.contact-page .about-app-hero-scope .meeting-btn,
html body.contact-page .about-app-hero-scope .meeting-btn span,
html body.contact-page .about-app-hero-scope .faq-question,
html body.contact-page .about-app-hero-scope .faq-question span,
html body.contact-page .about-app-hero-scope .custom-trigger,
html body.contact-page .about-app-hero-scope .custom-trigger span:not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope .trigger-text,
html body.contact-page .about-app-hero-scope .phone-code,
html body.contact-page .about-app-hero-scope .mobile-project-nav{
        line-height: var(--button-tablet-line-height-final) !important
    }}
@media (max-width:767px){html body.contact-page .about-app-hero-scope button,
html body.contact-page .about-app-hero-scope button:not(.strategy-btn) span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope button div:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope input[type="button"],
html body.contact-page .about-app-hero-scope input[type="submit"],
html body.contact-page .about-app-hero-scope input[type="reset"],
html body.contact-page .about-app-hero-scope [role="button"],
html body.contact-page .about-app-hero-scope [role="button"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="btn"],
html body.contact-page .about-app-hero-scope a[class*="button"],
html body.contact-page .about-app-hero-scope a[class*="cta"],
html body.contact-page .about-app-hero-scope a[class*="btn"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="button"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="cta"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child,
html body.contact-page .about-app-hero-scope .tablet-top-dev-cta>span:first-child,
html body.contact-page .about-app-hero-scope .mobile-dev-arrow,
html body.contact-page .about-app-hero-scope .build-btn,
html body.contact-page .about-app-hero-scope .build-btn span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope .portfolio-btn,
html body.contact-page .about-app-hero-scope .portfolio-btn span:not(.portfolio-arrow-svg):not(.mobile-link-arrow),
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn span:not(.mobile-link-arrow),
html body.contact-page .about-app-hero-scope .view-btn,
html body.contact-page .about-app-hero-scope .view-btn span,
html body.contact-page .about-app-hero-scope .strategy-btn,
html body.contact-page .about-app-hero-scope .strategy-btn span,
html body.contact-page .about-app-hero-scope .meeting-btn,
html body.contact-page .about-app-hero-scope .meeting-btn span,
html body.contact-page .about-app-hero-scope .faq-question,
html body.contact-page .about-app-hero-scope .faq-question span,
html body.contact-page .about-app-hero-scope .custom-trigger,
html body.contact-page .about-app-hero-scope .custom-trigger span:not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope .trigger-text,
html body.contact-page .about-app-hero-scope .phone-code,
html body.contact-page .about-app-hero-scope .mobile-project-nav,
html body.contact-page .about-app-hero-scope button,
html body.contact-page .about-app-hero-scope button:not(.strategy-btn) span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope button div:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope input[type="button"],
html body.contact-page .about-app-hero-scope input[type="submit"],
html body.contact-page .about-app-hero-scope input[type="reset"],
html body.contact-page .about-app-hero-scope [role="button"],
html body.contact-page .about-app-hero-scope [role="button"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="btn"],
html body.contact-page .about-app-hero-scope a[class*="button"],
html body.contact-page .about-app-hero-scope a[class*="cta"],
html body.contact-page .about-app-hero-scope a[class*="btn"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="button"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope a[class*="cta"] span:not(.build-arrow-svg):not(.portfolio-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle):not(.top-dev-arrow):not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope .top-dev-cta>span:first-child,
html body.contact-page .about-app-hero-scope .tablet-top-dev-cta>span:first-child,
html body.contact-page .about-app-hero-scope .mobile-dev-arrow,
html body.contact-page .about-app-hero-scope .build-btn,
html body.contact-page .about-app-hero-scope .build-btn span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope .portfolio-btn,
html body.contact-page .about-app-hero-scope .portfolio-btn span:not(.portfolio-arrow-svg):not(.mobile-link-arrow),
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn span:not(.mobile-link-arrow),
html body.contact-page .about-app-hero-scope .view-btn,
html body.contact-page .about-app-hero-scope .view-btn span,
html body.contact-page .about-app-hero-scope .strategy-btn,
html body.contact-page .about-app-hero-scope .strategy-btn span,
html body.contact-page .about-app-hero-scope .meeting-btn,
html body.contact-page .about-app-hero-scope .meeting-btn span,
html body.contact-page .about-app-hero-scope .faq-question,
html body.contact-page .about-app-hero-scope .faq-question span,
html body.contact-page .about-app-hero-scope .custom-trigger,
html body.contact-page .about-app-hero-scope .custom-trigger span:not(.select-caret):not(.tiny-caret),
html body.contact-page .about-app-hero-scope .trigger-text,
html body.contact-page .about-app-hero-scope .phone-code,
html body.contact-page .about-app-hero-scope .mobile-project-nav{
        line-height: var(--button-mobile-line-height-final) !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta){
        display: inline-flex !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
        inline-size: fit-content !important;
        min-width: 0 !important;
        min-inline-size: 0 !important;
        max-width: 100% !important;
        max-inline-size: 100% !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        padding: 0 6px 0 24px !important;
        gap: 12px !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex: 0 0 auto !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        box-sizing: border-box !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        line-height: 22px !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta) .build-arrow-svg,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta) .portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta) .mobile-link-arrow,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta) .arrow-circle,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta) .build-arrow-svg,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta) .portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta) .mobile-link-arrow,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta) .arrow-circle{
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        flex: 0 0 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta)::before{
        content: none !important;
        display: none !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta)::after{
        content: "" !important;
        display: inline-block !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        flex: 0 0 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background-color: transparent !important;
        background-image: url("/assets/svg/all-button-arrow.svg") !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 100% 100% !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 2 !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta)::after{
        content: "" !important;
        display: inline-block !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        flex: 0 0 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background-color: transparent !important;
        background-image: url("/assets/svg/all-button-arrow.svg") !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 100% 100% !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 2 !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)>span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta)>span:first-child,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta)>span:first-child,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta)>span:first-child,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta)>span,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)>span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta)>span:first-child,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta)>span:first-child,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta)>span:first-child,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta)>span{
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        display: inline-block !important;
        flex: 0 1 auto !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        line-height: 22px !important;
        color: currentColor !important;
        -webkit-text-fill-color: currentColor !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta):hover::after{
        transform: none !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta){
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
        inline-size: fit-content !important;
        min-width: 0 !important;
        min-inline-size: 0 !important;
        max-width: 100% !important;
        max-inline-size: 100% !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        padding: 0 6px 0 24px !important;
        gap: 12px !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        box-sizing: border-box !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        line-height: 22px !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta) .build-arrow-svg,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta) .portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta) .mobile-link-arrow,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta) .arrow-circle,
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta) .build-arrow-svg,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta) .portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta) .mobile-link-arrow,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta) .arrow-circle{
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        flex: 0 0 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta)::before{
        content: none !important;
        display: none !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta)::after{
        content: "" !important;
        display: inline-block !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        flex: 0 0 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background-color: transparent !important;
        background-image: url("/assets/svg/all-button-arrow.svg") !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 100% 100% !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: none !important;
        z-index: 2 !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta)::after{
        content: "" !important;
        display: inline-block !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        flex: 0 0 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background-color: transparent !important;
        background-image: url("/assets/svg/all-button-arrow.svg") !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 100% 100% !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: none !important;
        z-index: 2 !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta)>span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta)>span:first-child,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta)>span:first-child,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta)>span:first-child,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta)>span,
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta)>span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta)>span:first-child,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta)>span:first-child,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta)>span:first-child,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta)>span{
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        display: inline-block !important;
        flex: 0 1 auto !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        line-height: 22px !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta):hover::after{
        transform: none !important
    }}
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(.top-dev-cta):hover::after{
    background-image: url("/assets/svg/all-button-arrow.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope a.mobile-dev-arrow,
html body.contact-page .about-app-hero-scope .build-btn .build-arrow-svg,
html body.contact-page .about-app-hero-scope .portfolio-btn .portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn .mobile-link-arrow,
html body.contact-page .about-app-hero-scope .strategy-btn .arrow-circle{
    background-image: var(--all-cta-arrow-svg) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow>img,
html body.contact-page .about-app-hero-scope a.mobile-dev-arrow>img,
html body.contact-page .about-app-hero-scope .build-btn .build-arrow-svg>img,
html body.contact-page .about-app-hero-scope .portfolio-btn img.portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn .mobile-link-arrow>img,
html body.contact-page .about-app-hero-scope .strategy-btn .arrow-circle>img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    pointer-events: none !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow::before,
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow::after,
html body.contact-page .about-app-hero-scope a.mobile-dev-arrow::before,
html body.contact-page .about-app-hero-scope a.mobile-dev-arrow::after,
html body.contact-page .about-app-hero-scope .build-btn .build-arrow-svg::before,
html body.contact-page .about-app-hero-scope .build-btn .build-arrow-svg::after,
html body.contact-page .about-app-hero-scope .portfolio-btn .portfolio-arrow-svg::before,
html body.contact-page .about-app-hero-scope .portfolio-btn .portfolio-arrow-svg::after,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn .mobile-link-arrow::before,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn .mobile-link-arrow::after,
html body.contact-page .about-app-hero-scope .strategy-btn .arrow-circle::before,
html body.contact-page .about-app-hero-scope .strategy-btn .arrow-circle::after{
    content: none !important;
    display: none !important;
    background-image: none !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta::after,
html body.contact-page .about-app-hero-scope .build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope .portfolio-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope .view-btn::after,
html body.contact-page .about-app-hero-scope .strategy-btn::after,
html body.contact-page .about-app-hero-scope .meeting-btn::after,
html body.contact-page .about-app-hero-scope .top-dev-cta::after,
html body.contact-page .about-app-hero-scope .build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope .portfolio-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope .view-btn::after,
html body.contact-page .about-app-hero-scope .strategy-btn::after,
html body.contact-page .about-app-hero-scope .meeting-btn::after,
html body.contact-page .about-app-hero-scope .top-dev-cta:hover::after,
html body.contact-page .about-app-hero-scope .build-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope .portfolio-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn:not(.top-dev-cta):hover::after,
html body.contact-page .about-app-hero-scope .view-btn:hover::after,
html body.contact-page .about-app-hero-scope .strategy-btn:hover::after,
html body.contact-page .about-app-hero-scope .meeting-btn:hover::after{
    background-image: var(--all-cta-arrow-svg) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta:hover .top-dev-arrow,
html body.contact-page .about-app-hero-scope a.mobile-dev-arrow:hover,
html body.contact-page .about-app-hero-scope .build-btn:hover .build-arrow-svg,
html body.contact-page .about-app-hero-scope .portfolio-btn:hover .portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn:hover .mobile-link-arrow,
html body.contact-page .about-app-hero-scope .strategy-btn:hover .arrow-circle{
    background-image: var(--all-cta-arrow-svg) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important
}
@media (min-width:768px){html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta:hover::before,
html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta:hover::after,
html body.contact-page .about-app-hero-scope .top-svg-section a.top-dev-cta:hover::before,
html body.contact-page .about-app-hero-scope .top-svg-section a.top-dev-cta:hover::after,
html body.contact-page .about-app-hero-scope .top-svg-section .tablet-top-dev-cta:hover::before,
html body.contact-page .about-app-hero-scope .top-svg-section .tablet-top-dev-cta:hover::after{
        content: none !important;
        display: none !important;
        background: none !important;
        background-color: transparent !important;
        background-image: none !important
    }}
@media (min-width:768px){html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta:hover .top-dev-arrow,
html body.contact-page .about-app-hero-scope .top-svg-section a.top-dev-cta:hover .top-dev-arrow,
html body.contact-page .about-app-hero-scope .top-svg-section .tablet-top-dev-cta:hover .top-dev-arrow{
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        filter: none !important
    }}
@media (min-width:768px){html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta:hover .top-dev-arrow::before,
html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta:hover .top-dev-arrow::after,
html body.contact-page .about-app-hero-scope .top-svg-section a.top-dev-cta:hover .top-dev-arrow::before,
html body.contact-page .about-app-hero-scope .top-svg-section a.top-dev-cta:hover .top-dev-arrow::after,
html body.contact-page .about-app-hero-scope .top-svg-section .tablet-top-dev-cta:hover .top-dev-arrow::before,
html body.contact-page .about-app-hero-scope .top-svg-section .tablet-top-dev-cta:hover .top-dev-arrow::after{
        content: none !important;
        display: none !important;
        background: none !important;
        background-color: transparent !important;
        background-image: none !important
    }}
@media (min-width:768px){html body.contact-page .about-app-hero-scope .top-svg-section .top-dev-cta:hover .top-dev-arrow>img,
html body.contact-page .about-app-hero-scope .top-svg-section a.top-dev-cta:hover .top-dev-arrow>img,
html body.contact-page .about-app-hero-scope .top-svg-section .tablet-top-dev-cta:hover .top-dev-arrow>img{
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        opacity: 1 !important;
        object-fit: contain !important;
        filter: none !important
    }}
html body.contact-page .about-app-hero-scope .top-dev-cta::after,
html body.contact-page .about-app-hero-scope .top-dev-cta:hover::after,
html body.contact-page .about-app-hero-scope .top-dev-cta::before,
html body.contact-page .about-app-hero-scope .top-dev-cta:hover::before,
html body.contact-page .about-app-hero-scope .build-btn::after,
html body.contact-page .about-app-hero-scope .build-btn:hover::after,
html body.contact-page .about-app-hero-scope .portfolio-btn::after,
html body.contact-page .about-app-hero-scope .portfolio-btn:hover::after,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn::after,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn:hover::after,
html body.contact-page .about-app-hero-scope .strategy-btn::after,
html body.contact-page .about-app-hero-scope .strategy-btn:hover::after{
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    flex: 0 0 0 !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope .build-btn .build-arrow-svg,
html body.contact-page .about-app-hero-scope .portfolio-btn .portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn .mobile-link-arrow,
html body.contact-page .about-app-hero-scope .strategy-btn .arrow-circle{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    background-image: url("/assets/svg/all-button-arrow.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    z-index: 2 !important;
    overflow: visible !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow>img,
html body.contact-page .about-app-hero-scope .build-btn .build-arrow-svg>img,
html body.contact-page .about-app-hero-scope .portfolio-btn .portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope .portfolio-btn .portfolio-arrow-svg>img,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn .mobile-link-arrow>img,
html body.contact-page .about-app-hero-scope .strategy-btn .arrow-circle>img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important
}
html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope .build-btn,
html body.contact-page .about-app-hero-scope .portfolio-btn,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope .strategy-btn{
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    overflow: visible !important
}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope .build-btn .build-arrow-svg,
html body.contact-page .about-app-hero-scope .portfolio-btn .portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn .mobile-link-arrow,
html body.contact-page .about-app-hero-scope .strategy-btn .arrow-circle{
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        flex: 0 0 48px !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope .build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope .portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope .strategy-btn:not(.top-dev-cta){
        width: fit-content !important;
        inline-size: fit-content !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        padding: 0 8px 0 24px !important;
        gap: 12px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope .build-btn .build-arrow-svg,
html body.contact-page .about-app-hero-scope .portfolio-btn .portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn .mobile-link-arrow,
html body.contact-page .about-app-hero-scope .strategy-btn .arrow-circle{
        width: 29px !important;
        height: 29px !important;
        min-width: 29px !important;
        min-height: 29px !important;
        flex: 0 0 29px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope .build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope .portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope .strategy-btn:not(.top-dev-cta){
        width: fit-content !important;
        inline-size: fit-content !important;
        height: 35px !important;
        min-height: 35px !important;
        max-height: 35px !important;
        padding: 0 4px 0 14px !important;
        gap: 10px !important
    }}
@media (max-width:767px){html body.contact-page .about-app-hero-scope .top-dev-cta .top-dev-arrow,
html body.contact-page .about-app-hero-scope .build-btn .build-arrow-svg,
html body.contact-page .about-app-hero-scope .portfolio-btn .portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn .mobile-link-arrow,
html body.contact-page .about-app-hero-scope .strategy-btn .arrow-circle{
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        flex: 0 0 44px !important
    }}
@media (max-width:767px){html body.contact-page .about-app-hero-scope .build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope .portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope .strategy-btn:not(.top-dev-cta){
        width: fit-content !important;
        inline-size: fit-content !important;
        max-width: calc(100vw - 48px) !important;
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
        padding: 0 6px 0 28px !important;
        gap: 12px !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope .past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta){
        width: max-content !important;
        inline-size: max-content !important;
        min-width: max-content !important;
        max-width: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        overflow: visible !important;
        gap: 14px !important;
        padding-left: 28px !important;
        padding-right: 8px !important;
        box-sizing: border-box !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta)>span,
html body.contact-page .about-app-hero-scope .past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta)>span,
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta)>span:first-child,
html body.contact-page .about-app-hero-scope .past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta)>span:first-child{
        width: auto !important;
        min-width: max-content !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        display: inline-block !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 17px !important;
        line-height: 19px !important
    }}
@media (min-width:992px){html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta) .portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope .past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta) .portfolio-arrow-svg{
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        flex: 0 0 48px !important;
        margin: 0 !important;
        position: static !important;
        transform: none !important;
        object-fit: contain !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn,
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta){
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        width: fit-content !important;
        inline-size: fit-content !important;
        min-width: 0 !important;
        max-width: calc(100vw - 48px) !important;
        height: 35px !important;
        min-height: 35px !important;
        max-height: 35px !important;
        padding: 0 4px 0 14px !important;
        gap: 10px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        white-space: nowrap !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 10px !important;
        line-height: 11px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn>span:not(.arrow-circle),
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta)>span:first-child{
        display: inline-block !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 10px !important;
        line-height: 11px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn .arrow-circle,
html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn .arrow-circle>img,
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta) .portfolio-arrow-svg{
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 29px !important;
        height: 29px !important;
        min-width: 29px !important;
        min-height: 29px !important;
        max-width: 29px !important;
        max-height: 29px !important;
        flex: 0 0 29px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        object-fit: contain !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope button,
html body.contact-page .about-app-hero-scope input[type="button"],
html body.contact-page .about-app-hero-scope input[type="submit"],
html body.contact-page .about-app-hero-scope input[type="reset"],
html body.contact-page .about-app-hero-scope [role="button"],
html body.contact-page .about-app-hero-scope a[class*="btn"],
html body.contact-page .about-app-hero-scope a[class*="button"],
html body.contact-page .about-app-hero-scope a[class*="cta"],
html body.contact-page .about-app-hero-scope .top-dev-cta,
html body.contact-page .about-app-hero-scope .tablet-top-dev-cta,
html body.contact-page .about-app-hero-scope .mobile-dev-arrow,
html body.contact-page .about-app-hero-scope .build-btn,
html body.contact-page .about-app-hero-scope .portfolio-btn,
html body.contact-page .about-app-hero-scope .mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope .view-btn,
html body.contact-page .about-app-hero-scope .strategy-btn,
html body.contact-page .about-app-hero-scope .meeting-btn,
html body.contact-page .about-app-hero-scope .faq-question,
html body.contact-page .about-app-hero-scope .custom-trigger,
html body.contact-page .about-app-hero-scope .phone-code,
html body.contact-page .about-app-hero-scope .mobile-project-nav{
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 15px !important;
        line-height: 21px !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):focus,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):active{
        transform: none !important;
        translate: none !important;
        top: auto !important;
        bottom: auto !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover::before,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover::after{
        content: none !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        background: none !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        opacity: 0 !important;
        visibility: hidden !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta) .build-arrow-svg,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover .build-arrow-svg,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)>span.build-arrow-svg,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover>span.build-arrow-svg{
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        translate: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        outline: 0 !important;
        border-radius: 50% !important;
        background-color: transparent !important;
        background-image: url("/assets/svg/all-button-arrow.svg") !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 100% 100% !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        pointer-events: none !important;
        z-index: 3 !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta) .build-arrow-svg::before,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta) .build-arrow-svg::after,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover .build-arrow-svg::before,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover .build-arrow-svg::after{
        content: none !important;
        display: none !important;
        background: none !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover>span:not(.build-arrow-svg){
        background: transparent !important;
        background-color: transparent !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta) *,
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta)>span,
html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn,
html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn>span,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta) *,
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta)>span,
html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn,
html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn>span{
        font-size: 14px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta){
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        width: fit-content !important;
        inline-size: fit-content !important;
        min-width: 245px !important;
        max-width: calc(100vw - 64px) !important;
        box-sizing: border-box !important;
        padding-right: 8px !important;
        padding-left: 26px !important;
        gap: 14px !important;
        overflow: visible !important;
        font-size: 15px !important;
        line-height: 21px !important;
        font-weight: 600 !important}}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)>span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)>span:not(.build-arrow-svg){
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        font-size: 15px !important;
        line-height: 21px !important;
        font-weight: 600 !important}}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta) .build-arrow-svg,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover .build-arrow-svg,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)>span.build-arrow-svg,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover>span.build-arrow-svg{
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
        flex: 0 0 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        background-color: transparent !important;
        background-image: url("/assets/svg/all-button-arrow.svg") !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 100% 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 3 !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::before,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover::before,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover::after{
        content: none !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        background: none !important;
        background-image: none !important;
        opacity: 0 !important;
        visibility: hidden !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn,
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn,
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn,
html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn{
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
        padding: 0 6px 0 22px !important;
        gap: 10px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 15px !important;
        line-height: 21px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn>span:first-child,
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta)>span:first-child,
html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn>span:not(.arrow-circle),
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn>span:first-child,
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta)>span:first-child,
html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn>span:not(.arrow-circle),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)>span:not(.build-arrow-svg){
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 15px !important;
        line-height: 21px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)::after,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta) .build-arrow-svg,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta):hover .build-arrow-svg,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)>span.build-arrow-svg,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta) .portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn::after,
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn::after,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn::after,
html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn .arrow-circle,
html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn .arrow-circle>img,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn::after{
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
        flex: 0 0 44px !important;
        flex-basis: 44px !important;
        background-size: 100% 100% !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.lets-talk-section form button.meeting-btn[type="submit"],
html body.contact-page .about-app-hero-scope .lets-talk-section form button.meeting-btn,
html body.contact-page .about-app-hero-scope .lets-talk-section button.meeting-btn,
html body.contact-page .about-app-hero-scope .lets-talk-section button.meeting-btn[type="submit"],
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn,
html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn,
html body.contact-page .about-app-hero-scope section.why-clients-section .strategy-btn,
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn,
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(.top-dev-cta){
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 15px !important;
        line-height: 21px !important
    }}
@media (min-width:768px) and (max-width:991px){html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn:not(#__never_match__),
html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn:not(#__never_match__)>span:not(.arrow-circle),
html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn:not(#__never_match__),
html body.contact-page .about-app-hero-scope section.why-clients-section .cta-box>button.strategy-btn:not(#__never_match__)>span:not(.arrow-circle),
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(#__never_match__),
html body.contact-page .about-app-hero-scope section.engagement-section button.view-btn:not(#__never_match__) *,
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(#__never_match__),
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card>a.portfolio-btn:not(#__never_match__)>span:first-child,
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(#__never_match__),
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(#__never_match__)>span:first-child,
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(#__never_match__),
html body.contact-page .about-app-hero-scope section.lets-talk-section button.meeting-btn:not(#__never_match__)[type="submit"],
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(#__never_match__):not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(#__never_match__):not(.top-dev-cta)>span:not(.build-arrow-svg){
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 15px !important;
        line-height: 21px !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(#__never_match__):not(.top-dev-cta)>span.build-arrow-svg,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(#__never_match__):not(.top-dev-cta):hover>span.build-arrow-svg,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(#__never_match__):not(.top-dev-cta) .build-arrow-svg{
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
        flex: 0 0 44px !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important
    }}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(#__never_match__):not(.top-dev-cta)>span.build-arrow-svg>img,
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(#__never_match__):not(.top-dev-cta) .build-arrow-svg>img{
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        object-fit: contain !important;
        opacity: 1 !important;
        visibility: visible !important
    }}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap .tablet-top-dev-cta:not(#__never_match__){
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 16px !important
    }}
@media (min-width:769px) and (max-width:1023px){html body.contact-page .about-app-hero-scope .top-svg-section .uploaded-mobile-svg-wrap .tablet-top-dev-cta:not(#__never_match__) span{
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 16px !important
    }}
@media (min-width:1024px){html body.contact-page .about-app-hero-scope .top-svg-inner .top-dev-cta:not(#__never_match__):not(.tablet-top-dev-cta){
        width: max-content !important;
        max-width: calc(100% - 40px) !important;
        min-width: 0 !important;
        height: clamp(52px, 4.6vw, 70px) !important;
        min-height: clamp(52px, 4.6vw, 70px) !important;
        max-height: none !important;
        padding: 0 clamp(8px, 0.9vw, 12px) 0 clamp(20px, 2vw, 30px) !important;
        gap: clamp(10px, 1.2vw, 18px) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        white-space: nowrap !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 17px !important;
        line-height: 19px !important
    }}
@media (min-width:1024px){html body.contact-page .about-app-hero-scope .top-svg-inner .top-dev-cta:not(#__never_match__):not(.tablet-top-dev-cta)>span:first-child{
        flex: 0 0 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        display: block !important;
        overflow: visible !important;
        white-space: nowrap !important;
        text-overflow: clip !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 17px !important;
        line-height: 19px !important
    }}
@media (min-width:1024px){html body.contact-page .about-app-hero-scope .top-svg-inner .top-dev-cta:not(#__never_match__):not(.tablet-top-dev-cta) .top-dev-arrow{
        flex: 0 0 clamp(36px, 3.4vw, 50px) !important;
        width: clamp(36px, 3.4vw, 50px) !important;
        height: clamp(36px, 3.4vw, 50px) !important;
        min-width: clamp(36px, 3.4vw, 50px) !important;
        min-height: clamp(36px, 3.4vw, 50px) !important;
        margin: 0 !important
    }}
@media (min-width:1024px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta:not(#__never_match__):not(.tablet-top-dev-cta){
        width: max-content !important;
        max-width: calc(100% - 40px) !important;
        min-width: 0 !important;
        height: clamp(52px, 4.8vw, 72px) !important;
        min-height: clamp(52px, 4.8vw, 72px) !important;
        max-height: none !important;
        padding: 0 clamp(8px, 0.9vw, 14px) 0 clamp(22px, 2.2vw, 34px) !important;
        gap: clamp(10px, 1.2vw, 18px) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        white-space: nowrap !important;
        font-size: 17px !important;
        line-height: 19px !important;
        right: clamp(0px, 0.4vw, 12px) !important;
        bottom: clamp(6px, 0.8vw, 18px) !important;
        position: absolute !important;
        left: auto !important;
        top: auto !important
    }}
@media (min-width:1024px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta:not(#__never_match__):not(.tablet-top-dev-cta)>span:first-child{
        flex: 0 0 auto !important;
        min-width: 0 !important;
        overflow: visible !important;
        white-space: nowrap !important;
        font-size: 17px !important;
        line-height: 19px !important;
        display: block !important
    }}
@media (min-width:1024px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta:not(#__never_match__):not(.tablet-top-dev-cta) .top-dev-arrow{
        flex: 0 0 clamp(38px, 3.6vw, 52px) !important;
        width: clamp(38px, 3.6vw, 52px) !important;
        height: clamp(38px, 3.6vw, 52px) !important;
        min-width: clamp(38px, 3.6vw, 52px) !important;
        min-height: clamp(38px, 3.6vw, 52px) !important
    }}
html body.contact-page .about-app-hero-scope .top-svg-section{
    overflow: hidden !important;
    max-width: 100vw !important;
    box-sizing: border-box !important
}
html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
    overflow: hidden !important;
    max-width: 100% !important;
    box-sizing: border-box !important
}
@media (min-width:1280px){html body.contact-page .about-app-hero-scope .top-svg-section{
        overflow: hidden !important
    }}
@media (min-width:1280px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner{
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important
    }}
@media (min-width:1280px){html body.contact-page .about-app-hero-scope .top-svg-section .about-app-desktop-svg{
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important
    }}
@media (min-width:1024px) and (max-width:1279px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta:not(#__never_match__):not(.tablet-top-dev-cta){
        width: clamp(210px, 20vw, 238px) !important;
        min-width: 210px !important;
        max-width: calc(100% - 32px) !important;
        padding: 0 clamp(5px, 0.6vw, 7px) 0 clamp(10px, 1.1vw, 14px) !important;
        gap: clamp(5px, 0.6vw, 7px) !important;
        border-top-left-radius: 18.75px !important;
        border-top-right-radius: 18.75px !important;
        border-bottom-right-radius: 18.75px !important;
        border-bottom-left-radius: 18.75px !important;
        border-radius: 18.75px !important;
        font-size: 12px !important; 
        line-height: 13.5px !important;
        right: clamp(2px, 0.3vw, 6px) !important
    }}
@media (min-width:1024px) and (max-width:1279px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta:not(#__never_match__):not(.tablet-top-dev-cta)>span:first-child{
        font-size: 12px !important; 
        line-height: 13.5px !important
    }}
@media (min-width:1024px) and (max-width:1279px){html body.contact-page .about-app-hero-scope .top-svg-section .top-svg-inner>.top-dev-cta:not(#__never_match__):not(.tablet-top-dev-cta) .top-dev-arrow{
        flex: 0 0 25px !important;
        width: 25px !important;
        height: 25px !important;
        min-width: 25px !important;
        min-height: 25px !important
    }}
html body.contact-page .about-app-hero-scope section.engagement-section .cards-grid .model-card button.view-btn:not(.top-dev-cta):not(#__never_match__),
html body.contact-page .about-app-hero-scope .engagement-section .cards-grid .model-card button.view-btn:not(.top-dev-cta):not(#__never_match__){
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 600 !important}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.engagement-section .cards-grid .model-card button.view-btn:not(.top-dev-cta):not(#__never_match__),
html body.contact-page .about-app-hero-scope .engagement-section .cards-grid .model-card button.view-btn:not(.top-dev-cta):not(#__never_match__){
        font-size: 15px !important;
        line-height: 21px !important;
        font-weight: 600 !important}}
@media (max-width:767px){html body.contact-page .about-app-hero-scope section.engagement-section .cards-grid .model-card button.view-btn:not(.top-dev-cta):not(#__never_match__),
html body.contact-page .about-app-hero-scope .engagement-section .cards-grid .model-card button.view-btn:not(.top-dev-cta):not(#__never_match__){
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 600 !important}}
@media (max-width:480px){html body.contact-page .about-app-hero-scope section.engagement-section .cards-grid .model-card button.view-btn:not(.top-dev-cta):not(#__never_match__),
html body.contact-page .about-app-hero-scope .engagement-section .cards-grid .model-card button.view-btn:not(.top-dev-cta):not(#__never_match__){
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 600 !important}}
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(#__never_match__):not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)>span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(#__never_match__):not(.top-dev-cta)>span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta)>span:not(.build-arrow-svg){
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 600 !important}
@media (max-width:991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(#__never_match__):not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)>span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(#__never_match__):not(.top-dev-cta)>span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta)>span:not(.build-arrow-svg){
        font-size: 15px !important;
        line-height: 21px !important;
        font-weight: 600 !important}}
@media (max-width:767px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(#__never_match__):not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)>span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(#__never_match__):not(.top-dev-cta)>span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta)>span:not(.build-arrow-svg){
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 600 !important}}
@media (max-width:480px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(#__never_match__):not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(.top-dev-cta)>span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row>a.build-btn:not(#__never_match__):not(.top-dev-cta)>span:not(.build-arrow-svg),
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta),
html body.contact-page .about-app-hero-scope section.fullcycle-section a.build-btn:not(.top-dev-cta)>span:not(.build-arrow-svg){
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 600 !important}}
html body.contact-page .about-app-hero-scope a.build-btn,
html body.contact-page .about-app-hero-scope button.build-btn,
html body.contact-page .about-app-hero-scope a.meeting-btn,
html body.contact-page .about-app-hero-scope button.meeting-btn,
html body.contact-page .about-app-hero-scope a.portfolio-btn,
html body.contact-page .about-app-hero-scope button.portfolio-btn,
html body.contact-page .about-app-hero-scope a.mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope button.mobile-portfolio-btn,
html body.contact-page .about-app-hero-scope a.strategy-btn,
html body.contact-page .about-app-hero-scope button.strategy-btn,
html body.contact-page .about-app-hero-scope a.top-dev-cta,
html body.contact-page .about-app-hero-scope button.top-dev-cta,
html body.contact-page .about-app-hero-scope a.view-btn,
html body.contact-page .about-app-hero-scope button.view-btn,
html body.contact-page .about-app-hero-scope button.mobile-project-nav,
html body.contact-page .about-app-hero-scope button.faq-question,
html body.contact-page .about-app-hero-scope .lets-talk-section button.custom-trigger,
html body.contact-page .about-app-hero-scope .lets-talk-section button.phone-code,
html body.contact-page .about-app-hero-scope .lets-talk-section button.meeting-btn[type="submit"]{
    border-top-left-radius: 18.75px !important;
    border-top-right-radius: 18.75px !important;
    border-bottom-right-radius: 18.75px !important;
    border-bottom-left-radius: 18.75px !important;
    border-radius: 18.75px !important
}
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row > a.build-btn:not(.top-dev-cta) .build-arrow-svg,
html.page-web-development body section.fullcycle-section .fullcycle-pin .top-row > a.build-btn:not(.top-dev-cta) .build-arrow-svg,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta) .arrow-circle,
html.page-web-development body section.why-clients-section button.strategy-btn:not(.top-dev-cta) .arrow-circle{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    flex: 0 0 46px !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
}
html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row > a.build-btn:not(.top-dev-cta) .build-arrow-svg > img,
html.page-web-development body section.fullcycle-section .fullcycle-pin .top-row > a.build-btn:not(.top-dev-cta) .build-arrow-svg > img,
html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta) .arrow-circle > img,
html.page-web-development body section.why-clients-section button.strategy-btn:not(.top-dev-cta) .arrow-circle > img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    object-fit: contain !important;
}
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card > a.portfolio-btn:not(.top-dev-cta) .portfolio-arrow-svg,
html.page-web-development body section.past-projects-section .cta-card > a.portfolio-btn:not(.top-dev-cta) .portfolio-arrow-svg,
html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta) .portfolio-arrow-svg,
html.page-web-development body section.past-projects-section a.portfolio-btn:not(.top-dev-cta) .portfolio-arrow-svg{
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    flex: 0 0 48px !important;
    opacity: 1 !important;
    visibility: visible !important;
    object-fit: contain !important;
    overflow: visible !important;
}
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta) .mobile-link-arrow,
html.page-web-development body section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta) .mobile-link-arrow{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    flex: 0 0 44px !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
}
html body.contact-page .about-app-hero-scope section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta) .mobile-link-arrow > img,
html.page-web-development body section.past-projects-section a.mobile-portfolio-btn:not(.top-dev-cta) .mobile-link-arrow > img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    object-fit: contain !important;
}
@media (max-width: 991px){html body.contact-page .about-app-hero-scope section.fullcycle-section .fullcycle-pin .top-row > a.build-btn:not(.top-dev-cta) .build-arrow-svg,
    html.page-web-development body section.fullcycle-section .fullcycle-pin .top-row > a.build-btn:not(.top-dev-cta) .build-arrow-svg,
    html body.contact-page .about-app-hero-scope section.why-clients-section button.strategy-btn:not(.top-dev-cta) .arrow-circle,
    html.page-web-development body section.why-clients-section button.strategy-btn:not(.top-dev-cta) .arrow-circle{
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        flex-basis: 44px !important;
    }
html body.contact-page .about-app-hero-scope section.past-projects-section .cta-card > a.portfolio-btn:not(.top-dev-cta) .portfolio-arrow-svg,
    html.page-web-development body section.past-projects-section .cta-card > a.portfolio-btn:not(.top-dev-cta) .portfolio-arrow-svg,
    html body.contact-page .about-app-hero-scope section.past-projects-section a.portfolio-btn:not(.top-dev-cta) .portfolio-arrow-svg,
    html.page-web-development body section.past-projects-section a.portfolio-btn:not(.top-dev-cta) .portfolio-arrow-svg{
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        flex-basis: 44px !important;
    }}
html body.contact-page .about-app-hero-scope :is(a.top-dev-cta, a.build-btn, a.portfolio-btn, a.view-btn, button.view-btn, a.strategy-btn, button.strategy-btn, a.meeting-btn, button.meeting-btn):not(#__dc_cta_width_fix_1):not(#__dc_cta_width_fix_2),
html.page-web-development body :is(a.top-dev-cta, a.build-btn, a.portfolio-btn, a.view-btn, button.view-btn, a.strategy-btn, button.strategy-btn, a.meeting-btn, button.meeting-btn):not(#__dc_cta_width_fix_1):not(#__dc_cta_width_fix_2){
    width: max-content !important;
    inline-size: max-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}
html body.contact-page .about-app-hero-scope :is(a.top-dev-cta, a.build-btn, a.portfolio-btn, a.view-btn, button.view-btn, a.strategy-btn, button.strategy-btn, a.meeting-btn, button.meeting-btn):not(#__dc_cta_width_fix_1):not(#__dc_cta_width_fix_2) > span:not(.top-dev-arrow):not(.build-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle),
html.page-web-development body :is(a.top-dev-cta, a.build-btn, a.portfolio-btn, a.view-btn, button.view-btn, a.strategy-btn, button.strategy-btn, a.meeting-btn, button.meeting-btn):not(#__dc_cta_width_fix_1):not(#__dc_cta_width_fix_2) > span:not(.top-dev-arrow):not(.build-arrow-svg):not(.mobile-link-arrow):not(.arrow-circle){
    flex: 0 0 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
}
html body.contact-page .about-app-hero-scope :is(a.top-dev-cta, a.build-btn, a.portfolio-btn, a.view-btn, button.view-btn, a.strategy-btn, button.strategy-btn, a.meeting-btn, button.meeting-btn):not(#__dc_cta_width_fix_1):not(#__dc_cta_width_fix_2)::after,
html.page-web-development body :is(a.top-dev-cta, a.build-btn, a.portfolio-btn, a.view-btn, button.view-btn, a.strategy-btn, button.strategy-btn, a.meeting-btn, button.meeting-btn):not(#__dc_cta_width_fix_1):not(#__dc_cta_width_fix_2)::after{
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
}
html body.contact-page .about-app-hero-scope :is(.top-dev-arrow, .build-arrow-svg, .mobile-link-arrow, .arrow-circle):not(#__dc_cta_arrow_fix_1):not(#__dc_cta_arrow_fix_2),
html.page-web-development body :is(.top-dev-arrow, .build-arrow-svg, .mobile-link-arrow, .arrow-circle):not(#__dc_cta_arrow_fix_1):not(#__dc_cta_arrow_fix_2){
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
}
html body.contact-page .about-app-hero-scope :is(.top-dev-arrow, .build-arrow-svg, .mobile-link-arrow, .arrow-circle):not(#__dc_cta_arrow_fix_1):not(#__dc_cta_arrow_fix_2) > img[src$="/all-button-arrow.svg"],
html.page-web-development body :is(.top-dev-arrow, .build-arrow-svg, .mobile-link-arrow, .arrow-circle):not(#__dc_cta_arrow_fix_1):not(#__dc_cta_arrow_fix_2) > img[src$="/all-button-arrow.svg"]{
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
}
html body.contact-page .about-app-hero-scope .top-svg-inner>.about-app-desktop-svg{display:block;width:100%;height:auto;}

/* About hero: mobile CTA intentionally disabled; desktop/laptop CTA remains unchanged. */
@media (max-width:767px){html body.contact-page .about-app-hero-scope .uploaded-mobile-svg-wrap .top-dev-cta{display:none!important}}