body {padding-top:0;} 
 
.swiper-ken-burns .swiper-slide {transition: transform 3s ease-in-out; /* Adjust duration and easing */transform: scale(1.1); /* Initial scale */transform-origin: 50% 50%; /* Center of the image */}
.swiper-ken-burns .swiper-slide-active {transform: scale(1); /* Final scale */}
.visual-caption-contaier {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;} 
.visual-panel {position:relative;height:auto;z-index:0;background:var(--bs-light)}


.visual-panel .visualswiper {position:relative;z-index:999;height: 100%; max-width:1920px; margin:auto}
.visual-panel .visualswiper .swiper-pagination {justify-content:center}

/* .video-panel{position: relative;;width: 100%;height: 100vh;}
.video-panel .video-box {position: absolute;top: 0;left: 0;width: 100%;height: 100vh;z-index: -1;} */
.visual-panel .video-box {position: absolute;top: 0;left: 0;width: 100%;height: 100vh;z-index:0;filter: saturate(180%);}
.video-panel .video-overlay{position: absolute;z-index:0; top: 0px;bottom: 0px;left: 0px;right: 0px;
background: #000;background: linear-gradient(0deg, rgba(0, 0, 0, 0.76) 0%, rgba(0, 0, 0, 0) 40%);}

.bg-swiper-caption{position: relative;z-index:1}
.bg-swiper-caption:before{content:"";display:block;width:40%;height:100%;background-color:var(--bs-secondary);position:absolute;left:0;bottom:0;z-index:-1; }
.bg-swiper-design{display:block;width:40%;height:30%;position:absolute;left:0;bottom:0;background:url(../images/bg-design.svg) no-repeat bottom;z-index:99; filter: grayscale(100%); -webkit-filter: grayscale(100%);}
/*.bg-swiper-caption:after{content:"";display:block;width:100%;height:100%;background-color:var(--bs-secondary);position:absolute;left:-100%;bottom:0;z-index:-1; }*/
.bg-intro {
    position: relative;
    z-index: 1
}
.bg-intro:before{content:"";display:block;width:40%;height:100%;background-color:var(--bs-light);position:absolute;left:0;top:0;bottom:0;z-index:-1; }

.bg-services:before{content:"";display:block;width:100%;height:30%;background-color:var(--bs-light);position:absolute;left:0;bottom:35%; top:35%; z-index:-1; }

.services a figure img {transform: scale(1.02); -webkit-transition: all 1s linear;-o-transition: all 1s linear;transition: all 1s linear;}
.services a:hover figure img {transform: scale(1.3);}
.services a{text-decoration:none;}
.services a:hover{text-decoration:none; color:#FF7B00;}


/* min-width: scale up */
@media (min-width:768px) {
    .bg-swiper-caption:before{content:"";display:block;width:40%;height:100%;background-color:var(--bs-secondary);position:absolute;left:0;bottom:0;top:160px;z-index:-1; }
}
@media(min-width: 992px) {
}
@media (min-width: 1280px) {
}
@media (min-width: 1400px) { 
    .bg-swiper-caption:before{content:"";display:block;width:40%;height:100%;background-color:var(--bs-secondary);position:absolute;left:0;bottom:0;top:160px;z-index:-1; }
}

/* max-width: scale down */
@media (max-width: 1399.98px) {
}
@media (max-width:1279.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 991.98px) {   
} 
@media (max-width: 767.98px) {
.bg-intro:before{display:none; }
.btn {--bs-btn-padding-x: 1rem;}
.bg-services:before{width:100% !important; height:100%; top:0; bottom:0;} 
.bg-swiper-caption:before{background-color: rgba(0, 0, 0, 0.5) !important; width:100% !important; height:40%; left:0;bottom:0 !important;}
}
@media (max-width:576.98px) {
.bg-swiper-caption:before{background-color: rgba(0, 0, 0, 0.5) !important; width:100% !important; height:45%; left:0;bottom:0 !important;}
}