*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:#fff;
  color:#0f172a;
  overflow-x:hidden;
}

img{
  max-width:100%;
}

section{
  width:100%;
}

input,
button,
select,
textarea{
  font-family:inherit;
}

a{
  transition:.25s ease;
}

button{
  transition:.25s ease;
}

button:hover{
  transform:translateY(-2px);
}

@media(max-width:992px){

  h1{
    font-size:52px !important;
    line-height:1.15 !important;
  }

  h2{
    font-size:42px !important;
    line-height:1.2 !important;
  }

  div[style*="display:flex"]{
    gap:18px !important;
  }

}

@media(max-width:768px){

  body{
    overflow-x:hidden;
  }

  section{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  h1{
    font-size:38px !important;
    line-height:1.15 !important;
  }

  h2{
    font-size:30px !important;
    line-height:1.2 !important;
  }

  div[style*="display:flex"]{
    flex-direction:column !important;
  }

  div[style*="min-width:320px"],
  div[style*="min-width:260px"],
  div[style*="min-width:240px"],
  input,
  button,
  select{
    width:100% !important;
    min-width:100% !important;
  }

  div[style*="padding:70px"],
  div[style*="padding:56px"],
  div[style*="padding:55px"]{
    padding:28px !important;
  }

  div[style*="font-size:58px"],
  div[style*="font-size:54px"],
  div[style*="font-size:52px"],
  div[style*="font-size:48px"],
  div[style*="font-size:76px"]{
    font-size:32px !important;
    line-height:1.2 !important;
  }
{
@media(max-width:480px){

  h1{
    font-size:30px !important;
  }

  h2{
    font-size:26px !important;
  }

  button{
    font-size:16px !important;
    padding:18px 20px !important;
  }

}