.fs-title { font-size: 20px !important; font-weight: 800 !important; } .form-control{ border-radius: 15px!important; border: 1.5px solid #000 !important; } #progressbar{ margin-bottom: 10px; } .step-form2 { font-size: 15px; color: #ffffff; /* height: 32px; */ background-color: #fb5f46; opacity: 0.2; text-decoration: none; font-family: "gothamPro-Bold"; border-radius: 8px; font-weight: 700; border: 2px solid #f8f8f8; cursor: default; text-align: center; } .anchoprogres { max-width: 49% !important; } .margen { margin-right: 1rem !important; } .col-form2 { display: flex; flex-direction: column; margin-left: 15px; align-items: flex-start; } .title-form-container { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 10px; } .form-container { width: 320px; height: auto; background-color: #f8f8f8; position: absolute; right: 0; top: 40px; padding: 0 0 25px 0; box-shadow: -10px 8px 5px -4px rgb(0 0 0 / 33%); -webkit-box-shadow: -10px 8px 5px -4px rgb(0 0 0 / 33%); -moz-box-shadow: -10px 8px 5px -4px rgba(0, 0, 0, 0.33); } .title-form-container h1 { color: #000; font-size: 28px; font-weight: 800 !important; margin: 19px 0 0 0; color: #000; } .title-form-container h1 span { color: transparent; font-family: "gothamPro-Bold"; font-size: 28px; font-weight: 600; -webkit-text-stroke: 2px #000; } .title-form-container p { color: #000; font-size: 13px; line-height: 14px; font-family: "gothamPro"; text-align: center; margin: 20px 0; font-weight: 600; } .checkleft { text-align: left; } #msform { margin: 172px auto 0; } #msform fieldset, #msform_donar fieldset { background-color: #f8f8f8; border: 0 none; border-radius: 3px; box-sizing: border-box; width: 80%; margin: 0 10%; position: relative; box-shadow: 0 0 15px 1px rgb(0 0 0 / 40%); -webkit-box-shadow: 0 0 15px 1px rgb(0 0 0 / 40%); -moz-box-shadow: 0 0 15px 1px rgb(0 0 0 / 40%); } #msform, #msform_donar { width: 100%; height: 500px; margin: 50px auto; text-align: center; position: relative; } .col-step-form label { font-size: 13px; font-family: "opensans Bold"; margin-top: 8px; } #msform input, #msform textarea { margin-bottom: 10px; width: 100%; box-sizing: border-box; font-family: montserrat; color: #2c3e50; font-size: 13px; border: 1.5px solid #000; border-radius: 15px; padding: 5px 10px; } #siguiente_al_baso_dos { text-transform: uppercase; } label { display: inline-block; margin-bottom: 0.5rem; } .heightcont { height: 105vh !important; } #msform .action-button { width: 100%; background: #fb5f46; font-weight: bold; color: white; border: 2px solid #f8f8f8; border-radius: 8px; cursor: pointer; padding: 10px 5px; margin: 10px 0px; } @media (min-width: 301px) and (max-width: 540px) and (orientation: portrait) { .anchoprogres { max-width: 48% !important; } } @media (max-width: 300px) and (orientation: portrait) { .anchoprogres { max-width: 47% !important; } }