.welcome-splash .modal-content {
  height: 784px;
  width: 100%; }

.welcome-splash-modal-image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  padding: 22px 80px 0 80px; }

.welcome-splash-modal-header {
  margin: 30px 10px 0px 30px;
  text-align: right; }
  .welcome-splash-modal-header .icon-cross {
    width: 20px; }

.welcome-splash-link-container {
  width: fit-content;
  margin: 0 auto; }

.welcome-splash-header {
  font-family: "Nimbus Sans Bold";
  font-size: 24px;
  line-height: 1.33;
  padding: 32px 64px 24px;
  text-align: center; }

.welcome-splash-content {
  font-family: "Nimbus Sans Light", "Nimbus Sans TW01Lig";
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 20px;
  text-align: center; }

.welcome-splash-button {
  position: relative;
  float: right;
  padding: 9px 24px;
  border-radius: 4px;
  background-color: #086ea1;
  font-family: "Nimbus Sans Regular", "Nimbus Sans TW01";
  font-size: 16px;
  line-height: 1.3;
  color: #ffffff;
  height: 40px;
  text-decoration: none; }
  .welcome-splash-button:hover {
    background-color: #054c70 !important;
    color: #ffffff;
    text-decoration: none; }
  .welcome-splash-button:active {
    background-color: #054c70;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
.link-div {
  display: flex;
  padding-top: 16px;}
.details-link {
  display: inline-block;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-family: "Nimbus Sans Regular", "Nimbus Sans TW01";
  line-height: 1.3;
  letter-spacing: normal;
  color: #475359;
  padding: 0 0 0 16px; }

.welcome-splash-button-container {
  width: 100%;
  height: 104px;
  padding: 40px 48px;
  border-radius: 4px;
  float: right;
  box-shadow: inset 0 1px 0 0 #d7dbde;
  background-color: rgba(0, 104, 148, 0.04);
  margin-top: 60px; }

@media (max-width: 1023px) {
  .welcome-splash-header {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 10px; } }

@media (max-width: 767px) {
  .welcome-splash .modal-content {
    width: 100%;
    height: 812px; }
  .welcome-splash-link-container {
    display: inline-block;
    padding-left: 40px; }
  .welcome-splash-modal-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    padding: 22px 16px; }
  .welcome-splash-header {
    font-family: "Nimbus Sans Bold";
    font-size: 20px;
    line-height: 26px;
    padding: 10px 40px 14px;
    text-align: center; }
  .details-link {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-family: "Nimbus Sans Regular", "Nimbus Sans TW01";
    line-height: 22px;
    letter-spacing: normal;
    text-align: center;
    color: #475359;
    padding: 0 0 16px 22px;
    text-align: left; }
  .welcome-splash-button-container {
    width: 100%;
    height: 120px;
    padding: 24px 15px;
    border-radius: 4px;
    float: right;
    box-shadow: inset 0 1px 0 0 #d7dbde;
    background-color: rgba(0, 104, 148, 0.04);
    margin-top: 115px; }
  .welcome-splash-button {
    width: 100%;
    position: relative;
    float: right;
    padding: 9px 24px;
    border-radius: 4px;
    background-color: #086ea1;
    font-family: "Nimbus Sans Regular", "Nimbus Sans TW01";
    font-size: 16px;
    line-height: 1.3;
    color: #ffffff;
    height: 48px;
    text-decoration: none; }
  .link-one {
    display: inline-flex; }
  .link-two {
    display: inline-flex; }
  .link-three {
    display: inline-flex; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .welcome-splash-header {
    padding: 10px 64px 10px; }
  .welcome-splash-button-container {
    padding: 30px 48px; } }