.s_oc_implementation_5{
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    background-image: url('/oc-snippets/static/src/img/implementation/implementation_5.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 143vh !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

.s_oc_impl5__container{
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 90px !important;
    padding-bottom: 90px !important;
    padding-left: clamp(18px, 4vw, 80px) !important;
    padding-right: clamp(50px, 6vw, 115px) !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.s_oc_impl5__content{
    position: relative !important;
    width: min(640px, 100%) !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    text-align: right !important;
    color: #FFFFFF !important;
    right: 0 !important;
}

.s_oc_impl5__title{
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    font-size: 64px !important;
    line-height: 100% !important;
    text-align: right !important;
    color: #FFFFFF !important;
}

.s_oc_impl5__can{
    position: relative !important;
    display: inline-block !important;
    padding-top: 54px !important;
}

.s_oc_impl5__hex{
    position: absolute !important;
    bottom: calc(100% - 8px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 110px !important;
    height: auto !important;
    pointer-events: none !important;
    user-select: none !important;
}

.s_oc_impl5__list{
    margin: 24px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.s_oc_impl5__item{
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.s_oc_impl5__item_title{
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 12px !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 140% !important;
    text-align: left !important;
    color: rgba(255,255,255,0.92) !important;
}

.s_oc_impl5__item_title::before{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: calc((14px * 1.4 - 3px) / 2) !important;
    width: 3px !important;
    height: 3px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.95) !important;
}

.s_oc_impl5__item_text{
    margin: 2px 0 0 14px !important;
    padding: 0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 150% !important;
    text-align: left !important;
    color: rgba(255,255,255,0.62) !important;
}

.s_oc_impl5__closing{
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 150% !important;
    text-align: left !important;
    color: rgba(255,255,255,0.62) !important;
}

@media (max-width: 991.98px){
    .s_oc_impl5__container{
        padding-top: 70px !important;
        padding-bottom: 70px !important;
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

    .s_oc_impl5__content{
        width: min(620px, 100%) !important;
        right: 0 !important;
    }

    .s_oc_impl5__title{
        font-size: 48px !important;
        text-align: right !important;
    }

    .s_oc_impl5__can{
        padding-top: 44px !important;
    }

    .s_oc_impl5__hex{
        width: 92px !important;
    }

    .s_oc_impl5__list{
        margin-top: 18px !important;
    }
}

@media (max-width: 575.98px){
    .s_oc_impl5__container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
        padding-right: 69px !important;
        padding-left: 21px !important;
    }

    .s_oc_impl5__content{
        width: 100% !important;
        right: 0 !important;
    }

    .s_oc_impl5__title{
        font-size: 36px !important;
        text-align: right !important;
    }

    .s_oc_impl5__can{
        padding-top: 38px !important;
    }

    .s_oc_impl5__hex{
        width: 78px !important;
    }

    .s_oc_impl5__item{
        margin-bottom: 12px !important;
    }
}