.slick-track{
    min-height: 800px;
    display: flex;
    align-items: center;
    overflow: auto;
}
/* Default slide */

.center-slider .slick-slide,
.center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
    transform: scale(1, 1);
    transition: all 0.4s ease-in-out;

}

/* Active center slide (You can change anything here for cenetr slide)*/
.center-slider .slick-center,
.center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
    transform: scale(1.1);

}
.center-slider .slick-current.slick-active{
    display: flex;
    flex-direction: column;
    background: #006CB3;
    border-radius: 10px;

    transform: scale(1.3);
}

.slick-next, .slick-prev{
    z-index: 5;
}
.slick-next{
    right: 15px;
}
.slick-prev{
    left: 15px;
}
.slick-next:before, .slick-prev:before{
    color: #000;
    font-size: 26px;
}
.slick-slide .details {
    display: none;

}

[dir="rtl"] .slick-prev,[dir="rtl"] .slick-next{
    display: none !important;
}
.slick-current.slick-active .details{
    display: block;
    z-index: 999;
}

#GalloryNews {
    position: relative;
    margin-top: -100px;

}

.wrapper {
    height: 100%;
}
.counter {
    position: absolute;
	top: 221px;
	right: 52px;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    font: normal normal normal 34px/58px MadaniArabic;
    letter-spacing: 0px;
    color: #81B4D5;
    opacity: 1;
    direction: ltr;
}

.center-slider .slick-current.slick-active {
    display: flex;
    flex-direction: column;
    background: #006CB3;
    border-radius: 10px;
    transform: scale(1.48);
    transform-origin: center;
    min-height: 450px;
    font-size: 1rem;
    overflow: auto;
    transition: transform 0.4s ease-in-out, background 0.4s ease-in-out; /* Smooth scaling and background transitions */
    z-index: 1; /* Brings the active slide above others */
}

.center-slider .slick-slide {
    color: #FFF;
    padding: 25px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(1); /* Default scale for non-active slides */
    transition: transform 0.4s ease-in-out, background 0.4s ease-in-out;
    z-index: 10; /* Keeps non-active slides behind the active slide */
}

.center-slider .slick-slide:not(.slick-current) {
    transform: scale(1); /* Reset scale for non-active slides */
}