.elementor-808 .elementor-element.elementor-element-80991ae{--display:flex;--min-height:95vh;--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;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.17;--margin-top:-9%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-808 .elementor-element.elementor-element-80991ae::before, .elementor-808 .elementor-element.elementor-element-80991ae > .elementor-background-video-container::before, .elementor-808 .elementor-element.elementor-element-80991ae > .e-con-inner > .elementor-background-video-container::before, .elementor-808 .elementor-element.elementor-element-80991ae > .elementor-background-slideshow::before, .elementor-808 .elementor-element.elementor-element-80991ae > .e-con-inner > .elementor-background-slideshow::before, .elementor-808 .elementor-element.elementor-element-80991ae > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-808 .elementor-element.elementor-element-259c104{--e-image-carousel-slides-to-show:1;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;background-color:#0A08087D;}.elementor-808 .elementor-element.elementor-element-187590f{--display:flex;--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;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--position:absolute;bottom:100px;--z-index:2;}.elementor-808 .elementor-element.elementor-element-187590f.e-con{--order:99999 /* order end hack */;}body:not(.rtl) .elementor-808 .elementor-element.elementor-element-187590f{left:0px;}body.rtl .elementor-808 .elementor-element.elementor-element-187590f{right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-808 .elementor-element.elementor-element-8033343{text-align:start;padding:0% 0% 1% 2%;}.elementor-808 .elementor-element.elementor-element-8033343 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:4em;font-weight:500;color:#FFFFFF;}.elementor-808 .elementor-element.elementor-element-8033343.elementor-element{--align-self:flex-start;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-808 .elementor-element.elementor-element-b4a2965 .elementor-button{font-family:"Georgia", Sans-serif;font-size:1em;font-weight:500;font-style:italic;background-color:#00000000;}.elementor-808 .elementor-element.elementor-element-b4a2965{margin:0% 5% calc(var(--kit-widget-spacing, 0px) + 5%) 0%;z-index:2;}.elementor-808 .elementor-element.elementor-element-b4a2965.elementor-element{--align-self:flex-start;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-808 .elementor-element.elementor-element-80991ae{--min-height:70vh;}.elementor-808 .elementor-element.elementor-element-8033343{padding:0% 0% 0% 0%;}}@media(max-width:767px){.elementor-808 .elementor-element.elementor-element-80991ae{--min-height:56vh;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-808 .elementor-element.elementor-element-259c104{padding:0px 0px 0px 0px;}.elementor-808 .elementor-element.elementor-element-187590f{--min-height:0vh;bottom:0px;}.elementor-808 .elementor-element.elementor-element-8033343 .elementor-heading-title{font-size:1.5em;}.elementor-808 .elementor-element.elementor-element-8033343{padding:0% 0% 0% 5%;}}/* Start custom CSS for image-carousel, class: .elementor-element-259c104 *//* Add overlay to each slide */
.your-carousel-class .swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 0.5 = 50% opacity */
    z-index: 1;
    pointer-events: none;
}

/* Make sure images stay behind overlay */
.your-carousel-class .swiper-slide img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
    position: relative;
    z-index: 0;
}

/* If you have text/content, bring it above overlay */
.your-carousel-class .swiper-slide-inner > * {
    position: relative;
    z-index: 2;
}

/* Target the carousel images */
.your-carousel-class .swiper-slide img {
    height: 100vh !important;
    width: 100%;
    object-fit: cover;
}

/* Optional: Make the entire carousel container 100vh */
.your-carousel-class {
    height: 100vh;
    overflow: hidden; /* Important for Ken Burns effect */
}

/* Ken Burns - Scale UP on odd slides when active */
.your-carousel-class .swiper-slide-active:nth-child(odd) img {
    animation: kenBurnsUp 8s ease-out forwards;
}

/* Ken Burns - Scale DOWN on even slides when active */
.your-carousel-class .swiper-slide-active:nth-child(even) img {
    animation: kenBurnsDown 8s ease-out forwards;
}

/* Reset animation for non-active slides */
.your-carousel-class .swiper-slide:not(.swiper-slide-active) img {
    animation: none;
    transform: scale(1);
}

@keyframes kenBurnsUp {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.15);
    }
}

@keyframes kenBurnsDown {
    0% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}

@media (max-width: 768px){
    .your-carousel-class .swiper-slide img {
        height: 80vh !important;
        width: 100%;
        object-fit: cover;
    }
    /* Optional: Make the entire carousel container 100vh */
    .your-carousel-class {
        height: 80vh;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8033343 */.elementor-808 .elementor-element.elementor-element-8033343{
    direction: ltr;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4a2965 */.elementor-808 .elementor-element.elementor-element-b4a2965 .elementor-button {
    position: relative;
    overflow: hidden;
}

.elementor-808 .elementor-element.elementor-element-b4a2965 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #000; /* Change to desired background color */
    transition: left 0.4s ease;
    z-index: 0;
}

.elementor-808 .elementor-element.elementor-element-b4a2965 .elementor-button:hover::before {
    left: 0;
}

.elementor-808 .elementor-element.elementor-element-b4a2965 .elementor-button .elementor-button-text {
    position: relative;
    z-index: 1;
    color: white; /* Keep text color white */
}/* End custom CSS */