section.gallery .section-inner .boxes {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px;
}
section.gallery .boxes .box {
display: flex;
flex-direction: column;
width: auto;
min-width: 0;
margin: 0;
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1);
color: inherit;
text-decoration: none;
transition: transform 0.2s, box-shadow 0.2s;
}
section.gallery .boxes .box:focus-visible {
outline: 3px solid #0f6b52;
outline-offset: 3px;
}
section.gallery .boxes .box img,
section.gallery .section-inner .boxes video {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
}
section.gallery .boxes .box .video-info {
flex: 1;
width: 100%;
margin: 0;
padding: 16px 18px 20px;
}
section.gallery .boxes .box .video-info h3 {
text-align: center;
padding-bottom: 7px;
}
section.gallery .boxes .box .video-info p {
margin: 0;
}
section.top-inner .breadcrumbs {
padding-top: 50px;
}
.section.contact-index .wpcf7 .wpcf7-form-control-wrap {
display: block;
position: relative;
padding: 0 20px;
width: 18%;
}
section.team {
padding: 100px 0;
}
section.team .parts .part:nth-child(1) {
padding: 0 130px;
}
.section.agencies-index .half-map .cont-map {
transform: translateX(120px);
}
.section.agencies-index .half-map .cont-map {
transform: translate(190px, -40px) rotate(-15deg);
}
.section.agencies-index .half-map .cont-map .markers {
transform: rotate(15deg);
}
@media (max-width: 991px) {
section.gallery .section-inner .boxes {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 950px) {
.wpcf7 form {
display: flex;
align-items: center;
flex-direction: column;
}
.section.contact-index .wpcf7 .wpcf7-form-control-wrap {
display: block;
position: relative;
padding: 0 20px;
width: 100%;
}
section.team .parts .part:nth-child(1) {
padding: 0 110px;
margin: 70px 0;
}
}
@media (max-width: 599px) {
section.gallery .section-inner .boxes {
grid-template-columns: minmax(0, 1fr);
gap: 20px;
}
}
@media (hover: hover) and (pointer: fine) {
section.gallery .boxes .box:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}
}
@media (prefers-reduced-motion: reduce) {
section.gallery .boxes .box {
transition: none;
}
section.gallery .boxes .box:hover {
transform: none;
}
}