.basic_2cols {
    &:not(.page_single) {

        &.c_white {
            position: relative;
            z-index: -5;
            
            &:before {
                content: '';
                background: rgba(255, 255, 255, 0.65);
                backdrop-filter: blur(6.5px);
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                position: absolute;
            }
        }
        
        .container {
            position: unset !important;
            
            &:before {
                content: '';
                position: absolute;
                bottom: -20px;
                left: -13vw;
                width: 240px;
                height: 240px;
                background: var(--blue-rgba-16);
                z-index: -1;
                border-radius: 50%;
                
                @media (min-width: 992px) {
                    bottom: -50px;
                    width: 480px;
                    height: 480px;
                }
            }
            
            &:after {
                content: '';
                position: absolute;
                top: -20px;
                right: -13vw;
                width: 240px;
                height: 240px;
                background: rgba(0, 0, 0, 0.08);
                z-index: -1;
                border-radius: 50%;
                
                @media (min-width: 992px) {
                    top: -50px;
                    width: 480px;
                    height: 480px;
                }
            }
        }
    }

    &[data-color="#000000"] {
        .container {
            &:after {
                background: rgba(255, 255, 255, 0.08);
            }

            .basic_2cols__para {
                span {
                    color: var(--white) !important;
                }
            }
        }
    }

    &[data-color="#006aaf"] {
        .container {
            &:before {
                background: rgba(0, 0, 0, 0.08);
            }

            .basic_2cols__para {
                span {
                    color: var(--white) !important;
                }
            }
        }
    }
}

.basic_2cols__content {
    position: relative;

    @media (max-width: 767px) {
        gap: 35px;
    }
}

.basic_2cols__para {
    position: relative;
    z-index: 3;

    &:has(+.basic_2cols__media.cover) {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.basic_2cols__para p:last-child {
    margin-bottom: 0;
}

.basic_2cols__media {
    position: relative;
    margin-top: 16px;
    z-index: 4;
}

@media (min-width: 768px) {
    .basic_2cols__media {
        margin-top: 0;
    }
}

.basic_2cols__media img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}

.basic_2cols__media .wp-video {
    position: sticky;
    top: 0;
}

.basic_2cols__media:not(.cover) {
    -ms-flex-item-align: center;
    align-self: center;
}

@media (min-width: 768px) {
    .basic_2cols__content:not(.reverse) .basic_2cols__para {
        padding-right: 48px;
    }

    .reverse .basic_2cols__para {
        padding-left: 48px;
    }
}

.single {
    .basic_2cols__content {
        &:not(.reverse) .basic_2cols__para {
            padding-right: 35px;
        }
        
        .basic_2cols__para {
            flex-grow: 1;
        }

        .basic_2cols__media {
            max-width: 400px;
        }
    }
}