.cnc-beforeafter-section.beforeafter-layout7{position:relative;padding:100px 0;overflow:hidden;box-sizing:border-box;user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.cnc-beforeafter-section.beforeafter-layout7 :is(h1,h2,h3,h4,h5,h6,p){margin:0;padding:0;}
.cnc-beforeafter-section.beforeafter-layout7 .container{max-width:1430px;margin:0 auto;padding:0 15px;position:relative;color:#323232;}
.cnc-beforeafter-section.beforeafter-layout7 .row{display:flex;gap:30px;align-items:center;}
.cnc-beforeafter-section.beforeafter-layout7 .left-col,.cnc-beforeafter-section.beforeafter-layout7 .right-col{flex:1;}
.cnc-beforeafter-section.beforeafter-layout7 .left-col{display:flex;justify-content:center;flex-direction:column;}
.cnc-beforeafter-section.beforeafter-layout7 .left-col :is(h1,h2,h3,h4,h5,h6){font-size:48px;font-weight:700;color:#005bc5;margin-bottom:10px;}
.cnc-beforeafter-section.beforeafter-layout7 .left-col p{font-size:20px;font-weight:400;margin-bottom:10px;}
.cnc-beforeafter-section.beforeafter-layout7 .left-col .col-content { max-width: 565px; width: 100%; }
.cnc-beforeafter-section.beforeafter-layout7 .slider-container{width:100%;height:600px;position:relative;overflow:hidden;margin:0 auto;padding:0;max-width:100%;}
.cnc-beforeafter-section.beforeafter-layout7 .before-image img,.after-image img{width:100%;height:100%;object-fit:cover;}
.cnc-beforeafter-section.beforeafter-layout7 .before-image,.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-layout7 .before-text,.after-text{position:absolute;font-size:20px;line-height: 1.2;font-weight:700;color:#3a3a3a;z-index:4;padding:7px 28px;background-color:#ffffff9e;border-radius:20px;border:1px solid #000000;transition:opacity 0.3s ease-in-out;}
.cnc-beforeafter-section.beforeafter-layout7 .before-text{left:20px;top:20px;z-index:5;}
.cnc-beforeafter-section.beforeafter-layout7 .after-text{right:20px;bottom:20px;z-index:3;}
.cnc-beforeafter-section.beforeafter-layout7 .after-image{clip-path:inset(50% 0 0 0);}
.cnc-beforeafter-section.beforeafter-layout7 .slider-handle{position:absolute;top:50%;left:0;width:100%;height:0px;background-color:#fff;cursor:pointer;z-index:2;}
    .cnc-beforeafter-section.beforeafter-layout7 .slider-line{position:absolute;left:0;width:100%;height:0;display:flex;justify-content:center;align-items:center;background-color:transparent;z-index:1;transform: translateY(-50%);background-color: transparent; }
    .cnc-beforeafter-section.beforeafter-layout7 .pulse-container{position:relative;display:inline-block;z-index: 5; }
.cnc-beforeafter-section.beforeafter-layout7 .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-layout7 .pulse-container::before{content:"";position:absolute;top:50%;left:50%;width:70px;height:70px;border-radius:50%;background-color:#ffffff;transform:translate(-50%,-50%) scale(1);opacity:0;animation:pulse 1.5s infinite;}
@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-layout7 .left-col :is(h1,h2,h3,h4,h5,h6){font-size:36px;}
.cnc-beforeafter-section.beforeafter-layout7 .left-col p{font-size:18px;}
.cnc-beforeafter-section.beforeafter-layout7 .slider-container{height:500px;}
}
@media (max-width:767px){
    .cnc-beforeafter-section.beforeafter-layout7 {padding: 50px 0px;}
    .cnc-beforeafter-section.beforeafter-layout7 .row{flex-direction:column;gap:30px;}
    .cnc-beforeafter-section.beforeafter-layout7 .left-col{text-align:center;align-items:center;}
    .cnc-beforeafter-section.beforeafter-layout7 .right-col{width:100%;}
    .cnc-beforeafter-section.beforeafter-layout7 .slider-container{height:350px;min-height:350px;position:relative;}
    .cnc-beforeafter-section.beforeafter-layout7 .before-image,.cnc-beforeafter-section.beforeafter-layout7 .after-image{height:100%;}
    .cnc-beforeafter-section.beforeafter-layout7 .before-image img,.cnc-beforeafter-section.beforeafter-layout7 .after-image img{height:100%;width:100%;object-fit:cover;}
}