.background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
}
.background img {
  width: 100%;
  width: -webkit-fill-available;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.bg-white {
  background-color: #fff;
}
.bg-black {
  background-color: #000;
}
.bg-white {
  background-color: #fff;
}
.bg-black {
  background-color: #000;
}
.bg-gray-1 {
  background-color: var(--color-gray-shade-1);
}
.bg-gray-2 {
  background-color: var(--color-gray-shade-4);
}
.bg-gray-3 {
  background-color: var(--color-gray-shade-7);
}
.bg-gray-4 {
  background-color: var(--color-gray-shade-10);
}
.bg-gray-5 {
  background-color: var(--color-gray-shade-13);
}
.bg-gray-6 {
  background-color: var(--color-gray-shade-14);
}
.bg-gray-7 {
  background-color: var(--color-gray-shade-15);
}
.bg-blue-1 {
  background-color: var(--color-blue-shade-1);
}
.bg-blue-2 {
  background-color: var(--color-blue-shade-2);
}
.bg-blue-3 {
  background-color: var(--color-blue-shade-3);
}
.bg-blue-4 {
  background-color: var(--color-blue-shade-4);
}
.bg-blue-5 {
  background-color: var(--color-blue-shade-5);
}
.bg-blue-6 {
  background-color: var(--color-blue-shade-6);
}
.bg-blue-7 {
  background-color: var(--color-blue-shade-7);
}
.bg-blue-8 {
  background-color: var(--color-blue-shade-8);
}
.bg-blue-9 {
  background-color: var(--color-blue-shade-9);
}
.bg-blue-gradient {
  background: var(--color-blue-shade-3);
  background-color: var(--color-blue-shade-3);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(var(--color-blue-shade-3)),
    to(var(--color-blue-shade-6))
  );
  background-image: -o-linear-gradient(
    left,
    var(--color-blue-shade-3) 0%,
    var(--color-blue-shade-6) 100%
  );
  background-image: linear-gradient(
    to right,
    var(--color-blue-shade-3) 0%,
    var(--color-blue-shade-6) 100%
  );
}
.bg-blue-gradient::before {
  display: none !important;
}
.bg-blue-gradient-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background: linear-gradient(135deg, var(--color-blue-shade-4) 0%, transparent 100%);*/
  background-image: -o-linear-gradient(
    315deg,
    var(--color-blue-shade-4) 0%,
    transparent 100%
  );
  background-image: linear-gradient(
    135deg,
    var(--color-blue-shade-4) 0%,
    transparent 100%
  );
  z-index: 0;
  -webkit-filter: contrast(1.1);
  filter: contrast(1.1);
}
@media (max-width: 575px) {
  .bg-xs-white {
    background-color: #fff;
  }
  .bg-xs-black {
    background-color: #000;
  }
  .bg-xs-white {
    background-color: #fff;
  }
  .bg-xs-black {
    background-color: #000;
  }
  .bg-xs-gray-1 {
    background-color: var(--color-gray-shade-1);
  }
  .bg-xs-gray-2 {
    background-color: var(--color-gray-shade-4);
  }
  .bg-xs-gray-3 {
    background-color: var(--color-gray-shade-7);
  }
  .bg-xs-gray-4 {
    background-color: var(--color-gray-shade-10);
  }
  .bg-xs-gray-5 {
    background-color: var(--color-gray-shade-13);
  }
  .bg-xs-gray-6 {
    background-color: var(--color-gray-shade-14);
  }
  .bg-xs-gray-7 {
    background-color: var(--color-gray-shade-15);
  }
  .bg-xs-blue-1 {
    background-color: var(--color-blue-shade-1);
  }
  .bg-xs-blue-2 {
    background-color: var(--color-blue-shade-2);
  }
  .bg-xs-blue-3 {
    background-color: var(--color-blue-shade-3);
  }
  .bg-xs-blue-4 {
    background-color: var(--color-blue-shade-4);
  }
  .bg-xs-blue-5 {
    background-color: var(--color-blue-shade-5);
  }
  .bg-xs-blue-6 {
    background-color: var(--color-blue-shade-6);
  }
  .bg-xs-blue-7 {
    background-color: var(--color-blue-shade-7);
  }
  .bg-xs-blue-8 {
    background-color: var(--color-blue-shade-8);
  }
  .bg-xs-blue-9 {
    background-color: var(--color-blue-shade-9);
  }
  .bg-xs-blue-gradient {
    background: var(--color-blue-shade-3);
    background-color: var(--color-blue-shade-3);
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      from(var(--color-blue-shade-3)),
      to(var(--color-blue-shade-6))
    );
    background-image: -o-linear-gradient(
      left,
      var(--color-blue-shade-3) 0%,
      var(--color-blue-shade-6) 100%
    );
    background-image: linear-gradient(
      to right,
      var(--color-blue-shade-3) 0%,
      var(--color-blue-shade-6) 100%
    );
  }
  .bg-xs-blue-gradient::before {
    display: none !important;
  }
  .bg-xs-blue-gradient-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: linear-gradient(135deg, var(--color-blue-shade-4) 0%, transparent 100%);*/
    background-image: -o-linear-gradient(
      315deg,
      var(--color-blue-shade-4) 0%,
      transparent 100%
    );
    background-image: linear-gradient(
      135deg,
      var(--color-blue-shade-4) 0%,
      transparent 100%
    );
    z-index: 0;
    -webkit-filter: contrast(1.1);
    filter: contrast(1.1);
  }
}
@media (min-width: 576px) {
  .bg-sm-white {
    background-color: #fff;
  }
  .bg-sm-black {
    background-color: #000;
  }
  .bg-sm-white {
    background-color: #fff;
  }
  .bg-sm-black {
    background-color: #000;
  }
  .bg-sm-gray-1 {
    background-color: var(--color-gray-shade-1);
  }
  .bg-sm-gray-2 {
    background-color: var(--color-gray-shade-4);
  }
  .bg-sm-gray-3 {
    background-color: var(--color-gray-shade-7);
  }
  .bg-sm-gray-4 {
    background-color: var(--color-gray-shade-10);
  }
  .bg-sm-gray-5 {
    background-color: var(--color-gray-shade-13);
  }
  .bg-sm-gray-6 {
    background-color: var(--color-gray-shade-14);
  }
  .bg-sm-gray-7 {
    background-color: var(--color-gray-shade-15);
  }
  .bg-sm-blue-1 {
    background-color: var(--color-blue-shade-1);
  }
  .bg-sm-blue-2 {
    background-color: var(--color-blue-shade-2);
  }
  .bg-sm-blue-3 {
    background-color: var(--color-blue-shade-3);
  }
  .bg-sm-blue-4 {
    background-color: var(--color-blue-shade-4);
  }
  .bg-sm-blue-5 {
    background-color: var(--color-blue-shade-5);
  }
  .bg-sm-blue-6 {
    background-color: var(--color-blue-shade-6);
  }
  .bg-sm-blue-7 {
    background-color: var(--color-blue-shade-7);
  }
  .bg-sm-blue-8 {
    background-color: var(--color-blue-shade-8);
  }
  .bg-sm-blue-9 {
    background-color: var(--color-blue-shade-9);
  }
  .bg-sm-blue-gradient {
    background: var(--color-blue-shade-3);
    background-color: var(--color-blue-shade-3);
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      from(var(--color-blue-shade-3)),
      to(var(--color-blue-shade-6))
    );
    background-image: -o-linear-gradient(
      left,
      var(--color-blue-shade-3) 0%,
      var(--color-blue-shade-6) 100%
    );
    background-image: linear-gradient(
      to right,
      var(--color-blue-shade-3) 0%,
      var(--color-blue-shade-6) 100%
    );
  }
  .bg-sm-blue-gradient::before {
    display: none !important;
  }
  .bg-sm-blue-gradient-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: linear-gradient(135deg, var(--color-blue-shade-4) 0%, transparent 100%);*/
    background-image: -o-linear-gradient(
      315deg,
      var(--color-blue-shade-4) 0%,
      transparent 100%
    );
    background-image: linear-gradient(
      135deg,
      var(--color-blue-shade-4) 0%,
      transparent 100%
    );
    z-index: 0;
    -webkit-filter: contrast(1.1);
    filter: contrast(1.1);
  }
}
@media (min-width: 768px) {
  .bg-md-white {
    background-color: #fff;
  }
  .bg-md-black {
    background-color: #000;
  }
  .bg-md-white {
    background-color: #fff;
  }
  .bg-md-black {
    background-color: #000;
  }
  .bg-md-gray-1 {
    background-color: var(--color-gray-shade-1);
  }
  .bg-md-gray-2 {
    background-color: var(--color-gray-shade-4);
  }
  .bg-md-gray-3 {
    background-color: var(--color-gray-shade-7);
  }
  .bg-md-gray-4 {
    background-color: var(--color-gray-shade-10);
  }
  .bg-md-gray-5 {
    background-color: var(--color-gray-shade-13);
  }
  .bg-md-gray-6 {
    background-color: var(--color-gray-shade-14);
  }
  .bg-md-gray-7 {
    background-color: var(--color-gray-shade-15);
  }
  .bg-md-blue-1 {
    background-color: var(--color-blue-shade-1);
  }
  .bg-md-blue-2 {
    background-color: var(--color-blue-shade-2);
  }
  .bg-md-blue-3 {
    background-color: var(--color-blue-shade-3);
  }
  .bg-md-blue-4 {
    background-color: var(--color-blue-shade-4);
  }
  .bg-md-blue-5 {
    background-color: var(--color-blue-shade-5);
  }
  .bg-md-blue-6 {
    background-color: var(--color-blue-shade-6);
  }
  .bg-md-blue-7 {
    background-color: var(--color-blue-shade-7);
  }
  .bg-md-blue-8 {
    background-color: var(--color-blue-shade-8);
  }
  .bg-md-blue-9 {
    background-color: var(--color-blue-shade-9);
  }
  .bg-md-blue-gradient {
    background: var(--color-blue-shade-3);
    background-color: var(--color-blue-shade-3);
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      from(var(--color-blue-shade-3)),
      to(var(--color-blue-shade-6))
    );
    background-image: -o-linear-gradient(
      left,
      var(--color-blue-shade-3) 0%,
      var(--color-blue-shade-6) 100%
    );
    background-image: linear-gradient(
      to right,
      var(--color-blue-shade-3) 0%,
      var(--color-blue-shade-6) 100%
    );
  }
  .bg-md-blue-gradient::before {
    display: none !important;
  }
  .bg-md-blue-gradient-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: linear-gradient(135deg, var(--color-blue-shade-4) 0%, transparent 100%);*/
    background-image: -o-linear-gradient(
      315deg,
      var(--color-blue-shade-4) 0%,
      transparent 100%
    );
    background-image: linear-gradient(
      135deg,
      var(--color-blue-shade-4) 0%,
      transparent 100%
    );
    z-index: 0;
    -webkit-filter: contrast(1.1);
    filter: contrast(1.1);
  }
}
@media (min-width: 992px) {
  .bg-lg-white {
    background-color: #fff;
  }
  .bg-lg-black {
    background-color: #000;
  }
  .bg-lg-white {
    background-color: #fff;
  }
  .bg-lg-black {
    background-color: #000;
  }
  .bg-lg-gray-1 {
    background-color: var(--color-gray-shade-1);
  }
  .bg-lg-gray-2 {
    background-color: var(--color-gray-shade-4);
  }
  .bg-lg-gray-3 {
    background-color: var(--color-gray-shade-7);
  }
  .bg-lg-gray-4 {
    background-color: var(--color-gray-shade-10);
  }
  .bg-lg-gray-5 {
    background-color: var(--color-gray-shade-13);
  }
  .bg-lg-gray-6 {
    background-color: var(--color-gray-shade-14);
  }
  .bg-lg-gray-7 {
    background-color: var(--color-gray-shade-15);
  }
  .bg-lg-blue-1 {
    background-color: var(--color-blue-shade-1);
  }
  .bg-lg-blue-2 {
    background-color: var(--color-blue-shade-2);
  }
  .bg-lg-blue-3 {
    background-color: var(--color-blue-shade-3);
  }
  .bg-lg-blue-4 {
    background-color: var(--color-blue-shade-4);
  }
  .bg-lg-blue-5 {
    background-color: var(--color-blue-shade-5);
  }
  .bg-lg-blue-6 {
    background-color: var(--color-blue-shade-6);
  }
  .bg-lg-blue-7 {
    background-color: var(--color-blue-shade-7);
  }
  .bg-lg-blue-8 {
    background-color: var(--color-blue-shade-8);
  }
  .bg-lg-blue-9 {
    background-color: var(--color-blue-shade-9);
  }
  .bg-lg-blue-gradient {
    background: var(--color-blue-shade-3);
    background-color: var(--color-blue-shade-3);
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      from(var(--color-blue-shade-3)),
      to(var(--color-blue-shade-6))
    );
    background-image: -o-linear-gradient(
      left,
      var(--color-blue-shade-3) 0%,
      var(--color-blue-shade-6) 100%
    );
    background-image: linear-gradient(
      to right,
      var(--color-blue-shade-3) 0%,
      var(--color-blue-shade-6) 100%
    );
  }
  .bg-lg-blue-gradient::before {
    display: none !important;
  }
  .bg-lg-blue-gradient-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: linear-gradient(135deg, var(--color-blue-shade-4) 0%, transparent 100%);*/
    background-image: -o-linear-gradient(
      315deg,
      var(--color-blue-shade-4) 0%,
      transparent 100%
    );
    background-image: linear-gradient(
      135deg,
      var(--color-blue-shade-4) 0%,
      transparent 100%
    );
    z-index: 0;
    -webkit-filter: contrast(1.1);
    filter: contrast(1.1);
  }
}
@media (min-width: 1200px) {
  .bg-xl-white {
    background-color: #fff;
  }
  .bg-xl-black {
    background-color: #000;
  }
  .bg-xl-white {
    background-color: #fff;
  }
  .bg-xl-black {
    background-color: #000;
  }
  .bg-xl-gray-1 {
    background-color: var(--color-gray-shade-1);
  }
  .bg-xl-gray-2 {
    background-color: var(--color-gray-shade-4);
  }
  .bg-xl-gray-3 {
    background-color: var(--color-gray-shade-7);
  }
  .bg-xl-gray-4 {
    background-color: var(--color-gray-shade-10);
  }
  .bg-xl-gray-5 {
    background-color: var(--color-gray-shade-13);
  }
  .bg-xl-gray-6 {
    background-color: var(--color-gray-shade-14);
  }
  .bg-xl-gray-7 {
    background-color: var(--color-gray-shade-15);
  }
  .bg-xl-blue-1 {
    background-color: var(--color-blue-shade-1);
  }
  .bg-xl-blue-2 {
    background-color: var(--color-blue-shade-2);
  }
  .bg-xl-blue-3 {
    background-color: var(--color-blue-shade-3);
  }
  .bg-xl-blue-4 {
    background-color: var(--color-blue-shade-4);
  }
  .bg-xl-blue-5 {
    background-color: var(--color-blue-shade-5);
  }
  .bg-xl-blue-6 {
    background-color: var(--color-blue-shade-6);
  }
  .bg-xl-blue-7 {
    background-color: var(--color-blue-shade-7);
  }
  .bg-xl-blue-8 {
    background-color: var(--color-blue-shade-8);
  }
  .bg-xl-blue-9 {
    background-color: var(--color-blue-shade-9);
  }
  .bg-xl-blue-gradient {
    background: var(--color-blue-shade-3);
    background-color: var(--color-blue-shade-3);
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      from(var(--color-blue-shade-3)),
      to(var(--color-blue-shade-6))
    );
    background-image: -o-linear-gradient(
      left,
      var(--color-blue-shade-3) 0%,
      var(--color-blue-shade-6) 100%
    );
    background-image: linear-gradient(
      to right,
      var(--color-blue-shade-3) 0%,
      var(--color-blue-shade-6) 100%
    );
  }
  .bg-xl-blue-gradient::before {
    display: none !important;
  }
  .bg-xl-blue-gradient-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: linear-gradient(135deg, var(--color-blue-shade-4) 0%, transparent 100%);*/
    background-image: -o-linear-gradient(
      315deg,
      var(--color-blue-shade-4) 0%,
      transparent 100%
    );
    background-image: linear-gradient(
      135deg,
      var(--color-blue-shade-4) 0%,
      transparent 100%
    );
    z-index: 0;
    -webkit-filter: contrast(1.1);
    filter: contrast(1.1);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-white {
    background-color: #fff;
  }
  .bg-xxl-black {
    background-color: #000;
  }
  .bg-xxl-white {
    background-color: #fff;
  }
  .bg-xxl-black {
    background-color: #000;
  }
  .bg-xxl-gray-1 {
    background-color: var(--color-gray-shade-1);
  }
  .bg-xxl-gray-2 {
    background-color: var(--color-gray-shade-4);
  }
  .bg-xxl-gray-3 {
    background-color: var(--color-gray-shade-7);
  }
  .bg-xxl-gray-4 {
    background-color: var(--color-gray-shade-10);
  }
  .bg-xxl-gray-5 {
    background-color: var(--color-gray-shade-13);
  }
  .bg-xxl-gray-6 {
    background-color: var(--color-gray-shade-14);
  }
  .bg-xxl-gray-7 {
    background-color: var(--color-gray-shade-15);
  }
  .bg-xxl-blue-1 {
    background-color: var(--color-blue-shade-1);
  }
  .bg-xxl-blue-2 {
    background-color: var(--color-blue-shade-2);
  }
  .bg-xxl-blue-3 {
    background-color: var(--color-blue-shade-3);
  }
  .bg-xxl-blue-4 {
    background-color: var(--color-blue-shade-4);
  }
  .bg-xxl-blue-5 {
    background-color: var(--color-blue-shade-5);
  }
  .bg-xxl-blue-6 {
    background-color: var(--color-blue-shade-6);
  }
  .bg-xxl-blue-7 {
    background-color: var(--color-blue-shade-7);
  }
  .bg-xxl-blue-8 {
    background-color: var(--color-blue-shade-8);
  }
  .bg-xxl-blue-9 {
    background-color: var(--color-blue-shade-9);
  }
  .bg-xxl-blue-gradient {
    background: var(--color-blue-shade-3);
    background-color: var(--color-blue-shade-3);
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      from(var(--color-blue-shade-3)),
      to(var(--color-blue-shade-6))
    );
    background-image: -o-linear-gradient(
      left,
      var(--color-blue-shade-3) 0%,
      var(--color-blue-shade-6) 100%
    );
    background-image: linear-gradient(
      to right,
      var(--color-blue-shade-3) 0%,
      var(--color-blue-shade-6) 100%
    );
  }
  .bg-xxl-blue-gradient::before {
    display: none !important;
  }
  .bg-xxl-blue-gradient-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: linear-gradient(135deg, var(--color-blue-shade-4) 0%, transparent 100%);*/
    background-image: -o-linear-gradient(
      315deg,
      var(--color-blue-shade-4) 0%,
      transparent 100%
    );
    background-image: linear-gradient(
      135deg,
      var(--color-blue-shade-4) 0%,
      transparent 100%
    );
    z-index: 0;
    -webkit-filter: contrast(1.1);
    filter: contrast(1.1);
  }
}
@media (min-width: 1920px) {
  .bg-xxxl-white {
    background-color: #fff;
  }
  .bg-xxxl-black {
    background-color: #000;
  }
  .bg-xxxl-white {
    background-color: #fff;
  }
  .bg-xxxl-black {
    background-color: #000;
  }
  .bg-xxxl-gray-1 {
    background-color: var(--color-gray-shade-1);
  }
  .bg-xxxl-gray-2 {
    background-color: var(--color-gray-shade-4);
  }
  .bg-xxxl-gray-3 {
    background-color: var(--color-gray-shade-7);
  }
  .bg-xxxl-gray-4 {
    background-color: var(--color-gray-shade-10);
  }
  .bg-xxxl-gray-5 {
    background-color: var(--color-gray-shade-13);
  }
  .bg-xxxl-gray-6 {
    background-color: var(--color-gray-shade-14);
  }
  .bg-xxxl-gray-7 {
    background-color: var(--color-gray-shade-15);
  }
  .bg-xxxl-blue-1 {
    background-color: var(--color-blue-shade-1);
  }
  .bg-xxxl-blue-2 {
    background-color: var(--color-blue-shade-2);
  }
  .bg-xxxl-blue-3 {
    background-color: var(--color-blue-shade-3);
  }
  .bg-xxxl-blue-4 {
    background-color: var(--color-blue-shade-4);
  }
  .bg-xxxl-blue-5 {
    background-color: var(--color-blue-shade-5);
  }
  .bg-xxxl-blue-6 {
    background-color: var(--color-blue-shade-6);
  }
  .bg-xxxl-blue-7 {
    background-color: var(--color-blue-shade-7);
  }
  .bg-xxxl-blue-8 {
    background-color: var(--color-blue-shade-8);
  }
  .bg-xxxl-blue-9 {
    background-color: var(--color-blue-shade-9);
  }
  .bg-xxxl-blue-gradient {
    background: var(--color-blue-shade-3);
    background-color: var(--color-blue-shade-3);
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      from(var(--color-blue-shade-3)),
      to(var(--color-blue-shade-6))
    );
    background-image: -o-linear-gradient(
      left,
      var(--color-blue-shade-3) 0%,
      var(--color-blue-shade-6) 100%
    );
    background-image: linear-gradient(
      to right,
      var(--color-blue-shade-3) 0%,
      var(--color-blue-shade-6) 100%
    );
  }
  .bg-xxxl-blue-gradient::before {
    display: none !important;
  }
  .bg-xxxl-blue-gradient-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: linear-gradient(135deg, var(--color-blue-shade-4) 0%, transparent 100%);*/
    background-image: -o-linear-gradient(
      315deg,
      var(--color-blue-shade-4) 0%,
      transparent 100%
    );
    background-image: linear-gradient(
      135deg,
      var(--color-blue-shade-4) 0%,
      transparent 100%
    );
    z-index: 0;
    -webkit-filter: contrast(1.1);
    filter: contrast(1.1);
  }
}
.bg-repeat {
  background-repeat: repeat !important;
}
.bg-repeat-x {
  background-repeat: repeat-x !important;
}
.bg-repeat-y {
  background-repeat: repeat-y !important;
}
.bg-no-repeat {
  background-repeat: no-repeat !important;
}
.bg-repeat-round {
  background-repeat: round !important;
}
.bg-repeat-space {
  background-repeat: space !important;
}
.bg-position-left-top {
  background-position-x: left !important;
  background-position-y: top !important;
}
.bg-position-center-top {
  background-position-x: center !important;
  background-position-y: top !important;
}
.bg-position-right-top {
  background-position-x: right !important;
  background-position-y: top !important;
}
.bg-position-left-center {
  background-position-x: left !important;
  background-position-y: center !important;
}
.bg-position-center-center {
  background-position-x: center !important;
  background-position-y: center !important;
}
.bg-position-right-center {
  background-position-x: right !important;
  background-position-y: center !important;
}
.bg-position-left-bottom {
  background-position-x: left !important;
  background-position-y: bottom !important;
}
.bg-position-center-bottom {
  background-position-x: center !important;
  background-position-y: bottom !important;
}
.bg-position-right-bottom {
  background-position-x: right !important;
  background-position-y: bottom !important;
}
.bg-size-auto {
  background-size: auto !important;
}
.bg-size-contain {
  background-size: contain !important;
}
.bg-size-cover {
  background-size: cover !important;
}
.bg-size-0 {
  background-size: 0 !important;
}
.bg-size-10 {
  background-size: 10% !important;
}
.bg-size-20 {
  background-size: 20% !important;
}
.bg-size-25 {
  background-size: 25% !important;
}
.bg-size-30 {
  background-size: 30% !important;
}
.bg-size-40 {
  background-size: 40% !important;
}
.bg-size-50 {
  background-size: 50% !important;
}
.bg-size-60 {
  background-size: 60% !important;
}
.bg-size-70 {
  background-size: 70% !important;
}
.bg-size-75 {
  background-size: 75% !important;
}
.bg-size-80 {
  background-size: 80% !important;
}
.bg-size-90 {
  background-size: 90% !important;
}
.bg-size-100 {
  background-size: 100% !important;
}
@media (max-width: 575px) {
  .bg-repeat-xs {
    background-repeat-sm: repeat !important;
  }
  .bg-repeat-xs-x {
    background-repeat-sm: repeat-x !important;
  }
  .bg-repeat-xs-y {
    background-repeat-sm: repeat-y !important;
  }
  .bg-no-repeat-xs {
    background-repeat-sm: no-repeat-sm !important;
  }
  .bg-repeat-xs-round {
    background-repeat-sm: round !important;
  }
  .bg-repeat-xs-space {
    background-repeat-sm: space !important;
  }
  .bg-position-xs-left-top {
    background-position-x: left !important;
    background-position-y: top !important;
  }
  .bg-position-xs-center-top {
    background-position-x: center !important;
    background-position-y: top !important;
  }
  .bg-position-xs-right-top {
    background-position-x: right !important;
    background-position-y: top !important;
  }
  .bg-position-xs-left-center {
    background-position-x: left !important;
    background-position-y: center !important;
  }
  .bg-position-xs-center-center {
    background-position-x: center !important;
    background-position-y: center !important;
  }
  .bg-position-xs-right-center {
    background-position-x: right !important;
    background-position-y: center !important;
  }
  .bg-position-xs-left-bottom {
    background-position-x: left !important;
    background-position-y: bottom !important;
  }
  .bg-position-xs-center-bottom {
    background-position-x: center !important;
    background-position-y: bottom !important;
  }
  .bg-position-xs-right-bottom {
    background-position-x: right !important;
    background-position-y: bottom !important;
  }
  .bg-size-xs-auto {
    background-size: auto !important;
  }
  .bg-size-xs-contain {
    background-size: contain !important;
  }
  .bg-size-xs-cover {
    background-size: cover !important;
  }
  .bg-size-xs-0 {
    background-size: 0 !important;
  }
  .bg-size-xs-10 {
    background-size: 10% !important;
  }
  .bg-size-xs-20 {
    background-size: 20% !important;
  }
  .bg-size-xs-25 {
    background-size: 25% !important;
  }
  .bg-size-xs-30 {
    background-size: 30% !important;
  }
  .bg-size-xs-40 {
    background-size: 40% !important;
  }
  .bg-size-xs-50 {
    background-size: 50% !important;
  }
  .bg-size-xs-60 {
    background-size: 60% !important;
  }
  .bg-size-xs-70 {
    background-size: 70% !important;
  }
  .bg-size-xs-75 {
    background-size: 75% !important;
  }
  .bg-size-xs-80 {
    background-size: 80% !important;
  }
  .bg-size-xs-90 {
    background-size: 90% !important;
  }
  .bg-size-xs-100 {
    background-size: 100% !important;
  }
}
@media (min-width: 576px) {
  .bg-repeat-sm {
    background-repeat-sm: repeat !important;
  }
  .bg-repeat-sm-x {
    background-repeat-sm: repeat-x !important;
  }
  .bg-repeat-sm-y {
    background-repeat-sm: repeat-y !important;
  }
  .bg-no-repeat-sm {
    background-repeat-sm: no-repeat-sm !important;
  }
  .bg-repeat-sm-round {
    background-repeat-sm: round !important;
  }
  .bg-repeat-sm-space {
    background-repeat-sm: space !important;
  }
  .bg-position-sm-left-top {
    background-position-x: left !important;
    background-position-y: top !important;
  }
  .bg-position-sm-center-top {
    background-position-x: center !important;
    background-position-y: top !important;
  }
  .bg-position-sm-right-top {
    background-position-x: right !important;
    background-position-y: top !important;
  }
  .bg-position-sm-left-center {
    background-position-x: left !important;
    background-position-y: center !important;
  }
  .bg-position-sm-center-center {
    background-position-x: center !important;
    background-position-y: center !important;
  }
  .bg-position-sm-right-center {
    background-position-x: right !important;
    background-position-y: center !important;
  }
  .bg-position-sm-left-bottom {
    background-position-x: left !important;
    background-position-y: bottom !important;
  }
  .bg-position-sm-center-bottom {
    background-position-x: center !important;
    background-position-y: bottom !important;
  }
  .bg-position-sm-right-bottom {
    background-position-x: right !important;
    background-position-y: bottom !important;
  }
  .bg-size-sm-auto {
    background-size: auto !important;
  }
  .bg-size-sm-contain {
    background-size: contain !important;
  }
  .bg-size-sm-cover {
    background-size: cover !important;
  }
  .bg-size-sm-0 {
    background-size: 0 !important;
  }
  .bg-size-sm-10 {
    background-size: 10% !important;
  }
  .bg-size-sm-20 {
    background-size: 20% !important;
  }
  .bg-size-sm-25 {
    background-size: 25% !important;
  }
  .bg-size-sm-30 {
    background-size: 30% !important;
  }
  .bg-size-sm-40 {
    background-size: 40% !important;
  }
  .bg-size-sm-50 {
    background-size: 50% !important;
  }
  .bg-size-sm-60 {
    background-size: 60% !important;
  }
  .bg-size-sm-70 {
    background-size: 70% !important;
  }
  .bg-size-sm-75 {
    background-size: 75% !important;
  }
  .bg-size-sm-80 {
    background-size: 80% !important;
  }
  .bg-size-sm-90 {
    background-size: 90% !important;
  }
  .bg-size-sm-100 {
    background-size: 100% !important;
  }
}
@media (min-width: 768px) {
  .bg-repeat-sm {
    background-repeat-sm: repeat !important;
  }
  .bg-repeat-md-x {
    background-repeat-sm: repeat-x !important;
  }
  .bg-repeat-md-y {
    background-repeat-sm: repeat-y !important;
  }
  .bg-no-repeat-sm {
    background-repeat-sm: no-repeat-sm !important;
  }
  .bg-repeat-md-round {
    background-repeat-sm: round !important;
  }
  .bg-repeat-md-space {
    background-repeat-sm: space !important;
  }
  .bg-position-md-left-top {
    background-position-x: left !important;
    background-position-y: top !important;
  }
  .bg-position-md-center-top {
    background-position-x: center !important;
    background-position-y: top !important;
  }
  .bg-position-md-right-top {
    background-position-x: right !important;
    background-position-y: top !important;
  }
  .bg-position-md-left-center {
    background-position-x: left !important;
    background-position-y: center !important;
  }
  .bg-position-md-center-center {
    background-position-x: center !important;
    background-position-y: center !important;
  }
  .bg-position-md-right-center {
    background-position-x: right !important;
    background-position-y: center !important;
  }
  .bg-position-md-left-bottom {
    background-position-x: left !important;
    background-position-y: bottom !important;
  }
  .bg-position-md-center-bottom {
    background-position-x: center !important;
    background-position-y: bottom !important;
  }
  .bg-position-md-right-bottom {
    background-position-x: right !important;
    background-position-y: bottom !important;
  }
  .bg-size-md-auto {
    background-size: auto !important;
  }
  .bg-size-md-contain {
    background-size: contain !important;
  }
  .bg-size-md-cover {
    background-size: cover !important;
  }
  .bg-size-md-0 {
    background-size: 0 !important;
  }
  .bg-size-md-10 {
    background-size: 10% !important;
  }
  .bg-size-md-20 {
    background-size: 20% !important;
  }
  .bg-size-md-25 {
    background-size: 25% !important;
  }
  .bg-size-md-30 {
    background-size: 30% !important;
  }
  .bg-size-md-40 {
    background-size: 40% !important;
  }
  .bg-size-md-50 {
    background-size: 50% !important;
  }
  .bg-size-md-60 {
    background-size: 60% !important;
  }
  .bg-size-md-70 {
    background-size: 70% !important;
  }
  .bg-size-md-75 {
    background-size: 75% !important;
  }
  .bg-size-md-80 {
    background-size: 80% !important;
  }
  .bg-size-md-90 {
    background-size: 90% !important;
  }
  .bg-size-md-100 {
    background-size: 100% !important;
  }
}
@media (min-width: 992px) {
  .bg-repeat-sm {
    background-repeat-sm: repeat !important;
  }
  .bg-repeat-lg-x {
    background-repeat-sm: repeat-x !important;
  }
  .bg-repeat-lg-y {
    background-repeat-sm: repeat-y !important;
  }
  .bg-no-repeat-sm {
    background-repeat-sm: no-repeat-sm !important;
  }
  .bg-repeat-lg-round {
    background-repeat-sm: round !important;
  }
  .bg-repeat-lg-space {
    background-repeat-sm: space !important;
  }
  .bg-position-lg-left-top {
    background-position-x: left !important;
    background-position-y: top !important;
  }
  .bg-position-lg-center-top {
    background-position-x: center !important;
    background-position-y: top !important;
  }
  .bg-position-lg-right-top {
    background-position-x: right !important;
    background-position-y: top !important;
  }
  .bg-position-lg-left-center {
    background-position-x: left !important;
    background-position-y: center !important;
  }
  .bg-position-lg-center-center {
    background-position-x: center !important;
    background-position-y: center !important;
  }
  .bg-position-lg-right-center {
    background-position-x: right !important;
    background-position-y: center !important;
  }
  .bg-position-lg-left-bottom {
    background-position-x: left !important;
    background-position-y: bottom !important;
  }
  .bg-position-lg-center-bottom {
    background-position-x: center !important;
    background-position-y: bottom !important;
  }
  .bg-position-lg-right-bottom {
    background-position-x: right !important;
    background-position-y: bottom !important;
  }
  .bg-size-lg-auto {
    background-size: auto !important;
  }
  .bg-size-lg-contain {
    background-size: contain !important;
  }
  .bg-size-lg-cover {
    background-size: cover !important;
  }
  .bg-size-lg-0 {
    background-size: 0 !important;
  }
  .bg-size-lg-10 {
    background-size: 10% !important;
  }
  .bg-size-lg-20 {
    background-size: 20% !important;
  }
  .bg-size-lg-25 {
    background-size: 25% !important;
  }
  .bg-size-lg-30 {
    background-size: 30% !important;
  }
  .bg-size-lg-40 {
    background-size: 40% !important;
  }
  .bg-size-lg-50 {
    background-size: 50% !important;
  }
  .bg-size-lg-60 {
    background-size: 60% !important;
  }
  .bg-size-lg-70 {
    background-size: 70% !important;
  }
  .bg-size-lg-75 {
    background-size: 75% !important;
  }
  .bg-size-lg-80 {
    background-size: 80% !important;
  }
  .bg-size-lg-90 {
    background-size: 90% !important;
  }
  .bg-size-lg-100 {
    background-size: 100% !important;
  }
}
@media (min-width: 1200px) {
  .bg-repeat-sm {
    background-repeat-sm: repeat !important;
  }
  .bg-repeat-xl-x {
    background-repeat-sm: repeat-x !important;
  }
  .bg-repeat-xl-y {
    background-repeat-sm: repeat-y !important;
  }
  .bg-no-repeat-sm {
    background-repeat-sm: no-repeat-sm !important;
  }
  .bg-repeat-xl-round {
    background-repeat-sm: round !important;
  }
  .bg-repeat-xl-space {
    background-repeat-sm: space !important;
  }
  .bg-position-xl-left-top {
    background-position-x: left !important;
    background-position-y: top !important;
  }
  .bg-position-xl-center-top {
    background-position-x: center !important;
    background-position-y: top !important;
  }
  .bg-position-xl-right-top {
    background-position-x: right !important;
    background-position-y: top !important;
  }
  .bg-position-xl-left-center {
    background-position-x: left !important;
    background-position-y: center !important;
  }
  .bg-position-xl-center-center {
    background-position-x: center !important;
    background-position-y: center !important;
  }
  .bg-position-xl-right-center {
    background-position-x: right !important;
    background-position-y: center !important;
  }
  .bg-position-xl-left-bottom {
    background-position-x: left !important;
    background-position-y: bottom !important;
  }
  .bg-position-xl-center-bottom {
    background-position-x: center !important;
    background-position-y: bottom !important;
  }
  .bg-position-xl-right-bottom {
    background-position-x: right !important;
    background-position-y: bottom !important;
  }
  .bg-size-xl-auto {
    background-size: auto !important;
  }
  .bg-size-xl-contain {
    background-size: contain !important;
  }
  .bg-size-xl-cover {
    background-size: cover !important;
  }
  .bg-size-xl-0 {
    background-size: 0 !important;
  }
  .bg-size-xl-10 {
    background-size: 10% !important;
  }
  .bg-size-xl-20 {
    background-size: 20% !important;
  }
  .bg-size-xl-25 {
    background-size: 25% !important;
  }
  .bg-size-xl-30 {
    background-size: 30% !important;
  }
  .bg-size-xl-40 {
    background-size: 40% !important;
  }
  .bg-size-xl-50 {
    background-size: 50% !important;
  }
  .bg-size-xl-60 {
    background-size: 60% !important;
  }
  .bg-size-xl-70 {
    background-size: 70% !important;
  }
  .bg-size-xl-75 {
    background-size: 75% !important;
  }
  .bg-size-xl-80 {
    background-size: 80% !important;
  }
  .bg-size-xl-90 {
    background-size: 90% !important;
  }
  .bg-size-xl-100 {
    background-size: 100% !important;
  }
}
@media (min-width: 1400px) {
  .bg-repeat-sm {
    background-repeat-sm: repeat !important;
  }
  .bg-repeat-xxl-x {
    background-repeat-sm: repeat-x !important;
  }
  .bg-repeat-xxl-y {
    background-repeat-sm: repeat-y !important;
  }
  .bg-no-repeat-sm {
    background-repeat-sm: no-repeat-sm !important;
  }
  .bg-repeat-xxl-round {
    background-repeat-sm: round !important;
  }
  .bg-repeat-xxl-space {
    background-repeat-sm: space !important;
  }
  .bg-position-xxl-left-top {
    background-position-x: left !important;
    background-position-y: top !important;
  }
  .bg-position-xxl-center-top {
    background-position-x: center !important;
    background-position-y: top !important;
  }
  .bg-position-xxl-right-top {
    background-position-x: right !important;
    background-position-y: top !important;
  }
  .bg-position-xxl-left-center {
    background-position-x: left !important;
    background-position-y: center !important;
  }
  .bg-position-xxl-center-center {
    background-position-x: center !important;
    background-position-y: center !important;
  }
  .bg-position-xxl-right-center {
    background-position-x: right !important;
    background-position-y: center !important;
  }
  .bg-position-xxl-left-bottom {
    background-position-x: left !important;
    background-position-y: bottom !important;
  }
  .bg-position-xxl-center-bottom {
    background-position-x: center !important;
    background-position-y: bottom !important;
  }
  .bg-position-xxl-right-bottom {
    background-position-x: right !important;
    background-position-y: bottom !important;
  }
  .bg-size-xxl-auto {
    background-size: auto !important;
  }
  .bg-size-xxl-contain {
    background-size: contain !important;
  }
  .bg-size-xxl-cover {
    background-size: cover !important;
  }
  .bg-size-xxl-0 {
    background-size: 0 !important;
  }
  .bg-size-xxl-10 {
    background-size: 10% !important;
  }
  .bg-size-xxl-20 {
    background-size: 20% !important;
  }
  .bg-size-xxl-25 {
    background-size: 25% !important;
  }
  .bg-size-xxl-30 {
    background-size: 30% !important;
  }
  .bg-size-xxl-40 {
    background-size: 40% !important;
  }
  .bg-size-xxl-50 {
    background-size: 50% !important;
  }
  .bg-size-xxl-60 {
    background-size: 60% !important;
  }
  .bg-size-xxl-70 {
    background-size: 70% !important;
  }
  .bg-size-xxl-75 {
    background-size: 75% !important;
  }
  .bg-size-xxl-80 {
    background-size: 80% !important;
  }
  .bg-size-xxl-90 {
    background-size: 90% !important;
  }
  .bg-size-xxl-100 {
    background-size: 100% !important;
  }
}
@media (min-width: 1920px) {
  .bg-repeat-sm {
    background-repeat-sm: repeat !important;
  }
  .bg-repeat-xxxl-x {
    background-repeat-sm: repeat-x !important;
  }
  .bg-repeat-xxxl-y {
    background-repeat-sm: repeat-y !important;
  }
  .bg-no-repeat-sm {
    background-repeat-sm: no-repeat-sm !important;
  }
  .bg-repeat-xxxl-round {
    background-repeat-sm: round !important;
  }
  .bg-repeat-xxxl-space {
    background-repeat-sm: space !important;
  }
  .bg-position-xxxl-left-top {
    background-position-x: left !important;
    background-position-y: top !important;
  }
  .bg-position-xxxl-center-top {
    background-position-x: center !important;
    background-position-y: top !important;
  }
  .bg-position-xxxl-right-top {
    background-position-x: right !important;
    background-position-y: top !important;
  }
  .bg-position-xxxl-left-center {
    background-position-x: left !important;
    background-position-y: center !important;
  }
  .bg-position-xxxl-center-center {
    background-position-x: center !important;
    background-position-y: center !important;
  }
  .bg-position-xxxl-right-center {
    background-position-x: right !important;
    background-position-y: center !important;
  }
  .bg-position-xxxl-left-bottom {
    background-position-x: left !important;
    background-position-y: bottom !important;
  }
  .bg-position-xxxl-center-bottom {
    background-position-x: center !important;
    background-position-y: bottom !important;
  }
  .bg-position-xxxl-right-bottom {
    background-position-x: right !important;
    background-position-y: bottom !important;
  }
  .bg-size-xxxl-auto {
    background-size: auto !important;
  }
  .bg-size-xxxl-contain {
    background-size: contain !important;
  }
  .bg-size-xxxl-cover {
    background-size: cover !important;
  }
  .bg-size-xxxl-0 {
    background-size: 0 !important;
  }
  .bg-size-xxxl-10 {
    background-size: 10% !important;
  }
  .bg-size-xxxl-20 {
    background-size: 20% !important;
  }
  .bg-size-xxxl-25 {
    background-size: 25% !important;
  }
  .bg-size-xxxl-30 {
    background-size: 30% !important;
  }
  .bg-size-xxxl-40 {
    background-size: 40% !important;
  }
  .bg-size-xxxl-50 {
    background-size: 50% !important;
  }
  .bg-size-xxxl-60 {
    background-size: 60% !important;
  }
  .bg-size-xxxl-70 {
    background-size: 70% !important;
  }
  .bg-size-xxxl-75 {
    background-size: 75% !important;
  }
  .bg-size-xxxl-80 {
    background-size: 80% !important;
  }
  .bg-size-xxxl-90 {
    background-size: 90% !important;
  }
  .bg-size-xxxl-100 {
    background-size: 100% !important;
  }
}

/*
.grid-background {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto !important;
    overflow: hidden;
    overflow: visible !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
         -o-user-select: none;
            user-select: none;
     -khtml-user-drag: none;
     -khtml-user-select: none;
     -khtml-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
       -moz-user-drag: none;
         -o-user-drag: none;
            user-drag: none;
            z-index: 0 !important;
}
.grid-background::after {
    top: 0;
    left: 0;
    display: block;
    padding-bottom: 85.7142857142857%;
    content: "";
}
@media(min-width:992px) {
    .grid-background::after {
        padding-bottom: 71.4285714285714%;
    }
}
.grid-background > .iframe-container,
.grid-background > picture,
.grid-background > .carousel,
.grid-background > .grid-background-inside {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: -webkit-fill-available;
    height: 100%;
    padding: inherit;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    overflow: visible !important;
}
.grid-background > picture > img,
.grid-background > .carousel > .carousel-inner,
.grid-background > .grid-background-inside > div {
    z-index: 1;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    height: -webkit-fill-available;
    overflow: hidden;
    -o-object-fit: cover;
       object-fit: cover;
}
@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {
    .grid-background > picture > img,
    .grid-background > .carousel > .carousel-inner,
    .grid-background > .grid-background-inside > div {
        width: 100%;
        height: 100%;
    }
}
@media not all and (min-resolution:.001dpcm) {
    .grid-background > picture > img,
    .grid-background > .carousel > .carousel-inner,
    .grid-background > .grid-background-inside > div {
        width: 100%;
        height: 100%;
    }
}
.grid-background > .grid-background-inside::before,
.grid-background > .carousel::before,
.grid-background > .iframe-container::before {
    position: absolute;
    display: none;
    padding: 0;
}
@media (min-width: 768px) {
    .grid-background > .grid-background-inside::before,
    .grid-background > .carousel::before,
    .grid-background > .iframe-container::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        display: block;
        width: 100%;
        height: 100%;
        overflow: visible;
        content: "";
        transform: translateX(0) scale(2.2);
        transform-origin: center;
        -webkit-mask-image: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%);
                mask-image: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%);
        border-radius: 2em;
        background-image: url(assets/img/backgrounds/GridBG.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
}
@media (min-width: 992px) {
    .grid-background > .grid-background-inside::before,
    .grid-background > .carousel::before,
    .grid-background > .iframe-container::before {
        transform: translateX(0) scale(1.8);
        -webkit-mask-image: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 85%,rgba(255,255,255,0) 100%);
                mask-image: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 85%,rgba(255,255,255,0) 100%);
    }
}
@-webkit-keyframes shine {
    to {
        background-position-x: -200%;
    }
}
@keyframes shine {
    to {
        background-position-x: -200%;
    }
}
.grid-background::before {
    position: absolute;
    display: none;
    padding: 0;
}
.grid-background> picture::before {
    display: none !important;
}
@media (min-width: 768px) {
    .grid-background::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        display: block;
        width: 100%;
        height: 100%;
        overflow: visible;
        content: '';
        transform: translateX(0) scale(2.2);
        transform-origin: center;
        -webkit-mask-image: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%);
                mask-image: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%);
        border-radius: 2em;
        background-image: url(assets/img/backgrounds/GridBG.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .grid-background > picture::before {
        display: none !important;
    }
}
@media (min-width: 992px) {
    .grid-background::before {
        transform: translateX(0) scale(1.8);
        -webkit-mask-image: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 85%,rgba(255,255,255,0) 100%);
                mask-image: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 85%,rgba(255,255,255,0) 100%);
    }
    .grid-background > picture::before {
        display: none !important;
    }
}
.grid-background-section {
    background-image: url("assets/img/backgrounds/GridAccentCenter.jpg"), url("assets/img/backgrounds/GridAccentCenter.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-position: -100% center, 200% center;
    background-size: contain;
}
*/