.cta
{
    margin: 150px 0;
    overflow: hidden
}

.cta.have_overlay:after
{
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 42.75%, rgba(211, 221, 222, .87) 65.66%);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.cta .cta_inner .cta_data
{
    min-height: 584px;
    padding: 80px 0 81px
}

.cta .cta_inner .cta_data_image
{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.cta .cta_inner .cta_data_image .image__cta
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    z-index: -1
}

.cta .cta_inner .cta_data_image .image__cta.image_mobile
{
    display: none
}

.cta .cta_inner .cta_data_content
{
    background-color: var(--Color_Teal);
    border-radius: 20px 0 0 20px;
    margin-left: auto;
    max-width: 543px;
    padding: 70px 0 70px 60px;
    position: relative;
    z-index: 1
}

.cta .cta_inner .cta_data_content h3
{
    font-size: 36px;
    line-height: 46px
}

.cta .cta_inner .cta_data_content .heading_text
{
    color: var(--Color_White);
    margin-bottom: 20px
}

.cta .cta_inner .cta_data_content .sub_heading
{
    color: var(--Color_White_op_per_50);
    font-family: var(--Font_Figtree_Bold);
    font-size: 20px;
    margin-bottom: 20px
}

.cta .cta_inner .cta_data_content .short_description
{
    color: var(--Color_White)
}

.cta .cta_inner .cta_data_content .button_section
{
    margin-top: 40px
}

.cta .cta_inner .cta_data_content:after
{
    background-color: var(--Color_Teal);
    content: "";
    height: 100%;
    position: absolute;
    right: -188px;
    top: 0;
    width: 35%;
    z-index: -1
}

@media (min-width:1441px)
{
    .cta .cta_inner .cta_data_content:after
    {
        right: -99vw;
        width: 100vw
    }
}

@media (max-width:1359px)
{
    .cta
    {
        margin: 130px 0
    }

    .cta .cta_inner .cta_data
    {
        min-height: 584px;
        padding: 80px 0 81px
    }

    .cta .cta_inner .cta_data_content h3
    {
        font-size: 33px;
        line-height: 40px
    }
}

@media (max-width:1199px)
{
    .cta
    {
        margin: 100px 0
    }

    .cta .cta_inner .cta_data
    {
        min-height: 584px;
        padding: 80px 0 81px
    }

    .cta .cta_inner .cta_data_content h3
    {
        font-size: 33px;
        line-height: 40px
    }
}

@media (max-width:991px)
{
    .cta
    {
        margin: 70px 0
    }

    .cta.have_overlay:after
    {
        content: none
    }

    .cta .cta_inner .cta_data
    {
        min-height: 390px;
        padding: 0
    }

    .cta .cta_inner .cta_data_image
    {
        position: relative
    }

    .cta .cta_inner .cta_data_image .image__cta.image_desktop
    {
        display: none
    }

    .cta .cta_inner .cta_data_image .image__cta.image_mobile
    {
        border-radius: 11.33px 11.36px 0 0;
        display: block;
        min-height: 300px
    }

    .cta .cta_inner .cta_data_content
    {
        border-radius: 0 0 20px 20px;
        margin-left: 0;
        max-width: 100%;
        padding: 40px
    }

    .cta .cta_inner .cta_data_content:after
    {
        content: none
    }
}

@media (max-width:575px)
{
    .cta
    {
        margin: 33px 0
    }

    .cta .cta_inner .cta_data_image .image__cta.image_mobile
    {
        border-radius: 11.33px 11.36px 0 0;
        min-height: 116.03px
    }

    .cta .cta_inner .cta_data_content
    {
        padding: 31px 32px 24px
    }

    .cta .cta_inner .cta_data_content h3
    {
        font-size: 16px;
        line-height: 17.6px
    }
}