.dropdown:hover .dropdown-menu {
    display: block;
}

#more {
    display: none;
}

.bg {

    background-color: #572700;
    /* background-color: #572700;*/



}

.follow {
    background-image: url('../../assets/images/antananarivo_stade.webp');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

}

.car {
    max-height: 55vh;
    object-fit: cover;
    align-items: center;
}


/* Background Image
-------------------------------------------------- */

.color {
    color: #572700;
}

.price {
    color: #005300;
}

.mail {
    background-color: #FFD966;
    color: #000000;
    transition: background-color 0.5s ease-in-out, transform 0.5s ease-in-out;
    font-weight: bold;
}

.mail:hover {
    background-color: #FFD966;
    color: #000000;
    /* Rouge plus foncé */
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
}


.whatsapp {
    background-color: #008000;
    color: #FFFFFF;
    border: none;
    transition: background-color 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.whatsapp:hover {
    transform: scale(1.03);
    background-color: #22915D;
    color: #FFFFFF;
    /* Vert légèrement plus foncé */
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
    /* Effet d'ombre */
}

.submit {
    background-color: #e7ae01;
    color: rgb(255, 255, 255);
    transition: background-color 0.5s ease-in-out;
}

.submit:hover {
    background-color: #e7ae01;
    color: rgb(255, 255, 255);
    /* Vert légèrement plus foncé */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    /* Effet d'ombre */
}


.navcolor {
    border-bottom: orange;
    border-color: orange;

}


.colorbouton {
    background-color: #1A5FB4;
    border: none;
    transition: background-color 0.5s ease-in-out, transform 0.5s ease-in-out;
    color: #ffffff;
    font-weight: bold;
}

.colorbouton:hover {
    background-color: #185AAA;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    color: rgb(255, 255, 255);
    transform: scale(1.03);
}


.mainty {
    background-color: #00000023;
    backdrop-filter: blur(2px);
    border-radius: 20px;
    box-shadow: 0px 0px 100px #0000003f;
}

#divbody {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow: hidden;
    background-color: #000000;
}

#random-background {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 1.3s ease-in-out;
    z-index: -1;
}

#imagetours {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center;
    transition: opacity 1.5s ease-in-out;
}

#madagascar {
    display: flex;
    justify-content: center;
    align-items: center;

    /* Prend 50% de la hauteur de l'écran */
    height: 50vh;
    width: 100vw;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    /* Empêche les bordures blanches sur mobile */
    min-width: 100%;
    min-height: 50vh;

    /* Animation */
    animation: boom 20s infinite ease-in-out;
}

/* Ajustement spécial pour mobile */
@media (max-width: 768px) {
    #madagascar {
        height: 50vh;
        /* Forcer 50% de hauteur */
        width: 100vw;
        /* Forcer la largeur */
        background-size: cover !important;
        /* S'assurer que l'image couvre bien */
    }
}

/* Animation */
@keyframes boom {
    0% {
        background-image: url('../images/antananarivo_stade.webp');

    }

    100% {
        background-image: url('../images/baobab1.webp');

    }
}

#perso {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30vh;
    color: white;
    object-fit: cover;
    background-position: top;
    background-size: cover;
    background-image: url('../images/ourtours.webp');


}



#park {
    display: flex;
    justify-content: center;
    align-items: center;

    /* Prend 50% de la hauteur de l'écran */
    height: 50vh;
    width: 100vw;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    /* Empêche les bordures blanches sur mobile */
    min-width: 100%;
    min-height: 50vh;

    /* Animation */
    animation: par 20s infinite ease-in-out;

}

@media (max-width: 768px) {
    #park {
        height: 50vh;
        /* Forcer 50% de hauteur */
        width: 100vw;
        /* Forcer la largeur */
        background-size: cover !important;
        /* S'assurer que l'image couvre bien */
    }
}

@keyframes par {
    0% {
        background-image: url('../images/isalo.webp');

    }



    100% {
        background-image: url('../images/baobab4.webp');



    }
}

#culture {
    display: flex;
    justify-content: center;
    align-items: center;

    /* Prend 50% de la hauteur de l'écran */
    height: 50vh;
    width: 100vw;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    /* Empêche les bordures blanches sur mobile */
    min-width: 100%;
    min-height: 50vh;

    /* Animation */
    animation: culture 20s infinite ease-in-out;

}

@media (max-width: 768px) {
    #culture {
        height: 50vh;
        /* Forcer 50% de hauteur */
        width: 100vw;
        /* Forcer la largeur */
        background-size: cover !important;
        /* S'assurer que l'image couvre bien */
    }
}

@keyframes culture {
    0% {
        background-image: url('../images/famadihana.webp');


    }



    50% {
        background-image: url('../images/antananarivorova.webp');

    }



    100% {
        background-image: url('../images/antananarivo.webp');


        /* Retour à l'image initiale */
    }
}

#city {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
    object-fit: cover;
    animation: city 10s infinite ease-in, zoomEffect 1.5s ease-in-out;
    background-position: center;
    background-size: cover;

}


@keyframes city {
    0% {
        background-image: url('../images/city/aller1.webp');
    }


    25% {
        background-image: url('../images/city/aller.webp');
    }

    50% {
        background-image: url('../images/antananarivorova.webp');
    }

    75% {
        background-image: url('../images/antananarivorova.webp');
    }

    100% {
        background-image: url('../images/antananarivo.webp');

    }
}



.f {
    font-size: 14px;
    word-spacing: 3px;
    line-height: 1.5;
    font-family: "ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;

}

.bd {
    font-family: "Special Elite", system-ui;
    font-weight: 400;
    font-style: normal;
    color: #fbbc05;
    font-size: 50px;
}

.corps {
    font-family: "Special Elite", system-ui;
    font-weight: 400;
    font-size: 22px;
    font-style: normal;
    color: #fbbc05;
}

.corps1 {
    font-family: "Special Elite", system-ui;
    font-weight: 400;
    font-style: normal;
    color: #383429;
}

.titre {
    letter-spacing: -1px;
    word-spacing: 2px;
    font-family: "ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;

}

#nav {
    font-family: "Madimi One", serif;
    font-weight: 400;
    font-style: normal;
}

.karla {
    font-family: "Karla", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.image-hover {
    transition: transform 0.5s ease-in-out;
}

.image-hover:hover {
    transform: scale(1.02);
}


.cardh {
    transition: transform 1s ease-in-out;
}

.cardh:hover {
    transform: scale(1);
    background-color: rgba(0, 0, 0, 0.19);
    backdrop-filter: blur(5px);
    border-radius: 10px;

}



/* text milatsaka*/

@keyframes fall-text {
    0% {
        transform: translateY(-40px);
        /* Commence hors de l'écran en haut */
        opacity: 0;
        /* Invisible au début */
    }

    100% {
        transform: translateY(0);
        /* Revient à sa position normale */
        opacity: 1;
        /* Devient visible */
    }
}

.txt {

    /* Cache le texte avant l'animation */
    animation: fall-text 1s ease-out forwards;
}

.txt1 {

    /* Cache le texte avant l'animation */
    animation: fall-text 1.5s ease-out forwards;
}

.txt2 {

    /* Cache le texte avant l'animation */
    animation: fall-text 2s ease-out forwards;
}

.txt3 {

    /* Cache le texte avant l'animation */
    animation: fall-text 2.5s ease-out forwards;
}

@keyframes fall-bounce {
    0% {
        transform: translateY(-100px);
        opacity: 0;
    }

    70% {
        transform: translateY(0);
        opacity: 1;
    }

    85% {
        transform: translateY(-15px);
        /* Petit rebond vers le haut */
    }

    100% {
        transform: translateY(0);
        /* Retour à la position normale */
    }
}

.mievotra {
    animation: fall-bounce 1.5s ease-out forwards;
}


.alltours {
    background-image: url('../images/ourtours.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    height: 30vh;
}


#rent {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
    object-fit: cover;
    background-image: url('../images/rentcarfhl.webp');
    background-position: center;
    background-size: cover;

}

.teracan {
    /* Ajuste selon le besoin */
    background-image: url('../images/teracan.webp');
    /* Chemin de l'image */
    background-size: cover;
    /* Ajuste l'image pour couvrir tout l'espace */
    background-position: center;
    /* Centre l'image */
    background-repeat: no-repeat;
    /* Évite la répétition */
}

.raccourci {
    z-index: 10;
}

.ima {
    z-index: 9;

}

.zoomable {

    /* Taille initiale */
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.zoomable:active {

    transform: translate(50%) scale(1.5)
        /* Agrandir l'image */
}

.hover-card {
    background-color: rgba(240, 255, 255, 0);
    border-radius: 15px;
}

.hover-card:hover {
    background-color: #fff8e1a1;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24);

}

.sary {
    transition: transform 0.5s ease-in-out;
    width: 100%;
    border-radius: 5px;
}

.bb {
    display: block;
    overflow: hidden;
    border-radius: 5px;
    /* Empêche l'image de dépasser */
    transition: transform 0.3s ease-in-out;
}

.sary:hover {
    transform: scale(1.1);
    /* Zoom de 110% */
}

.card-img-overlay {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.753) 20%, rgba(0, 0, 0, 0.096) 80%);

}

.card {
    overflow: hidden;
    /* Empêche l'image de dépasser */
}

.card-img {

    transition: transform 0.3s ease-in-out;
}



.card:hover .card-img {
    transform: scale(1.12);
    /* Zoom à 110% */
}

.card-title {
    font-family: "Special Elite", system-ui;
    font-weight: 400;
    font-style: normal;
}

.card-title:hover {
    font-family: "Special Elite", system-ui;
    font-weight: 400;
    font-style: normal;
    color: orange;

}

.bd {
    font-family: "Special Elite", system-ui;
    font-weight: 400;
    font-style: normal;
    color: orange;
    font-size: 50px;
}


.a {
    text-decoration: none;
    position: relative;
    transition: color 0.5s ease;
}

.a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: orange;
    transform: scaleX(0);
    transition: transform 0.5s ease;
}

.titre1 {
    font-family: "Special Elite", system-ui;
    font-weight: 400;
    font-style: normal;
    font-size: 50px;

}

.a:hover::after {
    transform: scaleX(1);
}

.ligne {
    position: relative;
    text-align: center;
}

.ligne::after {
    content: "";
    display: block;
    width: 25%;
    /* 25% de la largeur du texte */
    height: 5px;
    /* Hauteur de la ligne */
    background-color: #ff9900;
    /* Même couleur que le texte */
    margin: 8px auto 0;
    /* Espace au-dessus et centré */
}

.uppercase {
    text-transform: uppercase;
}

.t {
    background-color: darkslategrey;
}

.fixed-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: white;
    text-align: center;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    z-index: 11;
}

body {
    padding-bottom: 60px;
    /* ajuste selon la hauteur de ta footer */
}

.scrolling-text {
    display: inline-block;
    padding-left: 100%;
    animation: scrollText 30s linear infinite;
}

@keyframes scrollText {
    from {
        transform: translateX(0%);
    }

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

/* 📱 Sur mobile (écran < 768px), le texte défile plus vite */
@media (max-width: 768px) {
    .scrolling-text {
        animation: scrollText 25s linear infinite;
        /* Plus rapide sur mobile */
    }

    .none {
        display: none;
    }
}


.nav-link {
    padding: 10px 14px;
    /* Increase padding for better touch target */
    margin: 2px 0;
    /* Add spacing between links */
    font-size: 15px;
    /* Ensure text is readable */
}

.nav-item {
    margin-bottom: 5px;
    /* Adds space between menu items */
}