.elementor-87489 .elementor-element.elementor-element-58837742{--display:flex;--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-87489 .elementor-element.elementor-element-8c1642f{--titles-container-justify-content:center;--image-border-width:1px;--image-border-radius:5px;--image-transition-duration:800ms;--content-text-align:center;--content-padding:0px;--content-transition-duration:800ms;--content-transition-delay:800ms;--galleries-title-color-normal:var( --e-global-color-0220d3a );--galleries-title-color-hover:var( --e-global-color-primary );--galleries-pointer-bg-color-hover:var( --e-global-color-primary );--gallery-title-color-active:var( --e-global-color-primary );--galleries-pointer-bg-color-active:var( --e-global-color-primary );--galleries-pointer-border-width:2px;}.elementor-87489 .elementor-element.elementor-element-8c1642f .elementor-gallery-title{font-family:var( --e-global-typography-6c13fab-font-family ), Sans-serif;font-size:var( --e-global-typography-6c13fab-font-size );font-weight:var( --e-global-typography-6c13fab-font-weight );font-style:var( --e-global-typography-6c13fab-font-style );line-height:var( --e-global-typography-6c13fab-line-height );letter-spacing:var( --e-global-typography-6c13fab-letter-spacing );--space-between:10px;}.elementor-87489 .elementor-element.elementor-element-8c1642f .elementor-gallery__titles-container{margin-bottom:40px;}@media(max-width:1024px){.elementor-87489 .elementor-element.elementor-element-58837742{--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-87489 .elementor-element.elementor-element-8c1642f .elementor-gallery-title{font-size:var( --e-global-typography-6c13fab-font-size );line-height:var( --e-global-typography-6c13fab-line-height );letter-spacing:var( --e-global-typography-6c13fab-letter-spacing );}}@media(max-width:767px){.elementor-87489 .elementor-element.elementor-element-58837742{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-87489 .elementor-element.elementor-element-8c1642f .elementor-gallery-title{font-size:var( --e-global-typography-6c13fab-font-size );line-height:var( --e-global-typography-6c13fab-line-height );letter-spacing:var( --e-global-typography-6c13fab-letter-spacing );}}/* Start custom CSS for gallery, class: .elementor-element-8c1642f */.mmgall a.elementor-item.elementor-gallery-title.elementor-item-active{
 font-weight: bold!important;
}/* End custom CSS */
/* Start custom CSS */.tab-ctr {
 max-height: 800px; /* Set your desired height */
 overflow-y: auto;  /* Enables vertical scrolling */
}

/*scroll before image when hover*/
.scroll-image-wrapper {
 width: 110%; /* or set a fixed width */
 height: 320px; /* visible height */
 overflow: hidden;
 position: relative;
}

.scroll-image-wrapper img {
 width: 100%;
 height: auto;
 position: absolute;
 top: 0;
 left: 0;
 transition: transform 10s ease;
 transition-delay: .25s;
}

.scroll-image-wrapper:hover img {
 transform: translateY(calc(-100% + 320px));
}

/*scroll before image when hover for shorter websites*/
.scroll-image-wrapper-short {
 width: 110%; /* or set a fixed width */
 height: 320px; /* visible height */
 overflow: hidden;
 position: relative;
}

.scroll-image-wrapper-short img {
 width: 100%;
 height: auto;
 position: absolute;
 top: 0;
 left: 0;
 transition: transform 2s ease;
 transition-delay: .25s;
}

.scroll-image-wrapper-short:hover img {
 transform: translateY(calc(-100% + 320px));
}


/*scroll after image when hover*/
.after-image-wrapper {
 width: 100%; /* or set a fixed width */
 height: 750px; /* visible height */
 overflow: hidden;
 position: relative;
}

.after-image-wrapper img {
 width: 100%;
 height: auto;
 position: absolute;
 top: 0;
 left: 0;
 transition: transform 7s linear;
 transition-delay: .25s;
}

.after-image-wrapper:hover img {
 transform: translateY(calc(-100% + 750px)); /* 300px is the wrapper height */
}


/***TABLET***/
@media (max-width:1024px){
/*scroll before image when hover*/
.scroll-image-wrapper {
 height: 250px; /* visible height */
}

.scroll-image-wrapper:hover img {
 transform: translateY(calc(-100% + 250px));
}

/*scroll before image when hover for shorter websites*/
.scroll-image-wrapper-short {
 height: 250px; /* visible height */
}

.scroll-image-wrapper-short:hover img {
 transform: translateY(calc(-100% + 250px));
}

/*scroll after image when hover*/
.after-image-wrapper {
 height: 550px; /* visible height */
}

.after-image-wrapper:hover img {
 transform: translateY(calc(-100% + 550px)); /* 300px is the wrapper height */
}
}

/***MOBILE***/
@media (max-width:767px){
.tab-ctr  {
 max-height: none; 
 overflow-y: hidden; 
 overflow-x:hidden;
}

/*scroll before image when hover*/
.scroll-image-wrapper {
 height: 160px; /* visible height */
 width:90%;
}

.scroll-image-wrapper:hover img {
 transform: translateY(calc(-100% + 160px));
}

/*scroll before image when hover for shorter websites*/
.scroll-image-wrapper-short {
 height: 160px; /* visible height */
 width:90%;
}

.scroll-image-wrapper-short:hover img {
 transform: translateY(calc(-100% + 160px));
}

/*scroll after image when hover*/
.after-image-wrapper {
 height: 270px; /* visible height */
}

.after-image-wrapper:hover img {
 transform: translateY(calc(-100% + 270px)); /* 300px is the wrapper height */
}
}/* End custom CSS */