@media screen and (min-width: 1600px) {
    .two_columns.tg-container{
        max-width: 1400px;
    }
}
.two_columns{
    display: flex;
}
.two_columns_second,
.two_columns_first{
    flex-basis: 100%;
    padding: 100px;
}
@media screen and (min-width: 1500px) {
    .two_columns_first{
        clip-path: polygon(0 0, 100% 0, calc(100% - 250px) 100%, 0 100%);
    }
    .two_columns_second {
        clip-path: polygon(250px 0, 100% 0, 100% 100%, 0 100%);
        margin-left: -225px;
    }
    body .two_columns_second{
        padding-left: 310px;
    }
    body .two_columns_first{
        padding-right: 230px;
    }
}

.two_columns_item{
    margin-bottom: 20px;
}
.two_columns .standart_buttons_wrap{
    margin-top: 30px;
}
.two_columns_item_text p:not(:last-of-type){
    margin-bottom: 7px;
}
.two_columns_item_text p:last-of-type{
    margin-bottom: 0;
}
.two_columns_item_text p,
.two_columns_second_text{
    color: #D8DFEC;
}
.two_columns_second_text{
    margin-bottom: 20px;
}
.two_columns_first_title,
.two_columns_second_title,
.two_columns_item_title{
    color: #fff;
}
.two_columns> div> h3,
.two_columns> div> div{
    z-index: 99;
    position: relative;
}
.two_columns_first,
.two_columns_second{
    position: relative;
}
.two_columns_first:before,
.two_columns_second:before{
    content: '';
    background: linear-gradient(0deg, rgba(3, 11, 30, 0.52), rgba(3, 11, 30, 0.52));
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.two_columns_item_text p{
    display: flex;
    align-items: center;
    gap: 6px;
}
.two_columns_item_text p:before {
    content: '';
    background: #fff;
    width: 6px;
    height: 6px;
    display: inline-block;
    transform: skew(-15deg);
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
    body .two_columns_second, body .two_columns_first{
        padding: 70px;
    }
    .two_columns_first{
        clip-path: polygon(0 0, 100% 0, calc(100% - 150px) 100%, 0 100%);
    }
    .two_columns_second {
        clip-path: polygon(150px 0, 100% 0, 100% 100%, 0 100%);
        margin-left: -125px;
    }
    body .two_columns_second{
        padding-left: 170px;
    }
    body .two_columns_first{
        padding-right: 130px;
    }
}
@media screen and (max-width: 1200px){
    .two_columns{
        flex-direction: column;
    }
    body .two_columns_second,
    body .two_columns_first{
        padding: 20px;
    }
    body .two_columns_second{
        margin-top: -50px;
        clip-path: polygon(0 65px, 100% 0, 100% 100%, 0 100%);
        padding-top: 80px;
    }
    body .two_columns_first{
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 65px), 0 100%);
        padding-bottom: 80px;
    }
}

