html {
    scroll-behavior: smooth;
}

body {
    font-family: "Urbanist", sans-serif;
}

/* ----------------------------------- */
/* Font Style: Start */
.font-lora {
    font-family: "Lora", serif;
}
.font-semimedium {
    font-weight: 450;
}
/* Font Style: End */
/* ----------------------------------- */


/* ----------------------------------- */
/* Background colors: Start */
.blue-30 {
    background-color: #10141f;
}
.blue-50 {
    background-color: #5b6677;
}
/* Background colors: End */
/* ----------------------------------- */


/* ----------------------------------- */
/* Slider : Start */
#slider {
    transition: transform 2s ease-in-out;
}
#slider img {
    min-width: 100%;
}
/* Soft content animation */
.animate-content {
    animation: smoothUp 1.2s ease;
}

@keyframes smoothUp {

    0% {
        transform: translateY(40px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
/* Slider : End */
/* ----------------------------------- */

/* ----------------------------------- */
/* Animated Text :Start */
.text-container {
    overflow: hidden;
}

.animated-text {
    animation: slideUp 1s ease-in-out;
}

@keyframes slideUp {

    0% {
        transform: translateY(100%);
        opacity: 0;
    }
}
/*Animated Text: End */
/* ----------------------------------- */



@keyframes popup {

    0% {
        opacity: 0;
        transform: scale(0.9) translateY(30px);
    }

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

}

.animate-popup {
    animation: popup 0.4s ease;
}

/* ----------------------------------- */
/* Custom Dropdown Styling: Start */
select {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>');
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1.2em 1.2em;
    padding-right: 2.5rem;
}

select option {
    padding: 0.75rem;
    background: white;
    color: #1f2937;
}

select option:hover {
    background: #f3f4f6;
    color: #d4af37;
}

select option:checked {
    background: linear-gradient(#d4af37, #d4af37);
    background-color: #d4af37;
    color: white;
}
/* Custom Dropdown Styling: End */
/* ----------------------------------- */

/* ----------------------------------- */
/* Maps */
#map {
    width: 100%;
    height: 650px;
    border-radius: 24px;
    z-index: 0;
}

.location-btn {
    transition: background-color 0.3s, color 0.3s;
}

.location-btn.active {
    background-color: black;
    color: white;
}

.leaflet-routing-container {
    display: none !important;
}

/* Permanent label for Pride World City */
.base-label {
    background-color: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 5px 10px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    white-space: nowrap !important;
}

.base-label::before {
    border-top-color: #000 !important;
}
/* Maps End */
/* ----------------------------------- */