body{
    font-family: 'Montserrat', sans-serif;
}

.floating-box1 {
    position: relative; /* Allows the element to move from its position */
    animation: float 3s ease-in-out infinite; /* Apply the animation */
}

.floating-box2 {
    position: relative; /* Allows the element to move from its position */
    animation: float 6s ease-in-out infinite; /* Apply the animation */
}

@keyframes float {
    0% {
        transform: translateY(0px); /* Start position */
        
    }
    50% {
        transform: translateY(-20px); /* Move up 20px in the middle of the animation */
    }
    100% {
        transform: translateY(0px); /* Return to start position */
        
    }
}


/* Estilização da Paginação (Bullets) */
.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: #000 !important; /* Cor das bolinhas inativas */
    opacity: 0.5 !important;      /* Opacidade das inativas */
    border-radius: 50% !important;
    transition: all 0.3s ease;
}

/* Estilo da bolinha Ativa */
.swiper-pagination-bullet-active {
    opacity: 1 !important;
    width: 12px !important; /* Um pouquinho maior para destacar, opcional */
    height: 12px !important;
    background: #fff !important;
}

/* Ajuste de posição para não encostar na borda inferior */
.swiper-pagination {
    bottom: 20px !important; 
}


.swiper-button-next:after, 
.swiper-button-prev:after {
    font-size: 86px !important;
    font-weight: light;
    color: #fff;
    z-index: 999 !important;
    pointer-events: auto !important;
    display: flex !important;
}

@media (max-width: 768px) {
    .swiper-button-next:after, 
    .swiper-button-prev:after {
        font-size: 32px !important;
    }
}

.mySwiper {
    z-index: 1;
}

.swiper-wrapper {
    z-index: 1;
}

.swiper-pagination-plantas {
    z-index: 999 !important;
}


/* Fundo e borda da caixa suspensa (dropdown) */
.iti__country-list {
    background-color: #ffffff !important; /* Fundo branco */
    border: 1px solid #e5e7eb !important; /* Borda suave */
    border-radius: 0.5rem !important; /* Bordas arredondadas (opcional) */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; /* Sombra */
}

/* Cor do nome do país (Para consertar o texto invisível) */
.iti__country-name {
    color: #1e2939 !important; /* Cinza escuro (tailwind gray-800) */
    font-weight: 400 !important;
}

/* Cor do código do país (+55, +1, etc) */
.iti__dial-code {
    color: #9ca3af !important; /* Cinza mais claro (tailwind gray-400) */
}

/* Cor do texto digitado na barra de pesquisa (Search) */
.iti__search-input {
    color: #1e2939 !important; /* Cinza escuro (tailwind gray-800) */
    background-color: #ffffff !important;
}

/* Cor do código do país (+55) selecionado ao lado da bandeira */
.iti__selected-dial-code {
    color: #1e2939 !important; /* Cinza escuro */
    font-weight: 500 !important;
}

/* Cor de fundo quando passa o mouse por cima de um país */
.iti__country.iti__highlight {
    background-color: #f3f4f6 !important; /* Fundo cinza claro no hover */
    color: #E6007E !important; /* Opcional: muda a cor do texto pro seu rosa */
}

/* Garante que o input principal não fique espremido */
.iti {
    width: 100%;
}