.my-alert-form .form-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.popup-modal .my-alert-form .form-fields .form-field { margin-bottom: 0; }

.popup-modal .my-alert-form .form-fields .form-field label { font-family: Roobert; font-size: 16px; color: var(--hl-dark-green); }

.popup-modal .my-alert-form .form-fields .form-field input[type=text],
.popup-modal .my-alert-form .form-fields .form-field ul.radio-button-list { background-color: var(--hl-light-taupe); border: none; font-family: Roobert; }

.popup-modal .my-alert-form .monthly-bytes-subscribe { border-top: 1px dotted var(--hl-dark-green); padding: 20px 0 0 0; margin: 20px 0 0 0; }
.popup-modal .my-alert-form .monthly-bytes-subscribe > label { font-family: Roobert, sans-serif; font-size: 16px; color: var(--hl-dark-green); margin-bottom: 15px; display: block; }

ul.radio-button-list { padding: 10px; }
ul.radio-button-list li { display: flex; flex-direction: row; gap: 10px; align-items: center; margin: 0 0 10px 0; font-family: inherit; color: inherit; font-weight: inherit; }
ul.radio-button-list li input[type=radio] { display: none; }
ul.radio-button-list li label:before { content: ""; display: inline-block; width: 0.8em; height: 0.8em; border-radius: 50%; border: 1px solid var(--hl-dark-green); }
ul.radio-button-list li label { margin-bottom: 0 !important; display: flex !important; flex-direction: row; gap: 10px; align-items: center; }

ul.radio-button-list li input[type=radio]:checked + label:before { background-color: var(--hl-dark-green); }

ul.radio-button-list li:last-child { margin-bottom: 0; }

.popup-modal .my-alert-form .icon-and-title { display: flex; flex-direction: row; gap: 20px; align-items: center; margin-bottom: 20px; }
.popup-modal .my-alert-form .icon-and-title h2 { font-family: Roobert; color: var(--hl-dark-green); font-weight: 500; font-size: 33px; }
.popup-modal .my-alert-form .icon-and-title img { height: 40px; }

.popup-modal .my-alert-form.popup-form .close-popup { top: 0; right: 0; border-radius: 0; background-color: var(--hl-light-green); background-image: url("/_assets/icon-close-dark.png"); }

.switch-control-slider { display: flex !important; }

@media (max-width: 450px) {
   .my-alert-form .form-fields { grid-template-columns: 1fr; }
}