*{
    max-width: 100%;
    outline: none;
    box-sizing: border-box;
 }
 
 body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background-color: white;
      margin: 0;
    }


header{
  display: flex;
 align-items:center;
}

.logo{
    text-align: left;
  width:84%;
  display: flex;
  align-items: center;
}

.logo label{
  font-size: 0.9em;
  font-weight:bold;
  margin-left: 14px;
}
.right{
  width:16%;
  display:flex;
  align-items:center;
}

.logo img{
 width:330px;
   margin-left: 90px;
    text-align: left; 
  padding:10px;

}

.right span{
  color:#00000080;
}

.right a{
  text-decoration:none;
  color:#000000cf;
  margin-left:10px;
}

.kh{
        border-bottom:solid 1px #00000038;
        margin-top:20px;
        padding:0px;
        
      }
    .form-container {
      background-color: #fff;
      max-width: 600px;
      margin: auto;
      padding: 35px;
      border-radius: 12px;
      margin-top:40px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    }
 
    h2 {
      text-align: center;
      margin-bottom: 30px;
      color: #fff;
      font-size: 22px;
    }
    label {
      display: block;
      margin-top: 15px;
      margin-bottom: 6px;
      font-weight: 400;
      color: #000;
      font-size: 14px;
    }
    input, select, textarea {
      width: 100%;
      padding: 11px;
      border-radius: 6px;
      border: 1px solid #ccc;
      box-sizing: border-box;
      font-size: 15px;
      color: #000;
    }

input:hover{
  border: 1px solid #0085ca;
      border-color: #0085ca;
    box-shadow: 0 0 0 1px #0085ca inset, 0 0 8px #45657b99;
}
    .name-fields {
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
    }
    .name-fields div {
      flex: 1;
    }
    button {
      margin-top: 30px;
      width: 100%;
      padding: 14px;
      background-color: #999fa1;
      color: white;
      font-size: 16px;
      font-weight: bold;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s;
    }

button:hover{
  background-color: #0085ca;
  
 
}
   
    footer {
    display: flex;
      background:#204a77;
      padding:44px;
      color:white;
      margin-top: 90px;
    
    }
    .left {
width:70%;
    }


.e{
  margin-bottom:10px;
  font-size:1.2em;
}

.e2 span{
  display:block;
}

.e3{
  margin-top:24px;
}

.e3 a{
  display:block;
  text-decoration:none;
  color:white;
}


.rightt{
  width:30%;
  
}

.rightt img{
  width:250px;
  margin-top:14px;
}

.u{
  display: none;
}

.pu  {
      margin-top: 30px;
      width: 100%;
      padding: 14px;
      background-color: #999fa1;
      color: white;
      font-size: 16px;
      font-weight: bold;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s;
    }

.pu a{
  text-decoration:none;
  color:white;
}

.pu:hover{
  background-color: #0085ca;
  
 
}

    @media (max-width: 600px) {
      .name-fields {
        flex-direction: column;
      }
    }


    @media screen and (max-width : 740px){

      .rightt{
  width:100%;
}
     
      header{
        display:block;
      }

  .right{
    margin-right:30px;
  }    
      

.logo label{
  display:none;
}

.logo img{
 width:260px;
   margin-left: 30px;
    text-align: left; 
  padding:10px;

}

      .logo{
    text-align: left;
  width:100%;
  display: flex;
  align-items: center;
}

.logo label{
  font-size: 0.9em;
  font-weight:bold;
  margin-left: 14px;
}
.right{
  width:100%;
  display:block;
  text-align:right;
 
}

      .right a{
         margin-right:20px;
      }

 footer {
    display: block;
      background:#204a77;
      padding:23px;
      color:white;
      margin-top: 80px;

    
    }
    .left {
width:100%;
    }


.e{
  margin-bottom:10px;
  font-size:1.2em;
}

.e2 span{
  display:block;
}

.e3{
  margin-top:24px;
}

.e3 a{
  display:block;
  text-decoration:none;
  color:white;
}


.umg{
  display:none;
  
}
      
      .u{
        display:block;
        width:100%;
        margin-top:20px;
      }

    

.u img{
  display:block;
width:700px;
  margin-top:1px;
}  

}