/*** Fonts section ***/
@font-face {
  font-family: Inter;
  font-weight: 400;
  src: url("../../fonts/Inter-Regular.ttf") format("truetype");
}
@font-face {
  font-family: Inter;
  font-weight: 600;
  src: url("../../fonts/Inter-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: Inter;
  font-weight: 700;
  src: url("../../fonts/Inter-Bold.ttf") format("truetype");
}
/*---Common elements---*/
body {
  margin: 0;
  font: 400 20px/1.5 Inter, sans-serif;
  background-color: #fff;
}

h1 {
  margin: 0;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.21;
}

h2 {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.23;
  margin: 0 0 0.3em;
}

p {
  color: #516476;
  margin-bottom: 6em;
}

section {
  padding: 10em 0;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

img {
  width: 80px;
  height: 80px;
}

input, select {
  font: 400 20px/1.5 Inter, sans-serif;
}

.container {
  max-width: 1520px;
  margin-right: auto;
  margin-left: auto;
}

.hidden {
  display: none !important;
}

@media (max-width: 1612px) {
  body {
    font-size: 19px;
  }

  h1 {
    font-size: 52px;
  }

  h2 {
    font-size: 44px;
  }

  input, select {
    font-size: 19px;
  }

  .container {
    max-width: 1312px;
  }
}
@media (max-width: 1382px) {
  body {
    font-size: 18px;
  }

  h1 {
    font-size: 44px;
  }

  h2 {
    font-size: 38px;
  }

  input, select {
    font-size: 18px;
  }

  .container {
    max-width: 1105px;
  }
}
@media (max-width: 1142px) {
  body {
    font-size: 16px;
  }

  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 32px;
  }

  input, select {
    font-size: 16px;
  }

  .container {
    max-width: 829px;
  }
}
@media (max-width: 884px) {
  body {
    font-size: 14px;
    line-height: 24px;
  }

  h1 {
    font-size: 28px;
    line-height: 1.29;
  }

  h2 {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 0.667em;
  }

  p {
    margin-bottom: 2.86em;
  }

  section {
    padding: 4em 0;
  }

  img {
    width: 56px;
    height: 56px;
  }

  .container {
    max-width: calc(100% - 32px);
    margin-right: 16px;
    margin-left: 16px;
  }
}
/*---Header section---*/
header {
  position: sticky;
  top: 0;
  background-color: white;
}
header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 7.5em;
  line-height: 1.21;
}
header .container .logo {
  color: #202F3D;
  font-weight: 700;
  letter-spacing: 10px;
}
header .container .logo span {
  color: #6ACB6A;
}
header .container nav {
  display: flex;
  column-gap: 70px;
}
header .container nav a {
  color: #202F3D;
  text-decoration: none;
  cursor: pointer;
}
header .container nav a:hover {
  color: #228CFE;
}
header .container nav .menu-title {
  display: none;
}
header .container .burger {
  display: none;
  height: 18px;
  width: 18px;
  border: none;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 12C0.533333 12 0.354167 11.9292 0.2125 11.7875C0.0708334 11.6458 0 11.4667 0 11.25C0 11.0333 0.0708334 10.8542 0.2125 10.7125C0.354167 10.5708 0.533333 10.5 0.75 10.5H17.25C17.4667 10.5 17.6458 10.5708 17.7875 10.7125C17.9292 10.8542 18 11.0333 18 11.25C18 11.4667 17.9292 11.6458 17.7875 11.7875C17.6458 11.9292 17.4667 12 17.25 12H0.75ZM0.75 6.75C0.533333 6.75 0.354167 6.67917 0.2125 6.5375C0.0708334 6.39583 0 6.21667 0 6C0 5.78333 0.0708334 5.60417 0.2125 5.4625C0.354167 5.32083 0.533333 5.25 0.75 5.25H17.25C17.4667 5.25 17.6458 5.32083 17.7875 5.4625C17.9292 5.60417 18 5.78333 18 6C18 6.21667 17.9292 6.39583 17.7875 6.5375C17.6458 6.67917 17.4667 6.75 17.25 6.75H0.75ZM0.75 1.5C0.533333 1.5 0.354167 1.42917 0.2125 1.2875C0.0708334 1.14583 0 0.966667 0 0.75C0 0.533333 0.0708334 0.354167 0.2125 0.2125C0.354167 0.0708334 0.533333 0 0.75 0H17.25C17.4667 0 17.6458 0.0708334 17.7875 0.2125C17.9292 0.354167 18 0.533333 18 0.75C18 0.966667 17.9292 1.14583 17.7875 1.2875C17.6458 1.42917 17.4667 1.5 17.25 1.5H0.75Z' fill='black'/%3E%3C/svg%3E");
  cursor: pointer;
}
header .container .burger.close {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.0001 8.0501L1.7501 13.3001C1.6001 13.4501 1.4251 13.5251 1.2251 13.5251C1.0251 13.5251 0.850098 13.4501 0.700098 13.3001C0.550098 13.1501 0.475098 12.9751 0.475098 12.7751C0.475098 12.5751 0.550098 12.4001 0.700098 12.2501L5.9501 7.0001L0.700098 1.7501C0.550098 1.6001 0.475098 1.4251 0.475098 1.2251C0.475098 1.0251 0.550098 0.850098 0.700098 0.700098C0.850098 0.550098 1.0251 0.475098 1.2251 0.475098C1.4251 0.475098 1.6001 0.550098 1.7501 0.700098L7.0001 5.9501L12.2501 0.700098C12.4001 0.550098 12.5751 0.475098 12.7751 0.475098C12.9751 0.475098 13.1501 0.550098 13.3001 0.700098C13.4501 0.850098 13.5251 1.0251 13.5251 1.2251C13.5251 1.4251 13.4501 1.6001 13.3001 1.7501L8.0501 7.0001L13.3001 12.2501C13.4501 12.4001 13.5251 12.5751 13.5251 12.7751C13.5251 12.9751 13.4501 13.1501 13.3001 13.3001C13.1501 13.4501 12.9751 13.5251 12.7751 13.5251C12.5751 13.5251 12.4001 13.4501 12.2501 13.3001L7.0001 8.0501Z' fill='black'/%3E%3C/svg%3E%0A");
}
@media (max-width: 884px) {
  header .container {
    height: 72px;
  }
  header .container .logo {
    font-size: 18px;
    letter-spacing: 6px;
  }
  header .container nav {
    display: none;
    position: absolute;
    flex-direction: column;
    right: 0;
    top: 72px;
    row-gap: 24px;
    background-color: #FCFCFC;
    padding: 24px 19px;
    width: calc(100% - 38px);
    height: 100vh;
  }
  header .container nav.show {
    display: flex;
  }
  header .container nav a {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.21;
  }
  header .container nav a :hover {
    color: #228CFE;
  }
  header .container nav .menu-title {
    display: block;
    color: #657994;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
  }
  header .container .burger {
    display: inline-block;
  }
}

/*---Page Hero section---*/
.page-hero {
  padding: 150px 0 0;
  background: #FCFCFC;
}
.page-hero p {
  margin: 1.25em 0 7.5em;
}
.page-hero img {
  width: 100%;
  height: 550px;
  object-fit: cover;
}
@media (max-width: 1612px) {
  .page-hero img {
    height: 550px;
  }
}
@media (max-width: 1382px) {
  .page-hero img {
    height: 400px;
  }
}
@media (max-width: 884px) {
  .page-hero {
    padding-top: 56px;
  }
  .page-hero p {
    margin: 1em 0 3.5em;
  }
  .page-hero img {
    height: 260px;
  }
}

.divided-list {
  display: flex;
  flex-wrap: wrap;
  gap: 80px 40px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3636;
}
.divided-list > li {
  width: 320px;
}
.divided-list > li + li {
  padding-left: 38px;
  border-left: 1px solid #ECECEC;
}
.divided-list > li:nth-child(5) {
  padding-left: 0;
  border-left: none;
}
@media (max-width: 1612px) {
  .divided-list {
    font-size: 21px;
  }
  .divided-list > li {
    width: 265px;
  }
}
@media (max-width: 1382px) {
  .divided-list {
    font-size: 20px;
    gap: 64px 32px;
  }
  .divided-list > li {
    width: 265px;
  }
  .divided-list > li + li {
    padding-left: 32px;
  }
  .divided-list > li:nth-child(4), .divided-list > li:nth-child(7) {
    padding-left: 0;
    border-left: none;
  }
  .divided-list > li:nth-child(5) {
    padding-left: 32px;
    border-left: 1px solid #ECECEC;
  }
}
@media (max-width: 1142px) {
  .divided-list {
    font-size: 18px;
    gap: 56px 28px;
  }
  .divided-list > li {
    width: 235px;
  }
  .divided-list > li + li {
    padding-left: 28px;
  }
}
@media (max-width: 884px) {
  .divided-list {
    font-size: 16px;
    line-height: 1.4;
    gap: 56px 25px;
  }
  .divided-list > li {
    width: 255px;
  }
  .divided-list > li + li {
    padding-left: 25px;
  }
  .divided-list > li:nth-child(3), .divided-list > li:nth-child(5), .divided-list > li:nth-child(7) {
    padding-left: 0;
    border-left: none;
  }
  .divided-list > li:nth-child(4) {
    padding-left: 32px;
    border-left: 1px solid #ECECEC;
  }
}
@media (max-width: 663px) {
  .divided-list {
    row-gap: 32px;
  }
  .divided-list > li + li {
    width: 100%;
    padding-left: 0 !important;
    border-left: none !important;
  }
}

/*---Industries section---*/
#industries {
  background-color: #F7FBFF;
}
#industries .industries-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 80px;
}
#industries .industries-list__item {
  width: 320px;
}
#industries .industries-list__item__description {
  margin: 1.8181em 0 0.91em;
  font-size: 22px;
  font-weight: 600;
}
@media (max-width: 1612px) {
  #industries .industries-list__item {
    width: 265px;
  }
  #industries .industries-list__item__description {
    font-size: 21px;
  }
}
@media (max-width: 1382px) {
  #industries .industries-list {
    gap: 64px;
  }
  #industries .industries-list__item__description {
    font-size: 20px;
  }
}
@media (max-width: 1142px) {
  #industries .industries-list {
    gap: 56px;
  }
  #industries .industries-list__item {
    width: 235px;
  }
  #industries .industries-list__item__description {
    font-size: 18px;
  }
}
@media (max-width: 884px) {
  #industries .industries-list {
    gap: 32px;
  }
  #industries .industries-list__item {
    width: 255px;
  }
  #industries .industries-list__item__description {
    margin: 1em 0 0.75em;
    font-size: 16px;
  }
}

/*---Page footer---*/
footer {
  display: flex;
  flex-wrap: wrap;
  color: #FFFFFF;
}
footer > div {
  padding: 10em 0;
  width: 50%;
}
footer .content {
  width: 560px;
}
footer #contact-us {
  background: #202228;
}
footer #contact-us .content {
  margin-right: 200px;
  float: right;
}
footer #contact-us #contact_form {
  margin-top: 3.5em;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
footer #contact-us #contact_form label {
  display: none;
}
footer #contact-us #contact_form :invalid {
  color: #8F979E;
  opacity: 1;
}
footer #contact-us #contact_form input {
  color-scheme: dark;
}
footer #contact-us #contact_form input:focus-visible {
  outline: none;
}
footer #contact-us #contact_form input::placeholder {
  color: #8F979E;
  opacity: 1;
}
footer #contact-us #contact_form input[type=email], footer #contact-us #contact_form input[type=text], footer #contact-us #contact_form select {
  padding-bottom: 0.3333em;
  color: #fff;
  background-color: transparent;
  border-bottom: 1px solid #545968;
  border-top: none;
  border-right: none;
  border-left: none;
}
footer #contact-us #contact_form input[type=submit] {
  margin-top: 30px;
  background-color: #fff;
  color: #228CFE;
  font-size: 16px;
  line-height: 1;
  width: 169px;
  height: 48px;
  font-family: Inter, sans-serif;
  border-radius: 3px;
  border: none;
}
footer #contact-us #contact_form select:focus-visible {
  outline: none;
}
footer #contact-us #contact_form option {
  background-color: #202228;
  color: #fff;
}
footer #contact-us #submitText {
  display: flex;
  align-items: center;
  text-align: center;
  align-content: center;
  justify-content: center;
}
footer #feedback {
  background: #282A31;
}
footer #feedback h2 {
  margin: 0 0 2.9em;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.21;
}
footer #feedback p {
  margin: 0 0 5.85em;
  text-align: center;
  color: #8F979E;
}
footer #feedback img {
  display: block;
  margin: 0 auto 1em;
  border-radius: 50%;
  width: 69px;
  height: 69px;
}
footer #feedback svg {
  display: block;
  margin: 0 auto 1.5815em;
  width: 18px;
  height: 14px;
}
footer #feedback .content {
  margin-left: 200px;
  float: left;
}
footer #feedback .name {
  text-align: center;
  font-size: 22px;
  line-height: 1.3636;
  font-weight: 600;
}
@media (max-width: 1612px) {
  footer .content {
    width: 506px;
  }
  footer #contact-us .content {
    margin-right: 150px;
  }
  footer #contact-us #contact_form input[type=submit] {
    margin-top: 22px;
  }
  footer #feedback h2 {
    font-size: 28px;
  }
  footer #feedback .content {
    margin-left: 150px;
  }
  footer #feedback .name {
    font-size: 21px;
  }
}
@media (max-width: 1382px) {
  footer .content {
    width: 414px;
  }
  footer #contact-us .content {
    margin-right: 138.5px;
  }
  footer #contact-us #contact_form input[type=submit] {
    margin-top: 14px;
  }
  footer #feedback h2 {
    font-size: 26px;
  }
  footer #feedback .content {
    margin-left: 138.5px;
  }
  footer #feedback .name {
    font-size: 20px;
  }
}
@media (max-width: 1142px) {
  footer .content {
    width: 258px;
  }
  footer #contact-us .content {
    margin-right: 156.5px;
  }
  footer #contact-us #contact_form input[type=submit] {
    margin-top: 8px;
  }
  footer #feedback h2 {
    font-size: 24px;
  }
  footer #feedback .content {
    margin-left: 156.5px;
  }
  footer #feedback .name {
    font-size: 19px;
  }
}
@media (max-width: 884px) {
  footer {
    flex-direction: column-reverse;
  }
  footer > div {
    padding: 4em 15px;
    width: calc(100% - 30px);
  }
  footer .content {
    width: 100%;
    margin: 0 auto !important;
  }
  footer #contact-us #contact_form input[type=submit] {
    margin-top: 0;
  }
  footer #feedback h2 {
    font-size: 20px;
  }
  footer #feedback p {
    margin: 0 0 32px;
    line-height: 26px;
  }
  footer #feedback svg {
    margin: 0 auto 29px;
  }
  footer #feedback .name {
    font-size: 18px;
    line-height: 1.2136;
  }
}

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