Header {
  padding: 17px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  background-color: #fff; }
  Header.shadow {
    box-shadow: 0 3px 6px #00000029; }
  Header .nav-menu li {
    margin-left: 45px; }

@media (max-width: 768px) {
  .center-sm {
    text-align: center !important; }
    .center-sm ul {
      margin-top: 20px; }
    .center-sm li {
      margin: 0 10px !important; } }

footer {
  background-color: #04234D;
  padding: 45px 0 30px 0;
  line-height: 16px; }
  footer li, footer a {
    color: #fff;
    font-size: 18px; }
  footer .title {
    color: #1376B9;
    font-size: 16px;
    margin-bottom: 20px; }
  footer .footer-social-links {
    margin-top: 15px; }
    footer .footer-social-links li {
      margin: 0 7px; }
      footer .footer-social-links li:first-of-type {
        margin: 0 25px 0 0; }
      footer .footer-social-links li a {
        background-color: rgba(255, 255, 255, 0.1);
        width: 48px;
        height: 48px;
        border-radius: 100%; }
        footer .footer-social-links li a:hover {
          background-color: rgba(255, 255, 255, 0.3);
          color: #fff; }
  footer .footer-links li:first-of-type {
    margin-bottom: 30px; }
  footer .footer-links a:hover {
    color: #fff;
    opacity: 0.7; }
  footer .footer-links i {
    display: inline-block;
    margin-right: 20px; }
  footer .footer-lower {
    font-size: 14px;
    line-height: 14px;
    color: #fff; }
    footer .footer-lower .footer-lower-links a {
      font-size: 13px;
      line-height: 13px; }
    footer .footer-lower .footer-lower-links .seprator {
      border-right: 1px solid #fff;
      display: inline;
      height: 100%;
      width: 1px;
      margin: 0 25px; }
    footer .footer-lower .footer-lower-links a:hover {
      color: #fff;
      opacity: 0.7; }
  footer hr {
    border-top: 1px solid #fff;
    margin: 0 3%; }

.public-info-site {
  margin-top: 76px; }
  .public-info-site .home-page-container .main-banner {
    position: relative;
    background-image: url(../../img/mainBanner_bg.png);
    background-position: center center;
    background-size: cover;
    min-height: 530px;
    padding: 80px 0; }
    .public-info-site .home-page-container .main-banner::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(9, 63, 109, 0.8); }
    .public-info-site .home-page-container .main-banner * {
      position: relative;
      z-index: 2;
      color: #fff; }
    .public-info-site .home-page-container .main-banner .main-title {
      font-size: 40px;
      font-weight: 700; }
    .public-info-site .home-page-container .main-banner .txt {
      font-size: 20px;
      font-weight: 700;
      margin: 25px 0 30px 0; }
  .public-info-site .home-page-container .about-digital-card {
    padding: 80px 0;
    color: #1D3154;
    font-weight: 700; }
    .public-info-site .home-page-container .about-digital-card .title {
      font-size: 34px;
      font-weight: 700; }
    .public-info-site .home-page-container .about-digital-card .txt {
      font-size: 20px;
      margin-top: 30px; }
    .public-info-site .home-page-container .about-digital-card .item-video {
      height: 280px;
      max-width: 100%;
      box-shadow: 3px 3px 6px #00000029; }
  .public-info-site .home-page-container .choose-card-theme {
    background-color: #093F6D;
    padding-top: 80px;
    color: #fff; }
    .public-info-site .home-page-container .choose-card-theme .title {
      font-size: 34px; }
    .public-info-site .home-page-container .choose-card-theme .txt {
      font-size: 20px;
      margin: 25px 0 45px 0; }
    .public-info-site .home-page-container .choose-card-theme .item-theme {
      color: #fff;
      font-size: 20px;
      display: block;
      width: 100%;
      text-align: center;
      margin-bottom: 80px; }
      .public-info-site .home-page-container .choose-card-theme .item-theme img {
        max-width: 100%; }
  .public-info-site .home-page-container .digital-profile {
    padding-top: 70px;
    background-color: #B5CADC; }
    .public-info-site .home-page-container .digital-profile .title {
      font-size: 34px;
      color: #093F6D; }
    .public-info-site .home-page-container .digital-profile .txt {
      margin: 25px 0; }
    .public-info-site .home-page-container .digital-profile .bg-img {
      max-width: 100%;
      height: 355px; }
  .public-info-site .home-page-container .ordering-steps {
    padding: 80px 0;
    background-color: #093F6D;
    color: #fff; }
    .public-info-site .home-page-container .ordering-steps .title {
      font-size: 34px;
      margin-bottom: 45px; }
    .public-info-site .home-page-container .ordering-steps .number {
      color: #FFB808;
      font-size: 34px;
      width: 75px;
      height: 75px;
      padding: 10px;
      border: 2px dashed #FFB808;
      border-radius: 12px;
      display: inline-block;
      margin-bottom: 25px; }
    .public-info-site .home-page-container .ordering-steps .heading {
      font-size: 20px;
      margin-bottom: 15px; }
  .public-info-site .home-page-container .sharing-cards {
    position: relative;
    background-image: url(../../img/sharing_bg.png);
    background-position: center center;
    background-size: cover;
    height: 397px; }
    .public-info-site .home-page-container .sharing-cards::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3); }
    .public-info-site .home-page-container .sharing-cards .txt {
      color: #fff;
      font-size: 34px;
      position: relative;
      z-index: 2; }
  .public-info-site .home-page-container .why-digital-cards {
    padding: 80px 0;
    background-color: #093F6D;
    color: #fff; }
    .public-info-site .home-page-container .why-digital-cards .title {
      font-size: 34px;
      margin-bottom: 65px; }
    .public-info-site .home-page-container .why-digital-cards .item-reason {
      margin-bottom: 70px; }
      .public-info-site .home-page-container .why-digital-cards .item-reason img {
        width: 100%;
        height: 164px;
        object-fit: cover;
        margin-bottom: 24px;
        border-radius: 12px; }
      .public-info-site .home-page-container .why-digital-cards .item-reason .heading {
        font-size: 20px;
        margin-bottom: 15px; }
  .public-info-site .internal-page-container {
    background-color: #093F6D;
    padding: 50px 0;
    color: #fff; }
    @media (max-width: 767px) {
      .public-info-site .internal-page-container {
        padding-top: 100px; } }
    .public-info-site .internal-page-container .main-title {
      font-size: 34px;
      margin-bottom: 5px;
      white-space: nowrap; }
      @media (max-width: 520px) {
        .public-info-site .internal-page-container .main-title {
          white-space: initial; } }
    .public-info-site .internal-page-container .sub-title {
      font-size: 16px;
      margin-bottom: 32px; }
    .public-info-site .internal-page-container .request-card-bg {
      max-width: 100%; }
    .public-info-site .internal-page-container .lined-title {
      color: #fff;
      position: relative;
      margin: 30px 0; }
      .public-info-site .internal-page-container .lined-title::before {
        content: "";
        background-color: #D9DCF1;
        position: absolute;
        width: 100%;
        height: 1px;
        top: 13px;
        left: 0; }
      .public-info-site .internal-page-container .lined-title span {
        background-color: #093F6D;
        padding: 0 20px;
        position: relative;
        z-index: 2; }
    .public-info-site .internal-page-container .forget-password-link {
      color: #fff;
      padding: 0;
      font-size: 14px;
      border: none !important; }
    .public-info-site .internal-page-container hr {
      border-top: 1px solid #D9DCF1; }