body {
  font-family: Arial, sans-serif;
}

.header{
    background-color: #ffb300;
    padding-inline: 16px;
    border-radius: 5px;
}
  
  .nav {
    max-width: 1280px;
    height: 70px;
    margin-inline: auto;
  
    display: flex;
    justify-content: space-between;
    align-items: center;
    
  }
  .painel-ctt{
    background-color: #eaeaea;
    border-radius: 5px;
    margin-top: 5px;
  }
  .sobre {
    padding: 20px;
    text-align: center;
  }
  .ctt-whats a {
    text-decoration: none;
    background: rgb(0,214,36);
    background: linear-gradient(16deg, rgba(0,214,36,1) 0%, rgba(0,234,72,1) 35%, rgba(0,255,104,1) 100%);
    padding: 10px 20px 10px 20px;
    text-align: center;
    border-radius: 5px;
    font-size: 25px;
    font-weight: bold;
    color: white;
  }.ctt-whats a:hover{
    text-decoration: none;
    background: linear-gradient(16deg, rgba(0,214,36,1) 100%, rgba(0,234,72,1) 35%, rgba(0,255,104,1) 0%);
    padding: 10px 20px 10px 20px;
    text-align: center;
    border-radius: 5px;
    font-size: 25px;
    font-weight: bold;
    color: white;
  }

  .instagram a {
    text-decoration: none;
    background: linear-gradient(32deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
    padding: 10px 20px 10px 20px;
    text-align: center;
    border-radius: 5px;
    font-size: 25px;
    font-weight: bold;
    color: white;
  }.instagram a:hover{
    text-decoration: none;
    background: linear-gradient(32deg, rgb(114, 50, 156) 0%, rgb(195, 33, 33) 50%, rgb(223, 153, 55) 100%);
    padding: 10px 20px 10px 20px;
    text-align: center;
    border-radius: 5px;
    font-size: 25px;
    font-weight: bold;
    color: white;
  }
.local{
    text-align: center;
}
.local iframe{
    padding: 20px;
    width: 90%;
}


#conteiner{
  background-image: url("recurces/img/back-img2.png");
  padding: 50px 0;
}
.form-gmail h2{
  text-align: center;
}
.form-gmail{
  color: #fff;
  font-weight: bold; 
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  align-items: center;
}

form {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

form label {
  font-size: 1rem;
}

form input, form textarea {
  padding: 10px;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 100%;
  max-width: 600px;
}

.ok {
  background-color: #333;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 1.1rem;
}

.ok:hover {
  background-color: #555;
}