.intro {
  -webkit-margin-after: clamp(19px, 12.1236959762px + 0.8941877794vw, 25px);
          margin-block-end: clamp(19px, 12.1236959762px + 0.8941877794vw, 25px);
}
.intro__lead {
  font-size: clamp(27px, 16.6855439642px + 1.3412816692vw, 36px);
  font-weight: 700;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .intro {
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .intro__lead {
    font-size: clamp(24px, 15.8918918919px + 2.1621621622vw, 28px);
  }
}
.trouble {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.trouble__body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "title title" "image list";
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(60px, 37.0789865872px + 2.9806259314vw, 80px) clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
  padding: clamp(49px, 30.6631892697px + 2.3845007452vw, 65px) clamp(34px, 21.393442623px + 1.6393442623vw, 45px) clamp(68px, 42.7868852459px + 3.2786885246vw, 90px);
  -webkit-margin-after: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
          margin-block-end: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  background-color: rgba(209, 210, 217, 0.4);
}
.trouble__title {
  grid-area: title;
  font-size: clamp(24px, 14.8315946349px + 1.1922503726vw, 32px);
  font-weight: 700;
  text-align: center;
}
.trouble__image {
  grid-area: image;
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
}
.trouble__list {
  grid-area: list;
}
.trouble__item {
  display: grid;
  grid-template-columns: -webkit-max-content minmax(0, 1fr);
  grid-template-columns: max-content minmax(0, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  padding-block: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  -webkit-border-after: 1px solid #d1d2d9;
          border-block-end: 1px solid #d1d2d9;
}
.trouble__item:first-of-type {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}
.trouble__check {
  -webkit-padding-before: clamp(6px, 3.7078986587px + 0.2980625931vw, 8px);
          padding-block-start: clamp(6px, 3.7078986587px + 0.2980625931vw, 8px);
  inline-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
}
.trouble__desc {
  font-size: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  font-weight: 700;
  line-height: 1.5;
}
.trouble__text {
  font-size: clamp(21px, 12.9776453055px + 1.043219076vw, 28px);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .trouble {
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .trouble__body {
    grid-template-columns: 1fr;
    grid-template-areas: none;
    gap: clamp(35px, 22.8378378378px + 3.2432432432vw, 41px);
    padding: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px) clamp(20px, 13.9189189189px + 1.6216216216vw, 23px) clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
    -webkit-margin-after: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
            margin-block-end: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .trouble__title {
    grid-area: auto;
    font-size: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .trouble__image {
    grid-area: auto;
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .trouble__list {
    grid-area: auto;
  }
  .trouble__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(14px, 7.9189189189px + 1.6216216216vw, 17px);
    padding-block: clamp(13px, 8.9459459459px + 1.0810810811vw, 15px);
  }
  .trouble__check {
    -webkit-padding-before: 0;
            padding-block-start: 0;
    inline-size: clamp(18px, 11.9189189189px + 1.6216216216vw, 21px);
  }
  .trouble__desc {
    font-size: clamp(14px, 7.9189189189px + 1.6216216216vw, 17px);
  }
  .trouble__text {
    font-size: clamp(17px, 10.9189189189px + 1.6216216216vw, 20px);
  }
}
.features {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.features__list {
  display: grid;
  gap: clamp(19px, 12.1236959762px + 0.8941877794vw, 25px);
}
.features__item {
  padding: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  background-color: #fff;
}
.features__heading {
  display: grid;
  grid-template-columns: -webkit-max-content minmax(0, 1fr);
  grid-template-columns: max-content minmax(0, 1fr);
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: clamp(12px, 7.4157973174px + 0.5961251863vw, 16px);
  -webkit-margin-after: clamp(34px, 21.393442623px + 1.6393442623vw, 45px);
          margin-block-end: clamp(34px, 21.393442623px + 1.6393442623vw, 45px);
}
.features__num {
  -webkit-padding-end: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
          padding-inline-end: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  -webkit-border-end: 1px solid #7c91ff;
          border-inline-end: 1px solid #7c91ff;
  font-family: "Oxanium", sans-serif;
  font-size: clamp(20px, 13.1236959762px + 0.8941877794vw, 26px);
}
.features__title {
  font-size: clamp(20px, 13.1236959762px + 0.8941877794vw, 26px);
  font-weight: 700;
  line-height: 1.5;
}
.features__body {
  display: grid;
  grid-template-columns: 30fr 63fr;
  gap: clamp(41px, 24.955290611px + 2.086438152vw, 55px);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.features__image img {
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
}
.features__desc {
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .features {
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .features__list {
    gap: clamp(13px, 8.9459459459px + 1.0810810811vw, 15px);
  }
  .features__item {
    padding: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px) clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
    background-color: #fff;
  }
  .features__heading {
    gap: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
    -webkit-margin-after: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
            margin-block-end: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
  }
  .features__num {
    -webkit-padding-end: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
            padding-inline-end: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
    font-size: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .features__title {
    font-size: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    font-weight: 700;
    line-height: 1.5;
  }
  .features__body {
    grid-template-columns: 1fr;
    gap: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
  }
  .features__image img {
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .features__desc {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
}
/*# sourceMappingURL=job-posting.css.map */