.slc {
    margin: 20px 0;
}

.slc_w {
    row-gap: 30px;
    display: grid;
    column-gap: 30px;
    grid-template-columns: repeat(4, 1fr);
}

.slc_i {
    display: flex;
    flex-direction: column;
    border: 1px solid #eaebea;
    border-radius: 10px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 8px 20px rgb(0 0 0 / 10%);
}

.slc_i h3 {
    font-size: 18px;
    line-height: 24px;
    font-family: 'Roboto', Тahoma, sans-serif;
    text-decoration: none;
    color: #333;
    margin: 20px 0;
}

.slc_i:hover {
    box-shadow: 0 13px 40px rgb(0 0 0 / 20%);
    transform: translateY(-5px);
    transition: transform .3s ease, box-shadow .3s ease;
}

.slc_i .db {
    width: 100%;
}

.slc_i a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.slc_c {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 20px;
    font-size: 14px;
    color: #626563;
}

.slc_c p::before {
    content: '';
    background: var(--color-main);
    display: inline-block;
    margin-right: 5px;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border-radius: 50%;
}

.slc_c span {
    color: #333;
    font-weight: 600;
}

@media only screen and (max-width : 768px) and (min-width: 560px){
    .slc_w {
        grid-template-columns: repeat(2, 1fr);
    }


}

@media only screen and (max-width : 768px) {
    .slc_main {
        flex-direction: column;
        align-items: center;
    }

    .slc_main-img, .slc_main-cont {
        width: 100%;
    }
}

@media only screen and (max-width: 559px){
    .slc_w {
        grid-template-columns: repeat(1, 1fr);
    }
}



.slc_n {
    margin-top: 10px;
}

h1 {
    line-height: 36px;
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
}

.slc h2 {
    line-height: 36px;
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 400;
    letter-spacing: 1px;
}

.slc_head-sec {
    background-repeat: no-repeat;
    background-size: cover;
}

.slc_head {
    padding: 40px 10px;
}

.slc_adv {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.slc_adv-item {
    display: flex;
    color: #fff;
    align-items: center;
    gap: 10px;
}

.slc_adv-txt {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.slc_head .db {
    margin-top: 30px;
    border: none;
}

/* slc_gal */

.slc_gal {
    background-image: url(data:image/png;base64,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);
    background-color: #11202C;
    padding: 30px 0;
}

.slc_gal-h {
    line-height: 36px;
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
}

.slc_gal-w {
    row-gap: 20px;
    display: grid;
    margin: 20px 0;
    column-gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

}

.slc_gal-i img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}