/* Logo grayscale effect */
.logo {
    filter: gray;
    /* IE6-9 */
    filter: grayscale(1);
    /* Firefox 35+ */
    -webkit-filter: grayscale(1);
    /* Chrome, Safari, Opera */
    transition:
        filter 0.3s,
        -webkit-filter 0.3s;
}

.logo:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    transition:
        filter 0.1s,
        -webkit-filter 0.1s;
}

/* Navbar transitions */
.navbar-main {
    transition:
        border-radius 0.3s,
        width 0.3s;
}

.navbar-main.menu-open {
    border-bottom-right-radius: 0 !important;
    width: 100% !important;
}

#mobile-menu {
    transition:
        opacity 0.3s,
        transform 0.3s;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-20px);
}

#mobile-menu.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* Slide text and responsive */
#slide-text {
    min-height: 240px;
    height: 90px;
}

@media (min-width: 768px) {
    #slide-text p {
        line-height: 1.3;
    }
}

html {
    font-family: "Inter", sans-serif;
}

.slide-btn {
    background: none;
    color: #fff;
    border: none;
    transition:
        color 0.2s,
        border-color 0.2s;
}

.slide-btn.active {
    color: #fff !important;
    border-bottom: 4px solid #a0d035 !important;
}

.footer-link {
    margin-top: 14px;
    color: #ccc;
}

/* Efeito hover para todos os links do site */
a:hover,
.footer-link:hover {
    color: #a0d035 !important; /* Exemplo: amarelo, ajuste conforme o design */
    transition: color 0.2s;
}

/* Efeito hover para ícones FontAwesome no footer */
.footer-link i {
    margin-right: 10px;
    font-size: 20px;
    transition:
        color 0.2s,
        filter 0.2s;
    color: #002e6d;
}
.footer-link:hover i {
    color: #a0d035;
}

html {
    font-family: "Inter", sans-serif;
}

.logo {
    filter: gray;
    /* IE6-9 */
    filter: grayscale(1);
    /* Firefox 35+ */
    -webkit-filter: grayscale(1);
    /* Chrome, Safari, Opera */
    transition:
        filter 0.3s,
        -webkit-filter 0.3s;
}

.logo:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    transition:
        filter 0.1s,
        -webkit-filter 0.1s;
}

.navbar-main {
    transition:
        border-radius 0.3s,
        width 0.3s;
}

.navbar-main.menu-open {
    border-bottom-right-radius: 0 !important;
    width: 100% !important;
}

#mobile-menu {
    transition:
        opacity 0.3s,
        transform 0.3s;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-20px);
}

#mobile-menu.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

#slide-text {
    min-height: 240px;
    height: 90px;
}

@media (min-width: 768px) {
    #slide-text p {
        line-height: 1.3;
    }
}

html {
    font-family: "Inter", sans-serif;
}

.slide-btn {
    background: none;
    color: #fff;
    border: none;
    transition:
        color 0.2s,
        border-color 0.2s;
}

.slide-btn.active {
    color: #fff !important;
    border-bottom: 4px solid #a0d035 !important;
}

.box-solution img {
    max-width: 120px !important;
}

.box-solution span:hover {
    color: #a0d035 !important;
    transition: color 0.2s;
}

footer {
    background-color: #e5e4e4;
    color: #333;
}

.footor-contacts .fa-solid {
    margin-right: 50px;
    font-size: 50px;
    color: #002e6d;
}

@keyframes slowBounce {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

.bounce-active {
    animation: slowBounce 1.8s ease-in-out;
}