@import url(/Users/babayev_/Desktop/FrontendPro/assets/css/colors.css);
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

header {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 93%, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 100% 93%, 0% 100%);
  background: linear-gradient(150deg, #7795f8 15%, #6772e5 70%, #555abf 94%);
}

header .dropdown button {
  border: none;
  background-color: var();
}

header .dropdown i {
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 12px;
  border-radius: 50%;
}

header .dropdown .purple {
  background-color: #7f53ac;
  background-image: linear-gradient(315deg, #7f53ac 0%, #647dee 74%);
}

header .dropdown .green {
  background-color: #7ee8fa;
  background-image: linear-gradient(315deg, #7ee8fa 0%, #80ff72 74%);
}

header .dropdown .orange {
  background-color: #ff4e00;
  background-image: linear-gradient(315deg, #ff4e00 0%, #ec9f05 74%);
}

.cards_on_layers .card {
  margin-top: -60px;
}

.cards_on_layers i {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 40px;
  margin-top: -5px;
  border-radius: 50%;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
}

main {
  color: #525f7f !important;
}

main .features .firstIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 60px;
  margin-top: -50px;
  border-radius: 50%;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
}

main .features .icons {
  margin-top: 80px;
  margin-bottom: 70px;
}

main .features .icons span {
  margin-left: 10px;
  margin-top: -45px;
}

main .features .icons .secondButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 35px;
  margin-top: -50px;
  border-radius: 50%;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 35px;
}

main .customers .customer_text {
  margin: 10px 0;
}

main .customers a {
  text-decoration: none;
}

main .interface {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 93%, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 100% 93%, 0% 100%);
  background-color: #ff4e00;
  background-image: linear-gradient(315deg, #ff4e00 0%, #ec9f05 74%);
}

main .interface .card {
  position: relative;
  padding: 0 40px;
  width: 470px;
  margin-bottom: 30px;
  border-radius: 4px;
}

main .interface .card span {
  font-weight: 500;
}

main .interface .card i {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding-left: 19px;
  padding-top: 17px;
  margin-bottom: 10px;
  margin-right: 20px;
}

main .interface .transparentCard {
  background-color: #525f7f00;
  border: none;
}

main .members button {
  border-radius: 50% !important;
  width: 40px;
}

main .members .downloadCard {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
          box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  padding: 60px 20px;
  border: none;
}

main .members .downloadCard .card-body {
  line-height: 2em;
}

main .members .downloadCard .button {
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  outline: none;
}

main .members .downloadCard .button a {
  width: 60%;
}

main .build {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 93%, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 100% 93%, 0% 100%);
  padding-top: 60px;
  padding-bottom: 200px;
}

main .build .firstIcon {
  padding: 25px;
  position: initial;
  display: table-cell;
}

main .build .card-body {
  text-align: initial;
}

main .wantToWork {
  border: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 5px;
          box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 5px;
  margin-bottom: 100px;
  padding: 30px 40px;
  margin-top: -200px;
  background: linear-gradient(87deg, #f4f5f7 0, #f4f4f7 100%);
}

main .wantToWork input, main .wantToWork textarea, main .wantToWork button {
  border-radius: 3px;
  border: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 5px;
          box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 5px;
}

main .btn {
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  color: white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
          box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

main a {
  font-weight: 500;
  font-size: 14px;
}

main p {
  font-size: 13px;
  font-weight: 600;
}

main .outline_intro .btn {
  -webkit-box-shadow: none;
          box-shadow: none;
}

main .inputs_intro .zoom {
  right: 3%;
  top: 30%;
}

main .inputs_intro .success {
  border: 1px solid #2dce89;
}

main .inputs_intro .success::-webkit-input-placeholder {
  color: #2dce89;
}

main .inputs_intro .success:-ms-input-placeholder {
  color: #2dce89;
}

main .inputs_intro .success::-ms-input-placeholder {
  color: #2dce89;
}

main .inputs_intro .success::placeholder {
  color: #2dce89;
}

main .inputs_intro .error::-webkit-input-placeholder {
  color: #fb6340;
}

main .inputs_intro .error:-ms-input-placeholder {
  color: #fb6340;
}

main .inputs_intro .error::-ms-input-placeholder {
  color: #fb6340;
}

main .inputs_intro .error::placeholder {
  color: #fb6340;
}

main .inputs_intro .error {
  border: 1px solid #fb6340;
}

main .inputs_intro i {
  color: rgba(128, 128, 128, 0.853);
}

main .techs button {
  border: none;
}

main .techs img {
  width: 100px;
  height: 100px;
}

footer .tooltips {
  text-align: end;
  display: table-cell;
}
/*# sourceMappingURL=landing.css.map */