.elementor-2164 .elementor-element.elementor-element-a1a1a50{--display:flex;--min-height:298px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2164 .elementor-element.elementor-element-65c249b{--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-2164 .elementor-element.elementor-element-fcb4e67{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;--align-content:center;--overflow:hidden;top:0px;}body:not(.rtl) .elementor-2164 .elementor-element.elementor-element-fcb4e67{right:0px;}body.rtl .elementor-2164 .elementor-element.elementor-element-fcb4e67{left:0px;}.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 );}@media(min-width:768px){.elementor-2164 .elementor-element.elementor-element-65c249b{--width:50%;}.elementor-2164 .elementor-element.elementor-element-fcb4e67{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-fcb4e67 */.elementor-2164 .elementor-element.elementor-element-fcb4e67 {transform: skew(10deg);}
.carouselverticalone {
    animation: looping 10s linear 0s infinite none;
}

.verticalcolumnone  {
    max-height: 750px;
        height: 750px;
    width: 200px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
   
}

@keyframes looping{
0% {
    transform: translateY(0px);
}
100% {
    transform: translateY(-100%);
}
}

@media only screen and (max-width: 360px) {
	.verticalcolumnone  {
	max-height: 350px;
        height: 350px;
    width: 100px;
	}
}
```

```css
 2ns Vertical Carousel (center)

.carouselverticaltwo {
    animation: looping 12s linear 0s infinite none reverse;
     animation-direction: reverse;
}

.verticalcolumntwo   {
    margin-top: 5rem;
    max-height: 700px;
        height: 700px;
    width: 200px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    
}

@keyframes looping{
0% {
    transform: translateY(0px);
}
100% {
    transform: translateY(-100%);
}
}

@media only screen and (max-width: 360px) {
	.verticalcolumntwo  {
	max-height: 350px;
        height: 350px;
    width: 100px;
	}
}
```

```css
 3rd Vertical Carousel (right-hand side)

.carouselverticalthree {
    animation: looping 13s linear 0s infinite none;
   
    
}
.img-one {
    box-shadow: 0 5px 15px rgba(0,0,0,.2)
}

.verticalcolumnthree  {
    max-height: 800px;
        height: 800px;
    width: 200px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    
}

@keyframes looping{
0% {
    transform: translateY(0px);
}
100% {
    transform: translateY(-100%);
}
}

@media only screen and (max-width: 360px) {
	.verticalcolumnthree  {
	max-height: 350px;
        height: 350px;
    width: 100px;
	}
}
```/* End custom CSS */