/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 1 version
*/

.full-width-cta__text {
    text-align: center;
    padding: 50px 22px 20px;
}

.full-width-cta__text a{
    font-weight: bolder;
    transition: all 300ms ease-in-out;
}

.full-width-cta__text a:before{
    transition: all 300ms ease-in-out;
}

.full-width-cta__image {
    height: 150px;
    -webkit-clip-path: polygon(0 35%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 35%, 100% 0, 100% 100%, 0% 100%);
    position: relative;
    z-index: 1;
}

.full-width-cta {
    position: relative;
}

.full-width-cta:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 160px;
    background: #02B4D7;
    -webkit-clip-path: polygon(0 33%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 33%, 100% 0, 100% 100%, 0% 100%);
}

.full-width-cta__description {
    margin: 0 0 25px;
}


@media(min-width: 768px) {
    .full-width-cta__text {
        text-align: left;
        padding: 80px 234px 80px 52px;
    }

    .full-width-cta__image {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 407px;
        -webkit-clip-path: polygon(93% 0, 100% 0, 100% 100%, 0% 100%);
                clip-path: polygon(93% 0, 100% 0, 100% 100%, 0% 100%);
    }

    .full-width-cta:after {
        right: 0;
        bottom: 0;
        width: 424px;
        height: 100%;
        -webkit-clip-path: polygon(89% 0, 100% 0, 100% 100%, 0% 100%);
                clip-path: polygon(89% 0, 100% 0, 100% 100%, 0% 100%);
    }

    .full-width-cta__description {
        padding-right: 148px;
    }
}

@media(min-width: 1200px) {
    .full-width-cta__text {
        padding: 0;
        width: 100%;
        max-width: 724px;
        margin-left: auto;
    }

    .full-width-cta__image {
        width: 50%;
        -webkit-clip-path: polygon(63% 0, 100% 0, 100% 100%, 0% 100%);
                clip-path: polygon(63% 0, 100% 0, 100% 100%, 0% 100%);
    }

    .full-width-cta:after {
        width: calc(50% + 18px);
        -webkit-clip-path: polygon(61% 0, 100% 0, 100% 100%, 0% 100%);
                clip-path: polygon(61% 0, 100% 0, 100% 100%, 0% 100%);
    }

    .full-width-cta__content {
        padding: 120px 0 120px 63px;
        width: 57%;
    }

    .full-width-cta__description {
        padding-right: 40px;
    }

    .full-width-cta__text .btn {
        margin: 10px 0 0;
    }
}

@media(min-width: 1600px) {
    .full-width-cta__content {
        padding: 120px 0 120px 63px;
        width: 55%;
    }

    .full-width-cta__image {
        width: calc(45% - 9px);
        -webkit-clip-path: polygon(49% 0, 100% 0, 100% 100%, 0% 100%);
                clip-path: polygon(49% 0, 100% 0, 100% 100%, 0% 100%);
    }

    .full-width-cta:after {
        width: calc(45% + 13px);
        -webkit-clip-path: polygon(48% 0, 100% 0, 100% 100%, 0% 100%);
                clip-path: polygon(48% 0, 100% 0, 100% 100%, 0% 100%);
    }

    .full-width-cta__description {
        padding-right: 0;
    }
}