/* Template styles for contact (were an inline <style> block in the WordPress template) */
.contact-info-icon {
width: 40px;
height: 40px;
font-size: 1.25rem;
    }
    .case-study-gallery-bg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: none;
height: auto;
opacity: 0.85;
pointer-events: none;
user-select: none;
z-index: 0;
    }
    .case-study-gallery-inner {
z-index: 1;
    }
    @media (max-width: 991.98px) {
.case-study-gallery-bg { width: 120%; opacity: 0.7; }
    }
    .cs-media-style .img-border {
position: absolute;
right: -1px;
bottom: -1px;
z-index: 3;
height: 20%;
pointer-events: none;
    }
    @media (max-width: 767.98px) {
.cs-media-style .img-border { height: 15%; }
    }
    .cs-swiper-wrap {
line-height: 0;
    }
    .case-study-swiper {
width: 100%;
aspect-ratio: 16 / 10;
background: #0a0a0a;
    }
    @media (max-width: 575.98px) {
.case-study-swiper { aspect-ratio: 4 / 3; }
    }
    .case-study-swiper .swiper-wrapper {
height: 100%;
    }
    .case-study-swiper .swiper-slide {
position: relative;
    }
    .case-study-swiper .cs-gallery-item {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
    }
    .case-study-swiper .cs-gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
    }
    .case-study-swiper .cs-gallery-item:hover img {
transform: scale(1.04);
    }
    .cs-gallery-zoom,
    .cs-gallery-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #fff;
transition: all 0.3s ease;
z-index: 2;
    }
    .cs-gallery-zoom {
width: 56px;
height: 56px;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
font-size: 1.25rem;
    }
    .cs-gallery-item:hover .cs-gallery-zoom {
opacity: 1;
    }
    .cs-gallery-play {
width: 72px;
height: 72px;
background: var(--bs-primary, #0d6efd);
font-size: 1.5rem;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    }
    .cs-gallery-item:hover .cs-gallery-play {
transform: translate(-50%, -50%) scale(1.1);
    }
    .cs-gallery-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 44px;
height: 44px;
    }
    .cs-gallery-prev { left: -12px; }
    .cs-gallery-next { right: -12px; }
    .cs-gallery-pagination {
position: absolute;
bottom: 12px;
left: 0;
right: 0;
z-index: 5;
text-align: center;
    }
    .cs-gallery-pagination .swiper-pagination-bullet {
background: #fff;
opacity: 0.6;
width: 10px;
height: 10px;
    }
    .cs-gallery-pagination .swiper-pagination-bullet-active {
opacity: 1;
background: var(--bs-primary, #0d6efd);
    }
    @media (max-width: 575.98px) {
.cs-gallery-prev { left: 4px; }
.cs-gallery-next { right: 4px; }
.cs-gallery-nav { width: 38px; height: 38px; }
    }