body {
    font-family: 'Exo 2';
    background-color: #f0f0f0;
}

.header {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 900;
    padding-top: 20px;
}
.bold {
    font-weight: bold;
}

footer {
    color: #333;
}

.reviews {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 900;
    padding-top: 20px;
}

.borderTable {
	border-radius: 0px 5px 5px 0px;
}

.container {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}


.trustpilot {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 300;
}
.form-group {
    margin-bottom: 20px;
}

.hide{
  display:none
}

footer {
  padding: 25px;
}

.form-group label {
    font-weight: bold;
    color: #333;
}

.checking-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.checking {
  width: 300px; /* Larghezza della card */
  height: 300px;
  padding: 20px;
  border-style: solid;
  border-color: #FF8C00;
  backdrop-filter: blur(10px);
  border-radius: 29px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); /* Ombra per la card */
}

.verify-button .verify-button:disabled {
    background-color: #FFA900 !important; /* Fluent Design Yellow/Orange */
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 3px;
    cursor: pointer;
}

.ui-autocomplete-loading {
  background:url("img/loading.svg") no-repeat right;
  background-size: 40px;

}

.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
    width: 100%;
  }
  input {
    border: 1px solid transparent;
    background-color: #f1f1f1;
    padding: 10px;
    font-size: 16px;
  }
  input[type=text] {
    background-color: #f1f1f1;
    width: 100%;
  }
  input[type=submit] {
    background-color: DodgerBlue;
    color: #fff;
  }
  .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
  }
  .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
  }
  .autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
  }
  .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
  }
.verify-button:hover {
    background-color: #FF8C00; /* Darker Orange on Hover */
}
.verify-button:active, .verify-button:hover, .verify-button:focus {
    background-color: #FF8C00 !important;
    border-color: #494F57 !important;
  }

.benefits {
    margin-top: 30px;
}

.benefit-card {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}

.benefit-card h3 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #333;
}

.benefit-card p {
    color: #666;
}

.why {
    font-family: 'Exo 2';
    padding-top: 3%;
}

.speedtest-result {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #FF8C00;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  color: white;
}

.speed-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.speed-label {
  font-weight: bold;
  margin-bottom: 5px;
}

.speed-arrow {
  font-size: 36px;
  margin-top: 10px;
}