/* projects/apps/dsl/src/styles.scss */
@font-face {
  font-family: "Manrope", sans-serif;
  src: url(/assets/fonts/Manrope-VariableFont_wght.ttf) format("opentype");
  font-display: swap;
}
:root {
  --font-family-default: "Manrope", sans-serif;
  --font-size-default: 16px;
  --font-height-default: 100%;
  --font-weight-default: 400;
  --color-body: #F2F2F2;
  --color-white: #FFFFFF;
  --color-black: #1A1917;
  --color-gray: #6B7280;
  --color-black-dark: #333333;
  --color-gray-line: #6B728080;
  --color-border-line: #BFBFBF;
  --color-gray-light: #F4F4F4;
  --color-red: #FF6620;
  --color-red-button-light: #e55c1d;
  --color-red-light: #FFE8E8;
  --color-gray-hover: #E5E7EB;
  --color-white-alpha-20: rgba(255, 255, 255, 0.2);
  --color-white-alpha-30: rgba(255, 255, 255, 0.3);
  --color-white-alpha-40: rgba(255, 255, 255, 0.4);
  --color-black-alpha-2: rgba(0, 0, 0, 0.02);
}
.container {
  max-width: 3000px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.main-content {
  min-height: 100vh;
}
html,
body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  scroll-behavior: smooth;
  background: var(--color-white);
  color: var(--color-black);
  font-family: var(--font-family-default);
  font-size: var(--font-size-default);
  line-height: var(--font-height-default);
  min-width: 320px;
  background-color: var(--color-body);
}
h1,
h2 {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
ol,
ul {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
button {
  border: none;
  outline: none;
  box-shadow: none;
  background: none;
}
.head-media {
  max-width: inherit;
  font-size: inherit;
  padding: inherit;
}
@media screen and (max-width: 650px) {
  .head-media {
    max-width: 217px !important;
    font-size: 16px !important;
    padding: 18px 28px 18px 30px !important;
  }
}
.services-media {
  max-width: inherit;
  font-size: inherit;
  padding: inherit;
}
@media screen and (max-width: 650px) {
  .services-media {
    max-width: 180px !important;
    font-size: 16px !important;
    padding: 13px 27px 15px 35px !important;
  }
}
@media screen and (max-width: 1150px) {
  .form-btn {
    max-width: 100% !important;
    padding: 23px 0 22px !important;
  }
}
.bold {
  color: var(--color-red);
}
@media screen and (max-width: 600px) {
  .pd-btn-28 {
    padding-bottom: 28px !important;
  }
}
@media screen and (max-width: 600px) {
  .pd-t-20 {
    padding-top: 20px !important;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */