@import url(bootstrap.min.css);
@import url(header.css);
@import url(footer.css);
@import url(home.css);
@import url(inner-pages.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css);
@import url(owl.carousel.min.css);
@import url(owl.theme.default.min.css);

@font-face {
    font-family: "Roboto", sans-serif;
    src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: "Roboto", sans-serif;
    src: url('../fonts/Inter/Inter-Regular.ttf') format('truetype');
}

:root {
    --bg-color: #000000;
    --text-main: #f0f0f0;
    --text-muted: #999999;
    --gold-accent: #d4af37;
    --font-display: 'Playfair Display', serif;
    --font-body: 'Montserrat', sans-serif;
    --gutter: 6vw;
    --color-dark: #000000;
    --color-panel-light: #f8f8f8; 
    --color-text-dark: #333; 
    --color-glass-base: rgba(17, 17, 17, 0.7);
            --color-dark-panel: #0d0d0d;
            --color-darker: #050505;
            --color-success: #28a745;
            --blue-zofeur: #1a2a4f;
            --transition-speed: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body {
    scroll-behavior: smooth;
    overflow-x: hidden;
    cursor: default; 

}
* {
    font-family: var(--roboto);
}
button:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.btn:focus {
    box-shadow: unset;
}
input:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}


.section-title {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 600;
    color: var(--text-main);
}
p {
    color: var(--text-muted);
}


/* CUSTOM CURSOR */
.mouse-cursor {
    position: fixed;
    pointer-events: none;
    border-radius: 50%;
    z-index: 999999; /* Ensure it is on top */
    transform: translate(-50%, -50%);
}

/* Inner small dot */
.cursor-inner {
    width: 6px;
    height: 6px;
    background-color: #ffc400; /* FIXED COLOR: #ffc400 */
    /* mix-blend-mode: difference; REMOVED to keep color fixed */
    /* This defines the transition when restored by JS on mouseleave */
    transition: transform 0.3s ease-out, opacity 0.3s ease, width .2s ease, height .2s ease; 
    opacity: 1; /* Default visibility */
}

/* Outer circle */
.cursor-outer {
    width: 30px;
    height: 30px;
    border: 2px solid #ffc400; /* FIXED COLOR: #ffc400 */
    /* mix-blend-mode: difference; REMOVED to keep color fixed */
    /* This defines the transition when restored by JS on mouseleave */
    transition: transform 0.3s ease-out, opacity 0.3s ease, all 0.15s ease-out; 
    opacity: .5; /* Default visibility */
}