.input1,
.input2,
.input3 {
  width: 250px;
  margin-right: 30px;
}

 .form-group {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
} 

 .form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}  
.form-group {
  flex: 1;
  border: #000654;
}
 /* .controle {
  width: 150px;

  height: 40px;
 
 margin-top: 46px;
  background-color: rgb(212, 39, 41);
  color: white; */

  

/* .nav-link.active {
  background-color: #000654;
  color: white;
  font-size: 20px;
} */

.tab-pane {
  background-color: #000654;
}

.label {
  color: white;
  /* margin-top: 13px;
  margin-left: 22px; */
}

.custom-control-label {
  color: white;
}



.card {
  flex: 1;
  max-width: 232px;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card1 {
  padding: 1px;
  border: 1px solid #ccc;
  border-radius: 0px;
  font-size: 13px;
  margin-top: 50px;
  text-align: center;
 
}

.bb {
  font-size: 18px;
}

/* styles.css */

.top {
  margin-top: 228px;
}

.b22 {
  margin-top: 25px;
}

.gg {
  margin-top: 33px;
  
}

.th1 {
  width: 20%;

  text-align: center;
  background-color: rgb(0, 6, 84);
  color: white;
}

.th2 {
  width: 18%;
  padding: 8px;
  text-align: center;
  background-color: rgb(0, 6, 84);
  color: white;
}

.th3 {
  width: 0%;
  padding: 8px;
  text-align: center;
  background-color: rgb(0, 6, 84);
  color: white;

}

.th4 {
  width: 20%;
  padding-left: -3px;
  text-align: center;
  background-color: rgb(0, 6, 84);
  color: white;
}

.th5 {
  width: -11%;
  padding-left: -3px;
  text-align: center;
  background-color: rgb(0, 6, 84);
  color: white;
}

.row1 {
  width: 223px;
  height: 47px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: none;
  border-bottom: 2px solid red;
  background-color: rgb(248, 248, 248);
  outline: none;
  display: inline;
 
}

.row2 {
  width: 233px;
  height: 47px;
  margin-bottom: 10px;
  margin-left: 0px;
  border: none;
  border-bottom: 2px solid red;
  background-color: rgb(248, 248, 248);
  outline: none;
}

.row3 {
  width: 229px;
  height: 47px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: none;
  border-bottom: 2px solid red;
  background-color: rgb(248, 248, 248);
  outline: none;
}

.row4 {
  width: 230px;
  height: 47px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: none;
  border-bottom: 2px solid red;
  background-color: rgb(248, 248, 248);
  outline: none;
}

.text {
  width: 100%;
  height: 139px;
  margin-top: -11px;
  border: none;
  border-bottom: 2px solid red;
  background-color: rgb(248, 248, 248);
  outline: none;
}
@media screen and (max-width:800px) {
  .tab-content {
      text-align: center;
      width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .form-group.col-sm-3 button.controle {
      display: block;
      margin: 10px auto;
      width: 100%;
  }
}


/* @media (max-width: 576px) { /* Adjust the max-width as needed */
  .card1 {
      text-align: center;
  } 
 @media (max-width:576px) {
    .row {
        display: flex;
        flex-direction: column;
        align-items: center;
      
    }
   
    
    .col-lg-3,
    .col-sm-3 {
       
        max-width: 350px; 

    } 
}  .flying1{
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  border: none;
  border-bottom: red;
}
.flying2{
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  border: none;
  border-bottom: red;
}
.flying3{
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  border: none;
  border-bottom: red;
}
@media (max-width: 1000px) {
 .row1,
 .row2,
  .row3,
  .row4,
  textarea {
      width: 100%;
  }
  
}
@media (max-width: 1000px) {
  .img-fluid {
    width: 100%;
  }
}

@media (max-width: 1000px) {
  .col-md-12 {
    width: 100%;
  }
} 


@media  (max-width: 600px) {
  .form-control,
  .controle {
    width: 100%;
  }
}

@media  (max-width: 600px) {
  
  .nav-link.active {
    width: 100%;
  }
  
}
.nav-link.active {
  background-color: #000654;
  color: white;
  font-size: 20px;
}
.controle{
  background-color:rgb(212,39,41);
  padding: 7px 49px 6px 47px;
  margin-top: 34px;
  cursor: pointer;
  border: none;
  color: white;
  

}
@media  (max-width: 600px) {
 .table2 {
    width: 100%;
    margin-right: 4x;
  
  }
}
@media  (max-width: 600px) {
  .td1 {
     width: 100%;
   
   }
 }