.elementor-1430 .elementor-element.elementor-element-3ded876{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1430 .elementor-element.elementor-element-68d203a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--flex-wrap:wrap;}.elementor-1430 .elementor-element.elementor-element-273c246{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:5px 5px 5px 5px;--padding-top:41px;--padding-bottom:41px;--padding-left:37px;--padding-right:37px;}.elementor-1430 .elementor-element.elementor-element-273c246.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1430 .elementor-element.elementor-element-70d4d47 .elementor-heading-title{font-size:var( --e-global-typography-ed504ae-font-size );line-height:var( --e-global-typography-ed504ae-line-height );letter-spacing:var( --e-global-typography-ed504ae-letter-spacing );}.elementor-1430 .elementor-element.elementor-element-d206b30{width:var( --container-widget-width, 83.967% );max-width:83.967%;--container-widget-width:83.967%;--container-widget-flex-grow:0;}.elementor-1430 .elementor-element.elementor-element-d206b30.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1430 .elementor-element.elementor-element-d206b30 .elementor-heading-title{font-size:var( --e-global-typography-145fd64-font-size );font-weight:var( --e-global-typography-145fd64-font-weight );}.elementor-1430 .elementor-element.elementor-element-dc7b56f > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-1430 .elementor-element.elementor-element-e5e97fd > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-1430 .elementor-element.elementor-element-3fcefac{width:var( --container-widget-width, 47% );max-width:47%;--container-widget-width:47%;--container-widget-flex-grow:0;}.elementor-1430 .elementor-element.elementor-element-97d4391{--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;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--flex-wrap:wrap;}.elementor-1430 .elementor-element.elementor-element-e0db932{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-1430 .elementor-element.elementor-element-4193e30{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-1430 .elementor-element.elementor-element-ea751e4{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-1430 .elementor-element.elementor-element-a5449a2{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-1430 .elementor-element.elementor-element-0c8a8e8{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-1430 .elementor-element.elementor-element-dfc2ae7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-1430 .elementor-element.elementor-element-273c246{--width:47%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1430 .elementor-element.elementor-element-273c246{--width:100%;}}@media(max-width:1024px){.elementor-1430 .elementor-element.elementor-element-68d203a{--justify-content:space-between;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-1430 .elementor-element.elementor-element-273c246.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1430 .elementor-element.elementor-element-70d4d47 .elementor-heading-title{font-size:var( --e-global-typography-ed504ae-font-size );line-height:var( --e-global-typography-ed504ae-line-height );letter-spacing:var( --e-global-typography-ed504ae-letter-spacing );}.elementor-1430 .elementor-element.elementor-element-d206b30 .elementor-heading-title{font-size:var( --e-global-typography-145fd64-font-size );}.elementor-1430 .elementor-element.elementor-element-3fcefac{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1430 .elementor-element.elementor-element-3fcefac.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1430 .elementor-element.elementor-element-97d4391{--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:space-between;}.elementor-1430 .elementor-element.elementor-element-e0db932{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-1430 .elementor-element.elementor-element-4193e30{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-1430 .elementor-element.elementor-element-ea751e4{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-1430 .elementor-element.elementor-element-a5449a2{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-1430 .elementor-element.elementor-element-0c8a8e8{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}}@media(max-width:767px){.elementor-1430 .elementor-element.elementor-element-273c246{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:32px;--padding-bottom:32px;--padding-left:23px;--padding-right:23px;}.elementor-1430 .elementor-element.elementor-element-70d4d47 .elementor-heading-title{font-size:var( --e-global-typography-ed504ae-font-size );line-height:var( --e-global-typography-ed504ae-line-height );letter-spacing:var( --e-global-typography-ed504ae-letter-spacing );}.elementor-1430 .elementor-element.elementor-element-d206b30{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1430 .elementor-element.elementor-element-d206b30 .elementor-heading-title{font-size:var( --e-global-typography-145fd64-font-size );}.elementor-1430 .elementor-element.elementor-element-dc7b56f > .elementor-widget-container{margin:030px 0px 0px 0px;}.elementor-1430 .elementor-element.elementor-element-e0db932{width:100%;max-width:100%;}.elementor-1430 .elementor-element.elementor-element-4193e30{width:100%;max-width:100%;}.elementor-1430 .elementor-element.elementor-element-ea751e4{width:100%;max-width:100%;}.elementor-1430 .elementor-element.elementor-element-a5449a2{width:100%;max-width:100%;}.elementor-1430 .elementor-element.elementor-element-0c8a8e8{width:100%;max-width:100%;}}/* Start custom CSS for heading, class: .elementor-element-d206b30 */.sub {
    position: relative;
    bottom: -5px;
    font-size: 75%;
}

@media (max-width:767px) {
.sub {
    position: relative;
    bottom: 5px;
    font-size: 75%;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fcefac *//*labels*/
 .comparison-label {
    position: absolute;
    background: hsla(0, 0%, 100%, .75);
    border-radius: 2px;
    line-height: 1;
    padding: 8px;
    position: absolute;
    top: 24px;
  }
  
.before-label {
    top: 24px;
    left: 24px;
  }
  
.after-label {
    top: 24px;
    right: 24px;
  }

/*with of box*/
.img-comparison-container {
    position: relative;
    display: inline-block;
    width: 100% ;
  }
  
  
@media (max-width:1024px) {
   .elementor-1430 .elementor-element.elementor-element-3fcefac .img-comparison-container {
    width: 95vw ;
  }
}
  
.elementor-1430 .elementor-element.elementor-element-3fcefac .img-comparison-container {
    height: 370px;
}
  
.img-comparison-container img {
    height: 100%;
    width: 100% ;
    object-fit: cover;
}

/*styles of divider and border*/

img-comparison-slider {
    --divider-width: 0px !important; 
    --divider-shadow: none !important;
  outline: none !important;
  box-shadow: none !important;
  }

/*styles handle*/

.custom-handle {
  outline: none;
  box-shadow: none;
  transition: opacity 0.3s ease; /* Плавная анимация */
}


.custom-handle circle {
  opacity: 0.7 !important;
}


img-comparison-slider:active .custom-handle circle,
img-comparison-slider[active] .custom-handle circle {
  opacity: 1 !important; 
}


.custom-handle path {
  opacity: 1 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97d4391 */.elementor-1430 .elementor-element.elementor-element-97d4391 .img-comparison-container {
    height: 234px;
}


@media (max-width:1024px) {
    .elementor-1430 .elementor-element.elementor-element-97d4391 .img-comparison-container {
    width: 40vw;
}
}


@media (max-width:768px) {
    .elementor-1430 .elementor-element.elementor-element-97d4391 .img-comparison-container {
    min-width: 95vw !important;
}
}/* End custom CSS */