html {
  font-size: 14px;
}

.text-content {
    padding-left: 1rem; /* Espaçamento para telas pequenas */
    padding-right: 1rem;
}

.responsive-text {
    font-size: 1rem; /* Tamanho padrão para telas pequenas */
    line-height: 1.5;
}

@media (min-width: 768px) {
    .text-content {
        padding-left: 3rem; /* Espaçamento maior para telas médias ou maiores */
        padding-right: 3rem;
    }    
    .responsive-text {
        font-size: 1.25rem; /* Tamanho maior para telas médias */
    }
}
@media (max-width: 768px) {
    .home-content {
        padding: 150px 20px 20px 20px;
        text-align: center;
    }
    .home-content .logo {
        padding-top: 100px;
    }
    .home-content img {
        max-width: 300px !important; /* Aumenta o tamanho da imagem */
    }
    .mobile-content {
        flex-direction: column;
    }
    .col-md-6.col-12.px-4 {
        padding-left: 2rem !important; /* Aumenta o espaçamento lateral no mobile */
        padding-right: 2rem !important;
    }
    .card.mx-auto {
        width: 90% !important; /* Aumenta a largura no mobile */
        max-width: none; /* Remove o limite de largura */
        padding: 15px; /* Reduz o padding no mobile */
    }
    .modal-content h1 {
        font-size: 1.5rem; /* Ajusta o tamanho da fonte do título */
    }
    .modal-content p {
        font-size: 1rem; /* Ajusta o tamanho da fonte do texto */
    }
    .navbar ul {
        gap: 0 !important;
        padding-left: 20px !important;
    }
    .navbar-nav {
        padding-left: 15px; /* Espaço lateral esquerdo */
    }
        .navbar-nav .nav-item {
            margin-bottom: 5px; /* Reduz o espaço entre as linhas */
        }

        .navbar-nav .nav-link {
            font-size: 1rem; /* Ajusta o tamanho da fonte, se necessário */
        }

    .floating-btn {
        right: 16px;
        bottom: 16px;
        min-width: 140px;
        font-size: 1rem;
        padding-left: 18px;
        padding-right: 18px;
    }
}

.text-justify {
    text-align: justify;
}

@media (min-width: 1200px) {
    .responsive-text {
        font-size: 1.25rem; /* Tamanho ainda maior para telas grandes */
    }
}

/*@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}*/
@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/**/


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

body {
  margin-bottom: 60px;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

/*img[alt="Loading..."] {
    animation: spin 1s linear infinite;
}*/
#openAccountLoading svg {
    animation: spin 1s linear infinite;
}