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

html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: none; }

footer, header, nav, section, main {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

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

input {
  -webkit-appearance: none;
  border-radius: 0; }

.hero {
  background-color: #0B1411;
  position: relative;
  z-index: 0;
  min-height: 100vh; }
  .hero::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: " ";
    background-image: url("../images/bg.svg");
    opacity: .2; }
  .hero::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: " ";
    background: linear-gradient(180deg, #0B1411 50%, rgba(11, 20, 17, 0) 100%); }
  .hero .logo {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    padding: 40px; }
    .hero .logo img {
      width: 100%;
      max-width: 350px; }
  .hero .country-select .headline-enabled {
    color: #E6E7E7;
    font-family: "Plus Jakarta Sans";
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 32px; }
    .hero .country-select .headline-enabled i {
      color: #FF8200; }
  .hero .country-select .headline-disabled {
    color: #E6E7E7;
    font-family: "Plus Jakarta Sans";
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 32px;
    margin-top: 60px; }
    .hero .country-select .headline-disabled i {
      color: #FF8200; }
  .hero .country-select .countries {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap; }
    .hero .country-select .countries .country {
      display: flex;
      flex-direction: column;
      text-decoration: none; }
      .hero .country-select .countries .country .flag {
        border: 1px solid #FF8200;
        border-radius: 8px;
        padding: 10px;
        width: fit-content; }
        .hero .country-select .countries .country .flag img {
          height: 65px; }
      .hero .country-select .countries .country p {
        color: #E6E7E7;
        font-family: "Plus Jakarta Sans";
        font-size: 1rem;
        text-align: center;
        margin-top: 8px; }