@font-face {
  font-display: swap;
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/oswald-v53-latin-regular.woff2") format("woff2"), url("../fonts/oswald-v53-latin-regular.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/oswald-v53-latin-500.woff2") format("woff2"), url("../fonts/oswald-v53-latin-500.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v47-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v47-latin-regular.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v47-latin-500.woff2") format("woff2"), url("../fonts/roboto-v47-latin-500.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/roboto-v47-latin-600.woff2") format("woff2"), url("../fonts/roboto-v47-latin-600.ttf") format("truetype");
}
.color-pink {
  color: rgb(223, 90, 161);
}

.color-green {
  color: #4dd0af;
}

html {
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  position: relative;
  min-height: 100vh;
  background: rgb(24.346875, 37.1, 49.853125);
  color: #FFF;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.crt-overlay {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15) 1px, transparent 1px, transparent 2px);
  pointer-events: none;
}

.navbar {
  padding: 15px;
  background: rgba(21, 32, 43, 0.8) !important;
  backdrop-filter: blur(10px);
}

.navbar-toggler {
  border-color: rgb(17.653125, 26.9, 36.146875);
  border-radius: 4px;
  border-width: 3px;
  padding: 16px;
}
.navbar-toggler i {
  color: #FFF;
  font-size: 22px;
}

.table-list tbody tr td:first-child {
  font-weight: bold;
}
.table-list tbody tr td:first-child::after {
  content: ":";
  padding-right: 8px;
}
@media (max-width: 767.98px) {
  .table-list, .table-list tbody, .table-list tr, .table-list td {
    display: block;
    width: 100%;
  }
  .table-list tr {
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #15202b;
    padding-bottom: 0.5rem;
  }
  .table-list td {
    border: none !important;
    padding: 0.1rem 0;
  }
  .table-list tbody tr td:first-child {
    text-align: center;
  }
  .table-list tbody tr td:first-child::after {
    padding-right: 0;
  }
  .table-list tbody tr td:not(:first-child) {
    text-align: center;
  }
}

.table {
  background: #15202b;
  border-radius: 8px;
  margin: 0;
}
.table td, .table tr, .table th {
  border-color: rgb(17.653125, 26.9, 36.146875);
}
.table tr:last-child td {
  border-bottom: none;
}
.table thead.thead-dark th {
  padding: 15px 8px;
  background: rgb(14.30625, 21.8, 29.29375);
  color: #FFF;
  border: none;
}
.table thead.thead-dark th:first-child {
  border-top-left-radius: 8px;
}
.table thead.thead-dark th:last-child {
  border-top-right-radius: 8px;
}
.table tbody tr td {
  position: relative;
  background: #15202b;
  color: #FFF;
  white-space: nowrap;
}
.table tbody tr td img {
  margin-right: 16px;
  height: 32px;
  background: #fff;
  padding: 4px;
  border-radius: 8px;
}
.table tbody tr td img.dark {
  background: rgb(15.9796875, 24.35, 32.7203125);
}
.table tbody tr td:has(a):hover {
  background: rgb(17.653125, 26.9, 36.146875);
  cursor: pointer;
}
.table tbody tr td:has(a) a {
  color: #FFF;
  text-decoration: none;
}
.table tbody tr td:has(a) a::after {
  content: "";
  position: absolute;
  inset: 0;
}

a {
  color: rgb(193.1446808511, 199.4085106383, 206.4553191489);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.table-lighter tbody tr td {
  background: #15202b;
  border-bottom: 0;
}

.star {
  color: #02a5d6;
}

.breadcrumb {
  border: none;
  background: #15202b;
  border-radius: 8px;
  margin-bottom: 0;
  padding: 16px;
}
.breadcrumb .breadcrumb-item a {
  color: #FFF;
  text-decoration: none;
}
.breadcrumb .breadcrumb-item a:hover, .breadcrumb .breadcrumb-item a:active, .breadcrumb .breadcrumb-item a:focus {
  text-decoration: underline;
}
.breadcrumb .breadcrumb-item.active {
  color: #b0b8c1;
}
.breadcrumb .breadcrumb-item.active:before {
  color: #b0b8c1;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #b0b8c1;
}

.caution-level-dot:before {
  font: var(--fa-font-solid);
  content: "\e122";
  color: #02a5d6;
  padding-right: 8px;
}
.caution-level-dot.low:before {
  color: #4dd0af;
}
.caution-level-dot.medium:before {
  color: #9450d0;
}
.caution-level-dot.high:before {
  color: #c9226d;
}

.hovered-list {
  list-style: none;
  padding: 0;
}
.hovered-list a {
  display: flex;
  align-items: flex-start;
  padding: 10px 12px;
  gap: 12px;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease;
  width: 100%;
  align-items: center;
}
.hovered-list a .glyph-image {
  height: 32px;
  width: 32px;
  background: #fff;
  padding: 4px;
  border-radius: 8px;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.hovered-list a .link-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}
@media (width >= 768px) {
  .hovered-list a .link-body {
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }
}
.hovered-list a .link-body span {
  line-height: 1.4;
  word-break: break-word;
}
.hovered-list a .link-body small {
  font-size: 0.85em;
  opacity: 0.7;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
  font-style: italic;
}
.hovered-list a:hover, .hovered-list a:active, .hovered-list a:focus {
  background: #15202b;
  color: #FFF;
  border-radius: 8px;
  transform: translateX(4px);
  outline: none;
}
.hovered-list a:hover small, .hovered-list a:active small, .hovered-list a:focus small {
  opacity: 1;
}

.inline-list a {
  display: inline;
}

.main-accent, .accent {
  color: #02a5d6;
}

hr {
  height: 3px;
  border: 0;
  background: #101821;
}

.navbar-expand-lg .navbar-nav .nav-link {
  color: #FFF;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-size: 19px;
  letter-spacing: 2px;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1006px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    border-bottom: 2px solid transparent;
  }
}
.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:active {
  text-decoration: none;
}
@media (min-width: 1006px) {
  .navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:active {
    border-bottom-color: #02a5d6;
  }
}

.text-muted {
  color: rgb(218.8617021277, 222.5212765957, 226.6382978723) !important;
}

nav.tab-container .nav.nav-tabs {
  background: rgb(17.653125, 26.9, 36.146875);
  border-radius: 8px;
  border: none;
  padding: 8px;
}
nav.tab-container .tab-content {
  margin-top: 16px;
}
nav.tab-container .nav.nav-tabs .nav-item .nav-link, nav.tab-container .nav.nav-tabs .nav-link {
  color: #FFF;
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
}
nav.tab-container .nav.nav-tabs .nav-item.show .nav-link, nav.tab-container .nav.nav-tabs .nav-link.active {
  border-bottom-color: #02a5d6;
  background: transparent;
}

.pre-footer {
  content: "";
  height: 120px;
}

.btn-block .btn {
  min-width: 160px;
  margin-left: 4px;
  margin-right: 4px;
}

.btn {
  border-radius: 128px;
  min-width: 120px;
  border: 2px solid transparent;
}
@media (max-width: 576px) {
  .btn {
    width: 100%;
    margin-top: 4px;
    margin-bottom: 4px;
  }
}
.btn:hover, .btn:active {
  border-color: transparent;
  text-decoration: none;
}

.btn-dark {
  background: #02a5d6;
  color: #FFF !important;
}
.btn-dark:hover, .btn-dark:active {
  border-color: #02a5d6 !important;
  background: rgb(2.1416666667, 176.6875, 229.1583333333) !important;
}

.btn-dark-outline {
  border-color: #02a5d6;
  background: transparent;
  color: #FFF !important;
}
.btn-dark-outline:hover, .btn-dark-outline:active {
  background: #02a5d6;
  border-color: #02a5d6;
  text-decoration: none;
}
.btn-dark-outline:active {
  background: rgb(1.7166666667, 141.625, 183.6833333333) !important;
  border-color: rgb(1.7166666667, 141.625, 183.6833333333) !important;
}

.badge.bg-primary {
  background: rgb(14.30625, 21.8, 29.29375) !important;
  color: #FFF;
  border-radius: 4px;
  padding: 8px 16px 8px 16px;
  border: 2px solid transparent;
}
.badge.bg-primary:hover, .badge.bg-primary:active, .badge.bg-primary:focus {
  border-color: #02a5d6;
  text-decoration: none;
}

@media (min-width: 768px) {
  .avatar-block {
    display: flex;
    align-content: center;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .avatar-block .body {
    margin: 0 auto;
  }
}
.avatar-block .avatar {
  width: 128px;
  height: 128px;
  border-radius: 128px;
  background: rgb(223, 90, 161);
  background: linear-gradient(45deg, rgb(223, 90, 161) 0%, rgb(113, 64, 153) 33%, rgb(30, 110, 182) 66%, rgb(49, 196, 237) 100%);
  padding: 2px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .avatar-block .avatar {
    float: left;
    margin-right: 16px;
  }
}
@media (max-width: 768px) {
  .avatar-block .avatar {
    margin: 0 auto;
    margin-bottom: 16px;
  }
}
.avatar-block .avatar .wrapper {
  background: #15202b;
  height: 100%;
  width: 100%;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  overflow: hidden;
  border-radius: 128px;
}
.avatar-block .avatar .wrapper i {
  font-size: 48px;
}
.avatar-block .avatar .wrapper img {
  width: 100%;
}
.avatar-block:after {
  content: "";
  clear: both;
}

.custom-tooltip {
  --bs-tooltip-bg: #0e161d;
  --bs-tooltip-color: #FFF;
  --bs-tooltip-opacity: 1;
  --bs-tooltip-border-radius: 4;
  --bs-tooltip-max-width: 400px;
}

.red {
  color: #be2b2b;
}

.card {
  color: #FFF;
  background: #15202b;
  border: none;
}
.card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgb(17.653125, 26.9, 36.146875);
  font-weight: normal;
  padding: 16px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #FFF;
  text-align: left;
}
.card .card-header .btn {
  margin: 0;
}
.card .card-header h1, .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header h5, .card .card-header h6 {
  margin: 0;
}
.card .card-body {
  background: #15202b;
  border: none;
}
.card .card-footer {
  background: rgb(17.653125, 26.9, 36.146875);
  padding: 4px;
  border-radius: 0 0 8px 8px;
}
.card .card-footer .btn {
  min-width: 140px;
}

fieldset {
  border: 2px solid rgb(14.30625, 21.8, 29.29375);
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #02a5d6;
  border-color: rgb(1.5277777778, 126.0416666667, 163.4722222222);
}

.custom-control-input ~ .custom-control-label::before {
  background-color: rgb(17.653125, 26.9, 36.146875);
  border-color: black;
}

.form-control:disabled {
  opacity: 0.4;
}

.form-control:-moz-read-only {
  background: rgb(15.9796875, 24.35, 32.7203125);
  border: none;
  padding: 8px;
  border-radius: 8px;
  color: rgb(159.1842105263, 172.25, 185.3157894737);
}

.form-control, .form-control:read-only {
  background: rgb(15.9796875, 24.35, 32.7203125);
  border: none;
  padding: 8px;
  border-radius: 8px;
  color: rgb(159.1842105263, 172.25, 185.3157894737);
}
.form-control:-moz-read-only:hover, .form-control:-moz-read-only:active, .form-control:-moz-read-only:focus {
  background: rgb(15.9796875, 24.35, 32.7203125);
  color: rgb(188.7105263158, 197.75, 206.7894736842);
}
.form-control:hover, .form-control:active, .form-control:focus, .form-control:read-only:hover, .form-control:read-only:active, .form-control:read-only:focus {
  background: rgb(15.9796875, 24.35, 32.7203125);
  color: rgb(188.7105263158, 197.75, 206.7894736842);
}

.form-control:-moz-read-only {
  background: rgb(15.9796875, 24.35, 32.7203125);
  border: none;
  padding: 8px;
  border-radius: 8px;
  color: rgb(159.1842105263, 172.25, 185.3157894737);
}
.form-control:-moz-read-only:hover, .form-control:-moz-read-only:active, .form-control:-moz-read-only:focus {
  background: rgb(15.9796875, 24.35, 32.7203125);
  color: rgb(188.7105263158, 197.75, 206.7894736842);
}

.form-control::-moz-selection {
  background: #02a5d6;
  color: #FFF;
}

.form-control::selection {
  background: #02a5d6;
  color: #FFF;
}

.form-control::-moz-selection {
  background: #02a5d6;
  color: #FFF;
}

.form-select {
  background-color: #101821;
  color: #FFF;
  border: none;
  padding: 8px;
}

.dark-bg {
  background: #15202b;
}

.tiles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.tiles .tile {
  width: 190px;
  border-radius: 8px;
  /*.icon {
    background: white;
    border-radius: 8px;
  }*/
}
.tiles .tile .max-icon-32 {
  max-width: 32px;
}
.tiles .tile h4 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.carousel-indicators {
  margin-bottom: 0;
}

.image-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}
.image-gallery .outer-wrapper {
  border-radius: 8px;
  padding: 1px;
}
.image-gallery .outer-wrapper:hover, .image-gallery .outer-wrapper:active, .image-gallery .outer-wrapper:focus {
  background: rgb(223, 90, 161);
  background: linear-gradient(45deg, rgb(223, 90, 161) 0%, rgb(113, 64, 153) 33%, rgb(30, 110, 182) 66%, rgb(49, 196, 237) 100%);
}
.image-gallery .outer-wrapper .inner-wrapper {
  width: 140px;
  height: 140px;
  overflow: hidden;
  background: rgb(19.3265625, 29.45, 39.5734375);
  border-radius: 8px;
  text-align: center;
  padding: 10px;
}
.image-gallery .outer-wrapper .inner-wrapper .image {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.image-gallery .outer-wrapper .inner-wrapper .image img {
  position: absolute;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-gallery .outer-wrapper .inner-wrapper:hover, .image-gallery .outer-wrapper .inner-wrapper:active, .image-gallery .outer-wrapper .inner-wrapper:focus {
  background: rgb(14.30625, 21.8, 29.29375);
}

.modal .modal-dialog .modal-content {
  background: rgba(21, 32, 43, 0.8);
  backdrop-filter: blur(10px);
}
.modal .modal-dialog .modal-content .modal-footer, .modal .modal-dialog .modal-content .modal-header {
  background: rgb(14.30625, 21.8, 29.29375);
  border-color: rgb(7.6125, 11.6, 15.5875);
}

.modal-header .btn-close {
  color: #FFF !important;
  margin-right: 8px;
}

footer {
  background: #15202b;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  padding: 16px;
  letter-spacing: 1px;
}

.category-filter-list {
  list-style: none;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}
.category-filter-list li {
  display: inline-block;
}
.category-filter-list li a {
  display: inline-block;
  min-width: 40px;
  padding: 8px;
  background: #15202b;
  border-bottom: 2px solid transparent;
  margin-bottom: 2px;
}
.category-filter-list li a:hover, .category-filter-list li a:active, .category-filter-list li a:focus {
  text-decoration: none;
  background: rgb(14.30625, 21.8, 29.29375);
  border-bottom-color: #02a5d6;
}

.i-feel-lucky-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.i-feel-lucky-btns .btn {
  display: block;
  width: 100%;
}

.archive-trojan-header {
  line-height: 12px;
}

.form-control::-moz-placeholder {
  color: #b0b8c1;
  opacity: 1;
}

.form-control::placeholder {
  color: #b0b8c1;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #b0b8c1;
}

.form-control::-ms-input-placeholder {
  color: #b0b8c1;
}

.navbar-nav .nav-link.active {
  background: #02a5d6 !important;
  border-radius: 4px;
}
.navbar-nav .nav-link.active i {
  color: #FFF;
}

.btn-outline-warning {
  border: 2px solid #c0c03e;
}

.dot-sep {
  margin-top: 60px;
  margin-bottom: 60px;
}

.dot-sep {
  display: inline;
  position: relative;
  background-color: rgb(17.653125, 26.9, 36.146875);
  border-radius: 5px;
  font-size: 0;
  margin-left: 20px;
  padding: 3px;
}

.dot-sep:before {
  position: absolute;
  left: -20px;
  top: 0;
  content: "";
  background-color: rgb(17.653125, 26.9, 36.146875);
  border-radius: 5px;
  font-size: 0;
  padding: 3px;
}

.dot-sep:after {
  position: absolute;
  left: 20px;
  top: 0;
  content: "";
  background-color: rgb(17.653125, 26.9, 36.146875);
  border-radius: 5px;
  font-size: 0;
  padding: 3px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background: transparent;
  border-radius: 0;
  border-bottom: 3px solid #02a5d6;
  text-decoration: none;
}

.nav-pills .nav-link {
  color: #b0b8c1;
  border-color: transparent;
  text-decoration: none;
}

.yellow {
  color: #f5c000;
}

#other-project .banner {
  max-width: 600px;
  width: 100%;
  padding: 16px;
}

.btn-unprotect-outline {
  border-color: #0db8a0;
  background: transparent;
  color: #FFF !important;
}
.btn-unprotect-outline:hover, .btn-unprotect-outline:active, .btn-unprotect-outline:focus {
  background: #0db8a0 !important;
  border-color: #0db8a0 !important;
  text-decoration: none;
}
.btn-unprotect-outline:active {
  background: rgb(10.9807106599, 155.4192893401, 135.1472081218) !important;
  border-color: rgb(10.9807106599, 155.4192893401, 135.1472081218) !important;
}

.list-group {
  border-radius: 0;
}
.list-group .list-group-item:first-child {
  border-radius: 0;
}
.list-group .list-group-item {
  background: rgb(19.3265625, 29.45, 39.5734375);
  border: none;
  border-left: 4px solid rgb(14.30625, 21.8, 29.29375);
  color: #FFF;
  padding-left: 8px;
}
.list-group .list-group-item img {
  height: 24px;
  margin-right: 4px;
}
.list-group .list-group-item:hover, .list-group .list-group-item:active {
  background: rgb(14.30625, 21.8, 29.29375);
  text-decoration: none;
  border-left-color: #02a5d6;
}

#about .logo {
  width: 128px;
}

.contributors a, .contributors span {
  background: rgb(15.9796875, 24.35, 32.7203125);
  display: block;
  padding: 8px;
  text-align: center;
  border-radius: 8px;
}
.contributors a i, .contributors span i {
  color: #02a5d6;
}
.contributors a:hover, .contributors aa:active {
  background: #02a5d6;
  color: #FFF;
  text-decoration: none;
}
.contributors a:hover i, .contributors aa:active i {
  color: #FFF;
}

.alert-warning {
  background: #f5c000;
  border-color: rgb(168.5, 132.0489795918, 0);
}

.alert-info {
  background: #0c515c;
  color: #5dbecd;
  border-color: #0e616e;
}

/*
.faq {
  .item {
    display: flex;
    align-items: center;

    .bullet {
      margin-right: 16px;
      font-size: 24px;
    }
  }
}

.faq .item:nth-child(2n) .bullet { color: $main-accent; }
.faq .item:nth-child(2n+1) .bullet { color: rgba(223, 90, 161, 1) }
*/
.faq .item {
  border-left: 2px solid #15202b;
  padding: 16px;
}
.faq .item:nth-child(odd) {
  background: rgb(22.6734375, 34.55, 46.4265625);
}
.faq .item p {
  margin: 0;
}
.faq .item:hover {
  border-color: #02a5d6;
}

.btn-orange-outline {
  border-color: darkorange;
  background: transparent;
  color: #FFF;
}
.btn-orange-outline:hover, .btn-orange-outline:active, .btn-orange-outline:focus {
  background: darkorange !important;
  border-color: darkorange !important;
  text-decoration: none;
}

.social-i a {
  font-size: 24px;
  color: rgb(10.959375, 16.7, 22.440625);
  transition: all 0.3s;
}
.social-i a i {
  margin: 0 8px;
}
.social-i a i:hover {
  color: #FFF;
  transition: all 0.3s;
  text-shadow: 0 2px 2px rgb(7.6125, 11.6, 15.5875);
}

.kobayashi {
  font-size: 11px;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
  font-family: "Courier New", sans-serif;
  color: rgb(184.5723404255, 191.7042553191, 199.7276595745);
}

.card-alt .card-header {
  background: #02a5d6;
}
.card-alt .card-body {
  color: #02a5d6;
}

/* PAGINATION */
.page-item .page-link {
  border: 1px solid rgb(10.959375, 16.7, 22.440625);
}

.page-item .page-link:last-child, .page-item .page-link:first-child {
  color: #FFF;
  background: rgb(15.9796875, 24.35, 32.7203125);
}

.page-item.active .page-link {
  background: #02a5d6;
  color: #FFF;
  border-color: rgb(1.8583333333, 153.3125, 198.8416666667);
}

.page-item.disabled .page-link {
  color: rgb(102.7737226277, 114.0145985401, 117.2262773723);
}

/* Navbar Dropdown / Dropdowns */
.dropdown-divider {
  border-color: rgb(10.959375, 16.7, 22.440625);
}

.dropdown-menu {
  border: 2px solid #02a5d6;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  letter-spacing: 1px;
  background: rgb(15.9796875, 24.35, 32.7203125);
  color: #FFF;
}
.dropdown-menu .dropdown-item {
  color: #FFF;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus {
  background: #02a5d6;
  text-decoration: none;
}

.snippet pre {
  background: #15202b;
  border-radius: 8px;
}
.snippet pre code {
  background: #15202b;
}

.mw-40 {
  max-width: 40%;
}

.w-100px {
  width: 100px;
}

.social li a {
  color: #02a5d6;
  font-size: 16px;
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
  border-bottom: 2px solid transparent;
}
.social li a:hover, .social li a:active, .social li a:focus {
  border-bottom-color: #02a5d6;
  color: #FFF;
  text-decoration: none;
}

code {
  background: #15202b;
  color: #b0b8c1;
  padding: 4px;
  border-radius: 8px;
}

.featured_api a {
  text-decoration: none;
  transition: all 0.3s;
}
.featured_api a i {
  font-size: 24px;
  margin-right: 6px;
}
.featured_api a code {
  padding: 0;
  display: block;
  background: none;
}
.featured_api a small {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  color: #FFF;
}
.featured_api a:hover {
  background: rgb(15.9796875, 24.35, 32.7203125);
  transition: all 0.3s;
}

.home-message {
  background: #02a5d6;
  padding: 8px;
  color: rgb(0.8194444444, 67.6041666667, 87.6805555556);
  box-shadow: 5px 5px 0 rgb(56, 121, 152);
  margin: 32px;
  font-family: "Courier New", Courier, monospace;
}

ul.spaced li {
  margin-bottom: 4px;
}

.text-justify {
  text-align: justify;
}

.img-banner {
  width: 96px;
}

#featured-in h3 {
  text-align: center;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#featured-in .logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 48px;
}
#featured-in .logos img {
  height: 50px;
  width: auto;
  max-width: 100%;
}

.floating-button {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #02a5d6;
  color: #FFF;
  border-radius: 128px;
  text-align: center;
  z-index: 99999;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.floating-button i {
  margin-top: 22px;
}
.floating-button:hover {
  background-color: rgb(1.7638888889, 145.5208333333, 188.7361111111);
}

.alt-font-heading {
  font-family: "Oswald", sans-serif;
  letter-spacing: 1px;
  text-transform: capitalize;
}

.table td .glyph-link {
  border-bottom: 2px solid transparent;
  padding: 4px;
}
.table td .glyph-link:hover, .table td .glyph-link:active {
  color: #02a5d6;
  border-bottom-color: #02a5d6;
}

.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6 {
  font-family: "Oswald", sans-serif;
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.markdown h1 {
  font-size: 28px;
}
.markdown h2 {
  font-size: 24px;
}
.markdown h3 {
  font-size: 20px;
}
.markdown h4 {
  font-size: 18px;
}
.markdown h5 {
  font-size: 16px;
}
.markdown ul li {
  margin-bottom: 4px;
}
.markdown .table td, .markdown .table th {
  padding: 4px 16px 4px 16px !important;
}
.markdown .table td code, .markdown .table th code {
  background: rgb(15.9796875, 24.35, 32.7203125);
  color: #02a5d6;
}

.accordion .accordion-item {
  border: 2px solid #02a5d6;
  background: #15202b;
  color: #FFF;
}
.accordion .accordion-item pre code {
  background-color: rgb(19.3265625, 29.45, 39.5734375);
}
.accordion .accordion-item .accordion-button span {
  color: #02a5d6;
  padding-left: 8px;
  padding-right: 8px;
}
.accordion .accordion-item .accordion-button small {
  font-size: 14px;
  color: #b0b8c1;
}
.accordion .accordion-item .accordion-button::after {
  font-family: "Font Awesome 6 Pro", serif;
  font-weight: 300;
  color: #FFF;
  content: "\f078";
}
.accordion .accordion-item .accordion-button {
  background: #15202b;
  color: #FFF;
  box-shadow: none;
}
.accordion .accordion-item .accordion-button i {
  margin-right: 8px;
  font-size: 24px;
}

.form-check-input {
  background-color: rgb(14.30625, 21.8, 29.29375);
  border-color: rgb(10.959375, 16.7, 22.440625);
}

.form-check-input:checked {
  background-color: #02a5d6;
  border-color: #02a5d6;
}

.form-check-input[type=checkbox] {
  border-radius: 128px;
}

th, td {
  white-space: nowrap;
}

.img-no-ai {
  max-width: 100px;
}

.modal-title {
  color: #fff;
}

.nav-btn-circle {
  width: 42px;
  height: 42px;
  border: 2px solid #02a5d6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-decoration: none !important;
  background-color: transparent;
  transition: 0.2s;
}

.nav-btn-circle.disabled {
  border-color: rgb(102.7737226277, 114.0145985401, 117.2262773723);
  color: rgb(102.7737226277, 114.0145985401, 117.2262773723);
  pointer-events: none;
  background-color: transparent;
}

.nav-btn-circle:hover {
  background-color: rgba(2, 165, 214, 0.1);
  color: #ffffff;
}

.nav-btn-close {
  border-color: #be2b2b;
}
.nav-btn-close:hover {
  background-color: rgba(190, 43, 43, 0.1);
  color: #be2b2b;
}

.align-client-table {
  margin: 0 !important;
  padding: 0 !important;
}
.align-client-table .table thead.thead-dark tr th:first-child,
.align-client-table .table thead.thead-dark tr th:last-child {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: 0 !important;
}

@media (min-width: 992px) {
  .w-lg-75 {
    width: 75% !important;
  }
}
h1:has(img), h2:has(img), h3:has(img), h4:has(img), h5:has(img), h6:has(img) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media (width < 768px) {
  h1:has(img), h2:has(img), h3:has(img), h4:has(img), h5:has(img), h6:has(img) {
    justify-content: center;
    text-align: center;
  }
}
h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center {
  text-align: center;
  justify-content: center;
}
h1.bordered, h2.bordered, h3.bordered, h4.bordered, h5.bordered, h6.bordered {
  border-bottom: 2px solid #15202b;
  padding-bottom: 16px;
}
@media (width < 768px) {
  h1.responsive, h2.responsive, h3.responsive, h4.responsive, h5.responsive, h6.responsive {
    text-align: center;
    justify-content: center;
  }
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
h1 img.background, h2 img.background, h3 img.background, h4 img.background, h5 img.background, h6 img.background {
  background: #fff;
  padding: 8px;
  border-radius: 8px;
}
h1 img.dark, h2 img.dark, h3 img.dark, h4 img.dark, h5 img.dark, h6 img.dark {
  background: rgb(15.9796875, 24.35, 32.7203125);
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  color: #b0b8c1;
}
@media (width < 768px) {
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    display: inline-block;
    text-align: center;
  }
}
h1 small:before, h2 small:before, h3 small:before, h4 small:before, h5 small:before, h6 small:before {
  content: "/";
  padding-right: 8px;
  padding-left: 8px;
  color: #02a5d6;
}
h1 small.smaller, h2 small.smaller, h3 small.smaller, h4 small.smaller, h5 small.smaller, h6 small.smaller {
  font-size: 0.65em;
}

@media (width >= 768px) {
  .history-timeline .history-fact {
    padding: 1rem 0;
  }
}
@media (width >= 768px) {
  .history-timeline .history-year-col {
    flex: 0 0 120px;
  }
}
.history-timeline .history-year-col .history-year {
  font-size: 1.75rem;
  font-weight: 700;
  color: #02a5d6;
  letter-spacing: 1px;
  font-family: "Oswald", sans-serif;
}
@media (width < 768px) {
  .history-timeline .history-year-col .history-year {
    display: block;
    text-align: center;
  }
}
.history-timeline .history-content-col {
  flex: 1;
}
@media (width >= 768px) {
  .history-timeline .history-content-col {
    border-left: 2px solid rgba(255, 255, 255, 0.1);
  }
}
.history-timeline .history-content-col .history-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.5rem;
}
@media (max-width: 767.98px) {
  .history-timeline .history-content-col .history-title {
    display: block;
    text-align: center;
  }
}
.history-timeline .history-content-col .history-title a {
  color: #FFF;
}
.history-timeline .history-content-col .history-text {
  color: #b0b8c1;
  line-height: 1.6;
  margin-bottom: 0;
  font-size: 0.95rem;
}

.app-icon {
  width: 32px;
}

.w-48 {
  width: 48px;
}

.no-decoration, .no-decoration *, .no-decoration *::before, .no-decoration *::after {
  text-decoration: none !important;
  transition: none !important;
}
.no-decoration:hover, .no-decoration:focus, .no-decoration *:hover, .no-decoration *:focus {
  text-decoration: none !important;
}

.hoverable {
  border: 2px solid transparent;
}
.hoverable:hover {
  border-color: #02a5d6;
  box-shadow: inset 0 0 20px rgba(2, 165, 214, 0.3);
}

.follow-me-on-medium {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.follow-me-on-medium a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.follow-me-on-medium a:hover {
  transform: translateY(-4px);
}
.follow-me-on-medium a:hover img {
  transform: scale(1.08);
  filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.4));
}
.follow-me-on-medium a:hover span {
  color: #fff;
}
.follow-me-on-medium a img {
  max-width: 150px;
  height: auto;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), filter 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.follow-me-on-medium a span {
  font-size: 14px;
  color: #b0b8c1;
  display: block;
  margin-top: 4px;
  transition: color 0.3s ease;
}

.timeline-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
  font-family: system-ui, sans-serif;
  line-height: 1.6;
  color: #b0b8c1;
}

.timeline-list::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 0;
  left: 6px;
  width: 2px;
  background-color: rgb(34.3875, 52.4, 70.4125);
}

.timeline-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 25px;
}

.timeline-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #15202b;
  border: 2px solid #02a5d6;
  box-sizing: border-box;
}

.timeline-list li strong {
  color: #02a5d6;
  font-weight: 600;
  margin-right: 4px;
}

.timeline-list a {
  color: rgb(118.8510638298, 132.6382978723, 148.1489361702);
  text-decoration: none;
}

.timeline-list a:hover {
  color: #ffffff;
  text-decoration: underline;
}