@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;600;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css");
:root,
html,
body {
  font-family: 'Ubuntu', sans-serif !important;
  background-color: #fefefe;
  color: #7c7d7d; }

.icon {
  height: 1.3rem;
  position: relative;
  top: -1px; }

.text-danger {
  color: #FC7979 !important; }

.control-flash {
  box-shadow: 0 0 5px 5px rgba(255, 5, 5, 0.3); }

.language-selector-img {
  height: 1rem;
  position: relative;
  top: -2px; }

.language-selector {
  border: 1px solid #00d1ff !important;
  border-radius: 4px; }

.dropdown-menu {
  border-color: #00d1ff !important; }

.primary {
  color: #00d1ff; }

.secondary {
  color: #7c7d7d; }

.mainpage {
  background: no-repeat center/cover url("/img/homepage-bg.jpg"); }

.about {
  background: no-repeat center/cover url("/img/about-bg.jpg"); }

p {
  font-size: 1rem; }

h1 {
  font-size: 2.5rem;
  color: #00d1ff;
  font-weight: 700; }

h2 {
  font-size: 1.4rem;
  color: #7c7d7d; }

@media all and (max-width: 770px) {
  h1 {
    font-size: 1.5rem; }
  h2 {
    font-size: 1rem; } }

h3 {
  padding-bottom: 4.75rem;
  font-size: 1.5rem;
  color: #00d1ff;
  font-weight: 600;
  background: no-repeat center/40% url("/img/header-bg.svg"); }

h3.no-bg {
  background: none;
  margin-bottom: 0;
  padding-bottom: 0; }

h4 {
  font-size: 1.25em;
  color: #00d1ff;
  font-weight: 700; }

.debug {
  border: 1px solid red; }

.navbar {
  background: #ffffff;
  padding: 0; }

.nav-link {
  color: #7c7d7d !important; }

.nav-link:hover {
  color: #00d1ff !important;
  text-decoration: none; }

a {
  color: #00d1ff;
  text-decoration: none; }
  a:hover {
    color: #00d1ff;
    text-decoration: underline; }
  a:visited {
    color: #00d1ff; }

.form-control {
  letter-spacing: 0.02;
  font-weight: 500;
  color: #a1a1a1 !important;
  font-family: 'Montserrat', sans-serif;
  background-color: #f1f1f1;
  border-color: #f1f1f1; }

.form-control:disabled {
  background-color: #ffffff;
  border-color: #00d1ff; }

.form-check-input:checked {
  background-color: #00d1ff;
  border-color: #00d1ff; }

.form-control:focus {
  box-shadow: 0 0 4px 4px rgba(0, 175, 169, 0.1); }

.btn {
  padding-left: 2em;
  padding-right: 2em;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase; }

.btn-primary,
.btn-primary:focus {
  background-color: #00d1ff;
  border-color: #00d1ff; }

.btn-primary:hover,
.btn-primary:active {
  background-color: #7c7d7d;
  border-color: #7c7d7d; }

#footer p {
  font-size: 0.8rem;
  margin: 0;
  color: #7c7d7d; }

.accordion-toggle:focus {
  outline: 0 !important;
  border: none; }

.accordion-button {
  color: #00d1ff !important;
  font-weight: 500;
  font-size: 1.5rem;
  background-color: #ffffff !important; }
  .accordion-button:focus {
    box-shadow: none;
    border-color: #00d1ff !important; }

.panel-flashy {
  border-color: #ff934f; }

.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300d1ff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

.form-label {
  color: #00d1ff;
  margin-bottom: 0.3em;
  font-size: 0.9rem;
  font-weight: 600; }

.label-inside {
  color: #00d1ff;
  margin-left: -1.5rem;
  font-weight: 500;
  z-index: 100; }

.label-inside-lg {
  font-size: 1.3em;
  margin-left: -1.3em;
  font-weight: 500;
  color: #00d1ff;
  z-index: 100; }

.card-image {
  margin: auto;
  width: 30%;
  height: 30%; }

.card-image2 {
  margin: auto;
  width: 100%;
  height: 100%; }

.card {
  border: 0;
  height: 100%; }

.form-check-label {
  color: #7c7d7d;
  font-size: 0.8rem; }

.source-card {
  padding-top: 5rem;
  padding-bottom: 2rem;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid #00d1ff;
  background: no-repeat top left url("/img/card-bg-source.svg"); }

.target-card {
  padding-top: 5rem;
  padding-bottom: 2rem;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid #00d1ff;
  background: no-repeat top right url("/img/card-bg-target.svg"); }

.bg-accent {
  background-color: #f1f1f1; }

.text-indent {
  text-indent: 1em; }

th, td {
  color: #7c7d7d; }