:root {
  --bs-primary: #0a74d7;
  --bs-secondary: #f0977d;
  --bs-success: #00b67a;
  --bg-secondary-color: rgba(10, 116, 215, 0.03);
  --bg-color-footer: #e9eefe;
  --large-screen: 1024px;
  --medium-screen: 768px;
  --small-screen: 576px;
  --tiny-screen: 375px;
  --danger: #e40000;
  /* VARIABLE COLLECTION */
  --dark-blue: #2a3243;
  --azure-blue: #0a74d7;
  --slate-gray: #7c8089;
  --white: #ffffff;
  --black: #000000;
  --steel-blue: #667085;
  --white-smoke: #fafafa;
  --orange: #f0977d;
  --light-gray: #cecece;
  /* SHADES COLLECTION */
  --light-white-zircon: #fdfeff;
  --ligth-blue-selago: #f2f5fe;
  --regent-gray: #909da2;
  --light-porcelain-gray: #e6e9ea;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../static/fonts/Montserrat-Regular.woff2") format("woff2"), url("../../static/fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../static/fonts/Montserrat-Bold.woff2") format("woff2"), url("../../static/fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../static/fonts/Montserrat-Medium.woff2") format("woff2"), url("../../static/fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../static/fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../../static/fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../static/fonts/Inter-Light.woff2") format("woff2"), url("../../static/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../static/fonts/Inter-Regular.woff2") format("woff2"), url("../../static/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../static/fonts/Inter-Medium.woff2") format("woff2"), url("../../static/fonts/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../static/fonts/Inter-SemiBold.woff2") format("woff2"), url("../../static/fonts/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../static/fonts/Inter-Bold.woff2") format("woff2"), url("../../static/fonts/Inter-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../../static/fonts/Roboto-Light.woff2") format("woff2"), url("../../static/fonts/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../../static/fonts/Roboto-Bold.woff2") format("woff2"), url("../../static/fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../../static/fonts/Roboto-Medium.woff2") format("woff2"), url("../../static/fonts/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../../static/fonts/Roboto-Regular.woff2") format("woff2"), url("../../static/fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Clash Display";
  src: url("../../static/fonts/ClashDisplay-Bold.woff2") format("woff2"), url("../../static/fonts/ClashDisplay-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oleo Script Swash Caps";
  src: url("../../static/fonts/OleoScriptSwashCaps-Regular.woff2") format("woff2"), url("../../static/fonts/OleoScriptSwashCaps-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Marko One";
  src: url("../../static/fonts/MarkoOne-Regular.woff2") format("woff2"), url("../../static/fonts/MarkoOne-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/**
 * Minified by jsDelivr using clean-css v5.3.2.
 * Original file: /npm/modern-normalize@2.0.0/modern-normalize.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/* (unused) *,
::after,
::before {
  box-sizing: border-box;
}*/

/* (unused) html {
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
}*/

/* (unused) body {
  margin: 0;
}*/

/* (unused) hr {
  height: 0;
  color: inherit;
}*/

/* (unused) abbr[title] {
  text-decoration: underline dotted;
}*/

/* (unused) b,
strong {
  font-weight: bolder;
}*/

/* (unused) code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 1em;
}*/

/* (unused) small {
  font-size: 80%;
}*/

/* (unused) sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}*/

/* (unused) sub {
  bottom: -0.25em;
}*/

/* (unused) sup {
  top: -0.5em;
}*/

/* (unused) table {
  text-indent: 0;
  border-color: inherit;
}*/

/* (unused) button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}*/

/* (unused) button,
select {
  text-transform: none;
}*/

/* (unused) [type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}*/

/* (unused) ::-moz-focus-inner {
  border-style: none;
  padding: 0;
}*/

/* (unused) :-moz-focusring {
  outline: 1px dotted ButtonText;
}*/

/* (unused) :-moz-ui-invalid {
  box-shadow: none;
}*/

/* (unused) legend {
  padding: 0;
}*/

/* (unused) progress {
  vertical-align: baseline;
}*/

/* (unused) ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}*/

/* (unused) [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}*/

/* (unused) ::-webkit-search-decoration {
  -webkit-appearance: none;
}*/

/* (unused) ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}*/

/* (unused) summary {
  display: list-item;
}*/


.form__field-phone {
  position: relative;
  z-index: 99;
}
.form__field-phone .form__field-inner {
  position: relative;
  padding-left: 105px;
}