.elementor-5944 .elementor-element.elementor-element-7196165 .elementor-repeater-item-273e841 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://swayed.com.pk/wp-content/uploads/2026/07/A_horizontal_website_hero_banner_202606301404-1.jpeg);background-size:cover;}.elementor-5944 .elementor-element.elementor-element-7196165 .elementor-repeater-item-ff9a60e .swiper-slide-bg{background-color:#4054b2;background-image:url(https://swayed.com.pk/wp-content/uploads/2026/07/A_horizontal_e-commerce_website_banner_202606301404-2.jpeg);background-size:cover;}.elementor-5944 .elementor-element.elementor-element-7196165 .elementor-repeater-item-bd20623 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://swayed.com.pk/wp-content/uploads/2026/07/A_horizontal_e-commerce_website_banner_202606301404-1.jpeg);background-size:cover;}.elementor-5944 .elementor-element.elementor-element-7196165 .swiper-slide{transition-duration:calc(6000ms*1.2);height:1024px;}.elementor-5944 .elementor-element.elementor-element-7196165 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5944 .elementor-element.elementor-element-7196165 .swiper-slide-contents{max-width:66%;}.elementor-5944 .elementor-element.elementor-element-7196165 .swiper-slide-inner{padding:0px 0px 0px 0px;text-align:center;}.elementor-5944 .elementor-element.elementor-element-a01c1a4{margin-top:60px;margin-bottom:0px;}.elementor-5944 .elementor-element.elementor-element-6cc8a2f > .elementor-widget-container{padding:0px 5px 0px 0px;}.elementor-5944 .elementor-element.elementor-element-6e717ce > .elementor-widget-container{padding:0px 5px 0px 0px;}.elementor-5944 .elementor-element.elementor-element-86f1866 > .elementor-widget-container{padding:0px 0px 0px 5px;}.elementor-5944 .elementor-element.elementor-element-7e81c57 > .elementor-widget-container{padding:0px 0px 0px 5px;}.elementor-5944 .elementor-element.elementor-element-40f76e4{margin-top:60px;margin-bottom:0px;}.elementor-5944 .elementor-element.elementor-element-0d79bc4{margin-top:-30px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-5944 .elementor-element.elementor-element-fd7596b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5944 .elementor-element.elementor-element-62a59c0{margin-top:30px;margin-bottom:0px;}.elementor-5944 .elementor-element.elementor-element-98430ca > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-5944 .elementor-element.elementor-element-4965bb9 > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-5944 .elementor-element.elementor-element-e3f6bd0{margin-top:30px;margin-bottom:0px;}.elementor-5944 .elementor-element.elementor-element-b99d00e{margin-top:-30px;margin-bottom:0px;}.elementor-5944 .elementor-element.elementor-element-9529bd5{margin-top:60px;margin-bottom:0px;}.elementor-5944 .elementor-element.elementor-element-dcd712a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:60px;margin-bottom:0px;}.elementor-5944 .elementor-element.elementor-element-dcd712a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(min-width:768px){.elementor-5944 .elementor-element.elementor-element-e91a1e4{width:50%;}.elementor-5944 .elementor-element.elementor-element-915449a{width:25%;}}/* Start custom CSS for slides, class: .elementor-element-7196165 *//* 1. Slider ke main wrapper aur har slide ki height ko 16:9 ratio par force karna */
.elementor-5944 .elementor-element.elementor-element-7196165 .elementor-slides-wrapper,
.elementor-5944 .elementor-element.elementor-element-7196165 .elementor-slides,
.elementor-5944 .elementor-element.elementor-element-7196165 .swiper-slide,
.elementor-5944 .elementor-element.elementor-element-7196165 .swiper-slide-inner {
    height: 56.25vw !important;
    min-height: 56.25vw !important;
    max-height: 56.25vw !important;
}

/* 2. Background image ko exact fit karna (Chahe Ken Burns back-end par thoda tang bhi kare) */
.elementor-5944 .elementor-element.elementor-element-7196165 .swiper-slide-bg {
    background-size: 100% 100% !important; /* Image ko poore 16:9 dabbe par stretch/fit kar dega */
    background-position: center center !important;
    background-repeat: no-repeat !important;
    height: 100% !important;
    width: 100% !important;
}

/* 3. Mobile aur Tablet ke liye dimensions check */
@media (max-width: 1024px) {
    .elementor-5944 .elementor-element.elementor-element-7196165 .elementor-slides-wrapper,
    .elementor-5944 .elementor-element.elementor-element-7196165 .elementor-slides,
    .elementor-5944 .elementor-element.elementor-element-7196165 .swiper-slide {
        height: 56.25vw !important;
    }
}

/* 4. Mobile Text Scaling (Taake content screen se baahir na bhage) */
@media (max-width: 767px) {
    .elementor-5944 .elementor-element.elementor-element-7196165 .elementor-slide-content {
        padding: 10px !important;
    }
    .elementor-5944 .elementor-element.elementor-element-7196165 .elementor-slide-heading {
        font-size: 16px !important;
    }
    .elementor-5944 .elementor-element.elementor-element-7196165 .elementor-slide-description {
        font-size: 10px !important;
        margin-bottom: 5px !important;
    }
    .elementor-5944 .elementor-element.elementor-element-7196165 .elementor-slide-button {
        font-size: 10px !important;
        padding: 4px 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-dcd712a *//* 1. Slider ke main wrapper aur har slide ki height ko 16:9 ratio par force karna */
.elementor-5944 .elementor-element.elementor-element-dcd712a .elementor-slides-wrapper,
.elementor-5944 .elementor-element.elementor-element-dcd712a .elementor-slides,
.elementor-5944 .elementor-element.elementor-element-dcd712a .swiper-slide,
.elementor-5944 .elementor-element.elementor-element-dcd712a .swiper-slide-inner {
    height: 56.25vw !important;
    min-height: 56.25vw !important;
    max-height: 56.25vw !important;
}

/* 2. Background image ko exact fit karna (Chahe Ken Burns back-end par thoda tang bhi kare) */
.elementor-5944 .elementor-element.elementor-element-dcd712a .swiper-slide-bg {
    background-size: 100% 100% !important; /* Image ko poore 16:9 dabbe par stretch/fit kar dega */
    background-position: center center !important;
    background-repeat: no-repeat !important;
    height: 100% !important;
    width: 100% !important;
}

/* 3. Mobile aur Tablet ke liye dimensions check */
@media (max-width: 1024px) {
    .elementor-5944 .elementor-element.elementor-element-dcd712a .elementor-slides-wrapper,
    .elementor-5944 .elementor-element.elementor-element-dcd712a .elementor-slides,
    .elementor-5944 .elementor-element.elementor-element-dcd712a .swiper-slide {
        height: 56.25vw !important;
    }
}

/* 4. Mobile Text Scaling (Taake content screen se baahir na bhage) */
@media (max-width: 767px) {
    .elementor-5944 .elementor-element.elementor-element-dcd712a .elementor-slide-content {
        padding: 10px !important;
    }
    .elementor-5944 .elementor-element.elementor-element-dcd712a .elementor-slide-heading {
        font-size: 16px !important;
    }
    .elementor-5944 .elementor-element.elementor-element-dcd712a .elementor-slide-description {
        font-size: 10px !important;
        margin-bottom: 5px !important;
    }
    .elementor-5944 .elementor-element.elementor-element-dcd712a .elementor-slide-button {
        font-size: 10px !important;
        padding: 4px 8px !important;
    }
}/* End custom CSS */