/**
 Общие стили для контентных блоков
 */

.solutions-detail-h1 {
    text-align: center;
    font-size:136px;
}

.bg-text-blue {
    background-color: #0138E9;
    color: #ffff;
}
.bg-blue-gradient {
    background-size: cover;
    min-height:753px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../../img/bg_solution.webp');
    color:#ffffff;
}

.section-margin {
    margin-top: 160px;
    margin-bottom: 160px;
}

.section-last-margin {
    padding-bottom: 159px;
}

/**
	оформление border, общий для всех карточек
 */
.line {
    word-wrap: break-word;
    border-bottom: 1px dashed #A3A3A3;
    margin: 24px 0 24px 0;
    position: relative;
    font-weight: 300;
    line-height: 30px;
}

.line:before {
    background-color: #A3A3A3;
    bottom: -4px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 8px;
}
.line:after {
    background-color: #A3A3A3;
    bottom: -4px;
    content: "";
    height: 8px;
    right: 0;
    position: absolute;
    width: 8px;
}
.line.line-last {
    margin: 24px 0 0 0;
}


.line-vert {
    word-wrap: break-word;
    border-left: 1px dashed rgba(26, 26, 26, 0.80);
    margin:0;
    position: absolute;
    font-weight: 300;
    line-height: 30px;
    width: 1px;
    height: 180px;
}

.line-vert:before {
    background-color: rgba(26, 26, 26, 0.80);
    content: "";
    height: 8px;
    left: -4px;
    position: absolute;
    width: 8px;
}
.line-vert:after {
    background-color: rgba(26, 26, 26, 0.80);
    content: "";
    height: 8px;
    right: -4px;
    position: absolute;
    width: 8px;
    bottom:0;
}
/**
	оформление border, общий для всех карточек
 */

.tablet-img {
    display:none;
}
.mobile-img {
    display:none;
}


@media (max-width: 1600px){
    .solutions-detail-h1 {
        font-size:112px;
    }
}
@media (max-width: 1280px){
    .solutions-detail-h1 {
        font-size: 90px;
    }

    .section-margin {
        margin-top: 118px;
        margin-bottom: 118px;
    }
}

@media (max-width: 1024px){
    .solutions-detail-h1 {
        font-size:72px;
    }
    .section-margin {
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .line-vert {
        height: 142px;
    }
}
@media (max-width: 768px){
    .tablet-img {
        display:inline-block;
        margin-top:28px;
    }
    .desktop-img {
        display:none;
    }
}
@media (max-width: 600px){
    .solutions-detail-h1 {
        font-size:64px;

    }
    .solutions-detail-h1 span {
        display: block;
    }
}
@media (max-width: 500px){
    .section-margin {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .tablet-img {
        display:none;
    }
    .mobile-img {
        display:inline-block;
        margin-top: 28px;
    }

}

@media (max-width: 350px) {
    .solutions-detail-h1 {
        font-size: 55px;
    }
}