* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:root {
  --base-multiple: 10px;
}

.zoom-on-hover div {
    overflow: hidden;
}

.zoom-on-hover img {
  width: 100%;
  height: 100%;
  transition: all .3s ease;
}

.zoom-on-hover:hover img {
  transform: scale(1.05);
}


html {
  font-size: var(--base-multiple);
}

body {
  font-family: sans-serif;
  color: #333;
  margin: 0;
  padding: 0;
}

ul {
  margin-left: 1.3em;
  list-style-position: outside;
}
ul ul {
  margin-left: 0.5em;
}
ul li {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

a {
  color: inherit;
}

/* Disable format width SVG with link */
.elementor-widget-image a img[src$=".svg"] {
  width: inherit !important;
}

.sxs-focus {
  --pull-x: 52px;
  --pull-y: 34px;
  --sq-scale: 0.6;
  --tighten: 0;
}

.sxs-focus .corner-row .sq { will-change: transform; }

.sxs-focus .corner-row:first-of-type .sq:first-child {
  transform: translate(calc(var(--tighten) * var(--pull-x)),
                       calc(var(--tighten) * var(--pull-y)))
             scale(calc(1 + var(--tighten) * var(--sq-scale)));
}
.sxs-focus .corner-row:first-of-type .sq:last-child {
  transform: translate(calc(var(--tighten) * var(--pull-x) * -1),
                       calc(var(--tighten) * var(--pull-y)))
             scale(calc(1 + var(--tighten) * var(--sq-scale)));
}
.sxs-focus .corner-row:last-of-type .sq:first-child {
  transform: translate(calc(var(--tighten) * var(--pull-x)),
                       calc(var(--tighten) * var(--pull-y) * -1))
             scale(calc(1 + var(--tighten) * var(--sq-scale)));
}
.sxs-focus .corner-row:last-of-type .sq:last-child {
  transform: translate(calc(var(--tighten) * var(--pull-x) * -1),
                       calc(var(--tighten) * var(--pull-y) * -1))
             scale(calc(1 + var(--tighten) * var(--sq-scale)));
}
