.elementor-7 .elementor-element.elementor-element-04ca121{--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;}.elementor-7 .elementor-element.elementor-element-04ca121:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-04ca121 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7 .elementor-element.elementor-element-6901541{--display:flex;}.elementor-7 .elementor-element.elementor-element-d57d827{--display:flex;--min-height:0px;}.elementor-7 .elementor-element.elementor-element-d57d827.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-db6e524{--display:flex;--min-height:0px;}.elementor-7 .elementor-element.elementor-element-db6e524.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-f11663b{--display:flex;--min-height:0px;}.elementor-7 .elementor-element.elementor-element-f11663b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-e1bd592{--display:flex;--min-height:0px;}.elementor-7 .elementor-element.elementor-element-e1bd592.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-0ba8b60{--display:flex;--min-height:0px;}.elementor-7 .elementor-element.elementor-element-0ba8b60.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-49654a2{--display:flex;--min-height:0px;}.elementor-7 .elementor-element.elementor-element-49654a2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-0f60081{--display:flex;}.elementor-7 .elementor-element.elementor-element-db7f47d{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-db7f47d img{width:50%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-d57d827{--width:100%;}.elementor-7 .elementor-element.elementor-element-db6e524{--width:100%;}.elementor-7 .elementor-element.elementor-element-f11663b{--width:100%;}.elementor-7 .elementor-element.elementor-element-e1bd592{--width:100%;}.elementor-7 .elementor-element.elementor-element-0ba8b60{--width:100%;}.elementor-7 .elementor-element.elementor-element-49654a2{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-d57d827 */.elementor-7 .elementor-element.elementor-element-d57d827 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db6e524 */.elementor-7 .elementor-element.elementor-element-db6e524 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f11663b */.elementor-7 .elementor-element.elementor-element-f11663b {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e1bd592 */.elementor-7 .elementor-element.elementor-element-e1bd592 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ba8b60 */.elementor-7 .elementor-element.elementor-element-0ba8b60 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49654a2 */.elementor-7 .elementor-element.elementor-element-49654a2 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6901541 */.elementor-7 .elementor-element.elementor-element-6901541 {
    --quantity: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04ca121 */.banner {
    width: 100%;
    height: 100vh;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: flex;                /* ✅ Added for centering */
    align-items: center;          /* ✅ Added for vertical center */
    justify-content: center;      /* ✅ Added for horizontal center */
}

.banner .slider {
    position: relative;           /* ✅ Changed from absolute */
    width: 380px;
    height: 175px;
    transform-style: preserve-3d;
    transform: perspective(1000px);
    animation: autoRun 40s linear infinite;
    z-index: 2;
    /* ✅ Removed: top: 10%, left: calc(50% - 100px) — no longer needed */
}

@keyframes autoRun {
    from {
        transform: perspective(1000px) rotateX(-15deg) rotateY(0deg);
    } to {
        transform: perspective(1000px) rotateX(-15deg) rotateY(360deg);
    }
}

.banner .slider .item {
    position: absolute;
    inset: 0 0 0 0;
    transform:
        rotateY(calc( (var(--position) - 1) * (360 / var(--quantity)) * 1deg))
        translateZ(500px);
}

.banner .slider .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}/* End custom CSS */