@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Grape+Nuts&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html, body {
  height: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

body *:first-child {
  margin-top: 0;
}

body *:last-child {
  margin-bottom: 0;
}

*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
  border: none;
  outline: none;
}

ul img, ol img, p img {
  display: inline-block;
  vertical-align: text-top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  min-width: 320px;
  background: #212530;
  position: relative;
}
body.no-overflow {
  overflow: hidden;
}

.site-container {
  flex-direction: column;
  align-items: stretch;
  min-height: 100%;
  position: relative;
}

.site-content {
  flex: 1 1 auto;
  padding-bottom: 12rem;
}
.site-content.v-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.main-container {
  padding-top: 3rem;
}

.section {
  margin: 6rem 0;
  position: relative;
}
.section.md {
  margin: 4rem 0;
}

.block {
  width: 100%;
  background: #373E54;
  border-radius: 2rem;
}
.block > .hdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 2rem 4rem;
}
.block.lg > .hdr {
  padding: 2rem 5rem;
}
.block > .hdr.hor {
  flex-direction: row;
  align-items: center;
}
@media (max-width: 767px) {
  .block > .hdr.hor {
    flex-direction: column;
    align-items: stretch;
  }
}
.block > .hdr.lst {
  gap: 8rem;
}
@media (max-width: 767px) {
  .block > .hdr.lst {
    gap: 0;
  }
}
.block > .hdr.lst .cl {
  position: relative;
}
.block > .hdr.lst .cl::before {
  display: block;
  content: "";
  width: 1px;
  height: calc(100% - 0.6rem);
  background: #FFF;
  position: absolute;
  top: 0.3rem;
  left: calc(0px - 4rem);
}
@media (max-width: 767px) {
  .block > .hdr.lst .cl::before {
    display: none;
  }
}
.block > .hdr * {
  margin: 0;
}
.block > .bdy {
  min-width: 0px;
  min-height: 0px;
  padding: 4rem;
  background: #2B3143;
  border-radius: 2rem;
}
.block.lg > .bdy {
  padding: 5rem;
}

.box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  padding: 4rem;
  border-radius: 2rem;
}
.box.lg {
  padding: 5rem;
}
.box.br-black {
  -webkit-box-shadow: inset 0 0 0 2px #5F6987;
  box-shadow: inset 0 0 0 2px #5F6987;
}
.box.br-special {
  -webkit-box-shadow: inset 0 0 0 2px #0066FF;
  box-shadow: inset 0 0 0 2px #0066FF;
}
.box.br-warning {
  -webkit-box-shadow: inset 0 0 0 2px #FC0D50;
  box-shadow: inset 0 0 0 2px #FC0D50;
}
.box.br-success {
  -webkit-box-shadow: inset 0 0 0 2px #009643;
  box-shadow: inset 0 0 0 2px #009643;
}

.wrapper {
  width: 100%;
  max-width: calc(1440px + 4rem * 2);
  margin: 0 auto;
  padding-right: 4rem;
  padding-left: 4rem;
  position: relative;
}

.main-container {
  gap: 6rem;
}
@media (max-width: 1279px) {
  .main-container {
    flex-direction: column;
  }
}
.main-container .cont,
.main-container .side {
  flex-direction: column;
  gap: 5rem;
}
.main-container .cont {
  flex: 1 1 auto;
}
.main-container .side {
  flex: 0 0 calc(100% / 3);
}

.fx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fx.center {
  align-items: center;
  justify-content: center;
}

.fd-column {
  flex-direction: column;
}

.ai-center {
  align-items: center;
}

.jc-center {
  justify-content: center;
}

@media (max-width: 1279px) {
  .order-xl-first {
    order: -1;
  }
}

@media (max-width: 1279px) {
  .order-xl-last {
    order: 1;
  }
}

@media (max-width: 1023px) {
  .order-lg-first {
    order: -1;
  }
}

@media (max-width: 1023px) {
  .order-lg-last {
    order: 1;
  }
}

@media (max-width: 767px) {
  .order-md-first {
    order: -1;
  }
}

@media (max-width: 767px) {
  .order-md-last {
    order: 1;
  }
}

@media (max-width: 1279px) {
  body .d-xl-none {
    display: none;
  }
}
@media (max-width: 1023px) {
  body .d-lg-none {
    display: none;
  }
}
@media (max-width: 767px) {
  body .d-md-none {
    display: none;
  }
}
body .d-xl-block {
  display: none;
}
@media (max-width: 1279px) {
  body .d-xl-block {
    display: block;
  }
}
body .d-lg-block {
  display: none;
}
@media (max-width: 1023px) {
  body .d-lg-block {
    display: block;
  }
}
body .d-md-block {
  display: none;
}
@media (max-width: 767px) {
  body .d-md-block {
    display: block;
  }
}
body .d-xl-flex {
  display: none;
}
@media (max-width: 1279px) {
  body .d-xl-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
body .d-lg-flex {
  display: none;
}
@media (max-width: 1023px) {
  body .d-lg-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
body .d-md-flex {
  display: none;
}
@media (max-width: 767px) {
  body .d-md-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.cf {
  display: block;
}
.cf:after {
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
  content: ".";
}

html[xmlns] .cf {
  display: block;
}

* html .cf {
  height: 1%;
}

.skip-to-content-link {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
.skip-to-content-link:focus {
  color: #FFF;
  background-color: #212530;
  left: auto;
  top: auto;
  width: 15%;
  height: auto;
  overflow: auto;
  outline: none;
  padding: 2px;
  text-align: center;
  font-size: 1em;
  z-index: 10000;
}

[class*="mw-"] {
  width: 100%;
}

.mw-xs {
  max-width: 360px;
}

.mw-sm {
  max-width: 480px;
}

.mw-md {
  max-width: 800px;
}

.mw-lg {
  max-width: 960px;
}

.mw-xl {
  max-width: 1080px;
}

.g-xs {
  gap: 1rem;
}

.g-sm {
  gap: 1.5rem;
}

.g-md {
  gap: 2rem;
}

.g-lg {
  gap: 3rem;
}

.g-xl {
  gap: 4rem;
}

body .m7 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}
body .mt7 {
  margin-top: 7rem;
}
body .mb7 {
  margin-bottom: 7rem;
}
body .m6 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
body .mt6 {
  margin-top: 6rem;
}
body .mb6 {
  margin-bottom: 6rem;
}
body .m5 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
body .mt5 {
  margin-top: 5rem;
}
body .mb5 {
  margin-bottom: 5rem;
}
body .m4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
body .mt4 {
  margin-top: 4rem;
}
body .mb4 {
  margin-bottom: 4rem;
}
body .m3 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
body .mt3 {
  margin-top: 3rem;
}
body .mb3 {
  margin-bottom: 3rem;
}
body .m2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
body .mt2 {
  margin-top: 2rem;
}
body .mb2 {
  margin-bottom: 2rem;
}
body .m1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
body .mt1 {
  margin-top: 1rem;
}
body .mb1 {
  margin-bottom: 1rem;
}
body .m0 {
  margin-top: 0;
  margin-bottom: 0;
}
body .mt0 {
  margin-top: 0;
}
body .mb0 {
  margin-bottom: 0;
}
body .mxa {
  margin-right: auto;
  margin-left: auto;
}

.gototop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
  background: rgba(255, 255, 255, 0.2);
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  z-index: 888;
  border-radius: 1.5rem;
}
.gototop:hover {
  background: #0066FF;
}
.gototop::before {
  display: block;
  content: "";
  width: 1.2rem;
  height: 2rem;
  background: url(../img/arw_sm.svg) center center no-repeat;
  background-size: 100% auto;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

html {
  font-size: 10px;
}
@media (max-width: 1279px) {
  html {
    font-size: 8px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 6px;
  }
}
@media (max-width: 413px) {
  html {
    font-size: 5px;
  }
}

body {
  font-family: "Montserrat", serif;
  font-size: 16px;
  line-height: 1.5;
  color: #FFF;
}
@media (max-width: 767px) {
  body {
    font-size: 13px;
  }
}

h1,
h2,
h3,
h4,
h5 {
  padding: 0;
  color: #FFF;
  line-height: 1.5;
  font-family: "Montserrat", serif;
  font-weight: 600;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span {
  display: inline-block;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small {
  display: inline-block;
  font-size: calc(100% / 3 * 2);
}
@media (max-width: 767px) {
  h1 br,
  h2 br,
  h3 br,
  h4 br,
  h5 br {
    display: none;
  }
}
h1.line,
h2.line,
h3.line,
h4.line,
h5.line {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
h1.line::after,
h2.line::after,
h3.line::after,
h4.line::after,
h5.line::after {
  content: '\a0';
  width: 100%;
  height: 1px;
  margin-left: 2rem;
  background: #373E54;
  overflow: hidden;
  position: absolute;
  bottom: 0.375em;
}
h1.gradient-special,
h2.gradient-special,
h3.gradient-special,
h4.gradient-special,
h5.gradient-special {
  padding: 2rem;
  background: #0071eb;
  background: linear-gradient(90deg, rgba(0, 113, 235, 0.1012780112) 0%, rgba(255, 255, 255, 0) 100%);
}
h1.fx,
h2.fx,
h3.fx,
h4.fx,
h5.fx {
  align-items: center;
  gap: 2rem;
}
h1.fx.center,
h2.fx.center,
h3.fx.center,
h4.fx.center,
h5.fx.center {
  justify-content: center;
}

h1,
.h1 {
  margin: 6rem 0 4rem 0;
  font-size: 48px;
}
@media (max-width: 1279px) {
  h1,
  .h1 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  h1,
  .h1 {
    font-size: 24px;
  }
}

h2,
.h2 {
  margin: 6rem 0 4rem 0;
  font-size: 32px;
}
@media (max-width: 1279px) {
  h2,
  .h2 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  h2,
  .h2 {
    font-size: 18px;
  }
}

h3,
.h3 {
  margin: 4rem 0 2rem 0;
  font-size: 24px;
}
@media (max-width: 1279px) {
  h3,
  .h3 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  h3,
  .h3 {
    font-size: 16px;
  }
}

h4,
.h4 {
  margin: 4rem 0 2rem 0;
  font-size: 20px;
}
@media (max-width: 1279px) {
  h4,
  .h4 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  h4,
  .h4 {
    font-size: 14px;
  }
}

h5,
.h5 {
  margin: 4rem 0 2rem 0;
  font-size: 16px;
}
@media (max-width: 767px) {
  h5,
  .h5 {
    font-size: 14px;
  }
}

p,
ul,
ol {
  margin: 2rem 0;
}

ul,
ol {
  margin-left: 4rem;
}
ul li,
ol li {
  margin: 1rem 0;
}

a {
  color: #FFF;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
a:hover, a:focus-within {
  color: #A6B0CD;
  outline: none;
}

strong {
  font-weight: 700;
}

address {
  padding-left: 3rem;
  border-left: 4px solid #373E54;
}
address * {
  margin: 0;
}

.fs-xs {
  font-size: 12px;
}
@media (max-width: 767px) {
  .fs-xs {
    font-size: 10px;
  }
}

.fs-sm {
  font-size: 14px;
}
@media (max-width: 767px) {
  .fs-sm {
    font-size: 12px;
  }
}

.fs-md {
  font-size: 16px;
}
@media (max-width: 767px) {
  .fs-md {
    font-size: 13px;
  }
}

.fs-lg {
  font-size: 18px;
}
@media (max-width: 1279px) {
  .fs-lg {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .fs-lg {
    font-size: 14px;
  }
}

.fs-xl {
  font-size: 20px;
}
@media (max-width: 1279px) {
  .fs-xl {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .fs-xl {
    font-size: 16px;
  }
}

.fw-4 {
  font-weight: 400;
}

.fw-5 {
  font-weight: 500;
}

.fw-6 {
  font-weight: 600;
}

.fw-7 {
  font-weight: 700;
}

.fw-8 {
  font-weight: 800;
}

.fw-9 {
  font-weight: 900;
}

.ul-check {
  margin: 0;
}
.ul-check li {
  margin: 0;
  padding-left: 32px;
  list-style: none;
  position: relative;
  -webkit-column-break-inside: avoid;
  -moz-page-break-inside: avoid;
  break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid;
  page-break-inside: avoid;
}
@media (max-width: 767px) {
  .ul-check li {
    padding-left: 24px;
  }
}
.ul-check li::before {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background: url(../img/checkmark.svg) 0 0 no-repeat;
  background-size: 100% auto;
  filter: brightness(0) saturate(100%) invert(36%) sepia(65%) saturate(3520%) hue-rotate(132deg) brightness(90%) contrast(101%);
  position: absolute;
  top: 3px;
  left: 0;
}
@media (max-width: 767px) {
  .ul-check li::before {
    width: 12px;
    height: 12px;
  }
}

.ul-icn-32 {
  margin-left: 0;
}
.ul-icn-32 li {
  display: block;
  min-height: 32px;
  margin: 0 0 2rem 0;
  padding-left: calc(32px + 2rem);
  list-style: none;
  position: relative;
}
@media (max-width: 767px) {
  .ul-icn-32 li {
    min-height: 24px;
    padding-left: calc(24px + 2rem);
  }
}
.ul-icn-32 li:last-child {
  margin-bottom: 0;
}
.ul-icn-32 .ic {
  position: absolute;
  top: 0;
  left: 0;
}

.color-black {
  color: #FFF;
}

.color-special {
  color: #0066FF;
}

.color-warning {
  color: #FC0D50;
}

.color-success {
  color: #009643;
}

.color-orange {
  color: #ff6200;
}

.color-gray {
  color: #A6B0CD;
}

.bg-black {
  background-color: #2B3143;
}

.bg-special {
  background-color: #0066FF;
}

.bg-warning {
  background-color: #FC0D50;
}

.bg-success {
  background-color: #009643;
}

.bg-orange {
  background-color: #ff6200;
}

.filter-white {
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
}

.filter-black {
  filter: brightness(0) saturate(100%) invert(10%) sepia(14%) saturate(1251%) hue-rotate(186deg) brightness(99%) contrast(89%);
}

.filter-special {
  filter: brightness(0) saturate(100%) invert(27%) sepia(76%) saturate(5291%) hue-rotate(212deg) brightness(104%) contrast(109%);
}

.filter-warning {
  filter: brightness(0) saturate(100%) invert(17%) sepia(80%) saturate(5234%) hue-rotate(335deg) brightness(98%) contrast(102%);
}

.filter-success {
  filter: brightness(0) saturate(100%) invert(36%) sepia(65%) saturate(3520%) hue-rotate(132deg) brightness(90%) contrast(101%);
}

.filter-orange {
  filter: brightness(0) saturate(100%) invert(52%) sepia(23%) saturate(3288%) hue-rotate(359deg) brightness(100%) contrast(108%);
}

.center,
.text-center {
  text-align: center;
}

.long-word {
  display: inline-block;
  vertical-align: top;
  word-break: break-all;
}

.long-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.nowrap {
  white-space: nowrap;
}

.blur {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hint-info {
  display: inline-block;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  background: url(../img/qm.svg) center center no-repeat;
  background-size: 100% auto;
  vertical-align: top;
}

.hint,
[data-hint] {
  position: relative;
  display: inline-block;
}

.hint::before,
.hint::after,
[data-hint]::before,
[data-hint]::after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.hint:hover::before,
.hint:hover::after,
[data-hint]:hover::before,
[data-hint]:hover::after {
  visibility: visible;
  opacity: 1;
}

.hint::before,
[data-hint]::before {
  content: '';
  position: absolute;
  background: transparent;
  border: 8px solid transparent;
  z-index: 1000001;
}

.hint::after,
[data-hint]::after {
  content: attr(data-hint);
  color: #FFF;
  background: #505975;
  padding: 3rem;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  width: 240px;
  text-align: center;
  text-transform: none;
  border-radius: 2rem;
  -webkit-box-shadow: 0 5px 20px 0 rgba(33, 37, 48, 0.5);
  box-shadow: 0 5px 20px 0 rgba(33, 37, 48, 0.5);
}
@media (max-width: 1279px) {
  .hint::after,
  [data-hint]::after {
    width: 160px;
  }
}

.hint--top::before,
.hint--top::after {
  bottom: 100%;
  left: 50%;
}

.hint--top::before {
  margin-bottom: -15px;
  margin-left: -8px;
  border-top-color: #505975;
}
@media (max-width: 1279px) {
  .hint--top::before {
    margin-left: 0;
    left: inherit;
    right: 0;
  }
}

.hint--top::after {
  margin-left: -120px;
}
@media (max-width: 1279px) {
  .hint--top::after {
    margin-left: -80px;
  }
}

.hint--top:hover::before,
.hint--top:hover::after {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
}

.txt-with-icn img {
  display: inline-block;
  margin: 0.3rem 1rem 0 0;
  vertical-align: top;
}
.txt-with-icn.md {
  font-size: 24px;
}
@media (max-width: 767px) {
  .txt-with-icn.md {
    font-size: 16px;
  }
}
.txt-with-icn.md img {
  width: 24px;
  margin: 0.5rem 1.2rem 0 0;
}
@media (max-width: 767px) {
  .txt-with-icn.md img {
    width: 16px;
  }
}
.txt-with-icn.lg {
  font-size: 30px;
}
@media (max-width: 767px) {
  .txt-with-icn.lg {
    font-size: 20px;
  }
}
.txt-with-icn.lg img {
  width: 32px;
  margin: 0.7rem 1.5rem 0 0;
}
@media (max-width: 767px) {
  .txt-with-icn.lg img {
    width: 20px;
  }
}

.buttons {
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: fit-content;
  padding: 0.7rem 2rem;
  color: #FFF;
  font-family: "Montserrat", serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: #0066FF;
  border: 2px solid transparent;
  border-radius: 10rem;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 767px) {
  .btn {
    gap: 1.5rem;
    font-size: 12px;
  }
}
.btn:hover, .btn:focus-within {
  color: #FFF;
  border-color: #FFF;
}
.btn.sm {
  padding: 0.4rem 1.2rem;
  font-size: 12px;
}
@media (max-width: 767px) {
  .btn.sm {
    font-size: 10px;
  }
}
.btn.sm.arw::after, .btn.sm.arw-back::before {
  width: 12px;
  height: 12px;
}
@media (max-width: 767px) {
  .btn.sm.arw::after, .btn.sm.arw-back::before {
    width: 10px;
    height: 10px;
  }
}
.btn.md {
  padding: 1.4rem 3rem;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .btn.md {
    font-size: 14px;
  }
}
.btn.lg {
  gap: 2rem;
  padding: 1.8rem 4rem;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .btn.lg {
    font-size: 16px;
  }
}
.btn.xl {
  gap: 2rem;
  padding: 2.5rem 5.5rem;
  font-size: 20px;
  font-weight: 800;
}
@media (max-width: 767px) {
  .btn.xl {
    font-size: 16px;
  }
}
.btn.arw::after {
  flex: 0 0 auto;
  content: "";
  width: 16px;
  height: 16px;
  background: url(../img/arw_btn.svg) 0 0 no-repeat;
  background-size: cover;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
}
@media (max-width: 767px) {
  .btn.arw::after {
    width: 12px;
    height: 12px;
  }
}
.btn.arw.down::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.btn.arw-back::before {
  flex: 0 0 auto;
  content: "";
  width: 16px;
  height: 16px;
  background: url(../img/arw_btn.svg) 0 0 no-repeat;
  background-size: cover;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .btn.arw-back::before {
    width: 12px;
    height: 12px;
  }
}
.btn.check::before {
  flex: 0 0 auto;
  content: "";
  width: 12px;
  height: 12px;
  margin: 2px 12px 0 0;
  background: url(../img/checkmark.svg) 0 0 no-repeat;
  background-size: cover;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
}
.btn.check.arw::after {
  margin: 3px 0 0 16px;
}
.btn.check.arw::after {
  margin: 6px 0 0 20px;
}
.btn.magnifier::after {
  flex: 0 0 auto;
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/icns/outline/24/magnifier.svg) 0 0 no-repeat;
  background-size: cover;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
}
.btn.light {
  background: #5F6987;
}
.btn.red, .btn.warning {
  background: #FC0D50;
}
.btn.green, .btn.success {
  background: #009643;
}
.btn.gray {
  background: #5F6987;
}
.btn.orange {
  background: #ff6200;
}
.btn.border {
  color: #A6B0CD;
  border-color: #A6B0CD;
  background: transparent;
}
.btn.border:hover, .btn.border:focus-within {
  color: #FFF;
  background: #5F6987;
  border-color: #5F6987;
}
.btn.border.ui-state-active {
  color: #FFF;
  background: #5F6987;
  border-color: #5F6987;
}
.btn.border.arw-back::before, .btn.border.arw-back::after, .btn.border.arw::before, .btn.border.arw::after {
  filter: brightness(0) saturate(100%) invert(88%) sepia(44%) saturate(1146%) hue-rotate(179deg) brightness(86%) contrast(84%);
}
.btn.border.arw-back:hover::before, .btn.border.arw-back:hover::after, .btn.border.arw-back:focus-within::before, .btn.border.arw-back:focus-within::after, .btn.border.arw:hover::before, .btn.border.arw:hover::after, .btn.border.arw:focus-within::before, .btn.border.arw:focus-within::after {
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
}
.btn.border.arw-back.ui-state-active, .btn.border.arw.ui-state-active {
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
}

.btn-desktop-first {
  order: -1;
}

.not-btn {
  pointer-events: none;
}

.site-header {
  padding: 3rem 0;
  position: relative;
  z-index: 1000;
}
.site-header .wrapper > .row {
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  position: relative;
}
.site-header .nav {
  font-weight: 500;
}
@media (max-width: 1279px) {
  .site-header .nav {
    display: none;
  }
  .checkout .site-header .nav {
    display: block;
  }
}
.site-header .nav ul,
.site-header .nav li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
.site-header .nav ul {
  height: 100%;
}
.site-header .nav li {
  list-style: none;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.site-header .nav a {
  flex: 1 1 auto;
  padding: 1.2rem 3rem;
  cursor: pointer;
  text-decoration: none;
  border: 2px solid transparent;
}
.site-header .nav a.special {
  background: #0066FF;
  border-radius: 9rem;
}
.site-header .nav a.special:hover, .site-header .nav a.special:focus-within {
  color: #FFF;
  border-color: #FFF;
}
.site-header .nav a.tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 767px) {
  .site-header .nav a.tel {
    gap: 1.5rem;
  }
}
.site-header .nav a.tel::before {
  flex: 0 0 auto;
  content: '';
  width: 16px;
  height: 16px;
  background: url(../img/icns/fill/16/phone.svg) 0 0 no-repeat;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(36%) sepia(65%) saturate(3520%) hue-rotate(132deg) brightness(90%) contrast(101%);
}
@media (max-width: 767px) {
  .site-header .nav a.tel::before {
    width: 12px;
    height: 12px;
  }
}
.site-header .nav .has-sub > a {
  padding-right: 5rem;
}
.site-header .nav .has-sub > a::after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background: url(../img/arw_nav.svg) center center no-repeat;
  background-size: 100% auto;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
  position: absolute;
  top: calc(50% - 5px);
  right: 2rem;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.site-header .nav .has-sub:hover, .site-header .nav .has-sub:focus-within, .site-header .nav .has-sub.open {
  background: #2B3143;
}
.site-header .nav .has-sub:hover > ul, .site-header .nav .has-sub:focus-within > ul, .site-header .nav .has-sub.open > ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.site-header .nav .has-sub:hover > a::after, .site-header .nav .has-sub:focus-within > a::after, .site-header .nav .has-sub.open > a::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.site-header .nav .has-sub ul {
  display: none;
  opacity: 0;
  visibility: hidden;
  min-width: 100%;
  height: inherit;
  text-transform: none;
  background: #2B3143;
  box-shadow: 0 1rem 2rem 0 rgba(33, 37, 48, 0.75);
  white-space: nowrap;
  position: absolute;
  top: 100%;
  right: 0;
}
.site-header .nav .has-sub ul:hover, .site-header .nav .has-sub ul:focus {
  display: block;
  opacity: 1;
  visibility: visible;
}
.site-header .nav .has-sub ul li {
  border-top: 1px solid #212530;
}
.site-header .nav .has-sub ul li:first-child {
  border-top: none;
}
.site-header .nav .has-sub ul li:hover, .site-header .nav .has-sub ul li:focus-within {
  background: #373E54;
}

/* Logo */
.site-logo {
  flex: 0 0 auto;
  width: 292px;
  height: 62px;
  background: url(../img/logo.svg) 0 0 no-repeat;
  background-size: contain;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .site-logo {
    width: 152px;
    height: 32px;
  }
}
.site-logo::before {
  display: block;
  content: "";
  width: 62px;
  height: 62px;
  background: conic-gradient(rgba(33, 37, 48, 0) 0%, rgba(33, 37, 48, 0) 75%, #0066ff 100%);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@media (max-width: 767px) {
  .site-logo::before {
    width: 32px;
    height: 32px;
  }
}
.site-logo a {
  display: block;
  height: 100%;
  position: relative;
  z-index: 1;
}
.site-logo.static {
  background-image: url(../img/logo_static.svg);
}
.site-logo.static::before {
  display: none;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.count {
  display: inline-block;
  margin-top: -2px;
  padding: 1px 3px;
  color: #FFF;
  font-size: 11px;
  font-weight: 700;
  line-height: 12px;
  background: #FC0D50;
  vertical-align: top;
  border-radius: 3px;
}

body .count {
  margin-top: -2px;
}

.slicknav_menu {
  flex: 0 0 auto;
  display: none;
  order: 2;
  position: relative;
  z-index: 1000;
}
@media (max-width: 1279px) {
  .slicknav_menu {
    display: block;
  }
  .checkout .slicknav_menu {
    display: none;
  }
}

a.slicknav_btn {
  display: block;
  height: 100%;
  position: relative;
}
a.slicknav_btn.slicknav_open .slicknav_icon {
  background: url(../img/x.svg) center center no-repeat;
  background-size: 18px auto;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
}
a.slicknav_btn.slicknav_open .slicknav_icon-bar {
  display: none;
}

.slicknav_menutxt {
  font-size: 0px;
  text-decoration: none;
  text-indent: -999em;
}

.slicknav_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 24px;
  padding: 3px 0;
}

.slicknav_icon-bar {
  height: 2px;
  background: #FFF;
}

.slicknav_nav {
  display: block;
  width: 300px;
  padding: 20px 30px;
  font-size: 16px;
  background: #424B65;
  border-radius: 1rem;
  position: absolute;
  top: calc(100% + 1rem);
  right: 0;
  -webkit-box-shadow: 0 5px 10px 0 rgba(33, 37, 48, 0.75);
  box-shadow: 0 5px 10px 0 rgba(33, 37, 48, 0.75);
}
.slicknav_nav ul {
  margin: 0;
}
.slicknav_nav ul ul {
  max-height: 50vh;
  padding-left: 30px;
  font-size: 14px;
  overflow-y: auto;
}
.slicknav_nav li {
  margin: 0;
  border-top: 1px solid #505975;
  list-style: none;
}
.slicknav_nav li:first-child {
  border-top: none;
}
.slicknav_nav a {
  display: block;
  padding: 15px 0;
  text-decoration: none;
  position: relative;
}
.slicknav_nav a.special {
  margin-top: 20px;
  padding: 10px;
  font-weight: 500;
  text-align: center;
  background: #0066FF;
  border-radius: 9rem;
}
.slicknav_nav a.special:hover, .slicknav_nav a.special:focus-within {
  color: #FFF;
  border-color: #FFF;
}
.slicknav_nav a.tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 2rem;
}
.slicknav_nav a.tel::before {
  flex: 0 0 auto;
  content: '';
  width: 16px;
  height: 16px;
  background: url(../img/icns/fill/16/phone.svg) 0 0 no-repeat;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(36%) sepia(65%) saturate(3520%) hue-rotate(132deg) brightness(90%) contrast(101%);
}
.slicknav_nav .slicknav_row {
  padding: 0;
}
.slicknav_nav .has-sub > a::after {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  background: url(../img/arw_nav.svg) center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: calc(50% - 4px);
  right: 0;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.slicknav_nav .has-sub.slicknav_open > a::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.slicknav_nav .has-sub ul {
  border-top: 1px solid #505975;
}

.slicknav_arrow {
  display: none;
}

.site-footer {
  padding-bottom: 6rem;
  line-height: 1.75;
}
.site-footer ul {
  margin: 0;
}
.site-footer li {
  margin: 0;
  list-style: none;
}
.site-footer .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8rem;
  padding: 6rem 0;
  border-top: 1px solid #373E54;
}
@media (max-width: 1279px) {
  .site-footer .row {
    flex-direction: column;
    gap: 4rem;
  }
}
.site-footer .col {
  flex: 0 1 100%;
  min-width: 0px;
  min-height: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  position: relative;
}
.site-footer .col:not(:first-child)::before {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  background: #373E54;
  position: absolute;
  top: 0;
  left: calc(0px - 8rem / 2);
}
@media (max-width: 1279px) {
  .site-footer .col:not(:first-child)::before {
    display: none;
  }
}
.site-footer .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.site-footer .nav a {
  text-decoration: none;
}
.site-footer .ttl {
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .site-footer .ttl {
    font-size: 16px;
  }
}
.site-footer .cpy small {
  display: inline-block;
  margin-left: -2px;
  font-size: 0.75em;
  line-height: 1.5;
  vertical-align: top;
}
@media (max-width: 1279px) {
  .site-footer .cpy br {
    display: none;
  }
}

a.as-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem 2rem;
  text-decoration: none;
  background: #2B3143;
  border-radius: 10rem;
}
a.as-link:hover, a.as-link:focus-within {
  background: #373E54;
}
a.as-link::before {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background: url(../img/accsessibility.svg) 0 0 no-repeat;
  background-size: 100% auto;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
}

.ic {
  display: block;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  filter: brightness(0) saturate(100%) invert(59%) sepia(23%) saturate(306%) hue-rotate(186deg) brightness(94%) contrast(94%);
}
@media (max-width: 767px) {
  .ic {
    width: 24px;
    height: 24px;
  }
}
.ic.special {
  filter: brightness(0) saturate(100%) invert(27%) sepia(76%) saturate(5291%) hue-rotate(212deg) brightness(104%) contrast(109%);
}
.ic.warning {
  filter: brightness(0) saturate(100%) invert(17%) sepia(80%) saturate(5234%) hue-rotate(335deg) brightness(98%) contrast(102%);
}
.ic.success {
  filter: brightness(0) saturate(100%) invert(36%) sepia(65%) saturate(3520%) hue-rotate(132deg) brightness(90%) contrast(101%);
}
.ic.orange {
  filter: brightness(0) saturate(100%) invert(52%) sepia(23%) saturate(3288%) hue-rotate(359deg) brightness(100%) contrast(108%);
}
.ic.white {
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
}
.ic.x2 {
  width: 48px;
  height: 48px;
}
@media (max-width: 767px) {
  .ic.x2 {
    width: 24px;
    height: 24px;
  }
}
.ic.x3 {
  width: 64px;
  height: 64px;
}
@media (max-width: 767px) {
  .ic.x3 {
    width: 24px;
    height: 24px;
  }
}

.ic-account {
  background-image: url(../img/icns/outline/32/account.svg);
}

.ic-account-delete {
  background-image: url(../img/icns/outline/32/account_delete.svg);
}

.ic-ai {
  background-image: url(../img/icns/outline/32/ai.svg);
}

.ic-alert {
  background-image: url(../img/icns/outline/32/alert.svg);
}

.ic-alerts {
  background-image: url(../img/icns/outline/32/alerts.svg);
}

.ic-analytics {
  background-image: url(../img/icns/outline/32/analytics.svg);
}

.ic-api {
  background-image: url(../img/icns/outline/32/api.svg);
}

.ic-avatar {
  background-image: url(../img/icns/outline/32/avatar.svg);
}

.ic-avatar-unlocked {
  background-image: url(../img/icns/outline/32/avatar_unlocked.svg);
}

.ic-avatar-update {
  background-image: url(../img/icns/outline/32/avatar_update.svg);
}

.ic-bar-arw-down {
  background-image: url(../img/icns/outline/32/bar_arw_down.svg);
}

.ic-bar-arw-up {
  background-image: url(../img/icns/outline/32/bar_arw_up.svg);
}

.ic-bill {
  background-image: url(../img/icns/outline/32/bill.svg);
}

.ic-blacklist {
  background-image: url(../img/icns/outline/32/blacklist.svg);
}

.ic-bot {
  background-image: url(../img/icns/outline/32/bot.svg);
}

.ic-browser-alert {
  background-image: url(../img/icns/outline/32/browser_alert.svg);
}

.ic-browser-magnifier {
  background-image: url(../img/icns/outline/32/browser_magnifier.svg);
}

.ic-browser-skull {
  background-image: url(../img/icns/outline/32/browser_skull.svg);
}

.ic-browser-user {
  background-image: url(../img/icns/outline/32/browser_user.svg);
}

.ic-bubbles {
  background-image: url(../img/icns/outline/32/bubbles.svg);
}

.ic-bubbles-question {
  background-image: url(../img/icns/outline/32/bubbles_question.svg);
}

.ic-calculator-dollar {
  background-image: url(../img/icns/outline/32/calculator_dollar.svg);
}

.ic-calendar {
  background-image: url(../img/icns/outline/32/calendar.svg);
}

.ic-calendar-alert {
  background-image: url(../img/icns/outline/32/calendar_alert.svg);
}

.ic-calendar-clock {
  background-image: url(../img/icns/outline/32/calendar_clock.svg);
}

.ic-calendar-dollar {
  background-image: url(../img/icns/outline/32/calendar_dollar.svg);
}

.ic-car {
  background-image: url(../img/icns/outline/32/car.svg);
}

.ic-captcha {
  background-image: url(../img/icns/outline/32/captcha.svg);
}

.ic-cards {
  background-image: url(../img/icns/outline/32/cards.svg);
}

.ic-crypto {
  background-image: url(../img/icns/outline/32/crypto.svg);
}

.ic-cart {
  background-image: url(../img/icns/outline/32/cart.svg);
}

.ic-chart {
  background-image: url(../img/icns/outline/32/chart.svg);
}

.ic-checkmark {
  background-image: url(../img/icns/outline/32/checkmark.svg);
}

.ic-checklist {
  background-image: url(../img/icns/outline/32/checklist.svg);
}

.ic-cloud {
  background-image: url(../img/icns/outline/32/cloud.svg);
}

.ic-computer-alert {
  background-image: url(../img/icns/outline/32/computer_alert.svg);
}

.ic-computers-lightning {
  background-image: url(../img/icns/outline/32/computers_lightning.svg);
}

.ic-copyright {
  background-image: url(../img/icns/outline/32/copyright.svg);
}

.ic-court {
  background-image: url(../img/icns/outline/32/court.svg);
}

.ic-creditsafe {
  background-image: url(../img/icns/outline/32/creditsafe.svg);
}

.ic-cyber {
  background-image: url(../img/icns/outline/32/cyber.svg);
}

.ic-dark-web {
  background-image: url(../img/icns/outline/32/dark_web.svg);
}

.ic-deep-web {
  background-image: url(../img/icns/outline/32/deep_web.svg);
}

.ic-dea {
  background-image: url(../img/icns/outline/32/dea.svg);
}

.ic-dictionary {
  background-image: url(../img/icns/outline/32/dictionary.svg);
}

.ic-doc-check {
  background-image: url(../img/icns/outline/32/doc_check.svg);
}

.ic-doc-dollar {
  background-image: url(../img/icns/outline/32/doc_dollar.svg);
}

.ic-doc-dollar2 {
  background-image: url(../img/icns/outline/32/doc_dollar2.svg);
}

.ic-doc-lock-open {
  background-image: url(../img/icns/outline/32/doc_lock_open.svg);
}

.ic-doc-magnifier {
  background-image: url(../img/icns/outline/32/doc_magnifier.svg);
}

.ic-doc-link {
  background-image: url(../img/icns/outline/32/document_link.svg);
}

.ic-document {
  background-image: url(../img/icns/outline/32/document.svg);
}

.ic-document-alert {
  background-image: url(../img/icns/outline/32/document_alert.svg);
}

.ic-document-eye {
  background-image: url(../img/icns/outline/32/document_eye.svg);
}

.ic-dollar {
  background-image: url(../img/icns/outline/32/dollar.svg);
}

.ic-dollar-arrows {
  background-image: url(../img/icns/outline/32/dollar_arrows.svg);
}

.ic-dollar-alert {
  background-image: url(../img/icns/outline/32/dollar_alert.svg);
}

.ic-dollar-gavel {
  background-image: url(../img/icns/outline/32/dollar_gavel.svg);
}

.ic-download {
  background-image: url(../img/icns/outline/32/download.svg);
}

.ic-ear {
  background-image: url(../img/icns/outline/32/ear.svg);
}

.ic-edit {
  background-image: url(../img/icns/outline/32/edit.svg);
}

.ic-education {
  background-image: url(../img/icns/outline/32/education.svg);
}

.ic-email {
  background-image: url(../img/icns/outline/32/email.svg);
}

.ic-email-shield {
  background-image: url(../img/icns/outline/32/email_shield.svg);
}

.ic-email-skull {
  background-image: url(../img/icns/outline/32/email_skull.svg);
}

.ic-energy {
  background-image: url(../img/icns/outline/32/energy.svg);
}

.ic-envelope {
  background-image: url(../img/icns/outline/32/envelope.svg);
}

.ic-envelope-skull {
  background-image: url(../img/icns/outline/32/envelope_skull.svg);
}

.ic-exclamation {
  background-image: url(../img/icns/outline/32/exclamation.svg);
}

.ic-eye {
  background-image: url(../img/icns/outline/32/eye.svg);
}

.ic-eye-no {
  background-image: url(../img/icns/outline/32/eye_no.svg);
}

.ic-face-id {
  background-image: url(../img/icns/outline/32/face_id.svg);
}

.ic-faq {
  background-image: url(../img/icns/outline/32/faq.svg);
}

.ic-fingerprint-capture {
  background-image: url(../img/icns/outline/32/fingerprint_capture.svg);
}

.ic-firewall {
  background-image: url(../img/icns/outline/32/firewall.svg);
}

.ic-fist {
  background-image: url(../img/icns/outline/32/fist.svg);
}

.ic-folder-document {
  background-image: url(../img/icns/outline/32/folder_document.svg);
}

.ic-folder-user {
  background-image: url(../img/icns/outline/32/folder_user.svg);
}

.ic-gavel {
  background-image: url(../img/icns/outline/32/gavel.svg);
}

.ic-gears {
  background-image: url(../img/icns/outline/32/gears.svg);
}

.ic-gear-alert {
  background-image: url(../img/icns/outline/32/gear_alert.svg);
}

.ic-gear-user {
  background-image: url(../img/icns/outline/32/gear_user.svg);
}

.ic-git {
  background-image: url(../img/icns/outline/32/git.svg);
}

.ic-globe {
  background-image: url(../img/icns/outline/32/globe.svg);
}

.ic-government {
  background-image: url(../img/icns/outline/32/government.svg);
}

.ic-graph-increase {
  background-image: url(../img/icns/outline/32/graph_increase.svg);
}

.ic-group {
  background-image: url(../img/icns/outline/32/group.svg);
}

.ic-group2 {
  background-image: url(../img/icns/outline/32/group2.svg);
}

.ic-group3 {
  background-image: url(../img/icns/outline/32/group3.svg);
}

.ic-group4 {
  background-image: url(../img/icns/outline/32/group4.svg);
}

.ic-group5 {
  background-image: url(../img/icns/outline/32/group5.svg);
}

.ic-hacker {
  background-image: url(../img/icns/outline/32/hacker.svg);
}

.ic-hand-dollar {
  background-image: url(../img/icns/outline/32/hand_dollar.svg);
}

.ic-handcuffs {
  background-image: url(../img/icns/outline/32/handcuffs.svg);
}

.ic-handshake {
  background-image: url(../img/icns/outline/32/handshake.svg);
}

.ic-headphones {
  background-image: url(../img/icns/outline/32/headphones.svg);
}

.ic-health {
  background-image: url(../img/icns/outline/32/health.svg);
}

.ic-hhd {
  background-image: url(../img/icns/outline/32/hhd.svg);
}

.ic-home {
  background-image: url(../img/icns/outline/32/home.svg);
}

.ic-id {
  background-image: url(../img/icns/outline/32/id.svg);
}

.ic-id-theft {
  background-image: url(../img/icns/outline/32/id_theft.svg);
}

.ic-images {
  background-image: url(../img/icns/outline/32/images.svg);
}

.ic-industrial {
  background-image: url(../img/icns/outline/32/industrial.svg);
}

.ic-info {
  background-image: url(../img/icns/outline/32/info.svg);
}

.ic-insurance {
  background-image: url(../img/icns/outline/32/insurance.svg);
}

.ic-ip {
  background-image: url(../img/icns/outline/32/ip.svg);
}

.ic-ip-alert {
  background-image: url(../img/icns/outline/32/ip_alert.svg);
}

.ic-ip-blacklist {
  background-image: url(../img/icns/outline/32/ip_blacklist.svg);
}

.ic-key {
  background-image: url(../img/icns/outline/32/key.svg);
}

.ic-keylogger {
  background-image: url(../img/icns/outline/32/keylogger.svg);
}

.ic-lightning {
  background-image: url(../img/icns/outline/32/lightning.svg);
}

.ic-lock {
  background-image: url(../img/icns/outline/32/lock.svg);
}

.ic-lock-open {
  background-image: url(../img/icns/outline/32/lock_open.svg);
}

.ic-magnifier-lock-open {
  background-image: url(../img/icns/outline/32/magnifier_lock_open.svg);
}

.ic-map-magnifier {
  background-image: url(../img/icns/outline/32/map_magnifier.svg);
}

.ic-masking {
  background-image: url(../img/icns/outline/32/masking.svg);
}

.ic-medicine {
  background-image: url(../img/icns/outline/32/medicine.svg);
}

.ic-megaphone {
  background-image: url(../img/icns/outline/32/megaphone.svg);
}

.ic-news {
  background-image: url(../img/icns/outline/32/news.svg);
}

.ic-no {
  background-image: url(../img/icns/outline/32/no.svg);
}

.ic-noise {
  background-image: url(../img/icns/outline/32/noise.svg);
}

.ic-passport {
  background-image: url(../img/icns/outline/32/passport.svg);
}

.ic-password {
  background-image: url(../img/icns/outline/32/password.svg);
}

.ic-password-manager {
  background-image: url(../img/icns/outline/32/password_manager.svg);
}

.ic-phishing {
  background-image: url(../img/icns/outline/32/phishing.svg);
}

.ic-phishing-account {
  background-image: url(../img/icns/outline/32/phishing_account.svg);
}

.ic-phishing-attachment {
  background-image: url(../img/icns/outline/32/phishing_attachment.svg);
}

.ic-phishing-email {
  background-image: url(../img/icns/outline/32/phishing_email.svg);
}

.ic-phishing-no {
  background-image: url(../img/icns/outline/32/phishing_no.svg);
}

.ic-phishing-password {
  background-image: url(../img/icns/outline/32/phishing_password.svg);
}

.ic-phishing-suitcase {
  background-image: url(../img/icns/outline/32/phishing_suitcase.svg);
}

.ic-phone {
  background-image: url(../img/icns/outline/32/phone.svg);
}

.ic-pin {
  background-image: url(../img/icns/outline/32/pin.svg);
}

.ic-plus {
  background-image: url(../img/icns/outline/32/plus.svg);
}

.ic-police {
  background-image: url(../img/icns/outline/32/police.svg);
}

.ic-promo {
  background-image: url(../img/icns/outline/32/promo.svg);
}

.ic-question {
  background-image: url(../img/icns/outline/32/question.svg);
}

.ic-ram {
  background-image: url(../img/icns/outline/32/ram.svg);
}

.ic-rings {
  background-image: url(../img/icns/outline/32/rings.svg);
}

.ic-rootkit {
  background-image: url(../img/icns/outline/32/rootkit.svg);
}

.ic-satellite {
  background-image: url(../img/icns/outline/32/satellite.svg);
}

.ic-scan {
  background-image: url(../img/icns/outline/32/scan.svg);
}

.ic-score {
  background-image: url(../img/icns/outline/32/score.svg);
}

.ic-score2 {
  background-image: url(../img/icns/outline/32/score2.svg);
}

.ic-score-low {
  background-image: url(../img/icns/outline/32/score_low.svg);
}

.ic-server {
  background-image: url(../img/icns/outline/32/server.svg);
}

.ic-server-shield {
  background-image: url(../img/icns/outline/32/server_shield.svg);
}

.ic-share {
  background-image: url(../img/icns/outline/32/share.svg);
}

.ic-shield-ai {
  background-image: url(../img/icns/outline/32/shield_ai.svg);
}

.ic-shield-checkmark {
  background-image: url(../img/icns/outline/32/shield_checkmark.svg);
}

.ic-shield-lock {
  background-image: url(../img/icns/outline/32/shield_lock.svg);
}

.ic-shield-lock-open {
  background-image: url(../img/icns/outline/32/shield_lock_open.svg);
}

.ic-shield-password {
  background-image: url(../img/icns/outline/32/shield_password.svg);
}

.ic-shield-user {
  background-image: url(../img/icns/outline/32/shield_user.svg);
}

.ic-shop {
  background-image: url(../img/icns/outline/32/shop.svg);
}

.ic-shredder {
  background-image: url(../img/icns/outline/32/shredder.svg);
}

.ic-smartphone {
  background-image: url(../img/icns/outline/32/smartphone.svg);
}

.ic-smartphone-shield {
  background-image: url(../img/icns/outline/32/smartphone_shield.svg);
}

.ic-smartphone-alert {
  background-image: url(../img/icns/outline/32/smartphone_alert.svg);
}

.ic-smile-bad {
  background-image: url(../img/icns/outline/32/smile_bad.svg);
}

.ic-shop-no {
  background-image: url(../img/icns/outline/32/shop_no.svg);
}

.ic-spy {
  background-image: url(../img/icns/outline/32/spy.svg);
}

.ic-speed-low {
  background-image: url(../img/icns/outline/32/speed_low.svg);
}

.ic-speed-medium {
  background-image: url(../img/icns/outline/32/speed_medium.svg);
}

.ic-speed-high {
  background-image: url(../img/icns/outline/32/speed_high.svg);
}

.ic-ssn {
  background-image: url(../img/icns/outline/32/ssn.svg);
}

.ic-star-lightning {
  background-image: url(../img/icns/outline/32/star_lightning.svg);
}

.ic-suitcase {
  background-image: url(../img/icns/outline/32/suitcase.svg);
}

.ic-support {
  background-image: url(../img/icns/outline/32/support.svg);
}

.ic-tactics {
  background-image: url(../img/icns/outline/32/tactics.svg);
}

.ic-target {
  background-image: url(../img/icns/outline/32/target.svg);
}

.ic-telegram {
  background-image: url(../img/icns/outline/32/telegram.svg);
}

.ic-test-external {
  background-image: url(../img/icns/outline/32/test_external.svg);
}

.ic-test-internal {
  background-image: url(../img/icns/outline/32/test_internal.svg);
}

.ic-test-box-closed {
  background-image: url(../img/icns/outline/32/test_box_closed.svg);
}

.ic-test-box-open {
  background-image: url(../img/icns/outline/32/test_box_open.svg);
}

.ic-test-blind {
  background-image: url(../img/icns/outline/32/test_blind.svg);
}

.ic-thumbsup {
  background-image: url(../img/icns/outline/32/thumbsup.svg);
}

.ic-timeline {
  background-image: url(../img/icns/outline/32/timeline.svg);
}

.ic-token {
  background-image: url(../img/icns/outline/32/token.svg);
}

.ic-training-alert {
  background-image: url(../img/icns/outline/32/training_alert.svg);
}

.ic-two-factor {
  background-image: url(../img/icns/outline/32/two_factor.svg);
}

.ic-vpn {
  background-image: url(../img/icns/outline/32/vpn.svg);
}

.ic-vr {
  background-image: url(../img/icns/outline/32/vr.svg);
}

.ic-upload {
  background-image: url(../img/icns/outline/32/upload.svg);
}

.ic-usa {
  background-image: url(../img/icns/outline/32/usa.svg);
}

.ic-user {
  background-image: url(../img/icns/outline/32/user.svg);
}

.ic-user-alert {
  background-image: url(../img/icns/outline/32/user_alert.svg);
}

.ic-users {
  background-image: url(../img/icns/outline/32/users.svg);
}

.ic-wallet {
  background-image: url(../img/icns/outline/32/wallet.svg);
}

.ic-web {
  background-image: url(../img/icns/outline/32/web.svg);
}

.ic-wifi {
  background-image: url(../img/icns/outline/32/wifi.svg);
}

.ic-whatsapp {
  background-image: url(../img/icns/outline/32/whatsapp.svg);
}

.ic-xss {
  background-image: url(../img/icns/outline/32/xss.svg);
}

.ic-city {
  background-image: url(../img/icns/outline/32/city.svg);
}

.ic-scales {
  background-image: url(../img/icns/outline/32/scales.svg);
}

.ic-www {
  background-image: url(../img/icns/outline/32/www.svg);
}

.ic-tax {
  background-image: url(../img/icns/outline/32/tax.svg);
}

.ic-dnb {
  background-image: url(../img/icns/outline/32/dnb.svg);
}

.ic-company {
  background-image: url(../img/icns/outline/32/company.svg);
}

.ic-email-password {
  background-image: url(../img/icns/outline/32/email_password.svg);
}

.ic-clock {
  background-image: url(../img/icns/outline/32/clock.svg);
}

/* Icons Social */
.ic-social-blogger {
  background-image: url(../img/icns/social/blogger.svg);
}

.ic-social-dailymotion {
  background-image: url(../img/icns/social/dailymotion.svg);
}

.ic-social-disqus {
  background-image: url(../img/icns/social/disqus.svg);
}

.ic-social-ebay {
  background-image: url(../img/icns/social/ebay.svg);
}

.ic-social-facebook {
  background-image: url(../img/icns/social/facebook.svg);
}

.ic-social-flickr {
  background-image: url(../img/icns/social/flickr.svg);
}

.ic-social-foursquare {
  background-image: url(../img/icns/social/foursquare.svg);
}

.ic-social-instagram {
  background-image: url(../img/icns/social/instagram.svg);
}

.ic-social-linkedin {
  background-image: url(../img/icns/social/linkedin.svg);
}

.ic-social-pinterest {
  background-image: url(../img/icns/social/pinterest.svg);
}

.ic-social-reddit {
  background-image: url(../img/icns/social/reddit.svg);
}

.ic-social-slideshare {
  background-image: url(../img/icns/social/slideshare.svg);
}

.ic-social-tumblr {
  background-image: url(../img/icns/social/tumblr.svg);
}

.ic-social-twitter {
  background-image: url(../img/icns/social/twitter.svg);
}

.ic-social-typepad {
  background-image: url(../img/icns/social/typepad.svg);
}

.ic-social-vimeo {
  background-image: url(../img/icns/social/vimeo.svg);
}

.ic-social-vkontakte {
  background-image: url(../img/icns/social/vkontakte.svg);
}

.ic-social-youtube {
  background-image: url(../img/icns/social/youtube.svg);
}

form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  border: none;
  margin: 0;
  padding: 0;
}

.form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.form .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
@media (max-width: 767px) {
  .form .row {
    flex-direction: column;
  }
}
.form .row .row {
  gap: 1rem;
}
@media (max-width: 767px) {
  .form .row .row {
    flex-direction: row;
  }
}
.form .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex: 0 1 100%;
  min-width: 0;
  position: relative;
}
@media (max-width: 767px) {
  .form .col {
    flex: 0 1 100%;
  }
}
.form .col.cta {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.form .col.cta.inline {
  flex: 0 0 auto;
  align-items: flex-start;
  padding-top: calc(24px + 0.5rem);
}
@media (max-width: 767px) {
  .form .col.cta.inline {
    padding-top: 0;
  }
}
.form .col.center {
  align-items: center;
}
.form .col.w12 {
  flex: 0 0 calc(100% / 2);
}
.form .col.w13 {
  flex: 0 0 calc(100% / 3);
}
.form .col.w14 {
  flex: 0 0 calc(100% / 4);
}
.form .col.w15 {
  flex: 0 0 calc(100% / 5);
}
.form .col.w16 {
  flex: 0 0 calc(100% / 6);
}
.form .col.w23 {
  flex: 0 0 calc(100% / 3 * 2);
}
.form.small {
  max-width: 720px;
}

.form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .form-label {
    font-size: 12px;
  }
}
.form-label .req {
  color: #FC0D50;
}
.form-label .num {
  color: #A6B0CD;
  font-size: 12px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .form-label .num {
    font-size: 10px;
  }
}
.form-label.fx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-error {
  display: none;
  margin-top: 0.5rem;
  color: #ffaec5;
  font-size: 13px;
}
@media (max-width: 767px) {
  .form-error {
    font-size: 12px;
  }
}
.not-valid .form-error {
  display: block;
}

.was-validated .form-control:invalid ~ .form-error {
  display: block;
}

.form-note {
  margin-top: 0.5rem;
  color: #A6B0CD;
  font-size: 16px;
  text-align: left;
}

.form-input {
  position: relative;
}
.form-input:has(.input-show-hide) .form-control {
  padding-right: 48px;
}
@media (max-width: 767px) {
  .form-input:has(.input-show-hide) .form-control {
    padding-right: 40px;
  }
}

a.input-show-hide {
  display: block;
  width: 24px;
  height: 24px;
  font-size: 0;
  text-decoration: none;
  text-indent: -999em;
  background: url(../img/input_show_hide.svg) 0 0 no-repeat;
  background-size: 100% auto;
  filter: brightness(0) saturate(100%) invert(59%) sepia(23%) saturate(306%) hue-rotate(186deg) brightness(94%) contrast(94%);
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 12px;
  -webkit-transition: all 0s ease;
  -o-transition: all 0s ease;
  transition: all 0s ease;
}
@media (max-width: 767px) {
  a.input-show-hide {
    top: 8px;
    right: 8px;
  }
}
a.input-show-hide.show {
  background-position: 0 -24px;
}

.form-control {
  margin: 0;
  outline: none;
  font-family: 'Montserrat', sans-serif;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  background-color: #212530;
  border: 1px solid #5F6987;
  border-radius: 1rem;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 767px) {
  .form-control {
    height: 40px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 20px;
  }
}
.form-control:hover {
  border-color: #0066FF;
}
.form-control:focus, .form-control:active {
  border-color: #0066FF;
  -webkit-box-shadow: inset 0 0 0 1px #0066FF;
  box-shadow: inset 0 0 0 1px #0066FF;
}
.form-control.special {
  background-color: #EEF8FF;
}
.was-validated .form-control:invalid {
  border-color: #FC0D50;
  -webkit-box-shadow: inset 0 0 0 1px #FC0D50;
  box-shadow: inset 0 0 0 1px #FC0D50;
}
.not-valid .form-control {
  border-color: #FC0D50;
  -webkit-box-shadow: inset 0 0 0 1px #FC0D50;
  box-shadow: inset 0 0 0 1px #FC0D50;
}
.form-control[disabled] {
  background-color: #5F6987;
  cursor: not-allowed;
  opacity: 1;
}
.form-control[readonly] {
  background-color: #373E54;
  border-color: #5F6987;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
}
.form-control.sm {
  height: 32px;
  padding: 0 8px;
  font-size: 14px;
}
.form-control.md {
  height: 48px;
  padding: 0 12px;
}
@media (max-width: 767px) {
  .form-control.md {
    height: 40px;
  }
}
.form-control.lg {
  height: 60px;
  padding: 0 16px;
  font-size: 18px;
}
@media (max-width: 767px) {
  .form-control.lg {
    height: 48px;
    padding: 0 12px;
    font-size: 16px;
  }
}

.form-btn {
  margin: 0;
  outline: none;
  font-family: 'Montserrat', sans-serif;
  display: block;
  height: auto;
  vertical-align: top;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.error-note {
  margin-top: 0.5rem;
  color: #FC0D50;
  font-size: 13px;
  font-style: italic;
}

select.form-control {
  padding-right: 32px;
  background-image: url(../img/select.svg);
  background-position: calc(100% - 12px) center;
  background-repeat: no-repeat;
  background-size: 8px auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
@media (max-width: 767px) {
  select.form-control {
    padding-right: 24px;
    background-position: calc(100% - 8px) center;
    background-size: 6px auto;
  }
}
select.form-control.sm, select.form-control.md, select.form-control.lg {
  padding-right: 30px;
}
select.form-control.sm {
  background-size: 6px auto;
}

textarea.form-control {
  display: block;
  min-height: 160px;
  padding: 14px 16px;
  text-transform: none;
  overflow: auto;
  resize: vertical;
  vertical-align: top;
}

::-webkit-input-placeholder {
  color: #A6B0CD;
}

:-ms-input-placeholder {
  color: #A6B0CD;
}

::-moz-placeholder {
  color: #A6B0CD;
  opacity: 1;
}

:-moz-placeholder {
  color: #A6B0CD;
  opacity: 1;
}

input:-webkit-autofill {
  transition: background-color 600000s 0s, color 600000s 0s;
}
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}

.form-check-radio-list .form-check-radio:not(:last-child) {
  margin-bottom: 1rem;
}
.form-check-radio-list.fx .form-check-radio:not(:last-child) {
  margin: 0 2rem 0 0;
}

.form-check-radio {
  display: block;
  padding-left: 30px;
  cursor: pointer;
  position: relative;
}
@media (max-width: 767px) {
  .form-check-radio {
    padding-left: 32px;
  }
}
.form-check-radio input {
  width: 20px;
  height: 20px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
.form-check-radio input:checked ~ .checkbox,
.form-check-radio input:checked ~ .radiobutton {
  background-color: #0066FF;
  border-color: #0066FF;
}
.form-check-radio input:checked ~ .checkbox::after,
.form-check-radio input:checked ~ .radiobutton::after {
  display: block;
}
.form-check-radio .checkbox,
.form-check-radio .radiobutton {
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #212530;
  border: 2px solid #5F6987;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.form-check-radio.not-valid .checkbox,
.form-check-radio.not-valid .radiobutton {
  border-color: #FC0D50;
}
.form-check-radio .form-error {
  margin: 0;
}
.form-check-radio .checkbox {
  border-radius: 0.5rem;
}
.form-check-radio .checkbox::after {
  content: "";
  position: absolute;
  display: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  background-image: url(../img/checkbox.svg);
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.form-check-radio .radiobutton {
  border-radius: 50%;
}
.form-check-radio .radiobutton::after {
  content: "";
  position: absolute;
  display: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 8px;
  height: 8px;
  left: calc(50% - 4px);
  top: calc(50% - 4px);
  background: #FFF;
  border-radius: 50%;
}
.form-check-radio:hover .checkbox,
.form-check-radio:hover .radiobutton {
  border-color: #0066FF;
}
.form-check-radio .txt {
  display: block;
  font-size: 14px;
}
@media (max-width: 767px) {
  .form-check-radio .txt {
    font-size: 12px;
  }
}
.form-check-radio .txt strong {
  font-weight: 500;
}
.form-check-radio.small {
  padding-left: 32px;
}
.form-check-radio.small input {
  width: 20px;
  height: 20px;
}
.form-check-radio.small .checkbox,
.form-check-radio.small .radiobutton {
  height: 20px;
  width: 20px;
  border-width: 1px;
}
.form-check-radio.small .checkbox::after {
  width: 10px;
  height: 10px;
  left: calc(50% - 5px);
  top: calc(50% - 5px);
}
.form-check-radio.small .txt {
  font-size: 14px;
}

.search-form .sf-input {
  position: relative;
}
.search-form .sf-input input {
  padding-right: 46px;
}

.sf-btn {
  width: 46px;
  height: 46px;
  margin: 0;
  padding: 0;
  font-size: 0px;
  background: url(../img/magnifier.svg) center center no-repeat;
  background-size: 24px auto;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
  border: none;
  opacity: 0.5;
  vertical-align: top;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: absolute;
  top: 1px;
  right: 1px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.sf-btn:hover, .sf-btn:focus-within {
  opacity: 1;
}
@media (max-width: 767px) {
  .sf-btn {
    width: 38px;
    height: 38px;
    background-size: 16px auto;
  }
}

.form-help {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 767px) {
  .form-help {
    top: 0;
  }
}
.form-help .lnk {
  display: block;
  width: 18px;
  height: 18px;
  color: #FFF;
  font-size: 10px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  background-color: #0066FF;
  border-radius: 50%;
  cursor: pointer;
}
.form-help .lnk::before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  background: url(../img/x.svg) center center no-repeat;
  background-size: 0px auto;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 4px);
}
.form-help .lnk:hover {
  color: #FFF;
  background-color: #009643;
}
.form-help .lnk.hide {
  font-size: 0px;
  background-color: #212530;
}
.form-help .lnk.hide::before {
  background-size: contain;
}
.form-help .ans {
  width: 202px;
  border: 6px solid #FFF;
  border-radius: 1rem;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: calc(100% + 5px);
  -webkit-box-shadow: 0 5px 20px 0 rgba(33, 37, 48, 0.5);
  box-shadow: 0 5px 20px 0 rgba(33, 37, 48, 0.5);
}

.card-js .icon {
  display: none;
}
.card-js .card-number-wrapper {
  position: relative;
}
.card-js .card-number-wrapper .card-type-icon {
  width: 32px;
  height: 20px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  right: 9px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .card-js .card-number-wrapper .card-type-icon {
    right: 9px;
  }
}
.card-js .card-number-wrapper .card-type-icon.visa {
  background-image: url(../img/checkout/card_visa.svg);
}
.card-js .card-number-wrapper .card-type-icon.master-card {
  background-image: url(../img/checkout/card_mastercard.svg);
}
.card-js .card-number-wrapper .card-type-icon.american-express {
  background-image: url(../img/checkout/card_amex.svg);
}
.card-js .card-number-wrapper .card-type-icon.discover {
  background-image: url(../img/checkout/card_discover.svg);
}
.card-js .card-number-wrapper .show {
  opacity: 1;
}
.card-js input.card-number {
  padding-right: 48px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.lbox-link {
  cursor: pointer;
}

.lbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: rgba(33, 37, 48, 0.75);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.lbox.show {
  visibility: visible;
  opacity: 1;
}
.lbox .lbox-body {
  width: 100%;
  max-width: 800px;
  margin: auto;
  padding: 6rem;
  background: #373E54;
  position: relative;
  z-index: 2;
  border-radius: 2rem;
  -webkit-box-shadow: 0 0 5rem 0 #212530;
  box-shadow: 0 0 5rem 0 #212530;
}
.lbox .lbox-body.mw-xs {
  max-width: 360px;
}
.lbox .lbox-body.mw-sm {
  max-width: 480px;
}
.lbox .lbox-body.mw-md {
  max-width: 800px;
}
.lbox .lbox-body.mw-lg {
  max-width: 960px;
}
.lbox .lbox-body.mw-xl {
  max-width: 1080px;
}

.lbox-close {
  display: block;
  width: 6rem;
  height: 6rem;
  font-size: 0;
  cursor: pointer;
  text-decoration: none;
  text-indent: -999em;
  background: url(../img/x.svg) center center no-repeat;
  background-size: 1.6rem auto;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
  position: absolute;
  top: 0;
  right: 0;
}
.lbox-close:hover, .lbox-close:focus-within {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.lbox-hide {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
}

.lbox-t1 {
  color: #FFF;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .lbox-t1 {
    font-size: 18px;
  }
}

.lbox-t1,
.lbox-icn,
.lbox .d-sum {
  margin: 4rem 0;
}

.lbox-logo {
  margin: 4rem 0;
}

.hint-link {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 0;
  text-indent: -999em;
  text-decoration: none;
  background: url(../img/ctrl_info.svg) 0 0 no-repeat;
  background-size: 100% auto;
  filter: brightness(0) saturate(100%) invert(52%) sepia(16%) saturate(624%) hue-rotate(188deg) brightness(98%) contrast(81%);
  cursor: pointer;
  vertical-align: top;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.hint-link:hover, .hint-link:focus-within {
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
}

.table {
  margin-right: -1px;
  margin-left: -1px;
}
@media (max-width: 767px) {
  .table {
    overflow-x: scroll;
  }
}
.table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
}
.table.fixed table {
  table-layout: fixed;
}
.table thead tr,
.table tfoot tr {
  background: #424B65;
}
.table thead th,
.table tfoot th {
  font-weight: 500;
}
.table tbody tr {
  background: #373E54;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.table td,
.table th {
  padding: 2rem;
  text-align: left;
  vertical-align: top;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.table.small td,
.table.small th {
  padding: 1.5rem 1rem;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: 11px;
}
.table.small img {
  margin: 0 auto 1rem auto;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
}
.table.center td,
.table.center th {
  text-align: center;
}
.table.center td {
  vertical-align: middle;
}
.table ul,
.table ol {
  margin-left: 20px;
}
.table .c1 {
  background: #424B65;
}
.table .c2 {
  color: #FFF;
  background: #505975;
}
.table .rgt {
  text-align: right;
}
.table strong {
  font-weight: 500;
}
.table.hover tbody tr:hover, .table.hover tbody tr:focus-within {
  background: #0066FF;
}
.table.hover tbody tr:hover .c1,
.table.hover tbody tr:hover .c2, .table.hover tbody tr:focus-within .c1,
.table.hover tbody tr:focus-within .c2 {
  background: #0066FF;
}

.intro-container {
  background: #2B3143;
  overflow: hidden;
}

.intro {
  padding: 5rem 0 8rem 0;
}
.intro .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 8rem;
}
@media (max-width: 1279px) {
  .intro .row {
    flex-direction: column;
    gap: 5rem;
  }
}
.intro .inf {
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 1279px) {
  .intro .inf {
    align-items: center;
    text-align: center;
  }
}
.intro .ttl {
  margin: 0;
  font-size: 56px;
  font-weight: 800;
  line-height: 1.25;
}
@media (max-width: 1279px) {
  .intro .ttl {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .intro .ttl {
    font-size: 28px;
  }
}
@media (max-width: 413px) {
  .intro .ttl {
    font-size: 24px;
  }
}
.intro .txt {
  font-size: 20px;
  line-height: 1.75;
}
@media (max-width: 767px) {
  .intro .txt {
    font-size: 16px;
    line-height: 1.5;
  }
}
@media (max-width: 413px) {
  .intro .txt {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .intro .txt br {
    display: none;
  }
}
.intro .cta {
  padding-top: 1rem;
}
.intro .img {
  flex: 0 0 auto;
  width: 640px;
  height: 550px;
  position: relative;
  z-index: 0;
}
@media (max-width: 1279px) {
  .intro .img {
    width: 480px;
    height: 413px;
  }
}
@media (max-width: 767px) {
  .intro .img {
    width: 320px;
    height: 275px;
  }
}
@media (max-width: 374px) {
  .intro .img {
    width: 240px;
    height: 206px;
  }
}
.intro .img::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/intro.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.intro .img::after {
  display: block;
  content: "";
  width: 136rem;
  height: 136rem;
  background: radial-gradient(circle, #424b65 0%, rgba(43, 49, 67, 0) 68rem, rgba(43, 49, 67, 0) 100%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.lbox-scan .lbox-body {
  max-width: 880px;
  padding: 0;
  background: #0066FF;
}
.lbox-scan .hdr {
  padding: 3rem 6rem;
  font-size: 44px;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
}
@media (max-width: 1023px) {
  .lbox-scan .hdr {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .lbox-scan .hdr {
    font-size: 24px;
  }
}
.lbox-scan .bdy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  padding: 4rem 6rem;
  background: #373E54;
  border-radius: 2rem;
}
.lbox-scan .bdy .ttl {
  text-align: center;
}
.lbox-scan .bdy .ttl strong {
  text-decoration: underline;
}
.lbox-scan .bdy .dsc {
  font-size: 14px;
  text-align: center;
}
@media (max-width: 767px) {
  .lbox-scan .bdy .dsc {
    font-size: 12px;
  }
}
.lbox-scan .bdy .form-label {
  font-size: 16px;
}
@media (max-width: 767px) {
  .lbox-scan .bdy .form-label {
    font-size: 13px;
  }
}
.lbox-scan .bdy .form-control {
  text-align: center;
}
.lbox-scan .bdy ::-webkit-input-placeholder {
  font-style: italic;
}
.lbox-scan .bdy :-ms-input-placeholder {
  font-style: italic;
}
.lbox-scan .bdy ::-moz-placeholder {
  font-style: italic;
}
.lbox-scan .bdy :-moz-placeholder {
  font-style: italic;
}

.arw-scan {
  position: relative;
}
.arw-scan::before {
  display: block;
  content: "";
  width: 10.8rem;
  height: 9.6rem;
  background: url(../img/arw_scan.svg) 0 0 no-repeat;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(36%) sepia(65%) saturate(3520%) hue-rotate(132deg) brightness(90%) contrast(101%);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  top: -6rem;
  left: -12rem;
}
@media (max-width: 1023px) {
  .arw-scan::before {
    display: none;
  }
}
.arw-scan.not-valid::before {
  filter: brightness(0) saturate(100%) invert(17%) sepia(80%) saturate(5234%) hue-rotate(335deg) brightness(98%) contrast(102%);
}

.lbox-loader .lbox-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  padding: 0;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.lbox-loader .scn {
  width: 24.8rem;
  height: 24.8rem;
  background: url(../img/loader.svg) center center no-repeat;
  background-size: contain;
  position: relative;
}
.lbox-loader .scn::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: conic-gradient(rgba(33, 37, 48, 0) 0%, rgba(33, 37, 48, 0) 75%, #0066ff 100%);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.lbox-loader .inf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.lbox-loader .inf .t1 {
  font-size: 48px;
  font-weight: 800;
}
@media (max-width: 1279px) {
  .lbox-loader .inf .t1 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .lbox-loader .inf .t1 {
    font-size: 24px;
  }
}
.lbox-loader .inf .t2 {
  font-size: 18px;
}
@media (max-width: 767px) {
  .lbox-loader .inf .t2 {
    font-size: 14px;
  }
}

.loader-container {
  flex-direction: column;
  gap: 3rem;
  padding-top: 3rem;
}
.loader-container .h1 {
  margin: 0;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.25;
}
@media (max-width: 1279px) {
  .loader-container .h1 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .loader-container .h1 {
    font-size: 20px;
    line-height: 1.5;
  }
}

.ld-prg {
  align-items: center;
  justify-content: center;
  gap: 3rem;
}
.ld-prg .scn {
  flex: 0 0 auto;
  width: 92px;
  height: 92px;
  background: url(../img/loader_bg.svg) center center/contain no-repeat;
  position: relative;
}
@media (max-width: 767px) {
  .ld-prg .scn {
    width: 46px;
    height: 46px;
  }
}
.ld-prg .scn::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: conic-gradient(rgba(33, 37, 48, 0) 0%, rgba(33, 37, 48, 0) 75%, #0066ff 100%);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.ld-prg .scn .dot {
  width: 8px;
  height: 8px;
  background: #FC0D50;
  border-radius: 50%;
  opacity: 0;
  position: absolute;
  animation: fade ease-in 3s infinite;
}
@media (max-width: 767px) {
  .ld-prg .scn .dot {
    width: 5px;
    height: 5px;
  }
}
.ld-prg .scn .dot:nth-child(1) {
  top: 27px;
  left: 27px;
  animation-delay: 2s;
}
@media (max-width: 767px) {
  .ld-prg .scn .dot:nth-child(1) {
    top: 13px;
    left: 13px;
  }
}
.ld-prg .scn .dot:nth-child(2) {
  top: 19px;
  left: 65px;
  animation-delay: 5s;
}
@media (max-width: 767px) {
  .ld-prg .scn .dot:nth-child(2) {
    top: 9px;
    left: 32px;
  }
}
.ld-prg .scn .dot:nth-child(3) {
  top: 65px;
  left: 19px;
  animation-delay: 8s;
}
@media (max-width: 767px) {
  .ld-prg .scn .dot:nth-child(3) {
    top: 32px;
    left: 9px;
  }
}
.ld-prg .scn .dot:nth-child(4) {
  top: 64px;
  left: 42px;
  animation-delay: 12s;
}
@media (max-width: 767px) {
  .ld-prg .scn .dot:nth-child(4) {
    top: 32px;
    left: 21px;
  }
}
.ld-prg .scn .dot:nth-child(5) {
  top: 43px;
  left: 63px;
  animation-delay: 16s;
}
@media (max-width: 767px) {
  .ld-prg .scn .dot:nth-child(5) {
    top: 21px;
    left: 31px;
  }
}
.ld-prg .prg {
  flex: 0 1 100%;
  width: 100%;
  max-width: 640px;
  height: 2.4rem;
  background: #373E54;
  border-radius: 9rem;
  overflow: hidden;
  position: relative;
}
.ld-prg .prg .bar {
  height: 100%;
  background: #FC0D50;
  border-radius: 9rem;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.ld-prg .prc {
  flex: 0 0 auto;
  width: 92px;
  font-size: 40px;
  font-weight: 800;
}
@media (max-width: 767px) {
  .ld-prg .prc {
    width: 46px;
    font-size: 20px;
  }
}

@keyframes fade {
  0%, 100% {
    opacity: 0;
  }
  25%, 75% {
    opacity: 1;
  }
}
.ld-lst {
  justify-content: center;
  gap: 6rem;
}
@media (max-width: 1023px) {
  .ld-lst {
    flex-direction: column;
    align-items: center;
  }
}
.ld-lst .col {
  flex-direction: column;
  width: 100%;
  max-width: 320px;
  gap: 2rem;
}
.ld-lst .col > * {
  margin-top: 0;
  margin-bottom: 0;
}
.ld-lst .col h2 {
  align-items: center;
  gap: 2rem;
  font-size: 24px;
  font-weight: 800;
}
@media (max-width: 767px) {
  .ld-lst .col h2 {
    font-size: 20px;
  }
}
.ld-lst .col h2::before {
  flex: 1 1 auto;
  content: "";
  height: 1px;
  background: #424B65;
  order: 1;
}
.ld-lst .col h2 .ic {
  order: 2;
}
.ld-lst .col .ul-check li::before {
  filter: brightness(0) saturate(100%) invert(27%) sepia(76%) saturate(5291%) hue-rotate(212deg) brightness(104%) contrast(109%);
}

.home-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 8rem;
  padding-top: 8rem;
}
.home-container .sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}
.home-container .t1 {
  width: 100%;
  margin: 0;
  font-size: 48px;
  text-align: center;
}
@media (max-width: 1279px) {
  .home-container .t1 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .home-container .t1 {
    font-size: 24px;
  }
}
.home-container .t1 strong {
  font-weight: 800;
}
.home-container .sec-01 {
  max-width: 1240px;
  font-size: 18px;
  text-align: center;
}
@media (max-width: 767px) {
  .home-container .sec-01 {
    font-size: 14px;
  }
}

.monitoring .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.6rem;
}
.monitoring .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 3.2rem;
  flex: 0 0 calc(100% / 4 - 1.6rem / 4 * 3);
  padding: 2.4rem 3.2rem;
  background: #2B3143;
  border-radius: 2rem;
  position: relative;
}
@media (max-width: 1279px) {
  .monitoring .col {
    flex: 0 0 calc(100% / 3 - 1.6rem / 3 * 2);
  }
}
@media (max-width: 1023px) {
  .monitoring .col {
    flex: 0 0 calc(100% / 2 - 1.6rem / 2);
  }
}
.monitoring .col::before {
  flex: 0 0 auto;
  content: "";
  width: 32px;
  height: 32px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(27%) sepia(76%) saturate(5291%) hue-rotate(212deg) brightness(104%) contrast(109%);
}
@media (max-width: 767px) {
  .monitoring .col::before {
    width: 24px;
    height: 24px;
  }
}
.monitoring .col.icn-globe::before {
  background-image: url(../img/icns/outline/32/globe.svg);
}
.monitoring .col.icn-email::before {
  background-image: url(../img/icns/outline/32/email.svg);
}
.monitoring .col.icn-email2::before {
  background-image: url(../img/icns/outline/32/email2.svg);
}
.monitoring .col.icn-users::before {
  background-image: url(../img/icns/outline/32/users.svg);
}
.monitoring .col.icn-government::before {
  background-image: url(../img/icns/outline/32/government.svg);
}
.monitoring .col.icn-cards::before {
  background-image: url(../img/icns/outline/32/cards.svg);
}
.monitoring .col.icn-city::before {
  background-image: url(../img/icns/outline/32/city.svg);
}
.monitoring .col.icn-phone::before {
  background-image: url(../img/icns/outline/32/phone.svg);
}
.monitoring .col.icn-flag::before {
  background-image: url(../img/icns/outline/32/flag.svg);
}
.monitoring .col.icn-document::before {
  background-image: url(../img/icns/outline/32/document.svg);
}
.monitoring .col.icn-password::before {
  background-image: url(../img/icns/outline/32/password.svg);
}
.monitoring .col.icn-health::before {
  background-image: url(../img/icns/outline/32/health.svg);
}
.monitoring .col.icn-legal::before {
  background-image: url(../img/icns/outline/32/legal.svg);
}
.monitoring .col.icn-accounting::before {
  background-image: url(../img/icns/outline/32/accounting.svg);
}
.monitoring .col.icn-financial::before {
  background-image: url(../img/icns/outline/32/financial.svg);
}
.monitoring .col.icn-ecommerce::before {
  background-image: url(../img/icns/outline/32/ecommerce.svg);
}
.monitoring .col.icn-education::before {
  background-image: url(../img/icns/outline/32/education.svg);
}
.monitoring .col.icn-plus::before {
  background-image: url(../img/icns/outline/32/plus.svg);
}
.monitoring .col.icn-ip::before {
  background-image: url(../img/icns/outline/32/ip.svg);
}
.monitoring .txt {
  font-weight: 500;
}
@media (max-width: 767px) {
  .monitoring .txt {
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .monitoring .txt.md-none {
    display: none;
  }
}
.monitoring .val {
  padding: 4px 8px;
  color: #A6B0CD;
  font-size: 12px;
  font-style: italic;
  font-weight: 500;
  line-height: 1;
  background: #424B65;
  border-radius: 5rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
@media (max-width: 767px) {
  .monitoring .val {
    padding: 2px 6px;
    font-size: 8px;
    top: -4px;
    right: -4px;
  }
}

.hiw {
  width: 100%;
  font-size: 18px;
  text-align: center;
}
@media (max-width: 767px) {
  .hiw {
    font-size: 14px;
  }
}
.hiw .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .hiw .row {
    flex-direction: column;
    gap: 6rem;
  }
}
.hiw .col {
  flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  padding: 0 3rem;
  position: relative;
}
.hiw .col:not(:first-child)::before {
  display: block;
  content: "";
  width: 17rem;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: calc(24rem / 2);
  left: calc(0px - 17rem / 2);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 1279px) {
  .hiw .col:not(:first-child)::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .hiw .col {
    padding: 0;
  }
}
.hiw .img {
  width: 24rem;
  height: 24rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.hiw .itm-01 .img {
  background-image: url(../img/hiw_01.svg);
}
.hiw .itm-01 .inf {
  max-width: 290px;
}
.hiw .itm-02:not(:first-child)::before {
  background-image: url(../img/hiw_arw_01.svg);
}
.hiw .itm-02 .img {
  background-image: url(../img/hiw_02.svg);
}
.hiw .itm-02 .inf {
  max-width: 330px;
}
.hiw .itm-03:not(:first-child)::before {
  background-image: url(../img/hiw_arw_02.svg);
}
.hiw .itm-03 .img {
  background-image: url(../img/hiw_03.svg);
}
.hiw .itm-03 .inf {
  max-width: 210px;
}

.benefits {
  width: 100%;
}
.benefits .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  overflow: hidden;
}
.benefits .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  flex: 0 1 calc(100% / 3 - 1.6rem / 3 * 2);
  padding: 4rem;
  background: #2B3143;
  border-radius: 2rem;
  position: relative;
}
@media (max-width: 1279px) {
  .benefits .col {
    flex: 0 1 calc(100% / 2 - 1.6rem / 2);
  }
}
@media (max-width: 1023px) {
  .benefits .col {
    flex: 0 1 100%;
  }
}
.benefits .hdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
.benefits .hdr::after {
  flex: 0 0 auto;
  content: "";
  width: 9rem;
  height: 9rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.benefits .hdr.dark-web::after {
  background-image: url(../img/bnf_01.svg);
}
.benefits .hdr.assets::after {
  background-image: url(../img/bnf_02.svg);
}
.benefits .hdr.reputation::after {
  background-image: url(../img/bnf_03.svg);
}
.benefits .hdr.alerts::after {
  background-image: url(../img/bnf_04.svg);
}
.benefits .hdr.safeguard::after {
  background-image: url(../img/bnf_05.svg);
}
.benefits .hdr.trial::after {
  background-image: url(../img/bnf_06.svg);
}
.benefits .ttl {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .benefits .ttl {
    font-size: 16px;
  }
}
@media (max-width: 1023px) {
  .benefits .ttl br {
    display: none;
  }
}

.stats {
  width: 100%;
}
@media (max-width: 1279px) {
  .stats {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .stats {
    font-size: 12px;
  }
}
.stats .row {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 1.6rem;
  -moz-column-gap: 1.6rem;
  column-gap: 1.6rem;
}
@media (max-width: 1279px) {
  .stats .row {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
.stats .col {
  -webkit-column-break-inside: avoid;
  -moz-page-break-inside: avoid;
  break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 1.6rem;
}
.stats .cnt {
  background: #373E54;
  border-radius: 2rem;
}
.stats .hdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 3rem 4rem;
}
.stats .hdr .ttl {
  margin: 0;
  font-size: 24px;
}
@media (max-width: 767px) {
  .stats .hdr .ttl {
    font-size: 18px;
  }
}
.stats .hdr .txt {
  margin: 0;
  color: #A6B0CD;
  font-size: 13px;
}
@media (max-width: 767px) {
  .stats .hdr .txt {
    font-size: 12px;
  }
}
.stats .bdy {
  padding: 4rem;
  background: #2B3143;
  border-radius: 2rem;
}

.sts-icn .rw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
}
.sts-icn .cl {
  flex: 0 1 calc(100% / 2 - 4rem / 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (max-width: 767px) {
  .sts-icn .cl {
    flex: 0 1 100%;
  }
}
.sts-icn .cn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 3rem;
}
.sts-icn .ic {
  width: 6.4rem;
  height: 6.4rem;
  filter: brightness(0) saturate(100%) invert(27%) sepia(76%) saturate(5291%) hue-rotate(212deg) brightness(104%) contrast(109%);
}
.sts-icn .if {
  flex: 1 1 auto;
}
.sts-icn .vl {
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 1279px) {
  .sts-icn .vl {
    font-size: 24px;
  }
}
.sts-icn .vl small {
  font-size: 20px;
}
@media (max-width: 1279px) {
  .sts-icn .vl small {
    font-size: 16px;
  }
}
.sts-icn .tl,
.sts-icn .tx {
  color: #A6B0CD;
}

.sts-bar table {
  width: 100%;
  border-collapse: collapse;
}
.sts-bar tr.special .tl {
  color: #FFF;
  font-weight: 700;
}
.sts-bar tr.special .prg {
  background: #505975;
}
.sts-bar tr:hover .tl, .sts-bar tr:focus-within .tl {
  color: #FFF;
}
.sts-bar tr:hover .prg, .sts-bar tr:focus-within .prg {
  background: #505975;
}
.sts-bar td {
  padding: 1px 0;
  vertical-align: middle;
}
.sts-bar .tl {
  min-width: 16rem;
  color: #A6B0CD;
  text-align: right;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.sts-bar .vl {
  font-weight: 700;
  white-space: nowrap;
}
.sts-bar .br {
  width: 100%;
  padding: 0 2rem;
}
.sts-bar .prg {
  width: 100%;
  height: 1.6rem;
  background: #373E54;
  border-radius: 2rem;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.sts-bar .prg .bar {
  min-width: 1.6rem;
  height: 100%;
  background: #0066FF;
  border-radius: 2rem;
}

.sts-bar2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sts-bar2 .rw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 0.8rem 1.6rem;
  background: #373E54;
  border-radius: 5rem;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.sts-bar2 .rw:hover, .sts-bar2 .rw:focus-within {
  background: #424B65;
}
.sts-bar2 .tl {
  position: relative;
  z-index: 2;
}
.sts-bar2 .vl {
  font-weight: 700;
  text-align: right;
  position: relative;
  z-index: 2;
}
.sts-bar2 .bar {
  min-width: calc(1.5em + 1.6rem);
  height: 100%;
  background: #0066FF;
  border-radius: 5rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.sts-tbl1 {
  margin-right: -2px;
  margin-left: -2px;
}
@media (max-width: 767px) {
  .sts-tbl1 {
    font-size: 12px;
    overflow-x: scroll;
  }
}
.sts-tbl1 table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
}
.sts-tbl1 thead,
.sts-tbl1 tfoot {
  color: #A6B0CD;
  text-align: left;
}
.sts-tbl1 thead tr,
.sts-tbl1 tfoot tr {
  background: #505975;
}
.sts-tbl1 thead th,
.sts-tbl1 tfoot th {
  font-weight: 500;
}
.sts-tbl1 tbody tr {
  background: #373E54;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.sts-tbl1 tbody tr:nth-of-type(even) {
  background: #424B65;
}
.sts-tbl1 tbody tr:hover, .sts-tbl1 tbody tr:focus-within {
  background: #505975;
}
.sts-tbl1 td,
.sts-tbl1 th {
  padding: 0.8rem 1.2rem;
  border-radius: 0.5rem;
  vertical-align: middle;
}
.sts-tbl1 .c1 {
  color: #FFF;
  background: #0066FF;
}
.sts-tbl1 .c2 {
  color: #FFF;
  background: #505975;
}
.sts-tbl1 .rgt {
  text-align: right;
}

.sts-tbl2 {
  margin-right: -4px;
  margin-left: -4px;
}
.sts-tbl2 table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px;
}
.sts-tbl2 thead,
.sts-tbl2 tfoot {
  color: #A6B0CD;
  text-align: left;
}
.sts-tbl2 thead tr,
.sts-tbl2 tfoot tr {
  background: #505975;
}
.sts-tbl2 thead th,
.sts-tbl2 tfoot th {
  font-weight: 400;
}
.sts-tbl2 thead th:first-child,
.sts-tbl2 tfoot th:first-child {
  border-top-left-radius: 1rem;
}
.sts-tbl2 thead th:last-child,
.sts-tbl2 tfoot th:last-child {
  border-top-right-radius: 1rem;
}
.sts-tbl2 thead td:first-child,
.sts-tbl2 tfoot td:first-child {
  border-bottom-left-radius: 1rem;
}
.sts-tbl2 thead td:last-child,
.sts-tbl2 tfoot td:last-child {
  border-bottom-right-radius: 1rem;
}
.sts-tbl2 tbody tr {
  background: #373E54;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.sts-tbl2 tbody tr:hover, .sts-tbl2 tbody tr:focus-within {
  background: #424B65;
}
.sts-tbl2 tbody:last-child tr:last-child td:first-child {
  border-bottom-left-radius: 1rem;
}
.sts-tbl2 tbody:last-child tr:last-child td:last-child {
  border-bottom-right-radius: 1rem;
}
.sts-tbl2 td,
.sts-tbl2 th {
  padding: 1.5rem 2rem;
  vertical-align: middle;
}
.sts-tbl2 .tl {
  color: #A6B0CD;
}
.sts-tbl2 .c1 {
  color: #FFF;
  background: #0066FF;
}
.sts-tbl2 .c2 {
  color: #FFF;
  background: #505975;
}
.sts-tbl2 .f1 {
  font-size: 24px;
  line-height: 1;
  vertical-align: top;
}
@media (max-width: 1279px) {
  .sts-tbl2 .f1 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .sts-tbl2 .f1 {
    font-size: 16px;
  }
}
.sts-tbl2 .rgt {
  text-align: right;
}

.sts-crl .rw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4rem;
}
.sts-crl .cl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sts-crl.two-cols .cl {
  flex: 0 0 calc(100% / 2 - 4rem / 2);
}
.sts-crl.three-cols .cl {
  flex: 0 0 calc(100% / 3 - 4rem / 3 * 2);
}

@property --p {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}
@keyframes p {
  from {
    --p: 0;
  }
}
.crl {
  --p: 20;
  --b: 1.2rem;
  --c: #0066FF;
  --w: 18rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: var(--w);
  aspect-ratio: 1;
  text-align: center;
  box-shadow: inset 0 0 0 1.2rem #424B65;
  border-radius: 50%;
  position: relative;
  animation: p 1s .5s both;
}
.crl::before, .crl::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.crl::before {
  inset: 0;
  background: radial-gradient(farthest-side, var(--c) 98%, #0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%), #0000 0);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
  mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
}
.crl::after {
  inset: calc(50% - var(--b)/2);
  background: var(--c);
  transform: rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
}
.crl .tl {
  color: #A6B0CD;
}
@media (max-width: 767px) {
  .crl .tl {
    font-size: 10px;
  }
}
.crl .vl {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 1279px) {
  .crl .vl {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .crl .vl {
    font-size: 24px;
  }
}
.crl .il {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  background: #5F6987;
  border-radius: 50%;
  position: absolute;
  top: -0.8rem;
  left: -0.8rem;
}
.crl .il .ic {
  width: 3.2rem;
  height: 3.2rem;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
}

.sts-lst {
  margin-left: 0;
}
.sts-lst li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  margin-left: 0;
  list-style: none;
}

.sts-dat {
  width: 100%;
}
@media (max-width: 1279px) {
  .sts-dat {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .sts-dat {
    font-size: 12px;
  }
}
.sts-dat .rw {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 4rem;
  -moz-column-gap: 4rem;
  column-gap: 4rem;
}
@media (max-width: 1279px) {
  .sts-dat .rw {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (max-width: 767px) {
  .sts-dat .rw {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
.sts-dat .cl {
  -webkit-column-break-inside: avoid;
  -moz-page-break-inside: avoid;
  break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 4rem;
}
.sts-dat .cn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.sts-dat .ic {
  filter: brightness(0) saturate(100%) invert(27%) sepia(76%) saturate(5291%) hue-rotate(212deg) brightness(104%) contrast(109%);
}
.sts-dat .if {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.sts-dat .if > * {
  margin: 0;
}
.sts-dat .ul-check li::before {
  filter: brightness(0) saturate(100%) invert(36%) sepia(65%) saturate(3520%) hue-rotate(132deg) brightness(90%) contrast(101%);
}

.sts-ai {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 30rem;
  position: relative;
}
@media (max-width: 1023px) {
  .sts-ai {
    gap: 4rem;
  }
}
.sts-ai::before {
  display: block;
  content: "";
  width: 19.2rem;
  height: 19.2rem;
  background: url(../img/ai.svg) center center no-repeat;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 1023px) {
  .sts-ai::before {
    flex: 0 1 100%;
    position: relative;
    top: inherit;
    left: inherit;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
}
.sts-ai .cl {
  flex: 0 1 calc(100% / 2 - 30rem / 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 3rem;
}
@media (max-width: 1023px) {
  .sts-ai .cl {
    flex: 0 1 calc(100% / 2 - 4rem / 2);
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .sts-ai .cl {
    flex: 0 1 100%;
  }
}
.sts-ai .cl:nth-of-type(odd) {
  text-align: right;
}
@media (max-width: 1023px) {
  .sts-ai .cl:nth-of-type(odd) {
    text-align: left;
  }
}
.sts-ai .cl:nth-of-type(odd) .ic {
  order: 1;
}
@media (max-width: 1023px) {
  .sts-ai .cl:nth-of-type(odd) .ic {
    order: -1;
  }
}
.sts-ai .ic {
  width: 6.4rem;
  height: 6.4rem;
  filter: brightness(0) saturate(100%) invert(27%) sepia(76%) saturate(5291%) hue-rotate(212deg) brightness(104%) contrast(109%);
}
.sts-ai .if {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sts-ai .if > * {
  margin: 0;
}

.sts-blk {
  flex-direction: column;
  gap: 8rem;
  width: 100%;
}
.sts-blk .rw {
  gap: 8rem;
}
@media (max-width: 767px) {
  .sts-blk .rw {
    flex-direction: column;
  }
}
.sts-blk .cl {
  flex: 0 1 100%;
  flex-direction: column;
  gap: 8rem;
  position: relative;
}
.sts-blk .cl:not(:first-child)::before {
  display: block;
  content: '';
  width: 1px;
  height: 100%;
  background: #424B65;
  position: absolute;
  top: 0;
  left: -4rem;
}
@media (max-width: 767px) {
  .sts-blk .cl:not(:first-child)::before {
    width: 100%;
    height: 1px;
    top: -4rem;
    left: 0;
  }
}
.sts-blk .cn {
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.sts-blk .cn:not(:first-child)::before {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  background: #424B65;
  position: absolute;
  top: -4rem;
  left: 0;
}

.ig-icn-txt .ul {
  flex-direction: column;
  gap: 1rem;
  width: fit-content;
  margin: auto;
}
.ig-icn-txt .li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 2rem;
}

.ig-pie-txt {
  align-items: center;
  gap: 2rem;
}
.ig-pie-txt .txt {
  flex: 0 1 100%;
  text-align: center;
}
.ig-pie-txt .txt .t1 {
  font-size: 24px;
  font-weight: 800;
}
.ig-pie-txt .pie {
  flex: 0 0 auto;
}

.ig-bar-txt {
  flex-direction: column;
  gap: 2rem;
}
.ig-bar-txt .ul {
  flex-direction: column;
  gap: 1rem;
  width: fit-content;
  margin: auto;
}
.ig-bar-txt .li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.ig-bar-txt .li .mc {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
.ig-bar-txt .bar {
  gap: 1rem;
  height: 200px;
  padding: 0 3rem;
  border-bottom: 1px solid #FFF;
}
.ig-bar-txt .bar .col {
  flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 0.5rem;
}
.ig-bar-txt .bar .col .br {
  padding: 0.5rem;
  font-weight: 700;
  text-align: center;
  border-radius: 0.4rem 0.4rem 0 0;
}
.ig-bar-txt .c1 {
  background-color: #FC0D50;
}
.ig-bar-txt .c2 {
  background-color: #009643;
}
.ig-bar-txt .c3 {
  background-color: #0066FF;
}
.ig-bar-txt .c4 {
  background-color: #ff6200;
}

.sts-blks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.sts-blks .cl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  flex: 0 1 calc(100% / 2 - 1rem / 2);
  padding: 4rem;
  background: #2B3143;
  border-radius: 2rem;
}
@media (max-width: 767px) {
  .sts-blks .cl {
    flex: 0 1 100%;
  }
}
.sts-blks .ic {
  width: 6.4rem;
  height: 6.4rem;
  filter: brightness(0) saturate(100%) invert(27%) sepia(76%) saturate(5291%) hue-rotate(212deg) brightness(104%) contrast(109%);
}
.sts-blks .if {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sts-blks .vl {
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .sts-blks .vl {
    font-size: 24px;
  }
}
.sts-blks .vl small {
  font-size: 20px;
}
@media (max-width: 767px) {
  .sts-blks .vl small {
    font-size: 16px;
  }
}
.sts-blks .tl {
  color: #A6B0CD;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .sts-blks .tl {
    font-size: 16px;
  }
}

.article-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6rem;
  width: 100%;
  max-width: 1280px;
  margin: auto;
  padding-top: 3rem;
}
@media (max-width: 1279px) {
  .article-container {
    flex-direction: column;
  }
}
.article-container .cont {
  flex: 1 1 auto;
  font-size: 18px;
}
@media (max-width: 767px) {
  .article-container .cont {
    font-size: 14px;
  }
}
.article-container .cont ul li {
  list-style: none;
  position: relative;
}
.article-container .cont ul li::before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid #0066FF;
  border-radius: 50%;
  position: absolute;
  top: 0.4em;
  right: calc(100% + 1.5rem);
}
@media (max-width: 767px) {
  .article-container .cont ul li::before {
    width: 8px;
    height: 8px;
  }
}
.article-container .cont ol {
  margin-left: 0;
  counter-reset: my-counter;
}
.article-container .cont ol li {
  padding-left: calc(26px + 1.5rem);
  counter-increment: my-counter;
  list-style-type: none;
  position: relative;
}
.article-container .cont ol li::before {
  display: block;
  content: counter(my-counter) " ";
  width: 26px;
  height: 26px;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  text-align: center;
  background: #505975;
  border-top: 1px solid #0066FF;
  border-radius: 0.7rem;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1279px) {
  .article-container .cont ol li::before {
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .article-container .cont ol li::before {
    width: 24px;
    height: 24px;
    border-top-width: 1px;
    font-size: 12px;
    line-height: 23px;
  }
}
.article-container .side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  flex: 0 0 auto;
  width: 360px;
}
.article-container .img-main {
  width: 100%;
  height: 36rem;
  margin: 4rem auto;
  border-radius: 2rem;
  object-fit: cover;
}
.article-container h2 {
  padding: 3rem 0 3rem 4rem;
  background: linear-gradient(90deg, #2b3143 0%, rgba(33, 37, 48, 0) 100%);
}

.inline-img {
  float: right;
  width: 320px;
  margin: 0 0 2rem 4rem;
  position: relative;
}
@media (max-width: 767px) {
  .inline-img {
    width: 120px;
  }
}
.inline-img + p {
  margin-top: 0;
}
.inline-img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 2rem;
}
@media (max-width: 767px) {
  .inline-img img {
    height: 80px;
  }
}
.inline-img figcaption {
  margin-top: 1rem;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .inline-img figcaption {
    font-size: 10px;
  }
}

.art-lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin: 4rem 0;
}
.art-lst .rw {
  padding-left: calc(32px + 3.2rem);
  position: relative;
}
@media (max-width: 767px) {
  .art-lst .rw {
    padding-left: calc(24px + 3.2rem);
  }
}
.art-lst .rw * {
  margin: 0;
}
.art-lst .rw h3:not(:last-child),
.art-lst .rw h4:not(:last-child),
.art-lst .rw p:not(:last-child),
.art-lst .rw ul:not(:last-child),
.art-lst .rw ol:not(:last-child) {
  margin-bottom: 1rem;
}
.art-lst .rw .icn {
  width: 32px;
  height: 32px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.2rem;
  left: 0;
}
@media (max-width: 767px) {
  .art-lst .rw .icn {
    width: 24px;
    height: 24px;
    top: 0;
  }
}
.art-lst .rw .icn.icn-access-no {
  background-image: url(../img/icns/color/32/access_no.svg);
}
.art-lst .rw .icn.icn-alerts {
  background-image: url(../img/icns/color/32/alerts.svg);
}
.art-lst .rw .icn.icn-browser-alert {
  background-image: url(../img/icns/color/32/browser_alert.svg);
}
.art-lst .rw .icn.icn-computer-alert {
  background-image: url(../img/icns/color/32/computer_alert.svg);
}
.art-lst .rw .icn.icn-computer-gear {
  background-image: url(../img/icns/color/32/computer_gear.svg);
}
.art-lst .rw .icn.icn-computer-shield {
  background-image: url(../img/icns/color/32/computer_shield.svg);
}
.art-lst .rw .icn.icn-computer-skull {
  background-image: url(../img/icns/color/32/computer_skull.svg);
}
.art-lst .rw .icn.icn-cybersecurity {
  background-image: url(../img/icns/color/32/cybersecurity.svg);
}
.art-lst .rw .icn.icn-document-lock-open {
  background-image: url(../img/icns/color/32/document_lock_open.svg);
}
.art-lst .rw .icn.icn-document-shield {
  background-image: url(../img/icns/color/32/document_shield.svg);
}
.art-lst .rw .icn.icn-dollar {
  background-image: url(../img/icns/color/32/dollar.svg);
}
.art-lst .rw .icn.icn-email-shield {
  background-image: url(../img/icns/color/32/email_shield.svg);
}
.art-lst .rw .icn.icn-encryption {
  background-image: url(../img/icns/color/32/encryption.svg);
}
.art-lst .rw .icn.icn-fingerprint {
  background-image: url(../img/icns/color/32/fingerprint.svg);
}
.art-lst .rw .icn.icn-gear-user {
  background-image: url(../img/icns/color/32/gear_user.svg);
}
.art-lst .rw .icn.icn-globe-shield {
  background-image: url(../img/icns/color/32/globe_shield.svg);
}
.art-lst .rw .icn.icn-graph-up {
  background-image: url(../img/icns/color/32/graph_up.svg);
}
.art-lst .rw .icn.icn-group {
  background-image: url(../img/icns/color/32/group.svg);
}
.art-lst .rw .icn.icn-hdd {
  background-image: url(../img/icns/color/32/hdd.svg);
}
.art-lst .rw .icn.icn-key-shield {
  background-image: url(../img/icns/color/32/key_shield.svg);
}
.art-lst .rw .icn.icn-monitoring {
  background-image: url(../img/icns/color/32/monitoring.svg);
}
.art-lst .rw .icn.icn-network {
  background-image: url(../img/icns/color/32/network.svg);
}
.art-lst .rw .icn.icn-password {
  background-image: url(../img/icns/color/32/password.svg);
}
.art-lst .rw .icn.icn-phishing {
  background-image: url(../img/icns/color/32/phishing.svg);
}
.art-lst .rw .icn.icn-protocol {
  background-image: url(../img/icns/color/32/protocol.svg);
}
.art-lst .rw .icn.icn-seal {
  background-image: url(../img/icns/color/32/seal.svg);
}
.art-lst .rw .icn.icn-server {
  background-image: url(../img/icns/color/32/server.svg);
}
.art-lst .rw .icn.icn-server-cloud {
  background-image: url(../img/icns/color/32/server_cloud.svg);
}
.art-lst .rw .icn.icn-server-gear {
  background-image: url(../img/icns/color/32/server_gear.svg);
}
.art-lst .rw .icn.icn-shield-dollar {
  background-image: url(../img/icns/color/32/shield_dollar.svg);
}
.art-lst .rw .icn.icn-shield-gear {
  background-image: url(../img/icns/color/32/shield_gear.svg);
}
.art-lst .rw .icn.icn-signature {
  background-image: url(../img/icns/color/32/signature.svg);
}
.art-lst .rw .icn.icn-test {
  background-image: url(../img/icns/color/32/test.svg);
}
.art-lst .rw .icn.icn-traning {
  background-image: url(../img/icns/color/32/traning.svg);
}
.art-lst .rw .icn.icn-two-factor {
  background-image: url(../img/icns/color/32/two_factor.svg);
}
.art-lst .rw .icn.icn-wifi {
  background-image: url(../img/icns/color/32/wifi.svg);
}

.art-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding: 4rem;
  background: #2B3143;
  border-radius: 2rem;
}
@media (max-width: 767px) {
  .art-blk {
    gap: 2rem;
    padding: 3rem;
  }
}
.art-blk .hdr {
  margin: 0;
  position: relative;
}
.art-blk.acc {
  margin: 4rem 0;
}
.art-blk.acc .hdr {
  cursor: pointer;
}
.art-blk.acc .hdr::before {
  display: block;
  content: "";
  width: 6px;
  height: 10px;
  background: url(../img/arw_sm.svg) center center no-repeat;
  background-size: 100% auto;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.art-blk.acc .hdr.ui-state-active::before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.art-blk.acc .hdr::after {
  display: none;
}
.art-blk.acc ul li::before {
  display: none;
}
.art-blk .bdy {
  font-size: 16px;
}
@media (max-width: 767px) {
  .art-blk .bdy {
    font-size: 13px;
  }
}
.art-blk .bdy .ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
}
.art-blk .bdy .ul li {
  margin: 0;
  list-style: none;
}
.art-blk .bdy .ul a {
  display: block;
  padding-left: 2rem;
  text-decoration: none;
  position: relative;
}
.art-blk .bdy .ul a::before {
  display: block;
  content: "";
  width: 6px;
  height: 10px;
  background: url(../img/arw_sm.svg) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  top: 6px;
  left: 0;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 767px) {
  .art-blk .bdy .ul a::before {
    width: 5px;
    height: 8px;
    top: 5px;
  }
}
.art-blk .bdy .ul a:hover, .art-blk .bdy .ul a:focus-within {
  color: #FFF;
}
.art-blk .bdy .ul a:hover::before, .art-blk .bdy .ul a:focus-within::before {
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
}

.art-table {
  width: 100%;
}
@media (max-width: 1023px) {
  .art-table {
    overflow-x: scroll;
  }
}
.art-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 1px;
}
.art-table thead,
.art-table tfoot {
  text-align: left;
}
.art-table thead tr,
.art-table tfoot tr {
  background: #0066FF;
}
.art-table thead th,
.art-table tfoot th {
  font-weight: 500;
}
.art-table tbody tr {
  background: #2B3143;
}
.art-table td,
.art-table th {
  padding: 1.5rem 2rem;
  vertical-align: top;
}
.art-table .c1 {
  background: #373E54;
}
.art-table .c2 {
  background: #0066FF;
}
.art-table.odd-even tbody tr:nth-of-type(even) {
  background: #373E54;
}
.art-table.odd-even tbody tr:nth-of-type(even) .c2 {
  background: rgba(0, 102, 255, 0.75);
}
.art-table.v-middle td,
.art-table.v-middle th {
  vertical-align: middle;
}
.art-table .icn-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  font-weight: 700;
}
.art-table .icn-txt img {
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
}

.eg-timeline {
  padding-left: 4rem;
  border-left: 2px solid #505975;
}
.eg-timeline .row {
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem 0;
}
.eg-timeline .ttl {
  width: fit-content;
  padding: 0.5rem 1.5rem;
  font-weight: 700;
  background: #505975;
  border-radius: 1rem;
  position: relative;
}
.eg-timeline .ttl::before {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  background: #212530;
  border: 2px solid #505975;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 6px);
  right: calc(100% + 4rem - 5px);
  z-index: 2;
}
.eg-timeline .ttl::after {
  display: block;
  content: "";
  width: 4rem;
  height: 2px;
  background: #505975;
  position: absolute;
  top: calc(50% - 1px);
  right: 100%;
  z-index: 1;
}

.eg-icn-lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.eg-icn-lst .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 3rem;
}
.eg-icn-lst .icn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  align-self: flex-start;
  justify-content: center;
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  background: #0066FF;
  border-radius: 2rem;
}
@media (max-width: 767px) {
  .eg-icn-lst .icn {
    width: 40px;
    height: 40px;
  }
}
.eg-icn-lst .inf > * {
  margin-top: 0;
}
.eg-icn-lst .inf > *:not(:last-child) {
  margin-bottom: 1rem;
}

.eg-brd-lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding-left: calc(3rem + 4px);
  overflow: hidden;
}
.eg-brd-lst .row {
  padding-bottom: 3rem;
  background-image: linear-gradient(to right, #505975 50%, rgba(33, 37, 48, 0) 0%);
  background-position: bottom;
  background-size: 1.6rem 1px;
  background-repeat: repeat-x;
}
.eg-brd-lst .row > * {
  margin-top: 0;
}
.eg-brd-lst .row > *:not(:last-child) {
  margin-bottom: 1rem;
}
.eg-brd-lst h3,
.eg-brd-lst .h3,
.eg-brd-lst h4,
.eg-brd-lst .h4,
.eg-brd-lst h5,
.eg-brd-lst .h5 {
  position: relative;
}
.eg-brd-lst h3::before,
.eg-brd-lst .h3::before,
.eg-brd-lst h4::before,
.eg-brd-lst .h4::before,
.eg-brd-lst h5::before,
.eg-brd-lst .h5::before {
  display: block;
  content: "";
  width: 4px;
  height: 100%;
  background: #0066FF;
  position: absolute;
  top: 0;
  left: calc(0px - (3rem + 4px));
}

.eg-ord-lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  counter-reset: my-counter;
}
.eg-ord-lst .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: calc(3rem + 36px);
  counter-increment: my-counter;
  list-style-type: none;
  position: relative;
}
@media (max-width: 1279px) {
  .eg-ord-lst .row {
    padding-left: calc(3rem + 30px);
  }
}
@media (max-width: 767px) {
  .eg-ord-lst .row {
    padding-left: calc(3rem + 24px);
  }
}
.eg-ord-lst .row::before {
  display: block;
  content: counter(my-counter) " ";
  width: 36px;
  height: 36px;
  font-size: 18px;
  font-weight: 700;
  line-height: 34px;
  text-align: center;
  background: #505975;
  border-top: 2px solid #0066FF;
  border-radius: 1rem;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1279px) {
  .eg-ord-lst .row::before {
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .eg-ord-lst .row::before {
    width: 24px;
    height: 24px;
    border-top-width: 1px;
    font-size: 12px;
    line-height: 23px;
  }
}
.eg-ord-lst .row > * {
  margin-top: 0;
  margin-bottom: 0;
}

.highcharts-figure {
  width: 100%;
}

.article-container .cont .highcharts-figure ul li::before {
  display: none;
}

.ttl-icn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 3rem;
}
.ttl-icn .icn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  align-self: flex-start;
  justify-content: center;
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  background: #0066FF;
  border-radius: 2rem;
}
@media (max-width: 767px) {
  .ttl-icn .icn {
    width: 40px;
    height: 40px;
  }
}

.news-lst {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
@media (max-width: 767px) {
  .news-lst {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
.news-lst ul {
  margin: 0;
}
.news-lst ul li {
  margin: 0;
  list-style: none;
  -webkit-column-break-inside: avoid;
  -moz-page-break-inside: avoid;
  break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid;
  page-break-inside: avoid;
}
.news-lst ul a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  padding: 1rem 0;
  text-decoration: none;
}
.news-lst ul a::before {
  flex: 0 0 auto;
  content: '';
  width: 16px;
  height: 16px;
  margin-top: 4px;
  background: rgba(0, 102, 255, 0.5);
  border: 4px solid #0066FF;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 1279px) {
  .news-lst ul a::before {
    width: 12px;
    height: 12px;
    border-width: 3px;
  }
}
@media (max-width: 767px) {
  .news-lst ul a::before {
    margin-top: 2px;
  }
}
.news-lst ul a:hover::before, .news-lst ul a:focus-within::before {
  background: rgba(0, 150, 67, 0.5);
  border-color: #009643;
}

.results-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  padding-top: 3rem;
}
.results-container .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}
.results-container .head * {
  margin: 0;
}
.results-container .head .h1 {
  font-weight: 800;
  line-height: 1.25;
}
.results-container .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.res-sec .hdr .tl {
  font-size: 24px;
  font-weight: 800;
}
@media (max-width: 1023px) {
  .res-sec .hdr .tl {
    font-size: 20px;
  }
}
.res-sec .hdr .tx {
  font-size: 20px;
}
@media (max-width: 1023px) {
  .res-sec .hdr .tx {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .res-sec .hdr .tx {
    font-size: 13px;
  }
}
.res-sec .bdy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}
.res-sec .rw {
  flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
@media (max-width: 1279px) {
  .res-sec .rw {
    flex-wrap: wrap;
  }
}
.res-sec .rw.wrap {
  flex-wrap: wrap;
}
.res-sec .bk {
  flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
  padding: 4rem;
  background: #373E54;
  border-radius: 1.5rem;
}
.res-sec .scr {
  max-width: 400px;
}
@media (max-width: 1279px) {
  .res-sec .scr {
    max-width: inherit;
  }
}
.res-sec .w1 {
  flex: 1 1 auto;
}
.res-sec .w2 {
  flex: 0 0 calc(100% / 2 - 1rem / 2);
}
@media (max-width: 1279px) {
  .res-sec .w2 {
    flex: 0 1 100%;
  }
}
@media (max-width: 1279px) {
  .res-sec .w2.bk {
    flex: 0 0 calc(100% / 2 - 1rem / 2);
  }
}
@media (max-width: 767px) {
  .res-sec .w2.bk {
    flex: 0 1 100%;
  }
}
.res-sec .w3 {
  flex: 0 0 calc(100% / 3 - 1rem / 3 * 2);
}
@media (max-width: 1279px) {
  .res-sec .w3 {
    flex: 0 1 100%;
  }
}
.res-sec .nm .tl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #A6B0CD;
  font-weight: 600;
}
.res-sec .nm .tl .ic {
  width: 16px;
  height: 16px;
}
.res-sec .nm .tl .hint-info {
  margin: 0;
}
.res-sec .nm .vl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-weight: 700;
}
.res-sec .nm .vl.s1 {
  font-size: 32px;
  line-height: 1.875;
}
@media (max-width: 767px) {
  .res-sec .nm .vl.s1 {
    font-size: 24px;
    line-height: 1.5;
  }
}
.res-sec .nm .vl.s2 {
  font-size: 48px;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .res-sec .nm .vl.s2 {
    font-size: 24px;
    line-height: 1.5;
  }
}
.res-sec .ls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.res-sec .ls .nm:not(:first-child) {
  padding-left: 2rem;
  border-left: 1px solid #424B65;
}
.res-sec .ls .nm .tl {
  font-size: 14px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .res-sec .ls .nm .tl {
    font-size: 12px;
  }
}
.res-sec .ls .nm .vl.s1 {
  line-height: 1.25;
}
@media (max-width: 767px) {
  .res-sec .ls .nm .vl.s1 {
    font-size: 20px;
    line-height: 1.5;
  }
}

.res-scr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 4rem;
}
@media (max-width: 767px) {
  .res-scr {
    flex-direction: column;
  }
}
body .res-scr {
  margin: auto;
}

.res-tbl {
  position: relative;
}
@media (max-width: 767px) {
  .res-tbl {
    font-size: 11px;
    overflow-x: scroll;
  }
}
.res-tbl table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.res-tbl thead,
.res-tbl tfoot {
  color: #A6B0CD;
  text-align: left;
}
.res-tbl thead th,
.res-tbl tfoot th {
  font-weight: 400;
}
.res-tbl tbody tr {
  background: #373E54;
}
.res-tbl tbody tr:nth-of-type(odd) {
  background: #424B65;
}
.res-tbl td,
.res-tbl th {
  padding: 1.5rem 2rem;
  vertical-align: middle;
}
.res-tbl td:first-child,
.res-tbl th:first-child {
  border-radius: 1rem 0 0 1rem;
}
.res-tbl td:last-child,
.res-tbl th:last-child {
  border-radius: 0 1rem 1rem 0;
}
.res-tbl .lock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #373e54 0%, rgba(55, 62, 84, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}
.res-tbl .lock::before {
  display: block;
  content: "";
  width: 9.6rem;
  height: 9.6rem;
  background: url(../img/lock.svg) center center no-repeat;
  background-size: contain;
}

.score-scale {
  flex: 0 0 auto;
  align-self: center;
  width: 200px;
  height: 162px;
  background: url(../img/score_scale.svg) center center no-repeat;
  background-size: contain;
  position: relative;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@media (max-width: 767px) {
  .score-scale {
    width: 160px;
    height: 130px;
  }
}
.score-scale .arw {
  width: 200px;
  height: 200px;
  background: url(../img/score_arw.svg) center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-120deg);
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@media (max-width: 767px) {
  .score-scale .arw {
    width: 160px;
    height: 160px;
  }
}
.score-scale[class*="low-"] {
  background-image: url(../img/score_scale_low.svg);
}
.score-scale[class*="medium-"] {
  background-image: url(../img/score_scale_medium.svg);
}
.score-scale[class*="high-"] {
  background-image: url(../img/score_scale_high.svg);
}
.score-scale.low-1 .arw {
  -webkit-animation-name: low-1;
  animation-name: low-1;
}
.score-scale.low-2 .arw {
  -webkit-animation-name: low-2;
  animation-name: low-2;
}
.score-scale.low-3 .arw {
  -webkit-animation-name: low-3;
  animation-name: low-3;
}
.score-scale.medium-1 .arw {
  -webkit-animation-name: medium-1;
  animation-name: medium-1;
}
.score-scale.medium-2 .arw {
  -webkit-animation-name: medium-2;
  animation-name: medium-2;
}
.score-scale.medium-3 .arw {
  -webkit-animation-name: medium-3;
  animation-name: medium-3;
}
.score-scale.high-1 .arw {
  -webkit-animation-name: high-1;
  animation-name: high-1;
}
.score-scale.high-2 .arw {
  -webkit-animation-name: high-2;
  animation-name: high-2;
}
.score-scale.high-3 .arw {
  -webkit-animation-name: high-3;
  animation-name: high-3;
}

@-webkit-keyframes low-1 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(-120deg);
  }
}
@keyframes low-1 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(-120deg);
  }
}
@-webkit-keyframes low-2 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(-90deg);
  }
}
@keyframes low-2 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(-90deg);
  }
}
@-webkit-keyframes low-3 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(-60deg);
  }
}
@keyframes low-3 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(-60deg);
  }
}
@-webkit-keyframes medium-1 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(-30deg);
  }
}
@keyframes medium-1 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(-30deg);
  }
}
@-webkit-keyframes medium-2 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes medium-2 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes medium-3 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(30deg);
  }
}
@keyframes medium-3 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(30deg);
  }
}
@-webkit-keyframes high-1 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(60deg);
  }
}
@keyframes high-1 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(60deg);
  }
}
@-webkit-keyframes high-2 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes high-2 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@-webkit-keyframes high-3 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(120deg);
  }
}
@keyframes high-3 {
  0% {
    transform: rotate(-120deg);
  }
  100% {
    transform: rotate(120deg);
  }
}
.register-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6rem;
  width: 100%;
}
@media (max-width: 1279px) {
  .register-container {
    flex-direction: column;
  }
}
.register-container .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  flex: 1 1 auto;
}
.register-container .cont > a {
  text-decoration: none;
}
.register-container .cont > a:hover, .register-container .cont > a:focus-within {
  color: inherit;
}
.register-container .side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  flex: 0 0 calc(100% / 6 * 2);
}
.register-container .side .blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.register-container .side .blk > * {
  margin: 0;
}

.reg-cont {
  background: #2B3143;
  border-radius: 2rem;
  overflow: hidden;
}
.reg-cont .h2,
.reg-cont .h3,
.reg-cont .h4,
.reg-cont .h5 {
  font-weight: 700;
}
.reg-cont .h2 strong,
.reg-cont .h3 strong,
.reg-cont .h4 strong,
.reg-cont .h5 strong {
  font-weight: 800;
}
.reg-cont .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .reg-cont .row {
    flex-direction: column;
  }
}
.reg-cont .row .blk {
  flex: 0 1 100%;
  background: linear-gradient(90deg, #2b3143 0%, #373e54 100%);
}
@media (max-width: 767px) {
  .reg-cont .row .blk {
    background: linear-gradient(0deg, #2b3143 0%, #373e54 100%);
  }
}
.reg-cont .blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding: 5rem;
}
@media (max-width: 767px) {
  .reg-cont .blk {
    background: linear-gradient(0deg, #2b3143 0%, #373e54 100%);
  }
}
.reg-cont .blk > * {
  margin: 0;
}
.reg-cont .inc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.reg-cont .inc .rw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.reg-cont .inc .ic {
  filter: brightness(0) saturate(100%) invert(27%) sepia(76%) saturate(5291%) hue-rotate(212deg) brightness(104%) contrast(109%);
}
.reg-cont .inc .if {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 14px;
}
@media (max-width: 767px) {
  .reg-cont .inc .if {
    font-size: 12px;
  }
}
.reg-cont .inc .if * {
  margin: 0;
}

.reg-sum .rw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  padding: 0.8rem 0;
  border-top: 1px solid #373E54;
}
.reg-sum .vl {
  font-weight: 700;
  text-align: right;
}

.co-dsc {
  font-size: 14px;
  font-style: italic;
}
@media (max-width: 767px) {
  .co-dsc {
    font-size: 12px;
  }
}

.reg-dsc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 3rem;
  background: #2B3143;
  border-radius: 1rem;
}
.reg-dsc .hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 2rem;
}
.reg-dsc .hd .ic {
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(107%) contrast(107%);
}
.reg-dsc .hd .tl {
  font-weight: 700;
}
.reg-dsc .bd {
  font-size: 14px;
}
@media (max-width: 767px) {
  .reg-dsc .bd {
    font-size: 12px;
  }
}

.cc-pay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cc-pay .opt {
  background: #FFF;
  border: 2px solid #FFF;
  border-radius: 1rem;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 1279px) {
  .cc-pay .opt.card {
    order: -1;
  }
}
.cc-pay .ttl {
  padding: 2rem 2rem 2rem calc(2rem * 2 + 20px);
  color: #212530;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  position: relative;
}
@media (max-width: 767px) {
  .cc-pay .ttl {
    padding-left: 10rem;
    font-size: 16px;
  }
}
.cc-pay .ttl::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: #FFF;
  border: 2px solid #212530;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 2rem;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cc-pay .ttl:hover::before, .cc-pay .ttl:focus::before {
  border-color: #0066FF;
}
.cc-pay .ttl.ui-state-active::before {
  border-width: 6px;
  border-color: #0066FF;
}
@media (max-width: 767px) {
  .cc-pay .ttl.ui-state-active::before {
    border-width: 6px;
  }
}
.cc-pay .ttl .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
@media (max-width: 767px) {
  .cc-pay .ttl img.pp {
    max-width: 61px;
  }
}
@media (max-width: 767px) {
  .cc-pay .ttl img.ap {
    max-width: 49px;
  }
}
@media (max-width: 767px) {
  .cc-pay .ttl img.gp {
    max-width: 51px;
  }
}
@media (max-width: 767px) {
  .cc-pay .ttl img.vm {
    max-width: 58px;
  }
}
@media (max-width: 767px) {
  .cc-pay .ttl img.cc {
    max-width: 102px;
  }
}
.cc-pay .cnt {
  padding: 2rem;
  background: #373E54;
  border-radius: 1rem;
}

.reg-sls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
}

.co-card-row {
  align-items: center;
  gap: 2rem;
}
@media (max-width: 767px) {
  .co-card-row {
    flex-direction: column;
  }
}
.co-card-row .change {
  flex: 0 0 auto;
}

.co-card-number {
  flex: 0 1 100%;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1rem;
  color: #8A94B0;
  font-size: 18px;
  background: #424B65;
  border-radius: 0.5rem;
  position: relative;
}
.co-card-number .last {
  color: #FFF;
}

.co-cn-card {
  flex: 0 0 auto;
  width: 48px;
  height: 30px;
  background: url(../img/co_cards2.svg) 0 0 no-repeat;
  background-size: auto 30px;
}
.co-cn-card.visa {
  background-image: url(../img/checkout/card_visa.svg);
}
.co-cn-card.mastercard {
  background-image: url(../img/checkout/card_mastercard.svg);
}
.co-cn-card.amex {
  background-image: url(../img/checkout/card_amex.svg);
}
.co-cn-card.discover {
  background-image: url(../img/checkout/card_discover.svg);
}
.co-cn-card.paypal {
  background: #FFF url(../img/checkout/co_paypal.svg) center center no-repeat;
  background-size: 80% auto;
}
.co-cn-card.googlepay {
  background: #FFF url(../img/checkout/co_googlepay.svg) center center no-repeat;
  background-size: 80% auto;
}
.co-cn-card.applepay {
  background: #FFF url(../img/checkout/co_applepay.svg) center center no-repeat;
  background-size: 80% auto;
}
.co-cn-card.venmo {
  background: #FFF url(../img/checkout/co_venmo.svg) center center no-repeat;
  background-size: 80% auto;
}

.co-cn-text {
  flex: 0 1 100%;
  word-break: break-all;
}

.about-container {
  padding-top: 3rem;
  font-size: 18px;
  line-height: 1.75;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}
@media (max-width: 767px) {
  .about-container {
    font-size: 14px;
  }
}
@media (max-width: 1279px) {
  .about-container {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
  }
}
.about-container .block,
.about-container .box {
  -webkit-column-break-inside: avoid;
  -moz-page-break-inside: avoid;
  break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 2rem;
}
.about-container .sign {
  color: #0066FF;
  font-size: 32px;
  font-family: "Grape Nuts", serif;
}
.about-container .n1 {
  order: 1;
}
.about-container .n2 {
  order: 2;
}
.about-container .n3 {
  order: 3;
}
.about-container .n4 {
  order: 4;
}
.about-container .n5 {
  order: 5;
}
.about-container .n6 {
  order: 6;
}
.about-container .n7 {
  order: 7;
}

.st-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  padding: 5rem;
  background: #2B3143;
  border-radius: 1rem;
}

.st-head {
  align-items: center;
  gap: 3rem;
  padding-top: 2rem;
  border-top: 1px solid #373E54;
}

.st-head .ttl {
  margin: 0;
  font-size: 18px;
}
@media (max-width: 767px) {
  .st-head .ttl {
    font-size: 16px;
  }
}

.terms-container {
  max-width: 1280px;
  margin: auto;
  padding: 5rem;
  line-height: 1.75;
  background: #2B3143;
  border-radius: 2rem;
}
@media (max-width: 767px) {
  .terms-container {
    padding: 3rem 0 0 0;
    background: transparent;
    border-radius: 0;
  }
}

.faq-container {
  padding-top: 3rem;
}
.faq-container .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.faq-container .cont .box {
  flex: 0 1 calc(100% / 2 - 2rem / 2);
}
@media (max-width: 767px) {
  .faq-container .cont .box {
    flex: 0 1 100%;
  }
}

.academy .slogo {
  width: 210px;
  height: 70px;
  margin: -16px 0;
  background-image: url(../../img/logo_academy.svg);
}

@media only screen and (max-width: 1279px) {
  .academy .slogo {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .academy .slogo {
    width: 132px;
    height: 44px;
  }
}
.academy .cta {
  align-items: center;
  justify-content: center;
  width: 100%;
}

.academy-hero {
  background: #2B3143;
}

.academy-hero .int {
  padding: 3rem 0 8rem 0;
  position: relative;
}

.academy-hero .cnt {
  align-items: center;
  gap: 6rem;
}
@media (max-width: 1023px) {
  .academy-hero .cnt {
    flex-direction: column;
  }
}

.academy-hero .tl {
  font-size: 72px;
  font-weight: 800;
  line-height: 1.1;
}
@media (max-width: 1279px) {
  .academy-hero .tl {
    font-size: 52px;
    line-height: 1.25;
  }
}
@media (max-width: 1023px) {
  .academy-hero .tl {
    font-size: 40px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .academy-hero .tl {
    font-size: 32px;
  }
}

.academy-hero .tl .sp {
  display: block;
  color: #0066FF;
  font-size: 44px;
  font-weight: 700;
}
@media (max-width: 1279px) {
  .academy-hero .tl .sp {
    font-size: 32px;
  }
}
@media (max-width: 1023px) {
  .academy-hero .tl .sp {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .academy-hero .tl .sp {
    font-size: 20px;
  }
}

.academy-hero .tx {
  font-size: 20px;
}
@media (max-width: 1279px) {
  .academy-hero .tx {
    font-size: 18px;
  }
}
@media (max-width: 1023px) {
  .academy-hero .tx {
    font-size: 16px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .academy-hero .tx {
    font-size: 14px;
  }
}

.academy-hero .img {
  flex: 0 0 auto;
}
@media (max-width: 1279px) {
  .academy-hero .img {
    max-width: 400px;
  }
}

.academy-hero .cta {
  position: absolute;
  bottom: calc(0px - (8rem + 37px));
  left: 0;
}
@media (max-width: 1279px) {
  .academy-hero .cta {
    bottom: calc(0px - (8rem + 32px));
  }
}
@media (max-width: 1023px) {
  .academy-hero .cta {
    margin-top: 8rem;
    position: relative;
    bottom: inherit;
    left: inherit;
  }
}

.academy-content {
  padding: 10rem 0;
  font-size: 18px;
}
@media (max-width: 1023px) {
  .academy-content {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .academy-content {
    font-size: 14px;
  }
}

.academy-content .wrapper {
  flex-direction: column;
  gap: 8rem;
}

.ac-s1 {
  align-items: center;
  gap: 8rem;
}
@media (max-width: 1023px) {
  .ac-s1 {
    flex-direction: column;
  }
}

.ac-s1 .img {
  flex: 0 0 auto;
}
@media (max-width: 1279px) {
  .ac-s1 .img {
    max-width: 320px;
  }
}
@media (max-width: 1023px) {
  .ac-s1 .img {
    order: 1;
  }
}

.ac-s2 {
  flex-direction: column;
  gap: 5rem;
}

.ac-s2 .t1 {
  margin: 0;
  font-size: 32px;
  font-weight: 800;
  text-align: center;
}
@media (max-width: 1023px) {
  .ac-s2 .t1 {
    font-size: 20px;
  }
}

.ac-s2 .t1 .sp {
  display: block;
  color: #0066FF;
  font-size: 48px;
  line-height: 1.25;
}
@media (max-width: 1023px) {
  .ac-s2 .t1 .sp {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .ac-s2 .t1 .sp {
    display: inline;
    font-size: 20px;
  }
}

.ac-s2 .t2 {
  margin: 0;
  font-size: 36px;
  font-weight: 800;
  text-align: center;
}
@media (max-width: 767px) {
  .ac-s2 .t2 {
    font-size: 20px;
  }
}

.ac-s2 .t2 .sp {
  color: #0066FF;
}

.ac-s2 .lst {
  color: var(--color-black);
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 767px) {
  .ac-s2 .lst {
    font-size: 14px;
  }
}

.ac-s2 .lst ul {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin: 0;
}

.ac-s2 .lst li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  flex: 0 1 calc(100% / 5 - 1rem * 4 / 5);
  margin: 0;
  padding: 3rem 2rem;
  list-style: none;
  background: white;
  background: linear-gradient(0deg, #212530 0%, #2b3143 100%);
  border-radius: 2rem 2rem 0 0;
}
@media (max-width: 1023px) {
  .ac-s2 .lst li {
    flex: 0 1 calc(100% / 4 - 1rem * 3 / 4);
  }
}
@media (max-width: 767px) {
  .ac-s2 .lst li {
    flex: 0 1 calc(100% / 2 - 1rem / 2);
  }
}

.ac-s2 .dsc {
  flex-direction: column;
  gap: 1.5rem;
  text-align: center;
}

.ac-s2 .dsc p {
  margin: 0;
}

@media (max-width: 1023px) {
  .ac-s2 .dsc p br {
    display: none;
  }
}

.ac-s2 .cta {
  padding-top: 1.5rem;
}

/* Error */
.error-page {
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  background: url(../img/error/bg.jpg) center center no-repeat;
  background-size: cover;
}
.error-page.sna .error-info {
  flex: 0 1 auto;
  max-width: inherit;
}
@media (max-width: 767px) {
  .error-page.sna .error-img {
    max-width: 240px;
  }
}
.error-page .site-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5rem 0 10rem 0;
}

.error-cont {
  align-items: center;
  justify-content: center;
  gap: 8rem;
}
@media (max-width: 1023px) {
  .error-cont {
    flex-direction: column;
  }
}

.error-info {
  flex: 1 1 auto;
}
@media (max-width: 1023px) {
  .error-info {
    text-align: center;
  }
}

.error-img {
  flex: 0 0 auto;
}
@media (max-width: 1279px) {
  .error-img {
    max-width: 480px;
  }
}

.error-ttl {
  margin: 0 0 2rem 0;
  font-size: 96px;
  font-weight: 800;
  line-height: 1;
}
@media (max-width: 1279px) {
  .error-ttl {
    font-size: 64px;
  }
}
@media (max-width: 767px) {
  .error-ttl {
    font-size: 40px;
  }
}
.error-ttl.big {
  font-size: 240px;
}
@media (max-width: 1279px) {
  .error-ttl.big {
    font-size: 160px;
  }
}
@media (max-width: 767px) {
  .error-ttl.big {
    font-size: 120px;
  }
}

.error-txt {
  margin: 0 0 4rem 0;
  font-size: 20px;
}
@media (max-width: 1279px) {
  .error-txt {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .error-txt {
    font-size: 16px;
  }
}

@media (max-width: 1023px) {
  .error-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.nohit .tl {
  font-size: 40px;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
}
@media (max-width: 1279px) {
  .nohit .tl {
    font-size: 32px;
  }
}
@media (max-width: 1023px) {
  .nohit .tl {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .nohit .tl {
    font-size: 20px;
  }
}
.nohit .cta {
  align-items: center;
  justify-content: center;
  width: 100%;
}
.nohit .cta .btn {
  -webkit-box-shadow: 0 0 5rem 0 rgba(252, 13, 80, 0.75);
  box-shadow: 0 0 5rem 0 rgba(252, 13, 80, 0.75);
}

.nohit-hero,
.nohit-content {
  font-size: 18px;
}
@media (max-width: 1023px) {
  .nohit-hero,
  .nohit-content {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .nohit-hero,
  .nohit-content {
    font-size: 14px;
  }
}

.nohit-hero {
  background: #2B3143;
}
.nohit-hero .int {
  padding-top: 3rem;
  position: relative;
}
.nohit-hero .hdr {
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  font-weight: 600;
  text-align: center;
}
.nohit-hero .hdr > * {
  margin-top: 0;
  margin-bottom: 0;
}
.nohit-hero .hdr p {
  max-width: 1000px;
}
.nohit-hero .hdr a {
  font-weight: 800;
}
.nohit-hero .hdr .warning {
  display: inline-block;
  margin: -1px 1.2rem 0 0;
  vertical-align: top;
}
@media (max-width: 1023px) {
  .nohit-hero .hdr .warning {
    width: 24px;
    margin-top: 1px;
  }
}
@media (max-width: 767px) {
  .nohit-hero .hdr .warning {
    width: 20px;
    margin-top: 1px;
  }
}
.nohit-hero .img {
  width: fit-content;
  margin: 4rem auto 0 auto;
}
.nohit-hero .cta {
  height: 0px;
}

.nohit-content {
  padding: 10rem 0;
}
.nohit-content .wrapper {
  flex-direction: column;
  align-items: center;
  gap: 8rem;
}
.nohit-content .sec {
  width: 100%;
  max-width: 1260px;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}
.nohit-content .sec > * {
  margin-top: 0;
  margin-bottom: 0;
}
.nohit-content .sec .txt {
  max-width: 1160px;
  text-align: center;
}
.nohit-content .blk {
  width: 100%;
  align-items: center;
  gap: 6rem;
}
@media (max-width: 1023px) {
  .nohit-content .blk {
    flex-direction: column;
    gap: 4rem;
  }
}
.nohit-content .blk .inf {
  flex: 1 1 auto;
  width: 100%;
}
.nohit-content .blk .img {
  flex: 0 0 auto;
}
@media (max-width: 1279px) {
  .nohit-content .blk .img {
    max-width: 360px;
  }
}
@media (max-width: 1023px) {
  .nohit-content .blk .img {
    order: -1;
  }
}
@media (max-width: 767px) {
  .nohit-content .blk .img {
    max-width: 240px;
  }
}
.nohit-content .lst {
  margin-left: 0;
}
.nohit-content .lst li {
  margin-left: 0;
  padding-left: 32px;
  list-style: none;
  position: relative;
}
.nohit-content .lst li::before {
  display: block;
  content: '';
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 5px;
  left: 0;
}
.nohit-content .lst.arrow li::before {
  background-image: url(../img/nohit/arw.svg);
  filter: brightness(0) saturate(100%) invert(17%) sepia(80%) saturate(5234%) hue-rotate(335deg) brightness(98%) contrast(102%);
}
.nohit-content .lst.check li::before {
  background-image: url(../img/checkmark.svg);
  filter: brightness(0) saturate(100%) invert(36%) sepia(65%) saturate(3520%) hue-rotate(132deg) brightness(90%) contrast(101%);
}

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