.elementor-widget-section .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-section .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-oritxts2 .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-oritxts2 .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-106731 .elementor-element.elementor-element-dc4aa12 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-106731 .elementor-element.elementor-element-6e4201a{--display:flex;}.elementor-widget-jltma-logo-slider .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-jltma-logo-slider .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-106731 .elementor-element.elementor-element-1ac1bee{width:100%;max-width:100%;}.elementor-106731 .elementor-element.elementor-element-1ac1bee .swiper-container{padding:10px;margin:0 -10px;}.elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-logo-slider-item .jltma-logo-slider-figure i.item-hover-icon{font-size:20px;}.elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-logo-slider-item .jltma-logo-slider-figure svg.item-hover-icon{width:20px;}.elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-arrows .jltma-arrow--prev i, .elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-arrows .jltma-arrow--next i,.elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-logo-carousel-wrapper .jltma-arrows .jltma-arrow--prev i, .elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-logo-carousel-wrapper .jltma-arrows .jltma-arrow--next i{color:#FFFFFF;font-size:24px;}.elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-arrows .jltma-arrow--prev, .elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-arrows .jltma-arrow--next,.elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-logo-carousel-wrapper .jltma-arrows .jltma-arrow--prev, .elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-logo-carousel-wrapper .jltma-arrows .jltma-arrow--next{background-color:#EF5038;}.elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-logo-carousel-slider .jltma-arrows .jltma-arrow--prev{left:-60px;}.elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-logo-carousel-slider .jltma-arrows .jltma-arrow--next{right:-60px;}.elementor-106731 .elementor-element.elementor-element-04ae79a{--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;--overflow:hidden;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-106731 .elementor-element.elementor-element-b31ad97{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:center;color:#FFFFFF;}.elementor-106731 .elementor-element.elementor-element-b31ad97 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-106731 .elementor-element.elementor-element-b31ad97.elementor-element{--align-self:center;}.elementor-106731 .elementor-element.elementor-element-fd7d983:not(.elementor-motion-effects-element-type-background), .elementor-106731 .elementor-element.elementor-element-fd7d983 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://strassmedia.com.my/wp-content/uploads/2025/06/Untitled-design-2-scaled.jpg");}.elementor-106731 .elementor-element.elementor-element-fd7d983{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-106731 .elementor-element.elementor-element-fd7d983 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-oriapvw .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-oriapvw .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-106731 .elementor-element.elementor-element-69f7f50 .ori-app-overview-section-2 .ori-app-section-title h2{font-size:35px;letter-spacing:1px;}.elementor-106731 .elementor-element.elementor-element-69f7f50 .overview-text-btn a:hover{background-color:var( --e-global-color-secondary );}@media(min-width:768px){.elementor-106731 .elementor-element.elementor-element-6e4201a{--content-width:90%;}}@media(max-width:1024px){.elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-arrows .jltma-arrow--prev i, .elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-arrows .jltma-arrow--next i,.elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-logo-carousel-wrapper .jltma-arrows .jltma-arrow--prev i, .elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-logo-carousel-wrapper .jltma-arrows .jltma-arrow--next i{font-size:24px;}}@media(max-width:767px){.elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-arrows .jltma-arrow--prev i, .elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-arrows .jltma-arrow--next i,.elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-logo-carousel-wrapper .jltma-arrows .jltma-arrow--prev i, .elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-logo-carousel-wrapper .jltma-arrows .jltma-arrow--next i{font-size:24px;}.elementor-106731 .elementor-element.elementor-element-04ae79a{--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-106731 .elementor-element.elementor-element-b31ad97 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for oritxts2, class: .elementor-element-dc4aa12 */.ori-text-scroll-section-2 {
    border-top: 0px solid #1C1C1C!important;
    border-bottom: 0px solid #1C1C1C!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e4201a *//* =====================================================
   CAROUSEL FIX - COMBINED CSS
   Covers:
   1. Touch hover simulation (CSS :active trick)
   2. Mobile + tablet 3D layout (320–900px)
   3. Desktop Safari 3D fix (1200px+, iOS only)
   ===================================================== */


/* ══════════════════════════════════════════════════════
   1. HOVER EFFECT — works on BOTH desktop AND touch
   ══════════════════════════════════════════════════════

   On desktop  → triggered by :hover (mouse)
   On touch    → triggered by :active (finger press)

   Both pseudo-classes are listed together on every rule
   so the exact same effect fires regardless of input type.

   HOW IT WORKS ON TOUCH:
   - iOS/Android fire :active on touchstart and release it
     on touchend, giving a brief but visible "press" state.
   - Adding `-webkit-tap-highlight-color: transparent` to
     the slide prevents the default blue flash so our own
     effect is the only visual feedback.
   - The transition makes it animate smoothly in/out.
   ══════════════════════════════════════════════════════ */

/* Remove default tap flash on all slide children */
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide * {
    -webkit-tap-highlight-color: transparent;
}

/* ── Hover/Active state on the SLIDE itself ── */
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:hover,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:active {
    z-index: 20 !important;   /* float above neighbours */
}

/* ── Image inside slide: scale + brightness on hover/tap ── */
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide img,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .elementor-image img,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .wp-post-image,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide figure img {
    transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
                filter 300ms ease,
                opacity 300ms ease;
    transform-origin: center center;
    will-change: transform;
}

.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:hover img,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:active img,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:hover .elementor-image img,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:active .elementor-image img,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:hover .wp-post-image,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:active .wp-post-image,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:hover figure img,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:active figure img {
    transform: scale(1.06);
    filter: brightness(1.1);
}

/* ── Logo / overlay layer (second image or text that appears on hover) ──
 * If your slides have a hidden overlay/logo div that shows on hover,
 * target it here. Common Elementor patterns:
 *   - .elementor-image-box-content
 *   - .jltma-logo-slider-item-image (second child)
 *   - a figure with two children (photo + logo)
 *
 * The pattern below handles the most common case:
 * a slide <a> or <figure> contains two elements —
 * the first (photo) fades OUT, the second (logo/overlay) fades IN.
 * ── */

/* Base state: photo visible, logo/overlay hidden */
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide a > *:first-child,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide figure > *:first-child,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .jltma-logo-slider-item-image > *:first-child {
    transition: opacity 300ms ease;
    opacity: 1;
}

.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide a > *:last-child:not(:first-child),
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide figure > *:last-child:not(:first-child),
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .jltma-logo-slider-item-image > *:last-child:not(:first-child) {
    transition: opacity 300ms ease;
    opacity: 0;
}

/* Hover/Active state: photo fades out, logo/overlay fades in */
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:hover a > *:first-child,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:active a > *:first-child,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:hover figure > *:first-child,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:active figure > *:first-child,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:hover .jltma-logo-slider-item-image > *:first-child,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:active .jltma-logo-slider-item-image > *:first-child {
    opacity: 0;
}

.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:hover a > *:last-child:not(:first-child),
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:active a > *:last-child:not(:first-child),
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:hover figure > *:last-child:not(:first-child),
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:active figure > *:last-child:not(:first-child),
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:hover .jltma-logo-slider-item-image > *:last-child:not(:first-child),
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:active .jltma-logo-slider-item-image > *:last-child:not(:first-child) {
    opacity: 1;
}

/* ── Box-shadow lift effect ── */
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide {
    transition: box-shadow 300ms ease;
}
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:hover,
.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:active {
    box-shadow: 0 16px 40px rgba(0,0,0,0.35);
}


/* ══════════════════════════════════════════════════════
   2. HIDE DUPLICATE SLIDES (Swiper loop mode clones)
   ══════════════════════════════════════════════════════ */

.elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide-duplicate {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: -1 !important;
}


/* ══════════════════════════════════════════════════════
   3. MOBILE + TABLET BASE (320–900px)
   ══════════════════════════════════════════════════════ */

@media (min-width: 320px) and (max-width: 900px) {

    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-container,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper {
        overflow: visible !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
    }

    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-wrapper {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        transform: none !important;
        -webkit-transform: none !important;
        transition: none !important;
        -webkit-transition: none !important;
        transform-style: preserve-3d !important;
        -webkit-transform-style: preserve-3d !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
        /* Block Swiper's own touch so our JS handles it */
        touch-action: none !important;
    }

    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        backface-visibility: hidden !important;
        -webkit-backface-visibility: hidden !important;
        transform-style: preserve-3d !important;
        -webkit-transform-style: preserve-3d !important;
    }

    /* Elementor overflow fix so slides aren't clipped */
    .elementor-106731 .elementor-element.elementor-element-6e4201a .elementor-widget-container,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .elementor-widget,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .elementor-column-wrap,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .elementor-column,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .elementor-row,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .elementor-section,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .elementor-container,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .elementor-inner {
        overflow: visible !important;
    }

    /* Navigation buttons */
    .elementor-106731 .elementor-element.elementor-element-6e4201a .jltma-swiper__button,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-button-prev,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-button-next {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
        z-index: 999999 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        touch-action: none !important;
        -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .elementor-106731 .elementor-element.elementor-element-6e4201a .jltma-swiper__button--prev,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-button-prev { left: 2px !important; }
    .elementor-106731 .elementor-element.elementor-element-6e4201a .jltma-swiper__button--next,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-button-next { right: 2px !important; }

    /* Larger tap target via pseudo-element */
    .elementor-106731 .elementor-element.elementor-element-6e4201a .jltma-swiper__button::before,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-button-prev::before,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-button-next::before {
        content: '' !important;
        position: absolute !important;
        inset: -12px !important;
    }
    .elementor-106731 .elementor-element.elementor-element-6e4201a .jltma-swiper__button *,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-button-prev *,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-button-next * {
        pointer-events: none !important;
    }
    .elementor-106731 .elementor-element.elementor-element-6e4201a .jltma-swiper__button:active,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-button-prev:active,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-button-next:active {
        opacity: 0.7 !important;
    }
}


/* ══════════════════════════════════════════════════════
   4. MOBILE ONLY (320–640px)
   ══════════════════════════════════════════════════════ */

@media (min-width: 320px) and (max-width: 640px) {

    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide * {
        min-height: 0 !important;
    }

    /* Kill border-radius on every possible element inside a slide */
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide img,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide a,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide figure,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide picture,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide div,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .elementor-image,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .elementor-image-box-img,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .elementor-widget-container,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .jltma-logo-slider-item-image,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .wp-post-image {
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    }

    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide a,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide figure,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .jltma-logo-slider-item-image,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .elementor-image,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .wp-post-image {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Override hover scale on mobile so layout doesn't break */
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:hover img,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:active img {
        transform: scale(1.04);
    }
}


/* ══════════════════════════════════════════════════════
   5. TABLET ONLY (641–900px)
   ══════════════════════════════════════════════════════ */

@media (min-width: 641px) and (max-width: 900px) {

    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-container,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper {
        perspective: 1200px !important;
        -webkit-perspective: 1200px !important;
    }

    /* Kill border-radius on every possible element inside a slide */
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide img,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide a,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide figure,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide picture,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide div,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .elementor-image,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .elementor-image-box-img,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .elementor-widget-container,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .jltma-logo-slider-item-image,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide .wp-post-image {
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    }

    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}


/* ══════════════════════════════════════════════════════
   6. DESKTOP SAFARI 3D FIX (1200px+)
   Targets ALL Safari browsers (macOS + iOS) using the
   -webkit-appearance feature query which is supported
   by Safari but not Chrome/Firefox.
   ══════════════════════════════════════════════════════ */

@media (min-width: 1200px) {

    /* Apply to all Safari versions (both macOS and iOS).
     * -webkit-appearance: none is supported in Safari but
     * the @supports (-webkit-overflow-scrolling: touch) trick
     * is deprecated. Instead we use a known Safari-only
     * CSS feature: :is() with -webkit prefix detection via
     * a dummy @supports block.
     *
     * Most reliable cross-Safari approach: just apply the
     * 3D fixes unconditionally at desktop width since they
     * are safe and actually NEEDED in Safari, while being
     * harmless no-ops in Chrome/Firefox which handle 3D fine. */

    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-container {
        perspective: 2000px !important;
        -webkit-perspective: 2000px !important;
        overflow: visible !important;
    }

    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-wrapper {
        transform-style: preserve-3d !important;
        -webkit-transform-style: preserve-3d !important;
        will-change: transform;
    }

    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide {
        backface-visibility: hidden !important;
        -webkit-backface-visibility: hidden !important;
        transform-style: preserve-3d !important;
        -webkit-transform-style: preserve-3d !important;
    }

    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide-active {
        z-index: 5 !important;
    }

    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-button-prev,
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-button-next {
        z-index: 9999 !important;
    }

    /* Hover on desktop — scale + brightness, safe under preserve-3d */
    .elementor-106731 .elementor-element.elementor-element-6e4201a .swiper-slide:hover img {
        transform: scale(1.06);
        filter: brightness(1.1);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04ae79a */.code-toolbar {
    display: none;
}


.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: #ffffff;
    opacity: 100%;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: red;
}
.swiper-slide.swiper-slide-visible.swiper-slide-active {
    margin-top: 50px;
}
.swiper-slide.swiper-slide-visible {
    margin-top: 50px!important;
}
.swiper-pagination.swiper-pagination-fraction {
    position: absolute!important;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.elementor-element .swiper .elementor-swiper-button svg, .elementor-element .swiper~.elementor-swiper-button svg, .elementor-lightbox .swiper .elementor-swiper-button svg, .elementor-lightbox .swiper~.elementor-swiper-button svg {
    fill: hsla(0, 0%, 93%, .9);
    height: 1.5em;
    width: 1.5em;
    background-color:#ef5038;
    border-radius: 50px;
    padding: 5px;
}
@media (min-width: 320px) and (max-width: 480px) {
.swiper-slide {
    background-size: 100% 100%;
    height: 700px;
}
}/* End custom CSS */
/* Start custom CSS */.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    height: auto!important;
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    height: auto!important;
}
/* Update your existing body.elementor-page-106731 or add this new one */
body.elementor-page-106731 .swiper-slide {
    height:auto !important;
    display: flex !important;       /* Enables Flexbox */
    align-items: center !important;  /* Centers image vertically */
    overflow: hidden;
    object-fit: cover !important;
}
.jltma-swiper__button.jltma-swiper__button--prev.jltma-arrow.jltma-arrow--prev.jltma-swiper__button--prev-1ac1bee {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
.jltma-swiper__button.jltma-swiper__button--next.jltma-arrow.jltma-arrow--next.jltma-swiper__button--next-1ac1bee {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
.elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-logo-carousel-slider .jltma-arrows .jltma-arrow--prev {
    left: 0px;
}
.elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-logo-carousel-slider .jltma-arrows .jltma-arrow--next {
    right: 0px;
}
body.elementor-page-106731 .swiper-slide img {
    height: 100%;                   /* Ensures image takes up full height if needed */
    width: auto;                    /* Maintains original image ratio */
    object-fit: cover;            /* Prevents the image from being cut off while centering */
}
/* --- MOBILE SETTINGS (Screens smaller than 768px) --- */
@media (max-width: 767px) {
    .elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-logo-carousel-slider .jltma-arrows .jltma-arrow--next {
    right: -30px;
}
.elementor-106731 .elementor-element.elementor-element-1ac1bee .jltma-logo-carousel-slider .jltma-arrows .jltma-arrow--prev {
    left: -30px;
}
/* Force the container to be a large square on all devices */
body.elementor-page-106731 .swiper-slide {
    height: 100% !important;    /* Forces the large desktop height */
    display: flex !important;
    align-items: center !important; 
    justify-content: center !important;
    background-color: #ffffff;   /* Keeps the background clean for logos */
}

/* Ensure images are NOT cropped and fill the height */
body.elementor-page-106731 .swiper-slide img {
    height: 100% !important;     /* Matches the 800px container */
    width: auto !important;      /* Prevents stretching or squishing */
    max-width: 100% !important;
    object-fit: contain !important; /* Shows the ENTIRE image without cropping */
}
}/* End custom CSS */