.cnc-beforeafter-section.beforeafter-layout1{position:relative;padding:100px 0;overflow:hidden;}
.cnc-beforeafter-section.beforeafter-layout1 :is(h1,h2,h3,h4,h5,h6,p){margin:0;padding:0;}
.cnc-beforeafter-section.beforeafter-layout1 .container{max-width:1430px;margin:0 auto;padding:0 15px;position:relative;}
.cnc-beforeafter-section.beforeafter-layout1 .slider-container{width:100%;  height: 602px; aspect-ratio: 16/7; position:relative;overflow:hidden;margin:0 auto;max-width:100%;user-select:none;}
.cnc-beforeafter-section.beforeafter-layout1 .heading{width:100%;text-align:center;margin-bottom:30px;}
.cnc-beforeafter-section.beforeafter-layout1 .heading :is(h1,h2,h3,h4,h5,h6){font-size:48px;font-weight:700;color:#005BC5;}
.cnc-beforeafter-section.beforeafter-layout1 .before-image,.cnc-beforeafter-section.beforeafter-layout1 .after-image{position:absolute;top:0;left:0;width:100%;height:100%;}
.cnc-beforeafter-section.beforeafter-layout1 .before-image img,
.cnc-beforeafter-section.beforeafter-layout1 .after-image img{width:100%;height:100%;object-fit:cover;user-select:none;}
.cnc-beforeafter-section.beforeafter-layout1 .before-image,
.cnc-beforeafter-section.beforeafter-layout1 .after-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;}
.cnc-beforeafter-section.beforeafter-layout1 .before-text,.cnc-beforeafter-section.beforeafter-layout1 .after-text{position:absolute;font-size:20px;line-height: 1.2;font-weight:700; text-align: center; color:#3a3a3a;z-index:4;padding:7px 27px; min-width: 120px; background-color:#ffffff9e;border-radius:20px;border:1px solid #000;}
.cnc-beforeafter-section.beforeafter-layout1 .before-text{left:20px;top:20px;z-index:5;}
.cnc-beforeafter-section.beforeafter-layout1 .after-text{right:20px;top:20px;z-index:5;}
.cnc-beforeafter-section.beforeafter-layout1 .after-image{clip-path:inset(0 50% 0 0);}
.cnc-beforeafter-section.beforeafter-layout1 .slider-handle{position:absolute;top:0;left:50%;width:0;height:100%;cursor:pointer;z-index:2;user-select:none;}
 .cnc-beforeafter-section.beforeafter-layout1 .slider-line{position:absolute;top:0;left:50%;width: 0;height:100%;display:flex;justify-content:center;align-items:center;z-index:1;user-select:none; transform: translateX(-50%);background-color: transparent;}
.cnc-beforeafter-section.beforeafter-layout1 .pulse-container{position:relative;display:inline-block;z-index: 5; }
.cnc-beforeafter-section.beforeafter-layout1 .pulse-container :is(img,svg){width:60px;height:60px;display:flex;justify-content:center;align-items:center;background-color:#ffffff;position:relative;z-index:2;border-radius:50%;padding: 5px;cursor: pointer;}
.cnc-beforeafter-section.beforeafter-layout1 .pulse-container::before{content:"";position:absolute;top:50%;left:50%;width:70px;height:70px;border-radius:50%;  z-index: -1; background-color:#fff;transform:translate(-50%,-50%) scale(1);opacity:0;animation:pulse 1.5s infinite;background-color: #fff;}
@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:0.6;}
100%{transform:translate(-50%,-50%) scale(1.8);opacity:0;}
}
@media (max-width:1024px){
    .cnc-beforeafter-section.beforeafter-layout1 .heading :is(h1,h2,h3,h4,h5,h6){font-size:40px;}
    .cnc-beforeafter-section.beforeafter-layout1 .slider-container{height:450px;}
    .cnc-beforeafter-section.beforeafter-layout1 .before-text{left:20px;}
    .cnc-beforeafter-section.beforeafter-layout1 .after-text{right:20px;}
}
@media (max-width:767px){
    .cnc-beforeafter-section.beforeafter-layout1 .heading :is(h1,h2,h3,h4,h5,h6){font-size:30px;}
    .cnc-beforeafter-section.beforeafter-layout1{padding: 50px 0;}
    .cnc-beforeafter-section.beforeafter-layout1 .slider-container{height:300px;}
    .cnc-beforeafter-section.beforeafter-layout1 .before-text,.cnc-beforeafter-section.beforeafter-layout1 .after-text{font-size: 16px;padding: 5px 20px;}
    .cnc-beforeafter-section.beforeafter-layout1 .before-text{left:10px;}
    .cnc-beforeafter-section.beforeafter-layout1 .after-text{right:10px;}
}