@use '../../utils' as *;

/*----------------------------------------*/
/* Cta styles
/*----------------------------------------*/
.payment-gateways-grid {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

.cta-main-wrapper {
    background: linear-gradient(90.37deg, rgb(19, 19, 19) 0%, rgb(19, 20, 47) 49.4298905134%, rgb(19, 19, 19) 100%);
    padding: 80px 80px;
    border-radius: 30px;
    position: relative;
    z-index: 30;
    overflow: hidden;

    @media #{$lg,$xl,$x3l} {
        padding: 50px 40px;
    }

    @media #{$xs,$sm,$md} {
        padding: 40px 40px;
    }

    @media #{$xxs} {
        padding: 20px 20px;
    }
}

.cta-bg {
    position: absolute;
    width: 80%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.1;
    z-index: -2;
}