.elementor-4322 .elementor-element.elementor-element-dd3b669:not(.elementor-motion-effects-element-type-background), .elementor-4322 .elementor-element.elementor-element-dd3b669 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F4;}.elementor-4322 .elementor-element.elementor-element-dd3b669{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4322 .elementor-element.elementor-element-dd3b669 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4322 .elementor-element.elementor-element-b6d1129 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:7px;}.elementor-4322 .elementor-element.elementor-element-3ea77fb > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-4322 .elementor-element.elementor-element-432da75 .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4322 .elementor-element.elementor-element-c5b3c74 .elementor-button{background-color:#2D35304A;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;fill:#CEB395;color:#CEB395;border-style:solid;border-width:1px 1px 1px 1px;border-color:#CEB395;}/* Start custom CSS for column, class: .elementor-element-3ea77fb */.before-after-hover {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
}

.before-after-hover .before,
.before-after-hover .after {
  width: 100%;
}

.before-after-hover .before img,
.before-after-hover .after img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.before-after-hover .before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: 2;
  transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
  filter: grayscale(100%);
}
.before-after-hover  #dynmic-text{
     position: absolute;
   top:40px;
  opacity: 0;
  z-index: 2;
  transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.before-after-hover:hover .before {
  opacity: 1;
}
.before-after-hover:hover #dynmic-text {
     opacity: 1; 
}
.btn-case{
     position: absolute;
   opacity: 0;
  z-index: 4;
  transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); 
  
      bottom: 74px;
    text-align: center;
    
}

.before-after-hover:hover .btn-case {
     opacity: 1; 
}


 .jet-listing-dynamic-image:after{
       content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0);
    transition: all 0.3s ease;
    pointer-events: none; 
 }
 .before-after-hover:hover  .jet-listing-dynamic-image:after 
 {
         background: rgba(0, 0, 0, 0.35);
 }/* End custom CSS */