#fw-section-custom-html-a691a29b-55c9-4f0a-b744-493705cec8b5 {

.comp-wrapper {
  --imgcompw: 800px;
  --imgcomph: 600px; /* w * 3/4 */
  --imgcompb: 5px;
  --imgcompwb: 810px; /* w + 2b */
  --imgcomphb: 610px; /* h + 2b */

  /* Medium */
  --imgcompwm: 400px;
  --imgcomphm: 300px; /* wm * 3/4 */
  --imgcompwbm: 410px; /* wm + 2b */
  --imgcomphbm: 310px; /* hm + 2b*/

  /* Medium */
  --imgcompws: 300px;
  --imgcomphs: 225px; /* ws * 3/4 */
  --imgcompwbs: 310px; /* ws + 2b */
  --imgcomphbs: 235px; /* hs + 2b*/
}
.comp-wrapper { 
  display: flex; 
  border-radius: 50px; 
  overflow: hidden; 
  width: var(--imgcompwb); 
  height: var(--imgcomphb); 
  border: var(--imgcompb); 
  margin: auto;
  border-color: var(--color-primary); 
  border-style:solid; 
}
.img-wrapper { 
  position: relative; 
  width: var(--imgcompw); 
  height: var(--imgcomph); 
}
.img-comp-container { 
  position: absolute; 
  width: var(--imgcompw); 
  height: var(--imgcomph); 
  overflow:hidden; 
}
.img-inner-rot-container { 
  position: absolute; 
  width: var(--imgcompw); 
  height: var(--imgcomph); 
  overflow:visible; 
}
.img-inner-rot-container img { 
  display:block; 
  width: var(--imgcomph); 
  height: var(--imgcompw); 
  transform-origin: top left; 
  transform: rotate(90deg) translateY(-100%); 
  overflow: visible; 
}
.img-comp-slider { 
  position: absolute; 
  z-index:9; 
  cursor: ew-resize;
  width: 40px; 
  height: 40px; 
  background-color: var(--color-primary); 
  opacity: 1; 
  border-radius: 50%;
}
.img-comp-sliderline { 
  position: absolute; 
  z-index:8;
  width: 2px; 
  height: var(--imgcomph); 
  background-color: var(--color-primary); 
  opacity: 1; 
}

@media (max-width: 1023px) {
  .comp-wrapper {
    width: var(--imgcompwbm);
    height: var(--imgcomphbm);
  }
  .img-wrapper {width: var(--imgcompwm); height: var(--imgcomphm);}
  .img-comp-container {width: var(--imgcompwm); height: var(--imgcomphm);}
  .img-inner-rot-container {width: var(--imgcompwm); height: var(--imgcomphm);}
  .img-inner-rot-container img {width: var(--imgcomphm); height: var(--imgcompwm);}
  .img-comp-sliderline {height: var(--imgcomphm);}
  .img-comp-slider {height: 20px; width: 20px}
}

@media (max-width: 639px) {
  .comp-wrapper {
    width: var(--imgcompwbs);
    height: var(--imgcomphbs);
  }
  .img-wrapper {width: var(--imgcompws); height: var(--imgcomphs);}
  .img-comp-container {width: var(--imgcompws); height: var(--imgcomphs);}
  .img-inner-rot-container {width: var(--imgcompws); height: var(--imgcomphs);}
  .img-inner-rot-container img {width: var(--imgcomphs); height: var(--imgcompws);}
  .img-comp-sliderline {height: var(--imgcomphs);}
}

}

#fw-section-hero-1736268596 {

@media (max-width:639px){
  .hero__socials{
    width:190px;
  }
}
}