.training-shell { max-width: 1100px; margin: 40px auto; padding: 0 var(--s6) 80px; } .training-shell h1 { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 800; color: var(--green-deep); margin-bottom: var(--s3); } .training-shell > p { font-size: 1.05rem; color: var(--text-mid); margin-bottom: var(--s7); max-width: 680px; } .training-shell h2 { font-size: 1.4rem; font-weight: 700; color: var(--green-deep); margin-bottom: var(--s4); } .prolife-training-intro { font-size: var(--t-sm); color: var(--text-mid); margin-bottom: var(--s5); } /* ── TRAINING VIDEOS ── */ .prolife-training-page, .prolife-training-page * { box-sizing: border-box; } .prolife-training-videos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin: 0 0 52px; } .prolife-training-video { padding: 18px; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 16px; box-shadow: 0 8px 24px rgba(15,23,42,.06); } .prolife-training-video h3 { margin: 0 0 12px; font-size: 20px; line-height: 1.3; color: #111827; } .prolife-lite-youtube { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 14px; background: #111827; cursor: pointer; } .prolife-lite-youtube img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .88; transition: transform .25s ease, opacity .25s ease; } .prolife-lite-youtube:hover img { transform: scale(1.03); opacity: .72; } .prolife-youtube-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 150px; min-height: 48px; padding: 12px 18px; border: none; border-radius: 999px; background: var(--green-dark); color: #fff; font-size: 15px; font-weight: 800; cursor: pointer; box-shadow: 0 10px 24px rgba(0,0,0,.22); font-family: inherit; } .prolife-youtube-play:hover { background: var(--green-deep); } .prolife-lite-youtube iframe { width: 100%; height: 100%; border: 0; display: block; } /* ── FORM ── */ #prolife-training-form.prolife-training-form-wrap { width: 100% !important; max-width: 920px !important; margin: 36px 0 50px !important; padding: 34px !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 18px !important; box-shadow: 0 12px 34px rgba(15,23,42,.08) !important; } #prolife-training-form .prolife-training-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; } #prolife-training-form .prolife-training-field label { display: block !important; margin-bottom: 7px !important; font-weight: 700 !important; color: #1f2937 !important; } #prolife-training-form .prolife-training-field input { width: 100% !important; min-height: 48px !important; padding: 12px 14px !important; border: 1px solid #d1d5db !important; border-radius: 10px !important; background: #ffffff !important; color: #111827 !important; font-size: 16px !important; font-family: inherit !important; } #prolife-training-form .prolife-training-question { width: 100% !important; margin: 18px 0 !important; padding: 22px !important; border: 1px solid #e5e7eb !important; border-radius: 14px !important; background: #f9fafb !important; } #prolife-training-form .prolife-training-question label { display: flex !important; align-items: flex-start !important; gap: 10px !important; margin: 10px 0 !important; color: #374151 !important; font-size: 16px !important; line-height: 1.45 !important; cursor: pointer !important; } #prolife-training-form .prolife-tf-question { display: block !important; } #prolife-training-form .prolife-tf-question-title { display: block !important; width: 100% !important; margin: 0 0 20px !important; color: #111827 !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.45 !important; white-space: normal !important; } #prolife-training-form .prolife-tf-options { display: flex !important; justify-content: center !important; align-items: center !important; gap: 16px !important; width: 100% !important; flex-wrap: wrap !important; } #prolife-training-form .prolife-tf-option { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; } #prolife-training-form .prolife-tf-option input[type="radio"] { position: absolute !important; opacity: 0 !important; pointer-events: none !important; } #prolife-training-form .prolife-tf-option span { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 128px !important; min-height: 48px !important; padding: 12px 20px !important; border-radius: 999px !important; font-size: 16px !important; font-weight: 800 !important; transition: all .2s ease !important; } #prolife-training-form .prolife-tf-true span { border: 2px solid #86efac !important; background: #f0fdf4 !important; color: #166534 !important; } #prolife-training-form .prolife-tf-false span { border: 2px solid #fca5a5 !important; background: #fef2f2 !important; color: #991b1b !important; } #prolife-training-form .prolife-tf-true input[type="radio"]:checked + span { background: #16a34a !important; border-color: #16a34a !important; color: #fff !important; box-shadow: 0 8px 18px rgba(22,163,74,.28) !important; } #prolife-training-form .prolife-tf-false input[type="radio"]:checked + span { background: #dc2626 !important; border-color: #dc2626 !important; color: #fff !important; box-shadow: 0 8px 18px rgba(220,38,38,.28) !important; } #prolife-training-form .prolife-training-agreement { margin: 28px 0 22px !important; padding: 20px !important; background: #f0fdfa !important; border: 1px solid #99f6e4 !important; border-radius: 14px !important; } #prolife-training-form .prolife-training-agreement label { display: flex !important; align-items: flex-start !important; gap: 10px !important; color: #134e4a !important; font-size: 15.5px !important; line-height: 1.6 !important; font-weight: 600 !important; cursor: pointer !important; } #prolife-training-form .prolife-training-submit { width: 100% !important; min-height: 54px !important; padding: 15px 22px !important; border: none !important; border-radius: 12px !important; background: var(--green-dark) !important; color: #fff !important; font-size: 17px !important; font-weight: 800 !important; cursor: pointer !important; font-family: inherit !important; } #prolife-training-form .prolife-training-submit:hover { background: var(--green-deep) !important; } #prolife-training-form .prolife-training-error { margin-bottom: 22px !important; padding: 16px 18px !important; background: #fef2f2 !important; border: 1px solid #fecaca !important; border-radius: 14px !important; color: #991b1b !important; font-weight: 700 !important; } #prolife-training-form .prolife-training-success { padding: 24px !important; background: #ecfdf5 !important; border: 1px solid #a7f3d0 !important; border-radius: 14px !important; color: #065f46 !important; } .prolife-training-form fieldset.prolife-training-question:not(.prolife-tf-question) { display: block !important; width: 100% !important; min-inline-size: 0 !important; margin: 18px 0 !important; padding: 22px !important; border: 1px solid #e5e7eb !important; border-radius: 14px !important; background: #f9fafb !important; overflow: hidden !important; } .prolife-training-form fieldset.prolife-training-question:not(.prolife-tf-question) legend { display: block !important; float: left !important; width: 100% !important; margin: 0 0 18px !important; color: #111827 !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.45 !important; white-space: normal !important; overflow-wrap: anywhere !important; } .prolife-training-form fieldset.prolife-training-question:not(.prolife-tf-question) label { clear: both !important; display: flex !important; align-items: flex-start !important; gap: 10px !important; width: 100% !important; margin: 11px 0 !important; color: #374151 !important; font-size: 16px !important; line-height: 1.45 !important; white-space: normal !important; overflow-wrap: anywhere !important; } .prolife-training-form fieldset.prolife-training-question:not(.prolife-tf-question) input[type="radio"] { flex: 0 0 auto !important; margin-top: 5px !important; } @media (max-width: 768px) { .training-shell { margin: 24px auto; padding: 0 var(--s4) 60px; } .prolife-training-videos { grid-template-columns: 1fr !important; gap: 18px !important; } .prolife-training-video { padding: 14px !important; } #prolife-training-form.prolife-training-form-wrap { padding: 18px !important; } #prolife-training-form .prolife-training-grid { grid-template-columns: 1fr !important; } #prolife-training-form .prolife-tf-options { flex-wrap: nowrap !important; } #prolife-training-form .prolife-tf-option span { min-width: 118px !important; } } @media (max-width: 380px) { #prolife-training-form .prolife-tf-options { flex-wrap: wrap !important; } #prolife-training-form .prolife-tf-option span { min-width: 110px !important; } } @media (max-width: 600px) { .prolife-training-form fieldset.prolife-training-question:not(.prolife-tf-question) { padding: 18px !important; } .prolife-training-form fieldset.prolife-training-question:not(.prolife-tf-question) legend { font-size: 16px !important; } .prolife-training-form fieldset.prolife-training-question:not(.prolife-tf-question) label { font-size: 15px !important; } }
Please watch all required training lessons below. After completing the course, complete the quiz and submit the confirmation form at the bottom of this page.
Click a lesson below to load and watch the training video.
You must answer all quiz questions correctly to submit your training confirmation.