
.gradient_bg {
    background-image: url("/images/bresler/banner.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.secptpb_bresler {
    padding: 120px 0 100px 0;
}

.secptpb_bresler_catalog {
    padding-top: 60px;
}

.secptpb_bresler_prototype {
    background: #FFFAEB;
}

.secptpb_bresler_analitica {
    background: #F6F6F7;
    padding: 80px 0;
}

.secptpb_bresler_tasks {
    padding: 80px 0 100px 0;
}

.secptpb_bresler_menu {
    padding: 100px 0;
}

.secptpb_bresler_screen {
    padding: 120px 0;
    background: #F5F5F5;
}

.secptpb_bresler_service {
    padding: 167px 0 140px 0;
    background: #F5F5F5;
}

.caseHead__items_bresler {
    display: grid;
    grid-template-columns: auto minmax(410px, auto );
    grid-gap: 88px;
    align-items: center;
    transition: all 1s ease;
    margin-top: 100px;
}

.caseHead__title_bresler {
    font-weight: 700;
    line-height: 125%;
    font-size: 48px;
}

.caseHead__text_bresler {
    font-weight: normal;
}

.sect__spec-imgprt {
    padding: 0;
    margin: 0;
}

.bresler__video {
    display: flex;
    width: 100%;
    margin: 0 auto;
    max-height: 950px;
    object-fit: contain;
    object-position: center;
    border-radius: 16px;
    overflow: hidden;
}

.sect__spec-bg {
    background: #9748dc no-repeat right bottom/contain;
    position: relative;
    height: 80vh;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

.bresler-case_top {
    /* padding: 130px 0; */
    border-radius: 0 0 50% 50%;
    /* background: linear-gradient(180deg, #FDFDFD 50%, rgba(255, 255, 255, 0.4) 100%); */
    background: #FFFAEB;
    position: relative;
}

.bresler-case_circle {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}

.bresler-catalog {
    padding: 0 22%;
}

.bresler-case {
    background: #FFF;
}

.bresler-card-industry {
    max-height: 1180px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.bresler-card__img__industry {
    max-height: 980px;
    display: block;
    width: auto;
    margin: 0 auto;
    padding: 100px 0 100px;
}

.bresler-card-material {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.bresler-card-splash img {
    width: 100%;
    height: auto;
    display: block;
}

.card-descr {
    display: grid;
    grid-template-columns: 360px 1fr;
    grid-gap: 120px;
    margin: 0 0 60px 0;
}

.mainPage-descr {
    /* background: #FFFAEB; */
    background: #fff;
    margin: 0 0 60px 0;
    padding: 130px 0 0 0 ;

}
.mainPage-descr-wrap {
    display: grid;
    grid-template-columns: 360px 1fr;
    grid-gap: 120px;
    margin: 0 0 130px 0;
}

/* мои стили */

.advantage_site {
    margin: 0;
    display: grid;
    gap: 12px;
    padding-left: 20px;
}

.advantage_site li::marker {
    color: #3773EA;
}

.advantage_site li {
    list-style-type: disc;
    margin-bottom: 0;
    padding-left: 12px;
}

.gridblock__text_bresler {
    font-size: 20px;
    cursor: initial;
    line-height: 150%;
    color: #59575f;
    display: grid;
    gap: 20px;
}
.gridblock__text_p {
    font-weight: 500;
}

.bresler-indent {
    padding-bottom: 50px;
}

.info_caseHead {
    display: grid;
    grid-template-columns: auto minmax(410px, auto);
    /* grid-gap: 10px; */
    align-items: center;
    transition: all 1s ease;
    margin-top: 296px;
    justify-content: space-between;
}

.caseHead__tags {
    display: flex;
    gap: 16px;
    margin-bottom: 32px;
}
.caseHead__tags span {
    background: #E1E4EA4D;
    color: #fff;
    font-size: 16px;
    border-radius: 20px;
    padding: 8px 20px;
    font-weight: 700;
    transition: background 0.2s, color 0.2s;
    display: flex;
    align-items: center;
}
.caseHead__tags .active {
    background: #fff;
    color: #2690fa;
    font-weight: 700;
}
.caseHead__tags .active img {
    margin-left: 8px;
    height: 22px;
}

.caseHead__actions {
    margin-bottom: 22px;
    text-align: end;
}

.caseHead__btn {
    display: inline-block;
    background: #3773EA;
    color: #fff;
    padding: 19px 76px;
    border-radius: 28px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s;
    cursor: pointer;
}

.caseHead__btn:hover {
    background: #1970bd;
    text-decoration: none;
}

.caseHead__site {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.caseHead__site a {
    color: #fff;
    text-decoration: none;
}

.caseHead__site a:hover {
    text-decoration: none;
}

.gridblock__text_tasks {
    color: #201D26;
    font-size: 24px;
    font-weight: 500;
    line-height: 135%;
}

.secptpb_bresler_product {
    background: #2F3235;
    padding: 142px 130px 0 130px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.secptpb_bresler_characteristics {
    background: #F6F6F7;
    padding: 100px 310px 0 310px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.secptpb_bresler_news {
    background: #F6F6F7;
    padding: 100px 310px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.grid-wrapper {
    position: relative;
    width: 100%;
    height: 1046px;
}

.grid-wrapper_characteristics {
    position: relative;
    width: 100%;
    height: 800px;
}

.bg-item {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.overlay-item {
    position: absolute;
    bottom: 0;
    z-index: 2;
}

.overlay-image {
    width: 100%;
    height: auto;
    display: block;
}

.characteristics_img {
    border-radius: 16px 16px 0 0;
    box-shadow: 4px 13px 29px 0px #0000000F;
}

.material-download {
    position: relative;
    width: 100%;
    display: grid;
    gap: 40px;
}

.secptpb_bresler_material {
    height: 100%;
    background: #F6F6F7;
    overflow: hidden;
    padding: 120px 0 0 0;
    position: relative;
}

.secptpb_bresler_material::before {
    content: '';
    display: block;
    position: absolute;
    top: 0; left: 0;
    width: 100vw;
    height: 764px;
    background: #F6F6F7 url('/images/bresler/material-bg.jpg') center/cover no-repeat;
}

.download-img {
    border: 3px solid #fff;
    border-radius: 16px;
}

.documention-img {
    border-radius: 16px 16px 0 0;
}

.gridblock__services {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.service-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0 24px 0;
    border-bottom: 1px solid #E5E5E5;
    transition: background 0.15s;
}

.gridblock__services .service-item:first-child {
    border-top: 1px solid #E5E5E5;
}

.gridblock__services .service-item .service-info:first-child {
    margin-top: 20px;
}

.service-info {
    flex: 1;
}

.service-title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 14px;
    color: #201D26;
}

.service-desc {
    font-size: 20px;
    color: #989898;
    font-weight: 400;
    line-height: 150%;
}

.service-arrow {
    margin-left: 32px;
    display: flex;
    align-items: center;
}

.service-arrow img {
    padding: 24px;
    cursor: pointer;
}

.sec-parallax-phones {
    position: relative;
    overflow: hidden;

@media (min-width: 768px) {

}

.sec-parallax-phones__body {
    position: absolute;
    width: 100%;
    height: 100%;
}

.sec-parallax-phones__phones {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 20px;

@media (min-width: 992px) {
    max-width: 850px;
    margin: 0 auto;
    justify-content: space-between;
}

}

.sec-parallax-phones__phone {
    position: absolute;
    object-fit: contain;
    height: 500px;
    width: 270px;
    pointer-events: none;
    transition: transform 0.3s linear;

@media (min-width: 768px) {
    height: 600px;
    width: 300px;
}

@media (min-width: 992px) {
    height: 940px;
    width: 340px;
}

&.phone1 {
     top: -200px;
     left: 0;
     z-index: 1;
 }

&.phone2 {
     top: 0;
     right: 0;
     z-index: 1;
 }
}

.sec-parallax-phones__bg {

img {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 700px;
    object-fit: cover;

@media (min-width: 992px) {
    height: 100vh;
}
}
}
}

/* таблица */

.journey-table-wrap {
    overflow-x: auto;
    margin: 65px 0 0 0;
    border-radius: 18px;
    background: #fff;
    padding: 0;
}
.journey-table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    min-width: 900px;
    font-size: 15px;
    color: #283449;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
}
.journey-table th, .journey-table td {
    border: 1px solid #E5E9F0;
    padding: 54px 16px;
    background: #fff;
}
.journey-table th {
    background:#4C5865;
    color: #E5E9F0;
    font-weight: 500;
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid #E5E9F0;
}
.journey-table .row-title {
    background: #4C5865;
    font-weight: 500;
    min-width: 150px;
    text-align: left;
    color: #E5E9F0;
    font-size: 20px;
    width: 258px;
}
.journey-table td {
    min-width: 260px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 122%;
}
.journey-table tr:last-child td, .journey-table tr:last-child th {
    border-bottom: none;
}
.journey-table tr:first-child th:first-child {
    border-top-left-radius: 14px;
}
.journey-table tr:first-child th:last-child {
    border-top-right-radius: 14px;
}
.journey-table tr:last-child td:first-child {
    border-bottom-left-radius: 14px;
}
.journey-table tr:last-child td:last-child {
    border-bottom-right-radius: 14px;
}



/* MEDIA */
@media (max-width: 1440px) {
    .caseHead__items_bresler {
        grid-template-columns: auto 1fr;
        grid-gap: 50px;
        margin-top: 50px;
    }
    .secptpb_bresler_news {
        padding: 50px 0;
    }
}

@media (max-width: 1200px) {
    .caseHead__title_bresler {
        font-size: 36px;
    }

    .info_caseHead {
        margin-top: 270px;
    }

    .grid-wrapper {
        position: relative;
        height: auto;
        display: block;
    }

    .grid-wrapper_characteristics {
        position: relative;
        height: auto;
        display: block;
    }

    .bg-item,
    .overlay-item {
        position: static;
        width: 100%;
        margin: 0 auto;
    }

    .overlay-item {
        margin-top: -60px;
    }

    .secptpb_bresler_product {
        background: #2F3235;
        padding: 50px 50px 0 50px;
    }

    .secptpb_bresler_characteristics {
        padding: 50px 50px 0 50px;
    }

}

@media (min-width: 1000px) {

    .secptpb_bresler_prototype {
        padding: 138px 0 100px;
    }

    .gridblock_bresler {
        grid-gap: 50px !important;
    }
}

@media (max-width: 1000px) {
    .gridblock__text_bresler {
        font-size: 16px;
    }
    .gridblock__text_tasks {
        font-size: 20px;
    }
    .journey-table th, .journey-table td {
        padding: 40px 10px;
    }

    .info_caseHead {
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }

    .caseHead__actions {
        text-align: left;
    }
    .mainPage-descr-wrap, .card-descr {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .mainPage-descr {
        padding: 50px 0 0 0;
    }
    .mainPage-descr-wrap {
        margin: 0 0 50px 0;
    }

    .caseHead__title_bresler {
        line-height: 130%;
    }

    .secptpb_bresler {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .secptpb_bresler_analitica {
        padding: 55px 0;
    }

    .secptpb_bresler_tasks {
        padding: 55px 0;
    }

    .secptpb_bresler_menu {
        padding: 55px 0;
    }

    .secptpb_bresler_service {
        padding: 55px 0;
    }

    .gridblock__services {
        margin-top: 20px;
    }
    .service-desc, .service-title {
        font-size: 18px;
    }

    .secptpb_bresler_screen {
        padding: 55px 0;
    }

    .secptpb_bresler_material {
        padding: 55px 0 0 0;
    }

    .secptpb_bresler_material::before {
        height: 440px;
    }

    .bresler-case_top {
        padding: 0 0 30px;
    }

    .sectiontop__cont_bresler {
        margin-top: 50px;
    }

    .secptpb_bresler_catalog {
        padding-top: 30px;
    }

    .bresler-card__img__industry {
        padding: 55px 0 55px;
    }

    .sect__spec-bg {
        height: 53vh;
    }
    .advantage_brasler {
        margin-top: 20px;
    }
    .gridblock__title {
        font-size: 20px !important;
    }
}

@media (max-width: 950px) {
    .caseHead__items_bresler {
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
}

/* таблица */
@media (max-width: 900px) {
    .journey-table {
        font-size: 14px;
        min-width: 600px;
    }

    .journey-table th {
        font-size: 16px;
    }
    .journey-table .row-title {
        font-size: 16px;
    }
}

@media (max-width: 800px) {
    .caseHead__img {
        margin: 0 auto;
    }
    .bresler-case_top {
        border-radius: 0;
    }
    .overlay-item {
        margin-top: -40px;
    }
}

@media (max-width: 600px) {

    .info_caseHead, .caseHead__actions {
        text-align: center;
    }

    .info_caseHead {
        margin-top: 150px;
    }

    .caseHead__title_bresler {
        font-size: 28px;
    }

    .caseHead__tags {
        display: grid;
        gap: 16px;
        grid-template-columns: 1fr 1fr;
    }

    .caseHead__tags span {
        justify-content: center;
    }

    .mainPage-descr .bresler__video {
        height: 350px;
        object-fit: cover;
        object-position: center;
    }
    .sect__spec-bg {
        background: #9748dc no-repeat center center/auto;
        position: relative;
        background-size: cover;
        height: 33vh;
    }

    .bresler-catalog {
        padding: 0 5%;
    }
}

@media (max-width: 550px) {
    .caseHead__btn {
        padding: 15px 50px;
        font-size: 16px;
    }

    .caseHead__tags span {
        font-size: 16px;
        padding: 8px 10px;
    }
    .journey-table th, .journey-table td {
        padding: 25px 10px;
    }
    .secptpb_bresler_material::before {
        height: 240px;
    }
}

@media (max-width: 460px) {
    .secptpb_bresler {
        padding: 30px 0;
    }
    .secptpb_bresler_analitica {
        padding: 30px 0;
    }
    .secptpb_bresler_tasks {
        padding: 30px 0;
    }
    .bresler-card__img__industry {
        padding: 30px 0;
    }
    .secptpb_bresler_menu {
        padding: 30px 0;
    }
    .secptpb_bresler_product {
        padding: 30px 30px 0 30px;
    }
    .secptpb_bresler_screen {
        padding: 30px 0;
    }
    .secptpb_bresler_characteristics {
        padding: 30px 30px 0 30px;
    }
    .secptpb_bresler_material {
        padding: 30px 0 0 0;
    }
    .secptpb_bresler_news {
        padding: 30px 0;
    }
    .secptpb_bresler_service {
        padding: 30px 0;
    }
}


@media (max-width: 425px) {
    .bresler-card__img__industry {
        padding: 30px 0 30px;
    }
    .overlay-item {
        margin-top: -20px;
    }
}