/* Showreel stacked slider */
.showreel-section{ padding: 10px 0 20px; }
.mySwiper_showreel{ padding: 20px 0 36px; }
.mySwiper_showreel .swiper-slide{ width: 25%; max-width: 520px; }
.mySwiper_showreel .showreel-card{ position: relative; border-radius: 18px; overflow: hidden; }
.mySwiper_showreel img{ display:block; width:100%;  aspect-ratio: 1/1; object-fit:cover; }

/* side fade/mask illusion */
.mySwiper_showreel .swiper-wrapper{ padding-bottom: 10px; }
.showreel-section .container-fluid{ position: relative; }
/* .showreel-section::before,
.showreel-section::after{ content:""; position:absolute; top:0; bottom:46px; width:40px; z-index:2; pointer-events:none; }
.showreel-section::before{ left:0; background:linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%); }
.showreel-section::after{ right:0; background:linear-gradient(270deg, #fff 0%, rgba(255,255,255,0) 100%); } */

/* play button */
.showreel-play{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:48px; height:48px; border-radius:50%; border:none; background:#fff url('../images/mdi_play.png') no-repeat center/22px; box-shadow:0 6px 18px rgba(0,0,0,.25); }
.showreel-play:active{ transform:translate(-50%, -50%) scale(.96); }

/* active slide emphasis */
.mySwiper_showreel .swiper-slide{ transition: transform .4s ease, opacity .4s ease; opacity:.6; }
.mySwiper_showreel .swiper-slide-active{ transform:scale(1.05); opacity:1; }

/* pagination */
.showreel-pagination .swiper-pagination{ position:unset; }

/* Thumbnails for showreel */
.mySwiper_thumbs{ padding: 6px 0 0; }
.mySwiper_thumbs .swiper-slide{ width: 18%; opacity:.5; cursor:pointer; border-radius: 10px; overflow:hidden; }
.mySwiper_thumbs .swiper-slide-thumb-active{ opacity:1; box-shadow:0 4px 14px rgba(0,0,0,.15); }
.mySwiper_thumbs img{ display:block; width:100%; aspect-ratio: 1/1; object-fit: cover; }

/* Main showreel single view overrides */
.mySwiper_showreel .swiper-slide{ width: 100% !important; }
.mySwiper_showreel img{ width:100%; aspect-ratio: 16/9; object-fit: cover; }

/* Thumbs tuned for coverflow */
.mySwiper_thumbs .swiper-slide{ width: 22%; }
@media (min-width:768px){
	.mySwiper_thumbs .swiper-slide{ width: 12%; }
}

.mySwiper_thumbs .swiper-slide span{ position: absolute; width: 25px;}
.mySwiper_thumbs .swiper-slide span img{  width: 100%;}
.mySwiper_thumbs .swiper-slide{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}

/* ensure thumbs are fully clickable */
.mySwiper_thumbs .swiper-slide{ position: relative; pointer-events: auto; }
.mySwiper_thumbs .swiper-slide *{ pointer-events: none; }
.mySwiper_thumbs .swiper-slide::after{ content:""; position:absolute; inset:0; pointer-events:auto; }

.top_title_block  { text-align: center;  margin-top: 10px; margin-bottom: 10px;}
.top_title_block h2{  font-size: 20px; color: #148F3F; margin: 0;}
.txt_block{ background: #F2F2F2; border-radius: 10px; border-radius: 10px; padding: 15px;}
.txt_block h4{ font-size: 16px;}
.txt_block p{ font-size: 12px; font-weight: 200; color: #222222; line-height: 150%;}

.image_block{ margin: 0; padding: 0; gap:17px; display: flex; flex-wrap: wrap;}
.image_block li{ list-style: none; border-radius: 20px; list-style: none; width: calc(32% - 10px); border-radius: 5px; overflow: hidden;}
.image_block li img{ width: 100%; display: block; }

.social_ul{ margin: 0; padding: 0; } 
.social_ul li{ list-style: none;} 
.social_ul li a{ font-size: 14px; position: relative; color: #000; text-decoration: none; gap: 15px; background: #F4F4F4; margin-bottom: 15px; border-radius: 10px; padding: 15px; list-style: none; display: flex; align-items: center;}
.social_ul li h4{ margin: 0; }
.arrow{ position: absolute; right: 15px;}