.bg1,
.bg2 {
  position: absolute;
  top: 0;
  height: 100%;
  width: 52%;
  object-fit: cover;
}
.bg1 {
  left: 0%;
  clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%);
}
.bg2 {
  right: 0%;
  clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
}


.hamburger_6_wrap {
  --thickness: 2px;
  --gap: 7px;
  --rotate: 45;
  --width: 100%;
}
.w--open .hamburger_6_line {
  transform: scaleX(0);
}
.w--open .hamburger_6_line:first-child {
  transform: translateY(calc(var(--thickness) + var(--gap))) rotate(calc(var(--rotate) * 3 * 1deg));
}
.w--open .hamburger_6_line:last-child {
  transform: translateY(calc(var(--thickness) * -1 + var(--gap) * -1)) rotate(calc(var(--rotate) * 1deg));
}


.hero {
  background-image: url('../images/hero-img1.webp');
}
.hero-big {
  background-image: url('../images/hero-img1.webp');
}



.calc-slider{
    position: relative;
    width: 100%;
    height: 24px;
    cursor: pointer;
}

.calc-line{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:4px;
    transform:translateY(-50%);
}

.calc-handle{
    position:absolute;
    top:50%;
    left:0;
    width:18px;
    height:18px;
    transform:translate(-50%,-50%);
    cursor:pointer;
}