/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (2) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (3) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;400;600;700&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (4) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@800&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (5) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
* {
  margin: 0px 0px 0px 0px;
}
textarea:focus,
input:focus,
select:focus {
  box-shadow: 0 0 0 0;
  border: 0 none;
  outline: 0;
}
.form-group {
  position: relative;
}
.form-group select {
  display: none;
}
.form-group:focus .form-input, .form-group:focus .form-input-select, .form-group:hover .form-input, .form-group:hover .form-input-select {
  border-radius: 10px;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, rgb(0, 29, 69), rgb(43, 129, 173));
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.form-group:hover .form-label, .form-group:focus .form-label {
  color: black;
}
.form-label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  overflow-y: hidden;
  z-index: 1;
  transition: all 0.5s ease;
  display: block;
  position: relative;
  left: 5px;
  right: 0%;
  top: -16px;
  line-height: 120%;
  width: max-content;
  background-color: #f5f5f5;
}
.form-label ::placeholder {
  position: absolute;
  left: 6.07%;
  right: 0.91%;
  top: 30.1%;
  bottom: 27.59%;
  font-size: 14px;
  line-height: 120%;
}
.form-label.focus {
  transform: translateY(-130%);
  -moz-transform: translateY(-130%);
  -webkit-transform: translateY(-130%);
  -ms-transform: translateY(-130%);
  font-size: 1.25em;
}
.form-input, .form-input-select {
  position: relative;
  height: 36px;
  width: 17.917vw;
  top: 9px;
  border-radius: 10px;
}
.form-input:valid + .form-label, .form-input-select:valid + .form-label {
  transform: translateY(-130%);
  -moz-transform: translateY(-130%);
  -webkit-transform: translateY(-130%);
  -ms-transform: translateY(-130%);
  font-size: 0.8em;
}
.form-input:focus + .form-label, .form-input-select:focus + .form-label {
  transform: translateY(-130%);
  -moz-transform: translateY(-130%);
  -webkit-transform: translateY(-130%);
  -ms-transform: translateY(-130%);
  font-size: 0.8em;
}
.form-input-select-focus {
  border-radius: 10px;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, rgb(0, 29, 69), rgb(43, 129, 173));
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

/*# sourceMappingURL=styles.css.map*/