.input-group {
     border-radius: 0px;
     height: 45px;
 }

 .input-group span {
     border: 0;
     background-color: #E5E7EB;
 }

 .input-group .form-control {
     height: 45px;
     border-top-right-radius: 0.5rem !important;
     border-bottom-right-radius: 0.5rem !important;
     background-color: #f9fafb;
     border-width: 1px;
     color: #1a202c;
     box-shadow: 0 0 0 0.2rem rgba(85, 112, 155, 0.066)
 }

 .form-control.is-valid,
 .was-validated .form-control:valid {
     border-color: #34d399 !important;
     box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.25) !important;
 }

 .input-group span svg {
     width: 1rem;
     height: 1rem;
     color: #718096;
     margin-left: 4px;
     margin-right: 4px;
 }

 .invalid-feedback,
 .valid-feedback {
     margin-top: 50px !important;
 }

 .input-group {
     margin-bottom: 15px !important;
 }

 .disabled {
     background-color: #7d7777 !important;
     cursor: not-allowed !important;
 }

 .button-continue {
     cursor: pointer;
     font-weight: 700;
     font-family: Helvetica, "sans-serif";
     transition: all .2s;
     padding: 10px 20px;
     border-radius: 100px;
     background: #17356E;
     color: white;
     border: 1px solid transparent;
     display: flex;
     align-items: center;
     font-size: 15px;
 }

 .button-continue:hover {
     background: #2551a2;
 }

 .button-continue>svg {
     width: 34px;
     margin-left: 10px;
     color: white;
     transition: transform .3s ease-in-out;
 }

 .button-continue:hover svg {
     transform: translateX(5px);
 }

 .button-continue:active {
     transform: scale(0.95);
 }

 .double-line {
     height: 3px;
     /* Altura de la línea */
     background-color: #336699;
     /* Color de la línea */
     position: relative;
     margin: 10px 0;
     top: -5px;
     /* Margen superior e inferior para separar las líneas */
 }

 .plan {
     border-radius: 16px;
     box-shadow: 0 30px 30px -25px rgba(0, 38, 255, 0.205);
     padding: 10px;
     background-color: #fff;
     color: #697e91;
     width: 100%;
     cursor: pointer;
 }

 .plan strong {
     font-weight: 600;
     color: #425275;
 }

 .plan .inner {
     align-items: center;
     padding: 20px;
     padding-top: 40px;
     background-color: #ecf5ff;
     border-radius: 12px;
     position: relative;
 }

 .plan .pricing {
     position: absolute;
     top: 0;
     right: 0;
     background-color: #113578;
     border-radius: 99em 0 0 99em;
     display: flex;
     align-items: center;
     padding: 0.625em 0.75em;
     font-size: 1.25rem;
     font-weight: 600;
     color: #c3d5e7;
 }

 .plan .pricing small {
     color: #9bacd0;
     font-size: 0.75em;
     margin-left: 0.25em;
 }

 .plan .title {
     font-weight: 600;
     font-size: 1.25rem;
     color: #425675;
 }

 .plan .title+* {
     margin-top: 0.75rem;
 }

 .plan .info+* {
     margin-top: 1rem;
 }

 .plan .features {
     display: flex;
     flex-direction: column;
 }

 .plan .features li {
     display: flex;
     align-items: center;
     gap: 0.5rem;
 }

 .plan .features li+* {
     margin-top: 0.75rem;
 }

 .plan .features .icon {
     background-color: #113578;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     border-radius: 50%;
     width: 20px;
     height: 20px;
 }

 .plan .features .icon svg {
     width: 14px;
     height: 14px;
 }

 .plan .features+* {
     margin-top: 1.25rem;
 }

 .plan .action {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: end;
 }

 .plan .button {
     border: 2px solid #1b489a;
     /* Establece un borde sólido de 2 píxeles de ancho y color azul */
     background-color: transparent;
     /* Establece el fondo como transparente para que no haya color de fondo */
     color: #1b489a;
     border-radius: 6px;
     font-weight: 500;
     font-size: 1.125rem;
     text-align: center;
     outline: 0;
     width: 100%;
     padding: 0.625em 0.75em;
     text-decoration: none;
 }

 .plan .button:hover,
 .plan .button:focus {
     color: white;
     background-color: #113578;
 }

 .selected {
     border-color: #113578 !important;
     box-shadow: #113578;
     background-color: #113578 !important;
     transition: background-color 0.2s ease-in-out;
 }

 .btn-primary {
     background-color: #20407e !important;
     border-color: #20407e !important;
     font-size: 12.5px !important;
     line-height: 18px !important;
     vertical-align: bottom !important;
     letter-spacing: normal !important;
     word-spacing: 0px !important;
     margin: 8px 0px 0px !important;
     padding: 10px 24px 8px !important;
     font-weight: 600 !important;
     font-style: normal !important;
     font-variant: normal !important;
 }

 h4 {
     color: #002469 !important;
     font-size: 150% !important;
     font-weight: bold !important;
     margin: 0px 0px 10px 0px !important;
 }

 a {
     color: white;
     text-decoration: none;
 }