.wpc-how-container { background-color: #f5f5f5; align-self: center; margin-left: auto; margin-right: auto; border-radius: 5px; margin-top: 2%; } @media only screen and (max-width: 350px) { .wpc-how-container { border-radius: 0%; margin-top: 0%; } } .wpc-benefitsform-title { font-size: 24px; text-align: center; font-weight: bold; color: #1e0013; } .wpc-card-info { margin-bottom: 20px  !important; background-color: var(--neutral-white)  !important; border: none  !important; color: var(--neutral-black); } @media only screen and (max-width: 767px) { .wpc-card-info { height: auto  !important; } } @media only screen and (min-width: 767px) { .wpc-card-info { height: 100%  !important; } } .wpc-card-info .wpc-card-info-content p { height: 35px; } .wpc-cta-button .black { outline: 0px; } @media only screen and (min-width: 767px) { .wpc-cta-button { width: 100%  !important; } } .wpc-form-container { align-self: center; margin-left: auto; margin-right: auto; } .wpc-benefits-form { width: 100%; height: 600px; border: none; } @media only screen and (max-width: 900px) { .wpc-benefits-form { height: 1100px; } } @media only screen and (max-width: 600px) { .wpc-benefits-form { height: 1200px; } } .wpc-benefits-form-card { margin-top: 5px; margin-bottom: 15px; background-color: #f5f5f5; border-radius: 2%; border: 1px solid #bcbcbc; padding: 25px 40px; } .wpc-benefits-form-card h4 { color: #000; text-align: center; margin-bottom: 20px; font-size: 18px; } .wpc-benefits-form-card ul { color: #555; font-size: 14px; line-height: 30px; } @media only screen and (max-width: 750px) { .wpc-cta-button { width: 100%; } .wpc-cta-button a { width: 100%; } } @media only screen and (max-width: 750px) { .wpc-button-container { display: none; } }