:root {
    --bg_half_01: rgba(255, 255, 255, 0.1);
    --head: #ffffff;
    --px20: 20px;
    --px40: 40px;
    --px60: 60px;
    --transition: all 0.3s ease-in;
}

@media (max-width: 480px) {
    :root {
        --px20: 15px;
        --px40: 15px;
    }
}

.container {
    max-width: 1530px;
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 1560px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.df_c {
    display: flex;
    flex-direction: column;
}

.df_center {
    display: flex;
    align-items: center;
}

.fw {
    flex-wrap: wrap;
}

.ai_c {
    align-items: center;
}

.jc_c {
    justify-content: center;
}

.w_100 {
    width: 100%;
}

.gap_20 {
    gap: var(--px20);
}

.gap_40 {
    gap: var(--px40);
}

.standart_padding {
    padding-top: var(--px60);
    padding-bottom: var(--px60);
}

.prices_works_block {
    position: relative;
}

.prices_works {
    position: relative;
}

.prices_works > img {
    position: relative;
    width: 100%;
    height: auto;
    z-index: -1;
	border-radius: 10px;
}

.prices_work {
    position: absolute;
}

.prices_work_info {
    padding: var(--px20);
    border-radius: 20px;
    border: 1px solid var(--bg_half_01);
    background: var(--bg_half_01);
    backdrop-filter: blur(15px);
    row-gap: 5px;
}

.prices_work .sepp {
    height: 23px;
    width: 1px;
    background: var(--head);
}

.prices_work .dot {
    display: flex;
    align-items: center;
    justify-content: center;
}

.prices_work.down {
    flex-direction: column-reverse;
}

.prices_work.left {
    flex-direction: row;
}

.prices_work.left .sepp {
    height: 1px;
    width: 23px;
}

.prices_work.right {
    flex-direction: row-reverse;
}

.prices_work.right .sepp {
    height: 1px;
    width: 23px;
}

@media (max-width: 1500px) {
    .prices_work_info {
        padding: 15px;
        column-gap: 10px;
    }
}

@media (max-width: 1400px) {
    .prices_work_info {
        padding: 10px;
    }
    .prices_work .sepp {
        height: 15px;
    }
    .prices_work.left .sepp,
    .prices_work.right .sepp {
        width: 15px;
    }
}

@media (max-width: 1250px) {
    .prices_work.left .sepp,
    .prices_work.right .sepp {
        width: 10px;
    }
    .prices_work * {
        font-size: 14px;
    }
}

@media (max-width: 1150px) {
    .prices_work .sepp,
    .prices_work .dot {
        display: none;
    }
}

@media (max-width: 1000px) {
    .prices_work {
        position: static;
        align-items: start;
        justify-content: start;
        width: fit-content;
        height: fit-content;
    }
    .prices_works > img {
        top: 0;
        left: 0;
    }
    .prices_works {
        display: flex;
        flex-wrap: wrap;
        gap: var(--px20);
        justify-content: center;
    }
    .prices_works_block .btn_stroke {
        margin-top: 200px;
    }
}

@media (max-width: 900px) {
    .prices_works_block .btn_stroke {
        margin-top: 100px;
    }
}

@media (max-width: 750px) {
    .prices_works_block .btn_stroke {
        margin-top: 0;
    }
    .prices_works > img {
        position: relative;
    }
}

@media (max-width: 400px) {
    .prices_work_info,
    .prices_work {
        width: 100%;
    }
}