/* ==== Slider Outer Wrapper ==== */
.slider-main {
    width: 100%; overflow: hidden; position: relative;}

/* ==== Swiper Container ==== */
.swiper-main { width: 100%; height: 110vh; /* Full screen by default */ position: relative;}

/* ==== Swiper Slide ==== */
.swiper-slide { position: relative; width: 100%; height: 100%;}

/* ==== Background Image ==== */
.slide-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1;}

/* Overlay layer */
.slide-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); /* semi-transparent black */ z-index: 2;}

/* ==== Slide Caption Wrapper ==== */
.slide-caption { position:relative; z-index:8; max-width:80%; margin:0 auto; height:100%; display:inline-flex; flex-direction:column; justify-content:center; /* vertical center */ padding:20px 0; color:#ffffff;}

/* ==== Text Alignment Based on Class ==== */
.caption-text-left { text-align: left;}
.caption-text-left .slide-caption { position:relative; margin:0; padding-left:7%; display:inline-flex;}
.caption-text-left .slide-caption h4 { position:relative; padding:0 0 15px;}
.caption-text-left .slide-caption h4:before { content:''; position:absolute; width:50px; height:10px; left:0; bottom:-8px; background-color:#efad81; z-index:2;}
.caption-text-left .slide-caption h4:after { content:''; position:absolute; width:120px; height:2px; left:45px; bottom:-4px; background-color:#ffffff;}

.caption-text-center { text-align: center;}
.caption-text-center .slide-caption h4 { padding:0 0 15px;}
.caption-text-center .slide-caption h4:before { content:''; position:absolute; width:50px; height:10px; margin:0 auto; left:0; right:0; bottom:-8px; background-color:#efad81; z-index:2;}
.caption-text-center .slide-caption h4:after { content:''; position:absolute; width:200px; height:2px; margin:0 auto; left:0; right:0; bottom:-4px; background-color:#ffffff;}

.caption-text-right { text-align: right;}
.caption-text-right .slide-caption { position:relative; margin-right:0; padding-right:7%;}
.caption-text-right .slide-caption h4 { position:relative; padding:0 0 15px;}
.caption-text-right .slide-caption h4:before { content:''; position:absolute; width:50px; height:10px; right:0; bottom:-8px; background-color:#efad81; z-index:2;}
.caption-text-right .slide-caption h4:after { content:''; position:absolute; width:120px; height:2px; right:45px; bottom:-4px; background-color:#ffffff;}

/* ==== Caption Elements ==== */
.slide-caption h2 { font:700 68px/1.1 'DM Sans'; margin:10px 0; text-transform:capitalize;}

.slide-caption h2 a { color: #ffffff; text-decoration: none;}

.slide-caption h4 { position:relative; font:500 17px/1 'DM Sans'; color:#ffffff; margin:0 0 10px 0; padding:0; letter-spacing:1px; text-transform:capitalize; z-index:9; display:inline-block;}

.slide-caption p { font-size:18px; margin: 10px 0; color: #ffffff; max-width:800px;}

/* ==== Swiper Navigation Buttons ==== */
.swiper-button-prev, .swiper-button-next { width: 60px; height: 60px; border-radius: 8px; background-color:#2e2925; /* Optional background */ transition: all 200ms ease-in-out; z-index: 10; top: 50%; transform: translateY(-50%);}

/* Positioning */
.swiper-button-prev { left: 15px;}

.swiper-button-next { right: 15px;}

/* Default Swiper arrows */
.swiper-button-prev::after, .swiper-button-next::after { font-size: 24px; color: #fff;}

/* Optional: Hover effect */
.swiper-button-prev:hover, .swiper-button-next:hover { background-color: #efad81; /* Change background on hover */}

/* ==== Swiper Pagination ==== */
.swiper-main .swiper-pagination { bottom: 80px;}

.swiper-pagination-bullet { background-color:#ffffff; opacity: 0.8; width:35px; height:10px; border-radius: 20px;}

.swiper-pagination-bullet-active { background-color:#efad81; opacity: 1;}

/* ==== Responsive Adjustments ==== */
@media (max-width: 1024px) {
    .slide-caption h2 { font-size:50px !important;}
    .slide-caption p { font-size: 16px;}
}

@media (max-width: 768px) {
    .slider-main .swiper-slide .slide-caption { max-width:85%;}
    .slider-main .swiper-slide .slide-caption h2 { font-size:35px !important; margin-top:0;}
    .slider-main .swiper-slide .slide-caption h4 { font-size:16px; margin-bottom:25px;}
    .slider-main .swiper-slide .sliderbtn { font-size:14px;}
}

@media (max-width: 480px) {
    .slide-caption { text-align:center !important; padding: 10px; width:100%; max-width:100%;}
    .slider-main .swiper-slide .slide-caption h4:before { width:15%; margin:0 auto; left:0; right:0;}
    .slider-main .swiper-slide .slide-caption h4:after { width:35%; margin:0 auto; left:0; right:0;}
    .caption-text-left .slide-caption { max-width:100%; padding-left:10px;}
    .caption-text-right .slide-caption { max-width:100%; padding-right:10px;}
    .caption-text-left, .caption-text-right { text-align:center; /* Force center on mobile */ }
    .slider-main .swiper-slide .sliderbtn { display:none;}
}