@keyframes shake {
  5%, 45% {
    transform: translate3d(-1px, 0, 0); }
  10%, 40% {
    transform: translate3d(2px, 0, 0); }
  15%, 25%, 35% {
    transform: translate3d(-4px, 0, 0); }
  20%, 30% {
    transform: translate3d(4px, 0, 0); } }
@media (max-width: 767.98px) {
  .box-wrap {
    justify-content: center !important;
    flex-direction: column !important; }
    .box-wrap .box {
      width: auto !important;
      margin: 30px 10px 0 10px !important; } }
@media (max-width: 899.98px) {
  .box.box-card-w-photo {
    flex-direction: column !important;
    margin: 0 0 20px 0 !important; }
    .box.box-card-w-photo .box-image {
      width: 100% !important; }
      .box.box-card-w-photo .box-image .full {
        -webkit-border-radius: 10px 10px 0 0 !important;
        -moz-border-radius: 10px 10px 0 0 !important;
        -ms-border-radius: 10px 10px 0 0 !important;
        border-radius: 10px 10px 0 0 !important; }
    .box.box-card-w-photo .box-text {
      width: 100% !important; } }
.w-30p {
  width: 30%; }

.w-70p {
  width: 70%; }

.p-0 {
  padding: 0 !important; }

.mt-1 {
  margin-top: 1rem !important; }

.ms-1 {
  margin-left: 1rem !important; }

.me-1 {
  margin-right: 1rem !important; }

.shake-img {
  animation: shake 3.28s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden; }

.linkedin {
  background-image: url(../../../media/spfolder/linkedin.svg); }

.box-upload-link {
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: center; }
  .box-upload-link a {
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    text-decoration: none;
    color: #324B85; }
    .box-upload-link a img {
      height: 30px;
      margin-right: 5px; }

.page-sp h1 {
  text-align: center;
  font-weight: 700;
  font-size: 30px; }
.page-sp h2 {
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  color: #324B85; }
.page-sp .page-sp-inner {
  display: flex;
  flex-direction: column; }
  .page-sp .page-sp-inner .gray-hr {
    width: 100%;
    opacity: 1;
    color: rgba(0, 0, 0, 0.5); }
  .page-sp .page-sp-inner .sub-container h3 {
    font-weight: 700;
    font-size: 25px; }
  .page-sp .page-sp-inner .sub-container p {
    text-align: left;
    font-size: 1rem !important; }
    .page-sp .page-sp-inner .sub-container p span {
      font-weight: bold; }
  .page-sp .page-sp-inner .box-wrap {
    display: flex;
    justify-content: space-between; }
    .page-sp .page-sp-inner .box-wrap.center {
      justify-content: center !important; }
    .page-sp .page-sp-inner .box-wrap.minimal .box .box-card p.minimal {
      font-size: 1rem !important; }
    .page-sp .page-sp-inner .box-wrap .box {
      position: relative;
      box-sizing: content-box;
      width: 45%;
      height: 135px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 51px;
      margin: 30px 10px;
      background-color: #FFFFFF;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      border-radius: 10px;
      -webkit-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0 15px rgba(0, 0, 0, 0.1); }
      .page-sp .page-sp-inner .box-wrap .box.auto-height {
        height: auto !important; }
      .page-sp .page-sp-inner .box-wrap .box.w-100 {
        width: 100% !important; }
      .page-sp .page-sp-inner .box-wrap .box h4 {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        text-align: center;
        font-size: 14px; }
      .page-sp .page-sp-inner .box-wrap .box .box-card {
        position: absolute;
        top: 70px;
        bottom: 10px;
        left: 10px;
        right: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .page-sp .page-sp-inner .box-wrap .box .box-card p {
          text-align: center;
          font-size: 1.3rem !important; }
          .page-sp .page-sp-inner .box-wrap .box .box-card p span {
            font-weight: bold; }
        .page-sp .page-sp-inner .box-wrap .box .box-card a {
          display: flex;
          align-items: center;
          color: #324B85;
          text-decoration: none;
          background-image: linear-gradient(currentColor, currentColor);
          background-position: calc(30px + .5rem) 100%;
          background-repeat: no-repeat;
          background-size: 0% 2px;
          -webkit-transition: background-size 0.3s;
          -o-transition: background-size 0.3s;
          -moz-transition: background-size 0.3s;
          transition: background-size 0.3s; }
          .page-sp .page-sp-inner .box-wrap .box .box-card a:hover {
            color: #324B85;
            background-size: 100% 2px; }
          .page-sp .page-sp-inner .box-wrap .box .box-card a img {
            height: 30px;
            margin-right: .5rem; }
      .page-sp .page-sp-inner .box-wrap .box .box-image {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: flex-start;
        align-items: center; }
        .page-sp .page-sp-inner .box-wrap .box .box-image img.full {
          margin-bottom: 10px;
          -webkit-border-radius: 10px 0 0 0;
          -moz-border-radius: 10px 0 0 0;
          -ms-border-radius: 10px 0 0 0;
          border-radius: 10px 0 0 0; }
        .page-sp .page-sp-inner .box-wrap .box .box-image h3 {
          text-align: center;
          line-height: 30px;
          font-size: 20px;
          font-weight: 700;
          color: #324B85;
          padding: 0 10px; }
        .page-sp .page-sp-inner .box-wrap .box .box-image p {
          padding: 0 10px;
          text-align: center;
          font-size: 14px !important; }
          .page-sp .page-sp-inner .box-wrap .box .box-image p span {
            font-size: 12px !important; }
      .page-sp .page-sp-inner .box-wrap .box .box-text {
        height: 100%;
        display: block;
        padding: 20px; }
        .page-sp .page-sp-inner .box-wrap .box .box-text ul li {
          font-size: 12px !important;
          margin: 0 10px 0 0 !important; }
          .page-sp .page-sp-inner .box-wrap .box .box-text ul li:after {
            top: .9em !important; }
        .page-sp .page-sp-inner .box-wrap .box .box-text h3 {
          text-align: center;
          line-height: 30px;
          font-size: 20px;
          font-weight: 700;
          color: #324B85;
          padding: 0; }
        .page-sp .page-sp-inner .box-wrap .box .box-text h5 {
          font-size: 14px !important; }
        .page-sp .page-sp-inner .box-wrap .box .box-text p {
          padding: 0;
          font-size: 12px !important; }

/*# sourceMappingURL=spstyles.css.map */