.svg-container.svg-color-black svg .stroke-color {
  stroke: #000000;
}

.svg-container.svg-color-black svg .fill-color {
  fill: #000000;
}

.svg-container.svg-color-dark-pink.outline svg .stroke-color {
  stroke: #c0887b;
}

.svg-container.svg-color-dark-pink.fill svg .fill-color {
  stroke: #c0887b;
  fill: #c0887b;
}

.svg-container.svg-color-dark-blue.outline svg .stroke-color {
  stroke: #384d5d;
}

.svg-container.svg-color-dark-blue.fill svg .fill-color {
  stroke: #384d5d;
  fill: #384d5d;
}

.svg-container.svg-color-teal.outline svg .stroke-color {
  stroke: #5cb095;
}

.svg-container.svg-color-teal.fill svg .fill-color {
  stroke: #5cb095;
  fill: #5cb095;
}

.svg-container.svg-color-light-pink.outline svg .stroke-color {
  stroke: #d7bdb8;
}

.svg-container.svg-color-light-pink.fill svg .fill-color {
  stroke: #d7bdb8;
  fill: #d7bdb8;
}

.svg-container.svg-color-light-teal.outline svg .stroke-color {
  stroke: #bedfd5;
}

.svg-container.svg-color-light-teal.fill svg .fill-color {
  stroke: #bedfd5;
  fill: #bedfd5;
}

.svg-container.svg-color-super-dark-blue.outline svg .stroke-color {
  stroke: #2b3a42;
}

.svg-container.svg-color-super-dark-blue.fill svg .fill-color {
  stroke: #2b3a42;
  fill: #2b3a42;
}

.svg-container.svg-color-white.outline svg .stroke-color {
  stroke: #ffffff;
}

.svg-container.svg-color-white.fill svg .fill-color {
  stroke: #ffffff;
  fill: #ffffff;
}

.ipi-anim-container {
  position: relative;
}
.ipi-anim-container img {
  margin-bottom: 0 !important;
}
.ipi-anim-container .ipi-filler-down {
  margin-bottom: 20%;
}
.ipi-anim-container .ipi-filler-down-md {
  margin-bottom: 30%;
}
.ipi-anim-container .ipi-layer {
  position: absolute;
}
.ipi-anim-container .ipi-layer img {
  width: 100% !important;
  height: auto !important;
}
.ipi-anim-container .ipi-main-layer {
  top: 0;
  left: 0;
  width: 100% !important;
  height: auto !important;
  position: absolute !important;
}
.ipi-anim-container .ipi-anim-circle-mask {
  padding: 10%;
}
.ipi-anim-container .ipi-anim-circle-mask img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.ipi-anim-container .ipi-layer-xs {
  width: 33% !important;
  height: auto !important;
  position: absolute;
}
.ipi-anim-container .ipi-layer-small,
.ipi-anim-container .ipi-layer-sm {
  width: 50% !important;
  height: auto !important;
  position: absolute;
}
.ipi-anim-container .ipi-layer-md {
  width: 66% !important;
  height: auto !important;
  position: absolute;
}
.ipi-anim-container .ipi-circle-layer-xxxs {
  width: 4% !important;
  height: 4% !important;
  position: absolute;
}
.ipi-anim-container .ipi-circle-layer-xxxs .stroke-color {
  stroke-width: 4px;
}
.ipi-anim-container .ipi-circle-layer-xxs {
  width: 6% !important;
  height: 6% !important;
  position: absolute;
}
.ipi-anim-container .ipi-circle-layer-xxs .stroke-color {
  stroke-width: 8px;
}
.ipi-anim-container .ipi-circle-layer-xs {
  width: 10% !important;
  height: 10% !important;
  position: absolute;
}
.ipi-anim-container .ipi-circle-layer-xs .stroke-color {
  stroke-width: 8px;
}
.ipi-anim-container .ipi-circle-layer-sm {
  width: 15% !important;
  height: 15% !important;
  position: absolute;
}
.ipi-anim-container .ipi-circle-layer-sm .stroke-color {
  stroke-width: 6px;
}
.ipi-anim-container .ipi-circle-layer-md {
  width: 20% !important;
  height: 20% !important;
  position: absolute;
}
.ipi-anim-container .ipi-circle-layer-md .stroke-color {
  stroke-width: 4px;
}
.ipi-anim-container .ipi-circle-layer-lg {
  width: 25% !important;
  height: 25% !important;
  position: absolute;
}
.ipi-anim-container .ipi-circle-layer-lg .stroke-color {
  stroke-width: 4px;
}
.ipi-anim-container .top-left {
  top: 0;
  left: 0;
}
.ipi-anim-container .top-right {
  top: 0;
  right: 0;
}
.ipi-anim-container .bottom-left {
  bottom: 0;
  left: 0;
}
.ipi-anim-container .bottom-left-down {
  bottom: -20%;
  left: 0;
}
.ipi-anim-container .ipi-layer-md.bottom-left-down {
  bottom: -30%;
  left: 0;
}
.ipi-anim-container .bottom-right {
  bottom: 0;
  right: 0;
}
.ipi-anim-container .bottom-right-down {
  bottom: -20%;
  right: 0;
}
.ipi-anim-container .ipi-layer-md.bottom-right-down {
  bottom: -30%;
  right: 0;
}
.ipi-anim-container img.ipi-anim-circle-mask {
  border-radius: 50%;
}
.ipi-anim-container .svg-container {
  opacity: 0;
}
.ipi-anim-container .svg-container svg {
  width: 100% !important;
  height: auto !important;
}
.ipi-anim-container .filler-image {
  width: 100% !important;
  height: auto !important;
}

@media only screen and (min-width: 1000px) {
  .mask-animation {
    overflow: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  .mask-animation img {
    display: block;
  }
  .mask-animation.fade-in {
    opacity: 0;
    -webkit-transition: opacity 1s ease 0s;
    transition: opacity 1s ease 0s;
  }
  .active.mask-animation.fade-in {
    opacity: 1;
  }
  .mask-animation.wipe-in-up {
    clip-path: inset(100% 0 0 0);
  }
  @-webkit-keyframes wipe-in-up {
    0% {
      clip-path: inset(100% 0 0 0);
    }
    100% {
      clip-path: inset(0);
    }
  }
  @keyframes wipe-in-up {
    0% {
      clip-path: inset(100% 0 0 0);
    }
    100% {
      clip-path: inset(0);
    }
  }
  .mask-animation.wipe-in-up.active,
  .active .mask-animation.wipe-in-up {
    -webkit-animation: wipe-in-up 1s ease 0s forwards;
            animation: wipe-in-up 1s ease 0s forwards;
  }
  .mask-animation.wipe-out-up {
    clip-path: inset(0);
  }
  @-webkit-keyframes wipe-out-up {
    0% {
      clip-path: inset(0);
    }
    100% {
      clip-path: inset(100% 0 0 0);
    }
  }
  @keyframes wipe-out-up {
    0% {
      clip-path: inset(0);
    }
    100% {
      clip-path: inset(100% 0 0 0);
    }
  }
  .mask-animation.wipe-out-up.active,
  .active .mask-animation.wipe-out-up {
    -webkit-animation: wipe-out-up 1s ease 0s forwards;
            animation: wipe-out-up 1s ease 0s forwards;
  }
  .mask-animation.wipe-in-right {
    clip-path: inset(0 100% 0 0);
  }
  @-webkit-keyframes wipe-in-right {
    0% {
      clip-path: inset(0 100% 0 0);
    }
    100% {
      clip-path: inset(0);
    }
  }
  @keyframes wipe-in-right {
    0% {
      clip-path: inset(0 100% 0 0);
    }
    100% {
      clip-path: inset(0);
    }
  }
  .mask-animation.wipe-in-right.active,
  .active .mask-animation.wipe-in-right {
    -webkit-animation: wipe-in-right 1s ease 0s forwards;
            animation: wipe-in-right 1s ease 0s forwards;
  }
  .mask-animation.wipe-out-right {
    clip-path: inset(0);
  }
  @-webkit-keyframes wipe-out-right {
    0% {
      clip-path: inset(0);
    }
    100% {
      clip-path: inset(0 100% 0 0);
    }
  }
  @keyframes wipe-out-right {
    0% {
      clip-path: inset(0);
    }
    100% {
      clip-path: inset(0 100% 0 0);
    }
  }
  .mask-animation.wipe-out-right.active,
  .active .mask-animation.wipe-out-right {
    -webkit-animation: wipe-out-right 1s ease 0s forwards;
            animation: wipe-out-right 1s ease 0s forwards;
  }
  .mask-animation.wipe-in-down {
    clip-path: inset(0 0 100% 0);
  }
  @-webkit-keyframes wipe-in-down {
    0% {
      clip-path: inset(0 0 100% 0);
    }
    100% {
      clip-path: inset(0);
    }
  }
  @keyframes wipe-in-down {
    0% {
      clip-path: inset(0 0 100% 0);
    }
    100% {
      clip-path: inset(0);
    }
  }
  .mask-animation.wipe-in-down.active,
  .active .mask-animation.wipe-in-down {
    -webkit-animation: wipe-in-down 1s ease 0s forwards;
            animation: wipe-in-down 1s ease 0s forwards;
  }
  .mask-animation.wipe-out-down {
    clip-path: inset(0);
  }
  @-webkit-keyframes wipe-out-down {
    0% {
      clip-path: inset(0);
    }
    100% {
      clip-path: inset(0 0 100% 0);
    }
  }
  @keyframes wipe-out-down {
    0% {
      clip-path: inset(0);
    }
    100% {
      clip-path: inset(0 0 100% 0);
    }
  }
  .mask-animation.wipe-out-down.active,
  .active .mask-animation.wipe-out-down {
    -webkit-animation: wipe-out-down 1s ease 0s forwards;
            animation: wipe-out-down 1s ease 0s forwards;
  }
  .mask-animation.wipe-in-left {
    clip-path: inset(0 0 0 100%);
  }
  @-webkit-keyframes wipe-in-left {
    0% {
      clip-path: inset(0 0 0 100%);
    }
    100% {
      clip-path: inset(0);
    }
  }
  @keyframes wipe-in-left {
    0% {
      clip-path: inset(0 0 0 100%);
    }
    100% {
      clip-path: inset(0);
    }
  }
  .mask-animation.wipe-in-left.active,
  .active .mask-animation.wipe-in-left {
    -webkit-animation: wipe-in-left 1s ease 0s forwards;
            animation: wipe-in-left 1s ease 0s forwards;
  }
  .mask-animation.wipe-out-left {
    clip-path: inset(0);
  }
  @-webkit-keyframes wipe-out-left {
    0% {
      clip-path: inset(0);
    }
    100% {
      clip-path: inset(0 0 0 100%);
    }
  }
  @keyframes wipe-out-left {
    0% {
      clip-path: inset(0);
    }
    100% {
      clip-path: inset(0 0 0 100%);
    }
  }
  .mask-animation.wipe-out-left.active,
  .active .mask-animation.wipe-out-left {
    -webkit-animation: wipe-out-left 1s ease 0s forwards;
            animation: wipe-out-left 1s ease 0s forwards;
  }
  .mask-animation.ken-burns img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    min-width: 100%;
  }
  @-webkit-keyframes ken {
    0% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes ken {
    0% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  .active .mask-animation.ken-burns img,
  .active.mask-animation.ken-burns img {
    -webkit-animation: ken 2s ease forwards;
            animation: ken 2s ease forwards;
  }
  .mask-animation.ben-kurns img {
    -webkit-transform: scale(1);
            transform: scale(1);
    min-width: 100%;
  }
  @-webkit-keyframes ben {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    100% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
  }
  @keyframes ben {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    100% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
  }
  .active .mask-animation.ben-kurns img,
  .active.mask-animation.ben-kurns img {
    -webkit-animation: ben 2s ease forwards;
            animation: ben 2s ease forwards;
  }
}