.pics-section { width: 100%; position: relative;}
.pics-container { width: 100%; max-width: 1600px; display: block; margin: 0 auto; padding: 0 20px;}
.pics-title-wrap { width: 100%; position: relative; z-index: 1; padding: 40px 0 60px 0;}
.pics-title-wrap:before { content: ""; width: 100%; height: 60px; background: #fbf7f3; position: absolute; top: 0; left: 0; z-index: -1;}
.pics-title-wrap .pics-title { width: 100%; display: block; text-align: center;}
.pics-title-wrap .pics-title h2 { font-family: "Nunito Sans", sans-serif; font-size: 40px; color: #000000; font-weight: 400; text-transform: uppercase; line-height: 1.2; margin: 0; padding: 0;}
.pics-title-wrap .pics-title p { font-size: 16px; color: #000000; font-weight: 400; line-height: 1.5; margin: 0; padding: 0;}
.pics-block { width: 100%; position: relative;}
.pics-block .pics-gallary { width: 100%; display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;}
.pics-block .pics-gallary .pics-gallary-item { display: flex; flex-direction: column;}
.pics-block .pics-gallary .pics-gallary-item .pics-gallary-box { width: 100%; min-height: 100%; position: relative; display: block;}
.pics-block .pics-gallary .pics-gallary-item .pics-gallary-box:hover { opacity: 0.3;}
.pics-block .pics-gallary .pics-gallary-item .pics-gallary-box:before { content: ""; display: block; padding: 100% 0 0 0;}
.pics-block .pics-gallary .pics-gallary-item .pics-gallary-box img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 1;}
.pics-block .pics-cta { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 60px 0 0 0;}
.pics-block .pics-cta .pics-cta-btn { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; font-family: "Roboto", Sans-serif; font-size: 16px; color: #000000; font-weight: 400; text-transform: uppercase; text-decoration: none; line-height: 1.2; background-color: transparent; border: 1px solid #000000; border-radius: 0; box-shadow: none; margin: 0; padding: 14px 20px;}
.pics-block .pics-cta .pics-cta-btn:before { background: #fdc6c74d; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: all .3s; width: 0; z-index: -1;}
.pics-block .pics-cta .pics-cta-btn:hover:before { width: 100%;}


@media (min-width: 1440px) and (max-width:1500px) {

    .pics-container { max-width: 1200px;}

}

@media (min-width: 1200px) and (max-width:1439px) {

    .pics-container { max-width: 100%;}

}

@media (min-width: 992px) and (max-width:1199px) {

    .pics-container { max-width: 100%;}
    .pics-title-wrap { padding: 40px 0;}
    .pics-title-wrap .pics-title h2 { font-size: 30px;}
    .pics-block .pics-cta { margin: 40px 0 0 0;}

}

@media (min-width:992px) {
    .pics-block .pics-gallary .pics-gallary-item:nth-child(11n+6) { grid-row: 2 / 4; grid-column: 1 / 1;}
    .pics-block .pics-gallary .pics-gallary-item:nth-child(11n+11) { grid-row: 2 / 4; grid-column: 4 / 6;}
}

@media (max-width:991px) {

    .pics-container { max-width: 100%;}
    .pics-title-wrap { padding: 0 0 32px 0;}
    .pics-title-wrap:before { display: none;}
    .pics-title-wrap .pics-title h2 { font-size: 30px;}
    .pics-block .pics-gallary { grid-template-columns: repeat(2, 1fr); gap: 10px;}
    .pics-block .pics-gallary .pics-gallary-item { display: none;}
    .pics-block .pics-gallary .pics-gallary-item:nth-child(11n+2) { display: flex;}
    .pics-block .pics-gallary .pics-gallary-item:nth-child(11n+3) { display: flex;}
    .pics-block .pics-gallary .pics-gallary-item:nth-child(11n+11) { display: flex; grid-row: 1 / 3; grid-column: 2 / 2;}
    .pics-block .pics-cta { margin: 24px 0 0 0;}

}