.route-block-pzyjvz { background: #fff !important; border: 1px solid #e6e6e6; border-radius: 10px; padding: 26px 28px; margin-bottom: 28px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04); } .route-block-pzyjvz .route-title-pzyjvz { font-family: 'Segoe UI', 'Inter', sans-serif; font-size: 24px; font-weight: 700; margin: 0 0 20px 0; color: #000000; } .route-block-pzyjvz .route-list-pzyjvz { list-style: none; margin: 0; padding: 0; } .route-block-pzyjvz .route-item-pzyjvz { position: relative; padding-left: 60px; padding-bottom: 18px; font-family: 'Segoe UI', 'Inter', sans-serif; font-size: clamp(16px, 2vw, 18px); line-height: 1.55; color: #1a1a1a; } .route-block-pzyjvz .route-item-pzyjvz::after { content: ""; position: absolute; left: 22px; top: 30px; bottom: 0; border-left: 2px dashed #00a7ff; } .route-block-pzyjvz .route-item-pzyjvz::before { content: ""; position: absolute; left: 16px; top: 8px; width: 14px; height: 14px; border-radius: 50%; background: #00a7ff; } .route-block-pzyjvz .route-item-pzyjvz:first-child::before { width: 29px; height: 29px; left: 8px; top: 1px; border-radius: 50%; background: #00a7ff; background-image: url("https://leningrad-tours.ru/media-files/map-marker-white.svg"); background-repeat: no-repeat; background-position: center; background-size: 16px; } .route-block-pzyjvz .route-item-pzyjvz:first-child::after { top: 36px; } .route-block-pzyjvz .route-item-pzyjvz:last-child::before { content: ""; position: absolute; left: 7px; top: 6px; width: 32px; height: 32px; display: flex; font-size: 26px; line-height: 1; color: #00a7ff; background: none; background: url("https://leningrad-tours.ru/media-files/anchor.svg") no-repeat center; } .route-block-pzyjvz .route-item-pzyjvz:last-child::after { display: none; } .route-block-pzyjvz .route-note-pzyjvz { margin-top: 20px; padding: 14px 18px; background: #f7f9fc; border-left: 3px solid #00a7ff; border-radius: 0 8px 8px 0; font-family: 'Segoe UI', 'Inter', sans-serif; font-size: clamp(14px, 1.8vw, 16px); line-height: 1.6; color: #333333; } .route-block-pzyjvz .route-note-pzyjvz i { color: #00a7ff; margin-right: 8px; font-size: 1.1em; } @media all and (max-width: 767px) { .route-block-pzyjvz { padding: 13px 14px; margin-bottom: 10px; } .route-block-pzyjvz .route-title-pzyjvz { font-size: 18px; } .route-block-pzyjvz .route-note-pzyjvz { padding: 10px 12px; margin-top: 10px; } }