/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./src/app/(main)/for_drivers/css/for_drivers.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*-------------Миксины----------------*/
.for_drivers a.main_title {
  color: var(--blue);
  text-decoration: underline;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media (max-width: 768px) {
  .for_drivers a.main_title {
    font-size: calc(30px + 8.5 * (100vw - 320px) / 1920);
  }
}
@media (min-width: 768px) {
  .for_drivers a.main_title {
    font-size: calc(30px + 5 * 0.0520833333vw);
  }
}
.for_drivers .banner {
  width: 100%;
  background-image: url("/static/img/banner-driver-back.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.for_drivers .banner .wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
  min-height: 65dvh;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .for_drivers .banner .wrapper {
    justify-content: center;
    padding: 40px 5px;
  }
}
.for_drivers .banner .wrapper #td-form {
  width: 100%;
  width: 334px;
}
.for_drivers .text_image {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  column-gap: 50px;
  row-gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .for_drivers .text_image {
    margin-bottom: calc(20px + 85 * (100vw - 320px) / 1920);
  }
}
@media (min-width: 768px) {
  .for_drivers .text_image {
    margin-bottom: calc(20px + 50 * 0.0520833333vw);
  }
}
.for_drivers .img_text_img {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  grid-column-gap: 50px;
  column-gap: 50px;
  grid-row-gap: 20px;
  row-gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .for_drivers .img_text_img {
    margin-bottom: calc(20px + 85 * (100vw - 320px) / 1920);
  }
}
@media (min-width: 768px) {
  .for_drivers .img_text_img {
    margin-bottom: calc(20px + 50 * 0.0520833333vw);
  }
}
@media screen and (max-width: 768px) {
  .for_drivers .img_text_img {
    grid-template-columns: auto;
  }
}
.for_drivers .image {
  flex: 1 1;
  width: 100%;
  min-width: 200px;
  max-width: 350px;
}
.for_drivers .image img {
  width: 100%;
  max-width: 250px;
  display: block;
  margin: 0 auto;
}
.for_drivers .description {
  flex: 1 1;
  width: 100%;
  min-width: 200px;
  max-width: 350px;
}
.for_drivers .description h3 {
  font-weight: 400;
  color: var(--black);
  margin-bottom: 10px;
  line-height: 26px;
}
@media (max-width: 768px) {
  .for_drivers .description h3 {
    font-size: calc(22px + 3.4 * (100vw - 320px) / 1920);
  }
}
@media (min-width: 768px) {
  .for_drivers .description h3 {
    font-size: calc(22px + 2 * 0.0520833333vw);
  }
}
.for_drivers .description p, .for_drivers .description li {
  color: var(--black);
  line-height: 26px;
}
@media (max-width: 768px) {
  .for_drivers .description p, .for_drivers .description li {
    font-size: calc(15px + 1.7 * (100vw - 320px) / 1920);
  }
}
@media (min-width: 768px) {
  .for_drivers .description p, .for_drivers .description li {
    font-size: calc(15px + 1 * 0.0520833333vw);
  }
}
.for_drivers .description ul {
  list-style: none;
}
.for_drivers .description li {
  position: relative;
  padding-left: 20px;
  list-style: none;
}
.for_drivers .description li::before {
  content: "";
  background: var(--blue);
  border-radius: 50%;
  display: block;
  height: 10px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 10px;
}