.training-registration {padding: 4.5rem 0 5.5rem; } .training-registration .container {max-width: 1242px; } .training-registration .training-registration-card {display: grid;grid-template-columns: minmax(20rem, 23.75rem) minmax(0, 1fr);min-height: 36.125rem;margin: 0 auto;overflow: hidden;border: 1px solid rgba(17, 24, 39, 0.1);border-radius: 1rem;background: var(--white); } .training-registration .training-registration-aside {position: relative;min-height: 36.125rem;overflow: hidden;background: var(--primary);color: var(--white); } .training-registration .training-registration-aside::after {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.42); } .training-registration .training-registration-aside picture, .training-registration .training-registration-aside .img-fluid {display: block;width: 100%;height: 100%; } .training-registration .training-registration-aside .img-fluid {object-fit: cover; } .training-registration .training-registration-aside-content {position: absolute;top: 3.25rem;left: 2.5rem;right: 2.25rem;z-index: 2; } .training-registration .training-registration-kicker {position: relative;display: inline-flex;align-items: center;margin-bottom: 1.125rem;color: var(--white);font-size: 0.8125rem;font-weight: 800;line-height: 1.2; } .training-registration .training-registration-kicker::before {content: "";width: 2rem;height: 0.125rem;margin-right: 0.75rem;background: rgba(255, 255, 255, 0.75); } .training-registration .training-registration-title {max-width: 18.125rem;margin: 0 0 1.125rem;color: var(--white);font-size: 1.875rem;font-weight: 900;line-height: 1.15; } .training-registration .training-registration-text {max-width: 18.4375rem;margin: 0;color: rgba(255, 255, 255, 0.88);font-size: 1rem;font-weight: 500;line-height: 1.55; } .training-registration .training-registration-benefits {position: absolute;left: 2.5rem;right: 2.25rem;bottom: 2.25rem;z-index: 2;color: rgba(255, 255, 255, 0.9);font-size: 0.875rem;font-weight: 500; } .training-registration .training-registration-benefits ul {display: grid;gap: 0.75rem;margin: 0;padding: 0;list-style: none; } .training-registration .training-registration-benefits li {position: relative;padding-left: 1.125rem; } .training-registration .training-registration-benefits li::before {content: "";position: absolute;top: 0.5rem;left: 0;width: 0.375rem;height: 0.375rem;border-radius: 50%;background: #8cc8ff; } .training-registration .training-registration-form {padding: 2.625rem 1.75rem 2.5rem 2.125rem; } .training-registration .training-registration-form .row {margin-right: -0.75rem;margin-left: -0.75rem; } .training-registration .training-registration-form .col {padding-right: 0.75rem;padding-left: 0.75rem; } .training-registration .training-registration-form .form-group {margin-bottom: 1.125rem; } .training-registration .training-registration-form label {margin-bottom: 0.5rem;color: var(--body-color);font-size: 0.9375rem;font-weight: 800;line-height: 1.2; } .training-registration .training-registration-form .form-control {min-height: 2.875rem;border: 1px solid rgba(17, 24, 39, 0.14);border-radius: 0.375rem;color: var(--body-color);font-size: 0.875rem;font-weight: 500; } .training-registration .training-registration-form .form-control::placeholder {color: rgba(17, 24, 39, 0.38); } .training-registration .training-registration-form textarea.form-control {min-height: 5.3125rem;resize: vertical; } .training-registration .training-registration-content {margin-bottom: 1.5rem; } .training-registration .training-registration-footer {display: flex;align-items: flex-end;justify-content: space-between;gap: 1.5rem;margin-top: 1.125rem; } .training-registration .training-registration-consent {min-width: 0;color: rgba(17, 24, 39, 0.58);font-size: 0.8125rem;font-weight: 500;line-height: 1.45; } .training-registration .training-registration-consent .form-group {margin-bottom: 0.625rem; } .training-registration .training-registration-consent label {margin-bottom: 0;color: rgba(17, 24, 39, 0.58);font-size: 0.8125rem;font-weight: 500;line-height: 1.45; } .training-registration .training-registration-submit {flex: 0 0 auto;min-width: 11.875rem; } .training-registration .training-registration-submit svg {width: 1.125rem;height: 1.125rem;margin-left: 0.75rem; } @media (max-width: 991.98px) {.training-registration {padding: 3.5rem 0 4rem;}.training-registration .training-registration-card {grid-template-columns: 1fr;min-height: 0;}.training-registration .training-registration-aside {min-height: 22.5rem;}.training-registration .training-registration-form {padding: 1.875rem 1.5rem 1.625rem;} } @media (max-width: 767.98px) {.training-registration .training-registration-aside {min-height: 26.25rem;}.training-registration .training-registration-aside-content,.training-registration .training-registration-benefits {left: 1.5rem;right: 1.5rem;}.training-registration .training-registration-aside-content {top: 2rem;}.training-registration .training-registration-benefits {bottom: 1.75rem;}.training-registration .training-registration-footer {display: block;}.training-registration .training-registration-submit {width: 100%;margin-top: 1.125rem;} }