/* ================================================== */
/* Tech4Impact Color Scheme
/* Primary: #C2A040 (Gold)
/* Secondary: #34B49D (Teal Green)  
/* Accent: #0A5363 (Dark Blue)
/* Background: #FDFBF7 (Light Beige)
/* ================================================== */

:root {
    --primary-color: #C2A040;
    --secondary-color: #34B49D;
    --accent-color: #0A5363;
    --light-bg: #FDFBF7;
    --dark-bg: #0A5363;
}

/* Primary Color Applications */
.id-color,
.id-color i,
a.id-color:hover,
.de_light .id-color {
    color: #C2A040 !important;
}

.bg-color,
.de_light .bg-color {
    background: #C2A040 !important;
}

.text-light .bg-color {
    background: #C2A040 !important;
}

/* Secondary Color - Buttons & CTAs */
.btn-main,
.btn-main:hover {
    background: #34B49D !important;
    border-color: #34B49D !important;
}

.btn-main:hover {
    background: #2a9582 !important;
    border-color: #2a9582 !important;
}

.btn-line {
    border-color: #34B49D !important;
    color: #34B49D !important;
}

.btn-line:hover {
    background: #34B49D !important;
    border-color: #34B49D !important;
    color: #fff !important;
}

/* Accent Color - Dark Sections */
.section-dark.bg-dark,
.bg-dark-2 {
    background: #0A5363 !important;
}

/* Gradient Colors */
.gradient-edge-bottom.color,
.gradient-edge-top.color {
    background: linear-gradient(0deg, #0A5363 0%, rgba(10, 83, 99, 0) 100%);
}

.radial-gradient-color {
    background: radial-gradient(circle, #0A5363 0%, rgba(10, 83, 99, 0.8) 100%);
}

/* Hover Effects */
.hover-bg-color:hover {
    background: #C2A040 !important;
}

/* Border Colors */
.border-color {
    border-color: #C2A040 !important;
}

/* Links */
a:hover {
    color: #C2A040;
}

/* Form Elements */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
    border-color: #34B49D !important;
}

/* Countdown */
.countdown-section {
    background: #0A5363;
    border: 2px solid #C2A040;
}

.countdown-number {
    color: #C2A040;
}

/* Social Icons */
.social-icons a:hover {
    background: #C2A040 !important;
    border-color: #C2A040 !important;
}

/* Menu */
#mainmenu li a:hover,
#mainmenu li a.active {
    color: #C2A040 !important;
}

/* Accordion */
.accordion-section-title:hover,
.accordion-section-title.active {
    color: #C2A040 !important;
}

/* Tickets/Prizes Cards */
.ticket-card:hover {
    border-color: #C2A040 !important;
}

/* Custom Checkboxes & Radio buttons */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: #34B49D !important;
    border-color: #34B49D !important;
}

/* Progress bars */
.progress-bar {
    background-color: #34B49D !important;
}

/* Tabs */
.de-tab .d-tab-nav li.active-tab {
    border-bottom-color: #C2A040 !important;
}

.de-tab .d-tab-nav li.active-tab h3 {
    color: #C2A040 !important;
}

/* Icons in sections */
.icofont-location-pin,
.icofont-envelope,
.icofont-phone {
    background: #34B49D !important;
}

/* Swiper/Carousel Navigation */
.owl-theme .owl-nav [class*="owl-"]:hover,
.owl-theme .owl-dots .owl-dot.active span {
    background: #C2A040 !important;
}

/* Light Background Sections */
.light-section {
    background: #FDFBF7;
}

/* Additional hover states */
.hover:hover .abs {
    background: rgba(194, 160, 64, 0.9) !important;
}

/* Marquee Text */
.de-marquee-list-1 span,
.de-marquee-list-2 span {
    color: #C2A040;
}

/* Custom scrollbar */
::-webkit-scrollbar-thumb {
    background: #C2A040;
}

::-webkit-scrollbar-thumb:hover {
    background: #34B49D;
}

/* Selection */
::selection {
    background: #C2A040;
    color: #fff;
}

::-moz-selection {
    background: #C2A040;
    color: #fff;
}

/* Loader */
#de-loader .spinner {
    border-top-color: #C2A040 !important;
}

/* Float text */
.float-text a:hover {
    color: #C2A040 !important;
}

/* Scrollbar vertical */
.scrollbar-v {
    background: #C2A040 !important;
}

