/* Security Image Slider Styles */
.security-image-slider {
    width: 100%;
    height: 350px; /* Increased from original height */
    border-radius: 8px;
    overflow: hidden;
}

.security-image-slider .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 350px; /* Added to match container height */
}

.security-image-slider .swiper-slide img {
    max-width: 85%; /* Width thodi kam kar di */
    max-height: 100%;
    object-fit: contain; /* cover ko contain me badla, taki image zoom na ho */
    border-radius: 6px; /* optional - thoda smooth look ke liye */
}


/* Improved arrow navigation styles */
.security-image-slider .swiper-button-next,
.security-image-slider .swiper-button-prev {
    color: #ffffff; /* White color for better visibility */
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Add shadow for depth */
}

.security-image-slider .swiper-button-next:after,
.security-image-slider .swiper-button-prev:after {
    font-size: 18px; /* Smaller icon size */
    font-weight: bold;
}

.security-image-slider .swiper-button-next:hover,
.security-image-slider .swiper-button-prev:hover {
    background: rgba(0, 0, 0, 0.7); /* Darker on hover */
    transform: scale(1.1); /* Slightly larger on hover */
}

/* Fix potential positioning issues */
.security-image-slider .swiper-button-prev {
    left: 10px;
}

.security-image-slider .swiper-button-next {
    right: 10px;
}

.security-image-slider .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.5;
}

.security-image-slider .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
}

.security-image-slider {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.security-image-slider .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Image animations */
.image-anime.reveal {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.8s ease;
}