.elementor-9313 .elementor-element.elementor-element-0a1b303 .elementor-repeater-item-dfd7d74 .slider-btn{flex-flow:inherit;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .elementor-repeater-item-dfd7d74 .slider-secondary-btn{flex-flow:inherit;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .elementor-repeater-item-7a52dfa .slider-secondary-btn{flex-flow:inherit;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .elementor-repeater-item-621ecc7 .slider-btn{flex-flow:inherit;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .elementor-repeater-item-187a1d5 .overlay{mix-blend-mode:inherit;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .elementor-repeater-item-a988820 .overlay{mix-blend-mode:inherit;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .elementor-repeater-item-eb74a5b .overlay{mix-blend-mode:inherit;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .elementor-repeater-item-aafd82f .overlay{mix-blend-mode:inherit;}.elementor-9313 .elementor-element.elementor-element-0a1b303{width:100%;max-width:100%;top:-4px;}body:not(.rtl) .elementor-9313 .elementor-element.elementor-element-0a1b303{left:1px;}body.rtl .elementor-9313 .elementor-element.elementor-element-0a1b303{right:1px;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .dl-slider .swiper-slide{min-height:1080px;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .dl-slider .slider-content-wrap{height:1080px;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .dl-slider.swiper-container{height:1080px;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .content-width{max-width:1520px;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .dl-slider-controls{max-width:1520px;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .autoplay-active .dl-swiper-pagination.pagi-style-5 .swiper-pagination-bullet-active:after{animation-duration:5000ms;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .dl-slider .slide-img{object-position:center;}body.elementor-page-9313:not(.elementor-motion-effects-element-type-background), body.elementor-page-9313 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0C0C;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-9313 .elementor-element.elementor-element-0a1b303 .dl-slider .swiper-slide{min-height:1066px;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .dl-slider .slider-content-wrap{height:1066px;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .dl-slider.swiper-container{height:1066px;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .content-width{max-width:95%;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .dl-slider-controls{max-width:95%;}}@media(max-width:767px){.elementor-9313 .elementor-element.elementor-element-0a1b303 .dl-slider .swiper-slide{min-height:744px;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .dl-slider .slider-content-wrap{height:744px;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .dl-slider.swiper-container{height:744px;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .content-width{max-width:100%;}.elementor-9313 .elementor-element.elementor-element-0a1b303 .dl-slider-controls{max-width:100%;}}/* Start custom CSS for dl_invent_slider, class: .elementor-element-0a1b303 *//* responsive-styles.css */

/* General Styles for Elements to Auto Resize */
.matchparpend {
    background-color: lightblue;  /* Example background color */
    transition: all 0.5s ease;    /* Smooth transition when resizing */
    margin: 0 auto;
}

/* Portrait Mode */
@media (orientation: portrait) {
    .matchparpend {
        width: 90vw;     /* 90% of viewport width */
        height: 90vh;    /* 90% of viewport height */
    }
}

/* Landscape Mode */
@media (orientation: landscape) {
    .matchparpend {
        width: 70vw;     /* 70% of viewport width */
        height: 70vh;    /* 70% of viewport height */
    }
}

/* Optional: For very small devices */
@media (max-width: 480px) {
    .matchparpend {
        width: 100vw;    /* Full width on small devices */
        height: 80vh;    /* 80% of viewport height */
    }
}

/* Optional: For large desktop screens */
@media (min-width: 1200px) {
    .matchparpend {
        width: 50vw;     /* 50% of viewport width */
        height: 60vh;    /* 60% of viewport height */
    }
}/* End custom CSS */