html {
    font-size: 14px;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Rubik', sans-serif;
    color: #00346a;
}


 .input-with-icon {
        position: relative;
    }

    .input-with-icon input[type="text"],
    .input-with-icon input[type="email"],
    .input-with-icon input[type="number"],
    .input-with-icon input[type="password"] {
        padding-left: 45px;
    }
            .input-with-icon input[type="text"]::placeholder,
            .input-with-icon input[type="email"]::placeholder,
            .input-with-icon input[type="number"]::placeholder,
            .input-with-icon input[type="password"]::placeholder,
            .input-with-icon select::placeholder {
                background-position: 15px center;
            }

        .input-with-icon select {
            left: 40px;
        }

        .input-with-icon .img-control {
            position: absolute;
            top: 50%;
            left: 15px;
            transform: translateY(-50%);
            color: #888;
        }
        .input-with-icon .img-control2 {
            position: absolute;
            top: 50%;
            right: 15px;
            transform: translateY(-50%);
            color: #888;
        }
        .input-with-icon input[type="text"]:focus + i,
        .input-with-icon input[type="email"]:focus + i {
            color: #007bff;
        }

@media (max-width: 767px) {
    /* Estilos para dispositivos móviles */
    .text-subtitle {
        font-size: 22px;
        font-weight: 600;
    }

    .text-content {
        font-size: 16px;
        font-weight: 400;
    }
}

@media (min-width: 768px) {
    /* Estilos para tablets */
    .text-subtitle {
        font-size: 30px;
        font-weight: 600;
    }

    .text-content {
        font-size: 20px;
        font-weight: 400;
    }
}


@media (min-width: 992px) {
    /* Estilos para laptops o PCs */
    .text-subtitle {
        font-size: 34px;
        font-weight: 600;
    }

    .text-content {
        font-size: 24px;
        font-weight: 400;
    }
}