.country {
    padding: 0rem;
    margin-bottom: 0rem;
    border-radius: 0rem;
  }

  @media (max-width: 575.98px) {
    .country {
      padding: 0rem 0rem;
    }
  }

  .country-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
  }
  .country h1 {
      font-size: 2rem;
      font-weight: 900;
      color: #eee;
      text-transform: uppercase;
    }
    .country h2 {
      font-size: 1rem;
      font-weight: 700;
      color: #000;
    }
    .country h3 {
      padding-top: 1rem;
      font-size: 1.2rem;
      font-weight: 700;
      color: #eee;
    }


  .country a {
    padding: 0rem 0 0 0rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
  }
  @media (max-width: 575.98px) {
      .country a {
          line-height: 1rem;
          font-size: 1.2rem;
          font-weight: 300;
      }
    }
  .country a:hover {
  color: #051154;
  }


  .country2 {
    background: rgba(238, 238, 238, 1);
    border-radius: 0.5rem;
    margin: 1rem 0 1rem 0;
    padding: 1rem 1rem 1rem 1rem;
}
@media (max-width: 575.98px) {
    .country2 {
        margin: 1rem 0 1rem 0;
        padding: 0.75rem 0.75rem 0.75rem 0.75rem;
    }
}
.country2 h1 {
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .country2 h1 {
      padding: 0.25rem 0 0 0;
      color: #444;
      font-weight: 700;
      font-size: 1.4rem;
      text-align: left;
      text-transform: none;
    }
  }
.country2 a {
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
.country2 a:hover {
    color: #f60;
    text-decoration: none;
}
.germany {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(0, 0, 0, 1);
    border-radius: 0.5rem;
    margin: 1rem 0 1rem 0;
    padding: 0.75rem;
}
    @media (max-width: 575.98px) {
        .germany {
            padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    }
}
.germany h1 {
    padding: 1rem 0 0 0;
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .germany h1 {
            font-size: 1.8rem;
            font-weight: 900;
    }
}
.germany p {
    padding: 0.5rem 0 0 0;
    color: #eee;
}
.germany a {
    display: table-cell;
    background: rgba(33, 33, 33, 0.5);
    padding: 0.25rem;
    line-height: 4rem;
    color: #eee;
    font-size: 2rem;
}
@media (max-width: 575.98px) {
    .germany a {
        font-weight: 700;
        font-size: 1rem;
    }
}
.germany a:hover {
    background: rgb(15, 199, 240, 0.5);
    color: #212121;
    font-size: 2rem;
}
@media (max-width: 575.98px) {
    .germany a:hover {
        font-weight: 500;
        font-size: 1rem;
    }
}

/* --------------------- Home country --------------------- */


.visit {
    background: rgba(255, 2255, 2255, 0.85);
    margin: 0rem;
    padding: 0rem;
}
@media (max-width: 575.98px) {
    .visit {
        border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
        margin: 1rem 0 0rem 0;
        padding: 0.5rem;
    }
}
.visit h1 {
    padding: 0rem 0 0 0rem;
    font-size: 3rem;
    font-weight: 900;
    color: #000;
    text-align: left;
    text-transform: none;
}
  @media (max-width: 575.98px) {
    .visit h1 {
        color: #fff;
        font-weight: 700;
        font-size: 1.6rem;
    }
}

.visit p {
    color: #000;
    font-weight: 500;
    line-height: 1rem;
    text-decoration: none;
}



.visit1 {
    margin: 0;
    padding: 0;
}
    @media (max-width: 575.98px) {
        .visit1 {
            padding: 0;
    }
}
.visit1 h1 {
    padding: 0.5rem 0.5rem 1rem 0;
    font-size: 2.5rem;
    font-weight: 900;
    color: #fff;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .visit1 h1 {
            padding: 0rem 0rem 0rem 0;
            font-size: 1.6rem;
            font-weight: 900;
    }
}
.visit1 h2 {
    line-height: 3rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    text-align: left;
}
    @media (max-width: 575.98px) {
        .visit1 h2 {
            line-height: 2.4rem;
            font-size: 1rem;
            font-weight: 500;
    }
}
.visit1 h4 {
    padding: 0rem 0rem 0rem 0;
    font-size: 2.5rem;
    font-weight: 900;
    color: #fff;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .visit1 h4 {
            font-size: 1.6rem;
            font-weight: 900;
    }
}
.visit1 h5 {
    padding: 0rem 0rem 1rem 0;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    text-align: left;
}
    @media (max-width: 575.98px) {
        .visit1 h5 {
            padding: 0rem 0rem 0rem 0;
            font-size: 1rem;
            font-weight: 500;
    }
}
.visit1 p {
    padding: 0.5rem 0 0 0;
    line-height: 1rem;
    color: #eee;
}

.visit1 a {
    display: table-cell;
    background: rgba(0, 0, 0, 1);
    border-radius: 0.5rem;
    background: linear-gradient();
    padding: 1rem 1rem 0.5rem 1rem;
    line-height: 3rem;
    color: #fff;
    font-weight: 900;
    text-align: bottom;
    text-align: center;
    text-decoration: none;
}


@media (max-width: 575.98px) {
    .visit1 a {
        font-size: 1rem;
        padding: 0.5rem 1rem 0.5rem 1rem;
    }
}
.visit1 a:hover {
    background: rgb(9, 4, 72, 1);
    font-size: 2rem;
}
@media (max-width: 575.98px) {
    .visit1 a:hover {
        font-size: 2rem;
    }
}


.visit1a {
    margin: 0;
    padding: 0;
    min-height: 7rem;
}
    @media (max-width: 575.98px) {
        .visit1a {
            min-height: 1rem;
    }
}
.visit1a h1 {
    font-size: 1rem;
    text-align: left;
}



/* --------------------- end Home country --------------------- */



.visit2 {
    margin: 0;
    padding: 0;
}

.visit2 a {
    display: table-cell;
    border-radius: 0.5rem;
    background: linear-gradient();
    padding: 0.5rem 0.25rem 0.5rem 0.5rem;
    line-height: 3rem;
    font-size: 2.5rem;
    font-weight: 900;
    text-align: bottom;
    text-align: left;
    text-decoration: none;
    color: #fff;
    min-width: 22rem;
}


@media (max-width: 575.98px) {
    .visit2 a {
        padding: 0rem 0.25rem 0rem 0.5rem;
        font-weight: 700;
        font-size: 1.4rem;
        min-width: 10rem;
    }
}
.visit2 a:hover {
    background: rgb(9, 4, 72, 0.75);
    color:#f60;
    font-size: 2.5rem;
}
@media (max-width: 575.98px) {
    .visit2 a:hover {
        padding: 0rem 0.25rem 0rem 0.5rem;
        font-size: 1.4rem;
        font-weight: 700;
    }
}

.cities {
    margin: 0rem;
    padding: 0.5rem 0.5rem 0rem 0.5rem;
}
@media (max-width: 575.98px) {
    .cities {
        margin: 0rem 0 0rem 0;
    }
}
.cities h1 {
    line-height: 1.8rem;
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: left;
  }
@media (max-width: 575.98px) {
    .cities h1 {
        font-size: 1.2rem;
        font-weight: 700;
    }
}
.cities h2 {
    line-height: 1.8rem;
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    text-align: left;
  }
@media (max-width: 575.98px) {
    .cities h2 {
        font-weight: 700;
    }
}
.cities h3 {
    line-height: 1.8rem;
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: left;
  }
@media (max-width: 575.98px) {
    .cities h3 {
        font-weight: 700;
        font-size: 1rem;
    }
}

.cities p {
    line-height: 1.4rem;
    padding: 0rem 0 0 0rem;
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
  }
@media (max-width: 575.98px) {
    .cities p {
        font-size: 1rem;
        font-weight: 500;
    }
}
.cityh {
    height: 1.6rem;
}
@media (max-width: 575.98px) {
    .card1h {
        height: 1.6rem;
    }
}