@font-face {
  font-family: "SVN-Futura";
  src: url("./fonts/SVN-Futura Bold.ttf");
  font-weight: bold;
}

@font-face {
  font-family: "SVN-Futura";
  src: url("./fonts/SVN-Futura Light.ttf");
}

@font-face {
  font-family: "SVN-Unthrift";
  src: url("./fonts/SVN-Unthrift.otf");
}

.dangkytqtrg {
  display: none !important;
}
/* @font-face {
  font-family: 'SVN-Unthrift';
  src: url('fonts/SVN-Unthrift.eot');
  src: url('fonts/SVN-Unthrift.eot?#iefix') format('embedded-opentype'),
      url('fonts/SVN-Unthrift.woff2') format('woff2'),
      url('fonts/SVN-Unthrift.woff') format('woff'),
      url('fonts/SVN-Unthrift.ttf') format('truetype'),
      url('fonts/SVN-Unthrift.svg#SVN-Unthrift') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SVN-Futura';
  src: url('fonts/SVN-FuturaBold.eot');
  src: url('fonts/SVN-FuturaBold.eot?#iefix') format('embedded-opentype'),
      url('fonts/SVN-FuturaBold.woff2') format('woff2'),
      url('fonts/SVN-FuturaBold.woff') format('woff'),
      url('fonts/SVN-FuturaBold.ttf') format('truetype'),
      url('fonts/SVN-FuturaBold.svg#SVN-FuturaBold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
} */

/*  CSS From Main Page*/
@media screen and (min-width: 1600px) {
  .container {
    max-width: 1453px;
  }
}

:root {
  --light-blue: #5bcbf5;
  --darkGray: #474848;
  --black: #212529;
  --primary-purple: #832a81;
  --gray: #bbbbbb;
}

body,
html {
  font-family: "SVN-Futura";
  line-height: 1.2;
}

/*CSS*/
.big-cta-btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 24px;
  /* min-height: 107px; */
  width: fit-content;
  background: #fff;
  outline: none;
  border: 1px solid var(--light-blue);
  border-radius: 50px;
  font-size: 24px;
  font-weight: bold;
  color: var(--light-blue) !important;
  text-decoration: unset !important;
}
.big-cta-btn::before {
  content: "";
  background: url("./links/fingerprint_blue.png") no-repeat center/contain;
  display: inline;
  width: 33px;
  height: 39px;
  object-fit: contain;
}

.big-cta-btn:hover {
  color: var(--primary-purple) !important;
}
.big-cta-btn:hover::before {
  background: url("./links/fingerprint_purple.png") no-repeat center/contain;
}

.big-cta-btn:active {
  color: #fff !important;
  background-color: var(--primary-purple) !important;
}
.big-cta-btn:active::before {
  filter: brightness(100);
}

.big-cta-btn.color-purple:hover {
  color: var(--light-blue) !important;
}

.big-cta-btn.color-purple:hover::before {
  background: url("./links/fingerprint_blue.png") no-repeat center/contain;
}

.big-cta-btn.color-purple:active {
  color: #fff !important;
  background-color: var(--light-blue) !important;
}

.big-cta-btn.color-purple:active::before {
  filter: brightness(100);
}

.big-cta-btn.color-purple {
  color: var(--primary-purple) !important;
}
.big-cta-btn.color-purple::before {
  background: url("./links/fingerprint_purple.png") no-repeat center/contain;
}

.big-cta-btn.color-yellow {
  color: #bfd730 !important;
}
.big-cta-btn.color-yellow::before {
  background: url("./links/fingerprint_yellow.png") no-repeat center/contain;
}

.big-cta-btn.color-darkblue {
  color: #006690 !important;
}
.big-cta-btn.color-darkblue::before {
  background: url("./links/fingerprint_darkblue.png") no-repeat center/contain;
}

.big-cta-btn.color-darkblue:active {
  color: #fff !important;
  background-color: #006690 !important;
}
.big-cta-btn.color-darkblue:active::before {
  filter: brightness(100);
}
.big-cta-btn.color-yellow:active {
  color: #fff !important;
  background-color: #bfd730 !important;

}
.big-cta-btn.color-yellow:avtive::before {
  filter: brightness(100);
}
.small-cta-btn {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 16px 48px;
  width: fit-content;
  background: var(--primary-purple);
  outline: none;
  border-radius: 50px;
  font-size: 27px;
  font-weight: bold;
  color: #fff !important;
  text-decoration: unset !important;
}
.small-cta-btn::before {
  content: "";
  background: url("./links/fingerprint_blue.png") no-repeat center/contain;
  display: inline;
  width: 34px;
  height: 39px;
  object-fit: contain;
  filter: brightness(100);
}
header {
  height: fit-content;
}
header .header-top {
  overflow: hidden;
}


@media (max-width: 768px) {
  .big-cta-btn {
    font-size: 20px;
    min-height: unset;
    gap: 8px;
    padding: 4px 24px;
  }
  .big-cta-btn::before {
    width: 24px;
    height: 32px;
  }
  .small-cta-btn {
    font-size: 20px;
    min-height: unset;
    gap: 16px;
    padding: 8px 24px;
  }
  .small-cta-btn::before {
    width: 20px;
    height: 24px;
  }
}