.elementor-11 .elementor-element.elementor-element-f2181fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-55fe245 .elementor-repeater-item-1b64938 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://aaraish.pk/wp-content/uploads/2026/02/Landscape-Slide-2-scaled.jpg);background-size:cover;}.elementor-11 .elementor-element.elementor-element-55fe245 .elementor-repeater-item-1b64938 .swiper-slide-contents{margin:0 auto;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.57);}.elementor-11 .elementor-element.elementor-element-55fe245 .elementor-repeater-item-1b64938 .swiper-slide-inner{align-items:flex-end;text-align:center;}.elementor-11 .elementor-element.elementor-element-55fe245 .elementor-repeater-item-2ed6134 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://aaraish.pk/wp-content/uploads/2026/02/Landscape-Slide-1-scaled.jpg);background-size:cover;}.elementor-11 .elementor-element.elementor-element-55fe245 .swiper-slide{transition-duration:calc(5000ms*1.2);height:100vh;}.elementor-11 .elementor-element.elementor-element-55fe245{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-55fe245 .swiper-slide-contents{max-width:100%;}.elementor-11 .elementor-element.elementor-element-55fe245 .swiper-slide-inner{padding:0px 0px 0px 0px;text-align:center;}.elementor-11 .elementor-element.elementor-element-55fe245 .elementor-slide-heading{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:65px;font-weight:600;}.elementor-11 .elementor-element.elementor-element-55fe245 .elementor-slide-description{color:#FFFFFF;font-family:"Albert Sans", Sans-serif;font-size:50px;font-weight:500;}.elementor-11 .elementor-element.elementor-element-55fe245 .swiper-pagination-bullet{height:15px;width:15px;}.elementor-11 .elementor-element.elementor-element-55fe245 .swiper-horizontal .swiper-pagination-progressbar{height:15px;}.elementor-11 .elementor-element.elementor-element-55fe245 .swiper-pagination-fraction{font-size:15px;}.elementor-11 .elementor-element.elementor-element-55fe245 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#FFFFFF;opacity:1;}.elementor-11 .elementor-element.elementor-element-55fe245 .swiper-pagination-bullet-active{background-color:#979797;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-f2181fe{--content-width:1920px;}}/* Start custom CSS for slides, class: .elementor-element-55fe245 *//* Position the container to the bottom right */
.elementor-11 .elementor-element.elementor-element-55fe245 .swiper-pagination-bullets {
    display: flex !important;
    justify-content: flex-end !important;
    left: auto !important;
    right: 5% !important;  /* Responsive distance from right */
    bottom: 40px !important;
    width: auto !important;
}

/* Transform dots into rounded lines (Pill shape) */
.elementor-11 .elementor-element.elementor-element-55fe245 .swiper-pagination-bullet {
    width: 45px !important;        /* Length of the line */
    height: 5px !important;        /* Thickness of the line */
    background-color: #ffffff !important;
    opacity: 0.4 !important;       /* Inactive transparency */
    border-radius: 10px !important; /* This creates the rounded corners */
    margin: 0 6px !important;      /* Space between lines */
    /* ADD THIS: This makes the lines grow/shrink smoothly */
    transition: width 1.0s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.0s ease !important;
}

/* Style for the active slide */
.elementor-11 .elementor-element.elementor-element-55fe245 .swiper-pagination-bullet-active {
    opacity: 1 !important;
    width: 80px !important;        /* Active line becomes longer like the example */
}

/* Force the sliding speed to be smooth and slow */
.elementor-11 .elementor-element.elementor-element-55fe245 .swiper-wrapper {
    transition-duration: 1200ms !important; /* Forces 1.2 seconds transition */
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Ensure the slides don't "snap" or flicker */
.elementor-11 .elementor-element.elementor-element-55fe245 .swiper-slide {
    transition-property: transform, opacity !important;
}/* End custom CSS */