@import url("https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap");

:root {
  --color-white: #ffffff;
  --color-primary: rgb(255, 136, 0);
  --color-gray: gray;
  /* --color-main:#3b9dff; */

  --color-main:#0046F5;

  --font-main: "Hind Siliguri", sans-serif;

  --max-width: 1250px;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: var(--font-main);
}

html,
body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 18px;
}

section {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 20px;
  max-width: var(--max-width);
}
section img {
  width: 100%;
}
.data {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 450px;
  padding: 20px;
}

.input-data {
  display: flex;
  flex-direction: column;
}
input {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  min-height: 50px;
  margin-top: 8px;
  padding: 0 20px;
}

button{
  background: black;
  margin-top: 20px;
  max-width: 450px;
  min-height: 50px;
  border-radius: 50px;
  color: white;
}

.web-icons{
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}