.Service_area1__qC_hC, .Service_area2__NRD5h {
        position: relative;
        z-index: 10;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 2rem
    }

    @media (min-width: 768px) {
        .Service_area1__qC_hC, .Service_area2__NRD5h {
            flex-direction: row
        }
    }

    .Service_area1__qC_hC .Service_left__hpZBF, .Service_area2__NRD5h .Service_left__hpZBF {
        margin-right: 0;
        flex: 1 1 0%
    }

    @media (min-width: 768px) {
        .Service_area1__qC_hC .Service_left__hpZBF, .Service_area2__NRD5h .Service_left__hpZBF {
            margin-right: 2rem
        }
    }

    .Service_area1__qC_hC .Service_left__hpZBF img, .Service_area2__NRD5h .Service_left__hpZBF img {
        max-height: 2rem
    }

    .Service_area1__qC_hC .Service_left__hpZBF .Service_title__KUaHf, .Service_area2__NRD5h .Service_left__hpZBF .Service_title__KUaHf {
        margin-bottom: 1.5rem;
        text-align: center;
        line-height: 1.25
    }

    @media (min-width: 640px) {
        .Service_area1__qC_hC .Service_left__hpZBF .Service_title__KUaHf, .Service_area2__NRD5h .Service_left__hpZBF .Service_title__KUaHf {
            text-align: left
        }
    }

    .Service_area1__qC_hC .Service_left__hpZBF .Service_desc__I3R0f, .Service_area2__NRD5h .Service_left__hpZBF .Service_desc__I3R0f {
        margin-bottom: 1.5rem
    }

    .Service_area1__qC_hC .Service_right__WjBoV, .Service_area2__NRD5h .Service_right__WjBoV {
        position: relative;
        margin-top: 2rem;
        display: flex;
        flex: 1 1 0%;
        align-items: center;
        justify-content: center
    }

    @media (min-width: 768px) {
        .Service_area1__qC_hC .Service_right__WjBoV, .Service_area2__NRD5h .Service_right__WjBoV {
            margin-top: 0
        }
    }

    .Service_area1__qC_hC .Service_right__WjBoV img, .Service_area2__NRD5h .Service_right__WjBoV img {
        margin-top: 2rem;
        max-height: 24rem;
        -o-object-fit: cover;
        object-fit: cover;
        padding: 1rem
    }

    @media (min-width: 768px) {
        .Service_area1__qC_hC .Service_right__WjBoV img, .Service_area2__NRD5h .Service_right__WjBoV img {
            margin-top: 0
        }
    }

    .Service_area2__NRD5h, .Service_area2Box__W2VmA {
        padding-top: 0
    }

    .Service_area2__NRD5h .Service_left__hpZBF .Service_subTitle__jD2Vh {
        margin-bottom: 1rem;
        display: inline-block;
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .Service_area2__NRD5h .Service_left__hpZBF .Service_title__KUaHf {
        margin-bottom: 1rem
    }

    .Service_area2__NRD5h .Service_right__WjBoV {
        justify-content: center
    }

    .Service_area2Reverse__EEVok {
        flex-direction: column
    }

    @media (min-width: 768px) {
        .Service_area2Reverse__EEVok {
            flex-direction: row-reverse
        }
    }

    .Service_area2Reverse__EEVok .Service_right__WjBoV {
        justify-content: flex-start
    }

    @media (min-width: 640px) {
        .Service_area2Reverse__EEVok .Service_right__WjBoV {
            padding-right: 2rem
        }
    }

    .Service_area3__HFenw {
        display: flex;
        flex-direction: column-reverse
    }

    @media (min-width: 768px) {
        .Service_area3__HFenw {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 4rem
        }
    }

    .Service_area3__HFenw > div {
        flex: 1 1 0%
    }

    .Service_area3__HFenw .Service_logos__BPgoC {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    @media (min-width: 768px) {
        .Service_area3__HFenw .Service_logos__BPgoC {
            justify-content: flex-start
        }
    }

    .Service_area3__HFenw .Service_logos__BPgoC .Service_logo__X16sB {
        margin-right: 1.5rem;
        margin-bottom: 1.5rem;
        display: flex;
        justify-content: center;
        border-radius: .25rem;
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        padding: 1rem;
        min-width: 120px
    }

    .Service_area3__HFenw .Service_logos__BPgoC .Service_logo__X16sB img {
        max-height: 2rem
    }

    .Service_area3__HFenw .Service_right__WjBoV {
        padding-bottom: 4rem;
        text-align: center
    }

    @media (min-width: 768px) {
        .Service_area3__HFenw .Service_right__WjBoV {
            text-align: left
        }
    }

    .Service_area3__HFenw .Service_right__WjBoV .Service_desc__I3R0f {
        margin-top: 1rem;
        margin-bottom: 2rem
    }

    .Home_area1Box__A_I6H {
        height: 100vh;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        transition-duration: .3s;
        min-height: 666px;
        background-color: #000
    }

    .Home_area1__FsAGr {
        position: relative;
        z-index: 10;
        display: flex;
        height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        text-align: center
    }

    .Home_area1__FsAGr, .Home_area1__FsAGr .Home_title__q0Qg4 {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .Home_area1__FsAGr .Home_title__q0Qg4 {
        font-size: 3rem;
        line-height: 1;
        line-height: 1.25
    }

    @media (min-width: 640px) {
        .Home_area1__FsAGr .Home_title__q0Qg4 {
            font-size: 4.5rem;
            line-height: 1;
            line-height: 1.25
        }
    }

    @media (min-width: 768px) {
        .Home_area1__FsAGr .Home_title__q0Qg4 {
            font-size: 6rem;
            line-height: 1;
            line-height: 1.375
        }
    }

    .Home_area1__FsAGr .Home_subTitle__s2Xh0 {
        margin-top: 2rem;
        margin-bottom: 5rem;
        white-space: pre-wrap
    }

    .Home_area1__FsAGr .Home_demoBtn__FW2ZW {
        padding: 1rem 2rem;
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .Home_area1Bg__1Ilg_ {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

    .Home_area1Bg__1Ilg_ .Home_video__S9oWh {
        height: auto;
        min-height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .Home_area1Bg__1Ilg_ .Home_mobileBg__KoVUy:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: rgba(10, 14, 61, .25)
    }

    .Home_area1_1__NY5HG {
        display: grid;
        gap: 2rem;
        border-radius: .375rem;
        border-width: 1px;
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        padding: 1rem;
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    @media (min-width: 640px) {
        .Home_area1_1__NY5HG {
            padding: 2rem
        }
    }

    @media (min-width: 768px) {
        .Home_area1_1__NY5HG {
            gap: 4rem
        }
    }

    @media (min-width: 1024px) {
        .Home_area1_1__NY5HG {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    .Home_area1_1__NY5HG > div {
        flex: 1 1 0%
    }

    .Home_area1_1__NY5HG > div:hover .Home_title__q0Qg4 {
        --tw-text-opacity: 1;
        color: rgba(30, 119, 204, var(--tw-text-opacity));
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        transition-duration: .3s
    }

    .Home_area1_1__NY5HG .Home_titleBox__icY78 {
        margin-bottom: 1rem;
        display: flex;
        align-items: center
    }

    .Home_area1_1__NY5HG .Home_titleBox__icY78 .Home_title__q0Qg4 {
        margin-left: 1rem
    }

    .Home_area2__ICCIr {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .Home_area2__ICCIr .Home_logos__Ds4yv {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding-bottom: 1rem
    }

    .Home_area2__ICCIr .Home_logos__Ds4yv .Home_logo__FLQOc {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border-radius: .25rem;
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        padding: 1rem
    }

    @media (min-width: 640px) {
        .Home_area2__ICCIr .Home_logos__Ds4yv .Home_logo__FLQOc {
            margin: 1rem;
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }
    }

    .Home_area2__ICCIr .Home_logos__Ds4yv .Home_logo__FLQOc {
        min-width: 10rem
    }

    .Home_area2__ICCIr .Home_logos__Ds4yv .Home_logo__FLQOc img {
        margin: auto;
        height: 2rem
    }

    .Home_area3__wYo9h {
        display: flex;
        justify-content: center
    }

    .Home_product__wG_G_ {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 4rem
    }

    @media (min-width: 768px) {
        .Home_product__wG_G_ {
            flex-direction: row;
            padding-top: 4rem;
            padding-bottom: 4rem
        }
    }

    .Home_product__wG_G_ .Home_left__PDvAo {
        flex: 1 1 0%;
        padding: .5rem
    }

    @media (min-width: 640px) {
        .Home_product__wG_G_ .Home_left__PDvAo {
            padding: 1rem
        }
    }

    .Home_product__wG_G_ .Home_left__PDvAo .Home_subTitle__s2Xh0 {
        display: flex;
        align-items: center;
        gap: 1rem;
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .Home_product__wG_G_ .Home_left__PDvAo .Home_title__q0Qg4 {
        margin-top: 1rem;
        margin-bottom: 1rem;
        line-height: 1.5
    }

    .Home_product__wG_G_ .Home_left__PDvAo .Home_desc__q_6Ri {
        margin-bottom: 1.5rem
    }

    .Home_product__wG_G_ .Home_left__PDvAo .Home_comment__GONvn {
        margin-bottom: 1.5rem;
        border-radius: .5rem;
        --tw-bg-opacity: 1;
        background-color: rgba(245, 247, 250, var(--tw-bg-opacity));
        padding: 1rem
    }

    .Home_product__wG_G_ .Home_left__PDvAo .Home_comment__GONvn .Home_desc__q_6Ri {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 600;
        letter-spacing: .1em
    }

    .Home_product__wG_G_ .Home_left__PDvAo .Home_comment__GONvn .Home_people__gDAbk {
        display: flex;
        align-items: center
    }

    .Home_product__wG_G_ .Home_left__PDvAo .Home_comment__GONvn .Home_people__gDAbk .Home_logo__FLQOc {
        margin-right: 1rem;
        height: 1rem
    }

    .Home_product__wG_G_ .Home_left__PDvAo .Home_comment__GONvn .Home_people__gDAbk .Home_position__F3kBL {
        border-left-width: 2px;
        padding: .125rem 1rem;
        font-weight: 700
    }

    .Home_product__wG_G_ .Home_right__Q3ZHY {
        flex: 1 1 0%;
        padding: 1rem
    }

    @media (min-width: 1024px) {
        .Home_product__wG_G_ .Home_right__Q3ZHY {
            margin-left: 4rem
        }
    }

    @media (min-width: 768px) {
        .Home_productReverse__6cx1h {
            flex-direction: row-reverse
        }

        .Home_productReverse__6cx1h .Home_right__Q3ZHY {
            margin-right: 4rem;
            margin-left: 0
        }
    }

    .Home_area4Services__XKClq {
        display: grid;
        flex-direction: column;
        gap: 4rem;
        border-radius: .5rem;
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        padding: 1rem;
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    @media (min-width: 640px) {
        .Home_area4Services__XKClq {
            padding: 2rem
        }
    }

    @media (min-width: 1024px) {
        .Home_area4Services__XKClq {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    .Home_area4Services__XKClq .Home_service__Ie4vL {
        flex: 1 1 0%
    }

    .Home_area4Services__XKClq .Home_service__Ie4vL:hover .Home_titleBox__icY78 {
        --tw-text-opacity: 1;
        color: rgba(30, 119, 204, var(--tw-text-opacity));
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        transition-duration: .3s
    }

    .Home_area4Services__XKClq .Home_service__Ie4vL .Home_subTitle__s2Xh0 {
        font-size: .875rem;
        line-height: 1.25rem;
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .Home_area4Services__XKClq .Home_service__Ie4vL .Home_titleBox__icY78 {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .Home_area4Services__XKClq .Home_service__Ie4vL .Home_titleBox__icY78 .Home_stitle__6Bgpm {
        white-space: pre-wrap;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 700
    }

    .Home_area4Services__XKClq .Home_service__Ie4vL .Home_desc__q_6Ri {
        padding-bottom: .5rem
    }

    .Home_area5__TtUl9 {
        display: grid;
        gap: 4rem;
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    @media (min-width: 768px) {
        .Home_area5__TtUl9 {
            gap: 4rem
        }
    }

    @media (min-width: 1024px) {
        .Home_area5__TtUl9 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    .Home_area5__TtUl9 > div:hover .Home_title__q0Qg4 {
        --tw-text-opacity: 1;
        color: rgba(30, 119, 204, var(--tw-text-opacity));
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        transition-duration: .3s
    }

    .Home_area6__Mz5_i {
        padding-bottom: 8rem;
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .Home_area6__Mz5_i .Home_blocks__5WOZs {
        display: flex;
        flex-direction: column
    }

    @media (min-width: 640px) {
        .Home_area6__Mz5_i .Home_blocks__5WOZs {
            flex-direction: row
        }
    }

    .Home_area6__Mz5_i .Home_blocks__5WOZs .Home_block__o6NT_ {
        flex: 1 1 0%
    }

    @media (min-width: 640px) {
        .Home_area6__Mz5_i .Home_blocks__5WOZs .Home_block__o6NT_ {
            padding: 1rem
        }
    }

    .Home_area6__Mz5_i .Home_blocks__5WOZs .Home_block__o6NT_ .Home_title__q0Qg4 {
        margin-top: 3rem;
        margin-bottom: 1rem;
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .Product_area1__XKijT {
        padding-top: 2rem
    }

    @media (min-width: 640px) {
        .Product_area1__XKijT {
            padding-top: 4rem
        }
    }

    .Product_area1__XKijT .Product_product__INRwX, .Product_area1__XKijT .Product_solution__ayjtD {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .Product_area1__XKijT .Product_product__INRwX .Product_blocks___NzGO, .Product_area1__XKijT .Product_solution__ayjtD .Product_blocks___NzGO {
        margin-top: 4rem;
        margin-bottom: 4rem;
        display: grid;
        gap: 4rem
    }

    @media (min-width: 768px) {
        .Product_area1__XKijT .Product_product__INRwX .Product_blocks___NzGO, .Product_area1__XKijT .Product_solution__ayjtD .Product_blocks___NzGO {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 2rem
        }
    }

    @media (min-width: 1024px) {
        .Product_area1__XKijT .Product_product__INRwX .Product_blocks___NzGO, .Product_area1__XKijT .Product_solution__ayjtD .Product_blocks___NzGO {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    @media (min-width: 1280px) {
        .Product_area1__XKijT .Product_product__INRwX .Product_blocks___NzGO, .Product_area1__XKijT .Product_solution__ayjtD .Product_blocks___NzGO {
            gap: 4rem
        }
    }

    .Product_area1__XKijT .Product_product__INRwX .Product_blocks___NzGO .Product_block__MVVOm, .Product_area1__XKijT .Product_solution__ayjtD .Product_blocks___NzGO .Product_block__MVVOm {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-radius: .5rem;
        border-top-width: 4px;
        --tw-border-opacity: 1;
        border-color: rgba(30, 119, 204, var(--tw-border-opacity));
        padding: 1.5rem
    }

    .Product_area1__XKijT .Product_product__INRwX .Product_blocks___NzGO .Product_block__MVVOm:hover, .Product_area1__XKijT .Product_solution__ayjtD .Product_blocks___NzGO .Product_block__MVVOm:hover {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .Product_area1__XKijT .Product_product__INRwX .Product_blocks___NzGO .Product_block__MVVOm, .Product_area1__XKijT .Product_solution__ayjtD .Product_blocks___NzGO .Product_block__MVVOm {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        transition-duration: .5s
    }

    .Product_area1__XKijT .Product_product__INRwX .Product_blocks___NzGO .Product_block__MVVOm .Product_title__k8Sjr, .Product_area1__XKijT .Product_solution__ayjtD .Product_blocks___NzGO .Product_block__MVVOm .Product_title__k8Sjr {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .Product_area1__XKijT .Product_product__INRwX {
        padding-top: 4rem
    }

    .Product_area2__g05FK {
        position: relative;
        padding-bottom: 5rem;
        text-align: center
    }

    .Product_area2__g05FK, .Product_area2__g05FK .Product_title__k8Sjr {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .Product_area2__g05FK .Product_desc__DkP99 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .Product_area2__g05FK .Product_btn__qTMiB {
        margin-top: 2rem;
        margin-bottom: 4rem;
        width: 8rem;
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .Product_area2__g05FK .Product_btn__qTMiB:hover {
        background-color: #fff !important
    }
    .About_targets__W02_z {
        position: fixed;
        top: 3rem;
        z-index: 10;
        width: 100%;
        overflow-x: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: right;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        background-color: rgba(255, 255, 255, .85)
    }

    .About_targets__W02_z > div {
        overflow: auto;
        padding-bottom: .5rem;
        padding-top: 1rem
    }

    @media (min-width: 640px) {
        .About_targets__W02_z > div {
            padding-top: 1rem;
            padding-bottom: 1rem
        }
    }

    .About_targets__W02_z span {
        margin-left: .5rem;
        margin-right: .5rem;
        cursor: pointer;
        font-size: .875rem;
        line-height: 1.25rem
    }

    @media (min-width: 768px) {
        .About_targets__W02_z span {
            margin-left: 1rem;
            margin-right: 1rem
        }
    }

    .About_targets__W02_z span:hover {
        text-decoration: underline
    }

    .About_area1__G1asM {
        display: flex;
        flex-direction: column;
        gap: 4rem;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        transition-duration: .3s
    }

    @media (min-width: 768px) {
        .About_area1__G1asM {
            flex-direction: row;
            gap: 2rem
        }
    }

    @media (min-width: 1024px) {
        .About_area1__G1asM {
            gap: 4rem
        }
    }

    .About_area1__G1asM > div {
        flex: 1 1 0%
    }

    .About_area1__G1asM .About_title__Y7FDN {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        text-align: center;
        line-height: 1.25
    }

    @media (min-width: 640px) {
        .About_area1__G1asM .About_title__Y7FDN {
            text-align: left
        }
    }

    .About_area2__c1aQ6 {
        display: grid;
        width: 100%;
        gap: 2rem
    }

    @media (min-width: 640px) {
        .About_area2__c1aQ6 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }

    @media (min-width: 768px) {
        .About_area2__c1aQ6 {
            gap: 4rem
        }
    }

    .About_area2__c1aQ6 .About_block__xkkNU {
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        transition-duration: .3s;
        cursor: pointer;
        border-radius: .375rem;
        --tw-bg-opacity: 1;
        background-color: rgba(245, 247, 250, var(--tw-bg-opacity));
        padding: 1rem;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity))
    }

    @media (min-width: 768px) {
        .About_area2__c1aQ6 .About_block__xkkNU {
            padding: 2rem
        }
    }

    .About_area2__c1aQ6 .About_block__xkkNU:hover {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        transform: translateY(-4px)
    }

    .About_area2__c1aQ6 .About_block__xkkNU:active, .About_area2__c1aQ6 .About_block__xkkNU:hover {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .About_area2__c1aQ6 .About_block__xkkNU:active {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        transition-duration: 75ms;
        transform: translateY(0)
    }

    .About_area3__WpTwM {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center
    }

    .About_area3__WpTwM .About_descBox__tRB6U {
        margin-top: 3rem;
        --tw-bg-opacity: 1;
        background-color: rgba(245, 247, 250, var(--tw-bg-opacity));
        padding: 1rem 2rem;
        text-align: center
    }

    .About_area3__WpTwM .About_firstDesc__gS5C4 {
        margin-top: 1rem;
        margin-bottom: 1rem;
        text-align: center
    }

    .About_area3__WpTwM .About_historyBlock__TJnMU {
        display: flex;
        width: 100%
    }

    .About_area3__WpTwM .About_historyBlock__TJnMU .About_center__B8HCp {
        margin-left: 1rem;
        margin-right: 1rem;
        display: flex;
        width: 1rem;
        flex-direction: column;
        align-items: center
    }

    @media (min-width: 640px) {
        .About_area3__WpTwM .About_historyBlock__TJnMU .About_center__B8HCp {
            padding-left: 4rem;
            padding-right: 4rem
        }
    }

    .About_area3__WpTwM .About_historyBlock__TJnMU .About_center__B8HCp .About_dot__3nTy5 {
        margin-top: .5rem;
        margin-bottom: .5rem;
        height: 1rem;
        width: 1rem;
        border-radius: 9999px;
        --tw-bg-opacity: 1;
        background-color: rgba(30, 119, 204, var(--tw-bg-opacity))
    }

    .About_area3__WpTwM .About_historyBlock__TJnMU .About_center__B8HCp .About_triangle__vKuqT {
        margin-top: 0;
        margin-bottom: 0;
        height: 0;
        width: 0;
        border-radius: 0;
        --tw-border-opacity: 1;
        border-color: rgba(30, 119, 204, var(--tw-border-opacity));
        background-color: transparent;
        border-left: 1rem solid transparent;
        border-right: 1rem solid transparent;
        border-top-width: 1rem
    }

    .About_area3__WpTwM .About_historyBlock__TJnMU .About_center__B8HCp .About_line__Lej6v {
        height: 8rem;
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
        width: 2px
    }

    .About_area3__WpTwM .About_historyBlock__TJnMU .About_left__4IUA7 {
        display: none;
        text-align: right
    }

    @media (min-width: 640px) {
        .About_area3__WpTwM .About_historyBlock__TJnMU .About_left__4IUA7 {
            display: block
        }
    }

    .About_area3__WpTwM .About_historyBlock__TJnMU .About_right__Au5QG {
        text-align: left
    }

    .About_area3__WpTwM .About_historyBlock__TJnMU .About_left__4IUA7, .About_area3__WpTwM .About_historyBlock__TJnMU .About_right__Au5QG {
        flex: 1 1 0%;
        white-space: pre-wrap;
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .About_area3__WpTwM .About_historyBlock__TJnMU .About_date__Rqwwk {
        margin-top: -.25rem;
        margin-bottom: .5rem;
        --tw-text-opacity: 1;
        color: rgba(30, 119, 204, var(--tw-text-opacity))
    }

    .About_area4__gL8wC .About_titleBox__5s7dM {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom-width: 1px;
        padding-bottom: 1rem
    }

    .About_area5__N7fp1 {
        width: 100%
    }

    .About_area5__N7fp1 .About_titleBox__5s7dM {
        border-bottom-width: 1px;
        padding-bottom: 1rem
    }

    .About_area5__N7fp1 .About_imgs__YMxrW {
        margin-top: 2rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem
    }

    @media (min-width: 640px) {
        .About_area5__N7fp1 .About_imgs__YMxrW {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }

    @media (min-width: 768px) {
        .About_area5__N7fp1 .About_imgs__YMxrW {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    @media (min-width: 1024px) {
        .About_area5__N7fp1 .About_imgs__YMxrW {
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 4rem
        }
    }

    @media (min-width: 1280px) {
        .About_area5__N7fp1 .About_imgs__YMxrW {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }
    }

    .About_area6__Kqqc2 {
        width: 100%;
        padding-bottom: 8rem
    }

    .About_area6__Kqqc2 .About_titleBox__5s7dM {
        border-bottom-width: 1px;
        padding-bottom: 1rem
    }

    .About_area6__Kqqc2 .About_box1__9cU_o {
        margin-top: 2rem;
        display: grid;
        gap: 1.5rem
    }

    @media (min-width: 768px) {
        .About_area6__Kqqc2 .About_box1__9cU_o {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }
    }

    @media (min-width: 1024px) {
        .About_area6__Kqqc2 .About_box1__9cU_o {
            gap: 4rem
        }
    }

    .About_area6__Kqqc2 .About_box1__9cU_o .About_left__4IUA7 {
        display: none;
        flex-direction: column;
        justify-content: space-between;
        gap: 1.5rem
    }

    @media (min-width: 768px) {
        .About_area6__Kqqc2 .About_box1__9cU_o .About_left__4IUA7 {
            grid-column: span 4/span 4;
            display: flex
        }
    }

    @media (min-width: 1024px) {
        .About_area6__Kqqc2 .About_box1__9cU_o .About_left__4IUA7 {
            flex: none
        }
    }

    .About_area6__Kqqc2 .About_box1__9cU_o .About_right__Au5QG {
        position: relative;
        height: 11rem;
        overflow: hidden;
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity))
    }

    @media (min-width: 768px) {
        .About_area6__Kqqc2 .About_box1__9cU_o .About_right__Au5QG {
            grid-column: span 8/span 8;
            height: 16rem
        }
    }

    .About_area6__Kqqc2 .About_box1__9cU_o .About_right__Au5QG iframe {
        display: none
    }

    .About_area6__Kqqc2 .About_box2__N7IcQ {
        margin-top: 1.5rem;
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1.5rem
    }

    @media (min-width: 640px) {
        .About_area6__Kqqc2 .About_box2__N7IcQ {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }

    @media (min-width: 768px) {
        .About_area6__Kqqc2 .About_box2__N7IcQ {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    @media (min-width: 1024px) {
        .About_area6__Kqqc2 .About_box2__N7IcQ {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }

    .About_area6__Kqqc2 .About_box2__N7IcQ > div {
        flex: 1 1 0%
    }

    .About_area6__Kqqc2 .About_box2__N7IcQ > div:nth-child(-n+3) {
        display: block
    }

    @media (min-width: 768px) {
        .About_area6__Kqqc2 .About_box2__N7IcQ > div:nth-child(-n+3) {
            display: none
        }
    }

    .About_area2__c1aQ6 .About_area6__Kqqc2 .About_box2__N7IcQ > div:nth-child(-n+3) {
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        transition-duration: .3s;
        cursor: pointer;
        border-radius: .375rem;
        --tw-bg-opacity: 1;
        background-color: rgba(245, 247, 250, var(--tw-bg-opacity));
        padding: 1rem;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity))
    }

    @media (min-width: 768px) {
        .About_area2__c1aQ6 .About_area6__Kqqc2 .About_box2__N7IcQ > div:nth-child(-n+3) {
            padding: 2rem
        }
    }

    .About_area2__c1aQ6 .About_area6__Kqqc2 .About_box2__N7IcQ > div:nth-child(-n+3):hover {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        transform: translateY(-4px)
    }

    .About_area2__c1aQ6 .About_area6__Kqqc2 .About_box2__N7IcQ > div:nth-child(-n+3):active {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        transition-duration: 75ms;
        transform: translateY(0)
    }

    .About_area6__Kqqc2 .About_contact__a3s8H .About_title__Y7FDN {
        margin-bottom: .5rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 700
    }

    .About_area6__Kqqc2 .About_contact__a3s8H .About_tel__RZ_4z {
        white-space: pre-wrap
    }

    .News_area1__Q7dar {
        min-height: 100vh
    }

    .News_area1__Q7dar .News_titleBox__Pve9Y {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom-width: 1px;
        padding-bottom: 1rem
    }

    .News_area1__Q7dar .News_btnBox__pGWFx {
        display: flex;
        justify-content: center;
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .News_newsList__RD19C {
        margin-top: 2rem;
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 2rem
    }

    @media (min-width: 640px) {
        .News_newsList__RD19C {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 2rem
        }
    }

    @media (min-width: 768px) {
        .News_newsList__RD19C {
            gap: 4rem
        }
    }

    @media (min-width: 1024px) {
        .News_newsList__RD19C {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    .News_newsList__RD19C .News_news__ZKaa_ {
        margin-bottom: 2rem;
        width: 100%;
        cursor: pointer;
        overflow: hidden;
        border-bottom-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity));
        padding: 1rem 1rem 2rem;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        transition-duration: .3s
    }

    @media (min-width: 640px) {
        .News_newsList__RD19C .News_news__ZKaa_ {
            margin-bottom: 0
        }
    }

    .News_newsList__RD19C .News_news__ZKaa_:hover {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        transform: translateY(-4px);
        border-radius: .25rem;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity))
    }

    .News_newsList__RD19C .News_news__ZKaa_:hover .News_title___LQSC {
        --tw-text-opacity: 1;
        color: rgba(30, 119, 204, var(--tw-text-opacity));
        text-decoration: underline
    }

    .News_newsList__RD19C .News_news__ZKaa_:hover img {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }

    .News_newsList__RD19C .News_news__ZKaa_ span {
        display: inline-block
    }

    .News_newsList__RD19C .News_news__ZKaa_ .News_imgBox__7FT0u {
        display: flex;
        max-height: 10rem;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: .375rem
    }

    @media (min-width: 768px) {
        .News_newsList__RD19C .News_news__ZKaa_ .News_imgBox__7FT0u {
            max-height: 12rem
        }
    }

    .News_newsList__RD19C .News_news__ZKaa_ .News_imgBox__7FT0u img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        transition-duration: .3s
    }

    .News_newsList__RD19C .News_news__ZKaa_ .News_title___LQSC {
        margin-top: 1rem;
        margin-bottom: 1rem;
        height: 4rem;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 900;
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .News_newsList__RD19C .News_news__ZKaa_ .News_summary__Km17i {
        height: 10rem;
        font-size: .875rem;
        line-height: 1.25rem
    }

    .News_newsList__RD19C .News_news__ZKaa_ .News_date__oA7lK {
        font-weight: 900
    }

    .News_empty__WiKe4 {
        margin: auto;
        max-height: 24rem;
        max-width: 48rem
    }

    .Home_area1Box__A_I6H {
        height: 100vh;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        transition-duration: .3s;
        min-height: 666px;
        background-color: #000
    }

    .Home_area1__FsAGr {
        position: relative;
        z-index: 10;
        display: flex;
        height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        text-align: center
    }

    .Home_area1__FsAGr, .Home_area1__FsAGr .Home_title__q0Qg4 {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .Home_area1__FsAGr .Home_title__q0Qg4 {
        font-size: 3rem;
        line-height: 1;
        line-height: 1.25
    }

    @media (min-width: 640px) {
        .Home_area1__FsAGr .Home_title__q0Qg4 {
            font-size: 4.5rem;
            line-height: 1;
            line-height: 1.25
        }
    }

    @media (min-width: 768px) {
        .Home_area1__FsAGr .Home_title__q0Qg4 {
            font-size: 6rem;
            line-height: 1;
            line-height: 1.375
        }
    }

    .Home_area1__FsAGr .Home_subTitle__s2Xh0 {
        margin-top: 2rem;
        margin-bottom: 5rem;
        white-space: pre-wrap
    }

    .Home_area1__FsAGr .Home_demoBtn__FW2ZW {
        padding: 1rem 2rem;
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .Home_area1Bg__1Ilg_ {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

    .Home_area1Bg__1Ilg_ .Home_video__S9oWh {
        height: auto;
        min-height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .Home_area1Bg__1Ilg_ .Home_mobileBg__KoVUy:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: rgba(10, 14, 61, .25)
    }

    .Home_area1_1__NY5HG {
        display: grid;
        gap: 2rem;
        border-radius: .375rem;
        border-width: 1px;
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        padding: 1rem;
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    @media (min-width: 640px) {
        .Home_area1_1__NY5HG {
            padding: 2rem
        }
    }

    @media (min-width: 768px) {
        .Home_area1_1__NY5HG {
            gap: 4rem
        }
    }

    @media (min-width: 1024px) {
        .Home_area1_1__NY5HG {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    .Home_area1_1__NY5HG > div {
        flex: 1 1 0%
    }

    .Home_area1_1__NY5HG > div:hover .Home_title__q0Qg4 {
        --tw-text-opacity: 1;
        color: rgba(30, 119, 204, var(--tw-text-opacity));
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        transition-duration: .3s
    }

    .Home_area1_1__NY5HG .Home_titleBox__icY78 {
        margin-bottom: 1rem;
        display: flex;
        align-items: center
    }

    .Home_area1_1__NY5HG .Home_titleBox__icY78 .Home_title__q0Qg4 {
        margin-left: 1rem
    }

    .Home_area2__ICCIr {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .Home_area2__ICCIr .Home_logos__Ds4yv {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding-bottom: 1rem
    }

    .Home_area2__ICCIr .Home_logos__Ds4yv .Home_logo__FLQOc {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border-radius: .25rem;
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        padding: 1rem
    }

    @media (min-width: 640px) {
        .Home_area2__ICCIr .Home_logos__Ds4yv .Home_logo__FLQOc {
            margin: 1rem;
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }
    }

    .Home_area2__ICCIr .Home_logos__Ds4yv .Home_logo__FLQOc {
        min-width: 10rem
    }

    .Home_area2__ICCIr .Home_logos__Ds4yv .Home_logo__FLQOc img {
        margin: auto;
        height: 2rem
    }

    .Home_area3__wYo9h {
        display: flex;
        justify-content: center
    }

    .Home_product__wG_G_ {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 4rem
    }

    @media (min-width: 768px) {
        .Home_product__wG_G_ {
            flex-direction: row;
            padding-top: 4rem;
            padding-bottom: 4rem
        }
    }

    .Home_product__wG_G_ .Home_left__PDvAo {
        flex: 1 1 0%;
        padding: .5rem
    }

    @media (min-width: 640px) {
        .Home_product__wG_G_ .Home_left__PDvAo {
            padding: 1rem
        }
    }

    .Home_product__wG_G_ .Home_left__PDvAo .Home_subTitle__s2Xh0 {
        display: flex;
        align-items: center;
        gap: 1rem;
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .Home_product__wG_G_ .Home_left__PDvAo .Home_title__q0Qg4 {
        margin-top: 1rem;
        margin-bottom: 1rem;
        line-height: 1.5
    }

    .Home_product__wG_G_ .Home_left__PDvAo .Home_desc__q_6Ri {
        margin-bottom: 1.5rem
    }

    .Home_product__wG_G_ .Home_left__PDvAo .Home_comment__GONvn {
        margin-bottom: 1.5rem;
        border-radius: .5rem;
        --tw-bg-opacity: 1;
        background-color: rgba(245, 247, 250, var(--tw-bg-opacity));
        padding: 1rem
    }

    .Home_product__wG_G_ .Home_left__PDvAo .Home_comment__GONvn .Home_desc__q_6Ri {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 600;
        letter-spacing: .1em
    }

    .Home_product__wG_G_ .Home_left__PDvAo .Home_comment__GONvn .Home_people__gDAbk {
        display: flex;
        align-items: center
    }

    .Home_product__wG_G_ .Home_left__PDvAo .Home_comment__GONvn .Home_people__gDAbk .Home_logo__FLQOc {
        margin-right: 1rem;
        height: 1rem
    }

    .Home_product__wG_G_ .Home_left__PDvAo .Home_comment__GONvn .Home_people__gDAbk .Home_position__F3kBL {
        border-left-width: 2px;
        padding: .125rem 1rem;
        font-weight: 700
    }

    .Home_product__wG_G_ .Home_right__Q3ZHY {
        flex: 1 1 0%;
        padding: 1rem
    }

    @media (min-width: 1024px) {
        .Home_product__wG_G_ .Home_right__Q3ZHY {
            margin-left: 4rem
        }
    }

    @media (min-width: 768px) {
        .Home_productReverse__6cx1h {
            flex-direction: row-reverse
        }

        .Home_productReverse__6cx1h .Home_right__Q3ZHY {
            margin-right: 4rem;
            margin-left: 0
        }
    }

    .Home_area4Services__XKClq {
        display: grid;
        flex-direction: column;
        gap: 4rem;
        border-radius: .5rem;
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        padding: 1rem;
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    @media (min-width: 640px) {
        .Home_area4Services__XKClq {
            padding: 2rem
        }
    }

    @media (min-width: 1024px) {
        .Home_area4Services__XKClq {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    .Home_area4Services__XKClq .Home_service__Ie4vL {
        flex: 1 1 0%
    }

    .Home_area4Services__XKClq .Home_service__Ie4vL:hover .Home_titleBox__icY78 {
        --tw-text-opacity: 1;
        color: rgba(30, 119, 204, var(--tw-text-opacity));
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        transition-duration: .3s
    }

    .Home_area4Services__XKClq .Home_service__Ie4vL .Home_subTitle__s2Xh0 {
        font-size: .875rem;
        line-height: 1.25rem;
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .Home_area4Services__XKClq .Home_service__Ie4vL .Home_titleBox__icY78 {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .Home_area4Services__XKClq .Home_service__Ie4vL .Home_titleBox__icY78 .Home_stitle__6Bgpm {
        white-space: pre-wrap;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 700
    }

    .Home_area4Services__XKClq .Home_service__Ie4vL .Home_desc__q_6Ri {
        padding-bottom: .5rem
    }

    .Home_area5__TtUl9 {
        display: grid;
        gap: 4rem;
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    @media (min-width: 768px) {
        .Home_area5__TtUl9 {
            gap: 4rem
        }
    }

    @media (min-width: 1024px) {
        .Home_area5__TtUl9 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    .Home_area5__TtUl9 > div:hover .Home_title__q0Qg4 {
        --tw-text-opacity: 1;
        color: rgba(30, 119, 204, var(--tw-text-opacity));
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        transition-duration: .3s
    }

    .Home_area6__Mz5_i {
        padding-bottom: 8rem;
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .Home_area6__Mz5_i .Home_blocks__5WOZs {
        display: flex;
        flex-direction: column
    }

    @media (min-width: 640px) {
        .Home_area6__Mz5_i .Home_blocks__5WOZs {
            flex-direction: row
        }
    }

    .Home_area6__Mz5_i .Home_blocks__5WOZs .Home_block__o6NT_ {
        flex: 1 1 0%
    }

    @media (min-width: 640px) {
        .Home_area6__Mz5_i .Home_blocks__5WOZs .Home_block__o6NT_ {
            padding: 1rem
        }
    }

    .Home_area6__Mz5_i .Home_blocks__5WOZs .Home_block__o6NT_ .Home_title__q0Qg4 {
        margin-top: 3rem;
        margin-bottom: 1rem;
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .Product_area1__XKijT {
        padding-top: 2rem
    }

    @media (min-width: 640px) {
        .Product_area1__XKijT {
            padding-top: 4rem
        }
    }

    .Product_area1__XKijT .Product_product__INRwX, .Product_area1__XKijT .Product_solution__ayjtD {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .Product_area1__XKijT .Product_product__INRwX .Product_blocks___NzGO, .Product_area1__XKijT .Product_solution__ayjtD .Product_blocks___NzGO {
        margin-top: 4rem;
        margin-bottom: 4rem;
        display: grid;
        gap: 4rem
    }

    @media (min-width: 768px) {
        .Product_area1__XKijT .Product_product__INRwX .Product_blocks___NzGO, .Product_area1__XKijT .Product_solution__ayjtD .Product_blocks___NzGO {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 2rem
        }
    }

    @media (min-width: 1024px) {
        .Product_area1__XKijT .Product_product__INRwX .Product_blocks___NzGO, .Product_area1__XKijT .Product_solution__ayjtD .Product_blocks___NzGO {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    @media (min-width: 1280px) {
        .Product_area1__XKijT .Product_product__INRwX .Product_blocks___NzGO, .Product_area1__XKijT .Product_solution__ayjtD .Product_blocks___NzGO {
            gap: 4rem
        }
    }

    .Product_area1__XKijT .Product_product__INRwX .Product_blocks___NzGO .Product_block__MVVOm, .Product_area1__XKijT .Product_solution__ayjtD .Product_blocks___NzGO .Product_block__MVVOm {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-radius: .5rem;
        border-top-width: 4px;
        --tw-border-opacity: 1;
        border-color: rgba(30, 119, 204, var(--tw-border-opacity));
        padding: 1.5rem
    }

    .Product_area1__XKijT .Product_product__INRwX .Product_blocks___NzGO .Product_block__MVVOm:hover, .Product_area1__XKijT .Product_solution__ayjtD .Product_blocks___NzGO .Product_block__MVVOm:hover {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .Product_area1__XKijT .Product_product__INRwX .Product_blocks___NzGO .Product_block__MVVOm, .Product_area1__XKijT .Product_solution__ayjtD .Product_blocks___NzGO .Product_block__MVVOm {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        transition-duration: .5s
    }

    .Product_area1__XKijT .Product_product__INRwX .Product_blocks___NzGO .Product_block__MVVOm .Product_title__k8Sjr, .Product_area1__XKijT .Product_solution__ayjtD .Product_blocks___NzGO .Product_block__MVVOm .Product_title__k8Sjr {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .Product_area1__XKijT .Product_product__INRwX {
        padding-top: 4rem
    }

    .Product_area2__g05FK {
        position: relative;
        padding-bottom: 5rem;
        text-align: center
    }

    .Product_area2__g05FK, .Product_area2__g05FK .Product_title__k8Sjr {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .Product_area2__g05FK .Product_desc__DkP99 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .Product_area2__g05FK .Product_btn__qTMiB {
        margin-top: 2rem;
        margin-bottom: 4rem;
        width: 8rem;
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .Product_area2__g05FK .Product_btn__qTMiB:hover {
        background-color: #fff !important
    }
    .css-1dx5b0g {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 500;
        font-size: 0.8125rem;
        line-height: 1.75;
        letter-spacing: 0.02857em;
        text-transform: uppercase;
        min-width: 64px;
        padding: 4px 10px;
        border-radius: 4px;
        -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        color: #fff;
        background-color: #1E77CC;
        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    }

    .css-1dx5b0g:hover {
        -webkit-text-decoration: none;
        text-decoration: none;
        background-color: rgb(21, 83, 142);
        box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    }

    @media (hover: none) {
        .css-1dx5b0g:hover {
            background-color: #1E77CC;
        }
    }

    .css-1dx5b0g:active {
        box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    }

    .css-1dx5b0g.Mui-focusVisible {
        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    }

    .css-1dx5b0g.Mui-disabled {
        color: rgba(0, 0, 0, 0.26);
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0.12);
    }
    .css-rpkqdo {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        position: relative;
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
        background-color: transparent;
        outline: 0;
        border: 0;
        margin: 0;
        border-radius: 0;
        padding: 0;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: middle;
        -moz-appearance: none;
        -webkit-appearance: none;
        -webkit-text-decoration: none;
        text-decoration: none;
        color: inherit;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 500;
        font-size: 0.8125rem;
        line-height: 1.75;
        letter-spacing: 0.02857em;
        text-transform: uppercase;
        min-width: 64px;
        padding: 4px 10px;
        border-radius: 4px;
        -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        color: #fff;
        background-color: #1E77CC;
        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    }

    .css-rpkqdo::-moz-focus-inner {
        border-style: none;
    }

    .css-rpkqdo.Mui-disabled {
        pointer-events: none;
        cursor: default;
    }

    @media print {
        .css-rpkqdo {
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
        }
    }

    .css-rpkqdo:hover {
        -webkit-text-decoration: none;
        text-decoration: none;
        background-color: rgb(21, 83, 142);
        box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    }

    @media (hover: none) {
        .css-rpkqdo:hover {
            background-color: #1E77CC;
        }
    }

    .css-rpkqdo:active {
        box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    }

    .css-rpkqdo.Mui-focusVisible {
        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    }

    .css-rpkqdo.Mui-disabled {
        color: rgba(0, 0, 0, 0.26);
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0.12);
    }
    .css-1u7k763 {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 500;
        font-size: 0.9375rem;
        line-height: 1.75;
        letter-spacing: 0.02857em;
        text-transform: uppercase;
        min-width: 64px;
        padding: 8px 22px;
        border-radius: 4px;
        -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        color: #fff;
        background-color: #1E77CC;
        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    }

    .css-1u7k763:hover {
        -webkit-text-decoration: none;
        text-decoration: none;
        background-color: rgb(21, 83, 142);
        box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    }

    @media (hover: none) {
        .css-1u7k763:hover {
            background-color: #1E77CC;
        }
    }

    .css-1u7k763:active {
        box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    }

    .css-1u7k763.Mui-focusVisible {
        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    }

    .css-1u7k763.Mui-disabled {
        color: rgba(0, 0, 0, 0.26);
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0.12);
    }
    .css-1ublda2 {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        position: relative;
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
        background-color: transparent;
        outline: 0;
        border: 0;
        margin: 0;
        border-radius: 0;
        padding: 0;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: middle;
        -moz-appearance: none;
        -webkit-appearance: none;
        -webkit-text-decoration: none;
        text-decoration: none;
        color: inherit;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 500;
        font-size: 0.9375rem;
        line-height: 1.75;
        letter-spacing: 0.02857em;
        text-transform: uppercase;
        min-width: 64px;
        padding: 8px 22px;
        border-radius: 4px;
        -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        color: #fff;
        background-color: #1E77CC;
        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    }

    .css-1ublda2::-moz-focus-inner {
        border-style: none;
    }

    .css-1ublda2.Mui-disabled {
        pointer-events: none;
        cursor: default;
    }

    @media print {
        .css-1ublda2 {
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
        }
    }

    .css-1ublda2:hover {
        -webkit-text-decoration: none;
        text-decoration: none;
        background-color: rgb(21, 83, 142);
        box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    }

    @media (hover: none) {
        .css-1ublda2:hover {
            background-color: #1E77CC;
        }
    }

    .css-1ublda2:active {
        box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    }

    .css-1ublda2.Mui-focusVisible {
        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    }

    .css-1ublda2.Mui-disabled {
        color: rgba(0, 0, 0, 0.26);
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0.12);
    }
    .css-1u7k763 {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 500;
        font-size: 0.9375rem;
        line-height: 1.75;
        letter-spacing: 0.02857em;
        text-transform: uppercase;
        min-width: 64px;
        padding: 8px 22px;
        border-radius: 4px;
        -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        color: #fff;
        background-color: #1E77CC;
        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    }

    .css-1u7k763:hover {
        -webkit-text-decoration: none;
        text-decoration: none;
        background-color: rgb(21, 83, 142);
        box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    }

    @media (hover: none) {
        .css-1u7k763:hover {
            background-color: #1E77CC;
        }
    }

    .css-1u7k763:active {
        box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    }

    .css-1u7k763.Mui-focusVisible {
        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    }

    .css-1u7k763.Mui-disabled {
        color: rgba(0, 0, 0, 0.26);
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0.12);
    }
    .css-1ublda2 {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        position: relative;
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
        background-color: transparent;
        outline: 0;
        border: 0;
        margin: 0;
        border-radius: 0;
        padding: 0;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: middle;
        -moz-appearance: none;
        -webkit-appearance: none;
        -webkit-text-decoration: none;
        text-decoration: none;
        color: inherit;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 500;
        font-size: 0.9375rem;
        line-height: 1.75;
        letter-spacing: 0.02857em;
        text-transform: uppercase;
        min-width: 64px;
        padding: 8px 22px;
        border-radius: 4px;
        -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        color: #fff;
        background-color: #1E77CC;
        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    }

    .css-1ublda2::-moz-focus-inner {
        border-style: none;
    }

    .css-1ublda2.Mui-disabled {
        pointer-events: none;
        cursor: default;
    }

    @media print {
        .css-1ublda2 {
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
        }
    }

    .css-1ublda2:hover {
        -webkit-text-decoration: none;
        text-decoration: none;
        background-color: rgb(21, 83, 142);
        box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    }

    @media (hover: none) {
        .css-1ublda2:hover {
            background-color: #1E77CC;
        }
    }

    .css-1ublda2:active {
        box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    }

    .css-1ublda2.Mui-focusVisible {
        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    }

    .css-1ublda2.Mui-disabled {
        color: rgba(0, 0, 0, 0.26);
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0.12);
    }
    .css-3sq742 {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 500;
        font-size: 0.9375rem;
        line-height: 1.75;
        letter-spacing: 0.02857em;
        text-transform: uppercase;
        min-width: 64px;
        padding: 8px 11px;
        border-radius: 4px;
        -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        color: #1E77CC;
    }

    .css-3sq742:hover {
        -webkit-text-decoration: none;
        text-decoration: none;
        background-color: rgba(30, 119, 204, 0.04);
    }

    @media (hover: none) {
        .css-3sq742:hover {
            background-color: transparent;
        }
    }

    .css-3sq742.Mui-disabled {
        color: rgba(0, 0, 0, 0.26);
    }
    .css-1gh9e77 {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        position: relative;
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
        background-color: transparent;
        outline: 0;
        border: 0;
        margin: 0;
        border-radius: 0;
        padding: 0;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: middle;
        -moz-appearance: none;
        -webkit-appearance: none;
        -webkit-text-decoration: none;
        text-decoration: none;
        color: inherit;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 500;
        font-size: 0.9375rem;
        line-height: 1.75;
        letter-spacing: 0.02857em;
        text-transform: uppercase;
        min-width: 64px;
        padding: 8px 11px;
        border-radius: 4px;
        -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        color: #1E77CC;
    }

    .css-1gh9e77::-moz-focus-inner {
        border-style: none;
    }

    .css-1gh9e77.Mui-disabled {
        pointer-events: none;
        cursor: default;
    }

    @media print {
        .css-1gh9e77 {
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
        }
    }

    .css-1gh9e77:hover {
        -webkit-text-decoration: none;
        text-decoration: none;
        background-color: rgba(30, 119, 204, 0.04);
    }

    @media (hover: none) {
        .css-1gh9e77:hover {
            background-color: transparent;
        }
    }

    .css-1gh9e77.Mui-disabled {
        color: rgba(0, 0, 0, 0.26);
    }
    .marquee-container {
        overflow-x: hidden !important;
        display: flex !important;
        flex-direction: row !important;
        position: relative;
        width: 100%;
    }

    .marquee-container:hover div {
        animation-play-state: var(--pause-on-hover);
    }

    .marquee-container:active div {
        animation-play-state: var(--pause-on-click);
    }

    .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .overlay::before, .overlay::after {
        background: linear-gradient(to right, var(--gradient-color));
        content: "";
        height: 100%;
        position: absolute;
        width: var(--gradient-width);
        z-index: 2;
    }

    .overlay::after {
        right: 0;
        top: 0;
        transform: rotateZ(180deg);
    }

    .overlay::before {
        left: 0;
        top: 0;
    }

    .marquee {
        flex: 0 0 auto;
        min-width: 100%;
        z-index: 1;
        display: flex;
        flex-direction: row;
        align-items: center;
        animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
        animation-play-state: var(--play);
        animation-delay: var(--delay);
        animation-direction: var(--direction);
    }

    @keyframes scroll {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-100%);
        }
    }
    :root {
        --b-100: #F2F3F7;
    }

    .woot-widget-holder {
        box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
        opacity: 1;
        will-change: transform, opacity;
        transform: translateY(0);
        overflow: hidden !important;
        position: fixed !important;
        transition: opacity 0.2s linear, transform 0.25s linear;
        z-index: 2147483000 !important;
    }

    .woot-widget-holder.woot-widget-holder--flat {
        box-shadow: none;
        border-radius: 0;
        border: 1px solid var(--b-100);
    }

    .woot-widget-holder iframe {
        border: 0;
        height: 100% !important;
        width: 100% !important;
        max-height: 100vh !important;
    }

    .woot-widget-holder.has-unread-view {
        border-radius: 0 !important;
        min-height: 80px !important;
        height: auto;
        bottom: 94px;
        box-shadow: none !important;
        border: 0;
    }

    .woot-widget-bubble {
        background: #1f93ff;
        border-radius: 100px;
        border-width: 0px;
        bottom: 20px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, .16) !important;
        cursor: pointer;
        height: 64px;
        padding: 0px;
        position: fixed;
        user-select: none;
        width: 64px;
        z-index: 2147483000 !important;
    }

    .woot-widget-bubble.woot-widget-bubble--flat {
        border-radius: 0;
    }

    .woot-widget-holder.woot-widget-holder--flat {
        bottom: 90px;
    }

    .woot-widget-bubble.woot-widget-bubble--flat {
        height: 56px;
        width: 56px;
    }

    .woot-widget-bubble.woot-widget-bubble--flat img {
        margin: 16px;
    }

    .woot-widget-bubble.woot-widget-bubble--flat.woot--close::before,
    .woot-widget-bubble.woot-widget-bubble--flat.woot--close::after {
        left: 28px;
        top: 16px;
    }

    .woot-widget-bubble.unread-notification::after {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        background: #ff4040;
        border-radius: 100%;
        top: 0px;
        right: 0px;
        border: 2px solid #ffffff;
        transition: background 0.2s ease;
    }

    .woot-widget-bubble.woot-widget--expanded {
        bottom: 24px;
        display: flex;
        height: 48px !important;
        width: auto !important;
        align-items: center;
    }

    .woot-widget-bubble.woot-widget--expanded div {
        align-items: center;
        color: #fff;
        display: flex;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif;
        font-size: 16px;
        font-weight: 500;
        justify-content: center;
        padding-right: 20px;
        width: auto !important;
    }

    .woot-widget-bubble.woot-widget--expanded img {
        height: 20px;
        margin: 14px 8px 14px 16px;
        width: 20px;
    }

    .woot-widget-bubble.woot-elements--left {
        left: 20px;
    }

    .woot-widget-bubble.woot-elements--right {
        right: 20px;
    }

    .woot-widget-bubble:hover {
        background: #1f93ff;
        box-shadow: 0 8px 32px rgba(0, 0, 0, .4) !important;
    }

    .woot-widget-bubble img {
        all: revert;
        height: 24px;
        margin: 20px;
        width: 24px;
    }

    @media only screen and (min-width: 667px) {
        .woot-widget-holder.woot-elements--left {
            left: 20px;
        }

        .woot-widget-holder.woot-elements--right {
            right: 20px;
        }
    }

    .woot--close:hover {
        opacity: 1;
    }

    .woot--close::before, .woot--close::after {
        background-color: #fff;
        content: ' ';
        display: inline;
        height: 24px;
        left: 32px;
        position: absolute;
        top: 20px;
        width: 2px;
    }

    .woot--close::before {
        transform: rotate(45deg);
    }

    .woot--close::after {
        transform: rotate(-45deg);
    }

    .woot--hide {
        bottom: -100vh !important;
        transform: translateY(40px);
        top: unset !important;
        opacity: 0;
        visibility: hidden !important;
        z-index: -1 !important;
    }

    .woot-widget--without-bubble {
        bottom: 20px !important;
    }

    @media only screen and (max-width: 667px) {
        .woot-widget-holder {
            height: 100%;
            right: 0;
            top: 0;
            width: 100%;
        }

        .woot-widget-holder iframe {
            min-height: 100% !important;
        }


        .woot-widget-holder.has-unread-view {
            height: auto;
            right: 0;
            width: auto;
            bottom: 0;
            top: auto;
            max-height: 100vh;
            padding: 0 8px;
        }

        .woot-widget-holder.has-unread-view iframe {
            min-height: unset !important;
        }

        .woot-widget-holder.has-unread-view.woot-elements--left {
            left: 0;
        }

        .woot-widget-bubble.woot--close {
            bottom: 60px;
            opacity: 0;
            visibility: hidden !important;
            z-index: -1 !important;
        }
    }

    @media only screen and (min-width: 667px) {
        .woot-widget-holder {
            border-radius: 16px;
            bottom: 104px;
            height: calc(85% - 64px - 20px);
            max-height: 590px !important;
            min-height: 250px !important;
            width: 400px !important;
        }
    }