.elementor-21 .elementor-element.elementor-element-fd73e13{--display:flex;--min-height:100vh;--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-21 .elementor-element.elementor-element-fd73e13:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-fd73e13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-21 .elementor-element.elementor-element-a041ea6{--display:flex;}.elementor-21 .elementor-element.elementor-element-59bc5db{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-21 .elementor-element.elementor-element-9dd4439{--display:flex;}.elementor-21 .elementor-element.elementor-element-6a02426{--display:flex;}.elementor-21 .elementor-element.elementor-element-6e8a260{--display:flex;}.elementor-21 .elementor-element.elementor-element-b0576b9{--display:flex;}.elementor-21 .elementor-element.elementor-element-5ad31e8{--display:flex;}.elementor-21 .elementor-element.elementor-element-9ff1a5c{--display:flex;}.elementor-21 .elementor-element.elementor-element-2c9ae55{--display:flex;}.elementor-21 .elementor-element.elementor-element-04c03a7{--display:flex;}.elementor-21 .elementor-element.elementor-element-be03493{--display:flex;}.elementor-21 .elementor-element.elementor-element-96f6b28{--display:flex;--min-height:100vh;}.elementor-21 .elementor-element.elementor-element-3aaea98 > .elementor-widget-container{margin:250px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-3aaea98 img{width:45%;}/* Start custom CSS for container, class: .elementor-element-59bc5db */.elementor-21 .elementor-element.elementor-element-59bc5db {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9dd4439 */.elementor-21 .elementor-element.elementor-element-9dd4439 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a02426 */.elementor-21 .elementor-element.elementor-element-6a02426 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e8a260 */.elementor-21 .elementor-element.elementor-element-6e8a260 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0576b9 */.elementor-21 .elementor-element.elementor-element-b0576b9 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ad31e8 */.elementor-21 .elementor-element.elementor-element-5ad31e8 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ff1a5c */.elementor-21 .elementor-element.elementor-element-9ff1a5c {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c9ae55 */.elementor-21 .elementor-element.elementor-element-2c9ae55 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04c03a7 */.elementor-21 .elementor-element.elementor-element-04c03a7 {
    --position: 9;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be03493 */.elementor-21 .elementor-element.elementor-element-be03493 {
    --position: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a041ea6 */.elementor-21 .elementor-element.elementor-element-a041ea6 {
    --quantity: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd73e13 */.banner{
    width: 100%;
    height: 100vh;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.banner .slider{
    position: absolute;
    width: 130px;
    height: 175px;
	top: 10%;
    left: calc(50% - 100px);
    transform-style: preserve-3d;
    transform: perspective(1000px);
    animation: autoRun 40s linear infinite;
    z-index: 2;
}
@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(330px);
}
.banner .slider .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}/* End custom CSS */