* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
   
}
html, body {
    height: 100%;
    margin: 0;
}
body {
    display: grid;
    grid-template-rows: auto 1fr auto;

}
header { grid-row: 1; }
main   { grid-row: 2; }
footer { grid-row: 3; }
html,
body {
  margin: 0px;
}


button:focus-visible {
  outline: 2px solid #ffffff !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  text-decoration: none;
}

input, textarea{
  outline: none;
}



body::-webkit-scrollbar{
  width: 7px;
}

body::-webkit-scrollbar-thumb{
  
  background: #000;
  border: 1px solid rgba(92, 98, 98, 0.1);
  border-radius: 666px;
}


.wieuhw{
  cursor: pointer;
  
}

.wieuhw:hover{
  opacity: 0.8;
  cursor: pointer;
}

.wieuhw:active{
 opacity: 0.6;
}

body{
  background-color: #fff;

  width: 100%;

}

.oinobn{
  width: 1025px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 auto;
  padding-top: 200px;
}
.oiernbone{
  display: flex;
width: 567px;
padding-top: 151px;
flex-direction: column;
align-items: flex-start;
gap: 10px;

}
.eoribne{
  display: flex;
width: 400px;
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
.eoribne2{
  display: flex;
width: 400px;
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
.eorpb{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 40px;
align-self: stretch;
}
.erbhieo{
  display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.logo{
width: 160px;
height: 50px;
}
.item{
width: 45px;
height: 35px;
}
.erbepe{
  display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.eorbin{
display: flex;
align-items: center;
}

.oerijbep{
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}

.ewoiwemw{
display: flex;
padding: 8px 18px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 5px 0 0 5px;
border: 1px solid #C0C0C0;
background: #F1F1F1;
color: #000;
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.14px;
}

.erobienr{
display: flex;
padding: 8px 18px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 0 5px 5px 0;
border-top: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
color: #000;
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.14px;
}
.riuenei{

}
.ertionre{

}
.eorboeww{
  display: flex;
flex-direction: column;
align-items: center;
gap: 41px;
align-self: stretch;
}
.text__main{
  color: #000;
text-align: center;
font-family: Lato;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.iweubvwi{
  display: flex;
flex-direction: column;
align-items: center;
gap: 60px;
align-self: stretch;
}
a{
  width: 100%;
}
.wieuhw{
  cursor: pointer;
  border: none;
  display: flex;
padding: 14px 50px;
width: 100%;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 4px;
background: linear-gradient(180deg, #EF6633 0%, #DA501C 100%);
color: #FFF;
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: -0.42px;
}
.ierubw{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 22px;
align-self: stretch;
}
.erobneee{
  display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.eirub{
  color: #3C86CB;
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.eirubne{
  display: flex;
align-items: center;cursor: pointer;
gap: 9px;
color: #000;
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.eorneo{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
align-self: stretch;
}

.irebne::placeholder{
  opacity: 0.5;
}
.irebne{
  color: rgba(0, 0, 0, 1);
font-family: Lato;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
background-color: transparent;
border: none;
outline: none;
}
.erenrne:focus-within{
border-bottom: 1px solid #ee7e14;
}
.erenrne{
  transition: all 0.3s;
  border-bottom: 1px solid #000;
  display: flex;
padding-bottom: 15px;
align-items: center;
gap: 15px;
align-self: stretch;
}
.ernr{
  height: 13px;
  width: 19px;
}
.eroberkg{
  display: flex;
align-items: center;
gap: 15px;
}
.erenrne.tnrn{
display: flex;
justify-content: space-between;
align-items: center;
flex: 1 0 0;
}
.ernroere{
  height: 20px;
  width: 19px;
}
.rinbeobn{
  height: 19px;
  width: 22px;
}
#eye{
  user-select: none; cursor: pointer;
}
.footer{
  display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding-bottom: 100px;
}
.urjr{
color: #3C86CB;
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.uhrjr{
color: #000;
font-family: Lato;
font-size: 13px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.urgjr{
color: #3C86CB;
font-family: Lato;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.alert{
  display: flex;
width: 100%;
padding: 10px 22px;
align-items: center;
gap: 15px;
border-radius: 7px;
background: #FBD7CA;
color: #000;
font-family: Lato;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.ffn{
  color: #3C86CB;
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.eonberbeber{
  display: flex;
  flex-direction: column;
  gap: 2px;

}