.in-top .secondface {
  transform-origin: 50% 0%;
  animation: in-top 300ms ease 0ms 1 forwards;
}

.in-right .secondface {
  transform-origin: 100% 0%;
  animation: in-right 300ms ease 0ms 1 forwards;
}

.in-bottom .secondface {
  transform-origin: 50% 100%;
  animation: in-bottom 300ms ease 0ms 1 forwards;
}

.in-left .secondface {
  transform-origin: 0% 0%;
  animation: in-left 300ms ease 0ms 1 forwards;
}

.out-top .secondface {
  transform-origin: 50% 0%;
  animation: out-top 300ms ease 0ms 1 forwards;
}

.out-right .secondface {
  transform-origin: 100% 50%;
  animation: out-right 300ms ease 0ms 1 forwards;
}

.out-bottom .secondface {
  transform-origin: 50% 100%;
  animation: out-bottom 300ms ease 0ms 1 forwards;
}

.out-left .secondface {
  transform-origin: 0% 0%;
  animation: out-left 300ms ease 0ms 1 forwards;
}

@keyframes in-top {
  from {
    transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-right {
  from {
    transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-bottom {
  from {
    transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-left {
  from {
    transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes out-top {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(-1, 0, 0, 104deg);
  }
}
@keyframes out-right {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(0, -1, 0, 104deg);
  }
}
@keyframes out-bottom {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(1, 0, 0, 104deg);
  }
}
@keyframes out-left {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(0, 1, 0, 104deg);
  }
}
.QuickLink {
  text-decoration: none !important;
  outline: 0;
  border: 0 !important;
  height: 240px;
  width: 240px;
  display: inline-block;
  margin: 0 10px;
  position: relative;
  perspective: 480px;
}
@media (max-width: 799px) {
  .QuickLink {
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 499px) {
  .QuickLink {
    width: 150px;
    height: 150px;
  }
}

.QuickLink img {
  border: 0;
  box-shadow: none;
}

.QuickLinksArea {
  box-shadow: none;
}
.QuickLinksArea .QuickLink div {
  display: inline-block !important;
  box-shadow: none;
  margin-right: 10px;
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
  max-width: 240px !important;
  background-color: #1E72B8;
}
.QuickLinksArea .QuickLink div p, .QuickLinksArea .QuickLink div i {
  display: none;
}
.QuickLinksArea .QuickLink .secondface {
  background-image: linear-gradient(#FFEC00, #F19C00);
  transition: none;
  transform: rotate3d(1, 0, 0, 90deg);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  pointer-events: none;
}

.QuickLinks {
  margin-bottom: 30px;
  margin-top: 70px;
}
.QuickLinks h2 {
  text-transform: uppercase;
  color: white;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Montserrat-Bold";
  font-size: 26px;
  transition: all 0.5s;
  width: fit-content;
}
@media (max-width: 799px) {
  .QuickLinks h2 {
    font-size: 20px;
  }
}

.secondface p {
  display: block !important;
  color: #1E72B8;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*# sourceMappingURL=quicklink-overwrite.css.map */