/* owl caraousel styling */
.owl-carousel {
    visibility: hidden;
}
.owl-carousel.owl-loaded {
    visibility: visible;
}
.owl-carousel .owl-stage::after {
    display: none;
}

    /* Dot Nav */


/* Centering Owl Carousel Dots at Bottom */
.owl-dots {
    position: absolute;       /* Absolute positioning */

    left: 50%;                /* Center horizontally */
    transform: translateX(-50%); /* Ensure perfect center */
    text-align: center;
    z-index: 10;              /* Keep dots above content */
    margin-top: 50px;
}

/* Responsive Adjustment */
@media (max-width: 768px) {
    .owl-dots {
        position: relative;   /* Revert to normal for smaller screens */
        left: 0;
        transform: none;      /* Remove centering on mobile */
    }
}


   .owl-dots button {
        width: 8px;
        height: 8px;
        opacity: 0.3;
        border-radius: 100px;
        margin: 0 3px;
        background: #000!important;
    }
    .owl-dots button.active {
        opacity: 1;
        width: 20px;
		background-image: url(https://hotpink-snail-105446.hostingersite.com/wp-content/uploads/2025/02/arrow-left.svg) !important;
       
    }
    .owl-stage {
       
    }

    /* Button Nav */
    .owl-nav button {
        position: absolute;
        top: 38%;
        width: 35px;
        opacity: 1;
        height: 35px;
        transition: all .2s ease-in-out;
        background-repeat: no-repeat;
        background-position: center center!important;
    }
    .owl-nav button:hover { opacity:1; }
    .owl-nav button span {
        display: none;
    }
    .owl-nav button.owl-prev {
        left: -20px;
        background-image: url(https://hotpink-snail-105446.hostingersite.com/wp-content/uploads/2025/02/arrow-left.svg) !important;
    }
    .owl-nav button.owl-next {
        right: -20px;
        background-image: url(https://hotpink-snail-105446.hostingersite.com/wp-content/uploads/2025/02/arrow-right.svg) !important;
    }

    .abs .owl-dots {
        position: absolute;
        margin: 0;
        right: 20px;
    } 
    .owl-carousel .owl-stage::after {
        display: none!important;
    }

/* Center Slider */
.post_template3 .owl-item {
    transition: all 0.4s ease-in-out;
    opacity:0.2;
}
.post_template3 .owl-item.center {
    opacity:1;
}
.post_template3 .owl-stage-outer {
    overflow:visible;
}



/* Black background for center active item */


/* SVG icon on the center active item */
.newspost1 .owl-item.with-svg::after {
    content: '';
    position: absolute;
    right: -30px; /* Adjust SVG position */
    top: 50%;
    transform: translateY(-50%);
    width: 40px; /* SVG width */
    height: 40px; /* SVG height */
    background: url('/assets/down-arrow-svgrepo-com.svg') no-repeat bottom center;
    background-size: contain;
    z-index: 10;
}

/* Hover effect on SVG icon */
.newspost1 .owl-item.with-svg:hover::after {
    filter: brightness(1.5); /* Brighter on hover */
}

/* Quote Box Container */
.quote-box {
    position: relative;
    background: #1e3358; /* Dark blue background */
    color: #fff; /* White text */
    border-radius: 12px; /* Rounded corners */
    padding: 30px 40px; /* Inner padding */
    margin: 20px 0; /* Outer margin */
    font-family: 'Arial', sans-serif; /* Clean font */
    line-height: 1.8; /* Better readability */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* Soft shadow */
}

/* Quotation Marks */
.quote-box::before {
    content: ""; /* Opening quote */
    position: absolute;
    top: 20px; /* Adjust position */
    left: 20px;
    font-size: 60px; /* Quote size */
    color: rgba(255, 255, 255, 0.5); /* Light quote color */
    font-family: serif; /* Stylized quote mark */
}

/* Quote Arrow */
.quote-box::after {
    content: "";
    position: absolute;
    bottom: -20px; /* Arrow outside box */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 20px solid transparent; /* Left triangle */
    border-right: 20px solid transparent; /* Right triangle */
    border-top: 20px solid #1e3358; /* Top triangle (arrow color) */
}

/* Quote Text */
.quote-text {
    margin: 0; /* Remove default margin */
    font-size: 18px; /* Text size */
}

/* Author (Optional) */
/* Hide authors inside the carousel */
.quote-author {
    display: none; 
}

/* Styling the quote-box (active slide's description) */
.quote-box {
    position: relative;
    background: #1e3358;
    color: #fff;
    padding: 30px 40px;
    border-radius: 12px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

/* Styling the displayed author below the carousel */
.quote-author-display {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #1e3358;
}

/* Add a smooth fade transition */
.owl-item {
    opacity: 0.7;
    transition: opacity 0.5s ease;
}

.owl-item.active {
    opacity: 1;
}


/* Move Dot Navigation Below the Author */
.quote-author-display + .owl-dots {
    position: relative;  /* Ensure it's part of the document flow */
    margin-top: 20px;    /* Space between author and dots */
    left: 0;             /* Align to the container */
    transform: none;     /* Reset any transformations */
    text-align: center;  /* Center dots under the author */
}

/* Ensure the author is visible */
.quote-author-display {
    display: block;
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #1e3358;
}

/* Centering dots on larger screens */
@media (min-width: 769px) {
    .quote-author-display + .owl-dots {
        left: 50%;
        transform: translateX(-50%);
    }
}

/* Ensure items are vertically centered */
.owl-stage {
    display: flex;
    align-items: center; /* Vertical center alignment */
}

/* Fade effect for side items */
.owl-item {
    opacity: 0.3; /* More fade for side items */
    transform: scale(0.9); /* Slightly shrink side items */
    transition: opacity 0.6s ease, transform 0.6s ease; /* Smooth transition */
}

/* Full visibility for center item */
.owl-item.center {
    opacity: 1; /* Full opacity */
    transform: scale(1); /* Normal size */
}

/* Ensure smooth sliding */
.owl-stage-outer {
    overflow: visible; /* Allow fade-in and fade-out */
}

/* Custom styling for better visual effect */
.post_template3 .owl-item {
    display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally (optional) */
}

/* Increase fade for a stronger effect */
.post_template3 .owl-item {
    opacity: 0.2; /* More faded sides */
}

.post_template3 .owl-item.center {
    opacity: 1; /* Fully visible center item */
    transform: scale(1); /* Restore original size */
}