*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#111}.shell{width:1170px;max-width:calc(100% - 48px);margin:auto}header{height:100px;padding:0 14%;display:flex;align-items:center;justify-content:space-between}header img,footer img{width:158px}header a{color:#111;text-decoration:none;font-size:18px}.two{display:grid;grid-template-columns:510px 650px;gap:70px;align-items:center}.hero,.request{padding:160px 0;background:#f6f7f8}.hero h1,.request h2,.lists h2,.benefits h2,.services h2,.offer h2{margin:0;font-size:52px;line-height:1.12}.hero p,.request p,.lists>p,.offer p{color:#777;font-size:18px;margin:30px 0}.hero>div>img,.request img{width:650px;height:535px;object-fit:cover;border-radius:24px}.form{width:420px;min-height:250px;background:transparent}.form .b24-form{box-shadow:0 8px 22px #0003}.lists{padding:150px 0}.choice{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:75px}.choice article{height:335px;padding:38px;background-size:cover;background-position:center;border-radius:20px;color:#fff}.choice h3{font-size:38px;margin:0}.choice a,.offer a{display:flex;width:238px;height:57px;align-items:center;justify-content:center;border-radius:10px;background:#ffd343;color:#111;text-decoration:none;margin-top:120px}.benefits{padding:140px 0;background:#f6f7f8}.benefit-row{display:flex;justify-content:space-between;margin:75px 0}.benefit-row span{color:#666;font-size:17px}.benefits img{width:100%;border-radius:20px}.services{padding:150px 0}.services>div{display:flex;flex-wrap:wrap;gap:28px;margin-top:75px}.services span{padding:22px 28px;background:#f6f7f8;border-radius:12px;font-size:18px}.offer{padding:90px 0;background:#f6f7f8}.offer-card{display:grid;grid-template-columns:1fr 506px;gap:50px;padding:65px 105px;background:#fff;border-radius:35px;align-items:center}.offer h2{font-size:46px}.offer a{display:inline-flex;margin-top:55px}.offer b{margin-left:30px;font-size:26px}.offer del{margin-left:15px;color:#bbb}.offer img{width:506px;border-radius:20px}.request{background:#fff}.request h2{font-size:46px}footer{height:180px;padding:0 14%;display:flex;align-items:center}@media(max-width:760px){.shell{max-width:calc(100% - 36px)}header{height:76px;padding:0 20px}header img{width:133px}header a{font-size:13px}.two,.offer-card{grid-template-columns:1fr;gap:35px}.hero,.request,.lists,.benefits,.services{padding:75px 0}.hero h1,.request h2,.lists h2,.benefits h2,.services h2,.offer h2{font-size:36px}.hero>div>img,.request img,.offer img{width:100%;height:auto}.choice{grid-template-columns:1fr;margin-top:35px}.benefit-row{display:grid;gap:25px;margin:35px 0}.offer-card{padding:35px}.services>div{gap:12px;margin-top:35px}.services span{width:100%;font-size:16px}.form{width:100%}}
@media(max-width:760px){
  .hero .two{display:flex;flex-direction:column}
  .hero .two>img{order:1;width:100%;height:auto;aspect-ratio:1.22;object-fit:cover}
  .hero .two>div{order:2}
  .benefit-row{gap:28px}
  .benefit-row span{display:flex;align-items:center;gap:22px;font-size:0;line-height:1.25}
  .benefit-row span::before{content:"";width:64px;height:64px;flex:0 0 64px;background:center/contain no-repeat}
  .benefit-row span::after{font-size:19px;color:#777}
  .benefit-row span:nth-child(1)::before{background-image:url('/Predmet/icons/mechanic.svg')}.benefit-row span:nth-child(1)::after{content:'Печать механика'}
  .benefit-row span:nth-child(2)::before{background-image:url('/Predmet/icons/medic.svg')}.benefit-row span:nth-child(2)::after{content:'Печать медика'}
  .benefit-row span:nth-child(3)::before{background-image:url('/Predmet/icons/journal.svg')}.benefit-row span:nth-child(3)::after{content:'Журнал журналов'}
  .benefit-row span:nth-child(4)::before{background-image:url('/Predmet/icons/inspection.svg')}.benefit-row span:nth-child(4)::after{content:'Предрейсовый медицинский,\A технический осмотр';white-space:pre-line}
  .choice article{position:relative;padding:38px;height:335px}
  .choice article a{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);margin:0}
  .offer{padding:60px 18px;background:#f6f7f8}
  .offer-card{display:flex;flex-direction:column;gap:0;padding:40px 24px;border-radius:26px;align-items:stretch}
  .offer-card>div{display:contents}
  .offer h2{order:1;font-size:34px;line-height:1.12}
  .offer p{order:2;font-size:19px;margin:25px 0 40px}
  .offer img{order:3;width:100%;aspect-ratio:1.42;object-fit:cover;border-radius:16px}
  .offer b{order:4;margin:34px 0 0;font-size:25px}
  .offer del{order:5;margin:-29px 0 0 132px;font-size:18px}
  .offer a{order:6;width:100%;height:58px;margin-top:38px;font-size:19px}
  .request .two{display:flex;flex-direction:column;gap:35px}
  .request .two>div{width:100%}
  .request .form{width:100%;height:250px;min-height:0;overflow:hidden;background:#fff;box-shadow:0 8px 22px #0002;border-bottom:7px solid #ffd343}
  .request .two>div::after{content:'Отправляя заявку, вы соглашаетесь\A на обработку номера телефона для обратного звонка.';display:block;white-space:pre-line;margin-top:17px;font-size:16px;line-height:1.35;color:#333}
  .request img{aspect-ratio:1;object-fit:cover;border-radius:24px}
}
.form>a{display:flex;width:238px;height:57px;align-items:center;justify-content:center;border-radius:10px;background:#ffd343;color:#111;text-decoration:none;font-size:18px}.hero .form,.request .form{min-height:0}@media(max-width:760px){.hero .form,.request .form{width:100%;height:auto;min-height:0;overflow:visible;background:transparent;box-shadow:none;border:0}.form>a{width:100%}}
@media(min-width:761px){.two{grid-template-columns:minmax(0,510px) minmax(0,650px)}.hero>div>img,.request img{width:100%}}
@media(max-width:760px){.choice article{width:100%;min-width:0}}