.specialbox {
  width: var(--baseWidth);
  max-width: var(--maxWidthBig);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 90px;
}
@media all and (max-width: 960px) {
  .specialbox {
    padding: 0;
  }
}
.specialbox > svg {
  position: absolute;
  width: 100px;
  height: 100px;
  object-fit: contain;
}
@media all and (max-width: 960px) {
  .specialbox > svg {
    display: none;
  }
}
.specialbox > svg:first-child {
  right: 0;
  top: 0;
}
.specialbox > svg:last-child {
  left: 0;
  bottom: 0;
}
.specialbox .image {
  position: absolute;
  top: 50%;
  left: clamp(6.6666666667rem, 5.9159159159rem + 4.222972973vw, 9.4444444444rem);
  transform: translateY(-50%);
  width: 24%;
}
@media all and (max-width: 960px) {
  .specialbox .image {
    position: relative;
    left: auto;
    width: 100%;
    top: auto;
    transform: none;
  }
}
.specialbox .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media all and (max-width: 960px) {
  .specialbox .image img {
    max-height: 900px;
    margin-bottom: 10px;
  }
}
.specialbox .content {
  margin: auto;
  padding: 30px clamp(1.6666666667rem, 0.9159159159rem + 4.222972973vw, 4.4444444444rem) 30px 42%;
  background: var(--lightGray);
  border-radius: 6px;
}
@media all and (max-width: 960px) {
  .specialbox .content {
    padding: 30px;
  }
}