@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
   --primary-orange: #e67e22;
    --primary-orange-hover: #d6a35b;
    --hero-overlay: rgba(0, 0, 0, 0.3);
    --hero-overlayy: rgba(0, 0, 0, 0.5);
    --desert-light: #f4e4bc;
    --card-bg: #ffffff;
    --text-dark: #333333;
    --text-medium: #666666;
    --text-light: #888888;
    --cream-bg: #f5f0e8;
    --gold-primary: #d4a355;
    --gold-dark: #b8903f;
    --border-radius: 8px;
    --transition: all 0.3s ease;
    --light-gray: #f5f5f5;
    --gray-text: #666666;
    --dark-text: #333333;
    --light-text: #ffffff;
    --dark-bg: #1a1a1a;
    
}

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

/* Custom purple OK button */
.custom-ok-button {
    background-color: #d35400 !important; /* Purple color for OK button */
    border-color: #d35400 !important;
}

.iti{
    width: 100%;
}

/* Sliding Banner Styles */
        .announcement-banner {
            background: red;
            color: white;
            padding: 12px 0;
            overflow: hidden;
            position: relative;
            font-size: 14px;
            font-weight: 500;
        }

        .banner-content {
            display: inline-block;
            white-space: nowrap;
            animation: slide 20s linear infinite;
            padding-left: 100%;
        }
         .banner-content:hover {
            animation-play-state: paused;
        }

        @keyframes slide {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-100%);
            }
        }