/* Purple Theme CSS Overrides for Krisply Kleen */

/* Section subtitle color */
.section_subtitle {
    color: #8a2be2; /* Changed from #2e77ee to purple */
}

/* Inner banner gradient */
.inner-banner {
    background: #6a0dad; /* Fallback */
    background: linear-gradient(to right, #6a0dad 0%, #9370db 100%); /* Changed from blue to purple gradient */
}

/* Home area background */
.home_area {
    background: #6a0dad; /* Fallback */
    background: linear-gradient(to right, #6a0dad 0%, #9370db 100%); /* Changed from blue to purple gradient */
}

/* Spinner background color */
.spinner > div {
    background-color: #8a2be2; /* Changed from #1668ec to purple */
}

/* Button colors */
.white-btn {
    color: #8a2be2; /* Changed from #fe7856 to purple */
    border: 2px solid #8a2be2; /* Changed from #fe7856 to purple */
}

.white-btn:hover {
    background: linear-gradient(to right, #6a0dad 0%, #9370db 50%, #8a2be2 100%); /* Changed to purple gradient */
    border: 2px solid #8a2be2; /* Changed from #fe7856 to purple */
}

.main-btn {
    background: linear-gradient(to right, #6a0dad 0%, #9370db 50%, #8a2be2 100%); /* Changed to purple gradient */
    border: 2px solid #8a2be2; /* Changed from #fe7856 to purple */
    box-shadow: 0px 10px 40px 0px rgba(138, 43, 226, 0.45); /* Changed from red to purple shadow */
}

.main-btn:hover {
    color: #8a2be2; /* Changed from #fe7856 to purple */
    border: 2px solid #8a2be2; /* Changed from #fe7856 to purple */
}

/* Navbar elements */
.navbar-area.sticky .navbar .navbar-nav .nav-item a::before {
    background-color: #8a2be2; /* Changed from #1668ec to purple */
}

.navbar-area.sticky .navbar .navbar-nav .nav-item.active a {
    color: #8a2be2; /* Changed from #0067f4 to purple */
}

.navbar-area.sticky .navbar .navbar-btn li a.solid {
    background: linear-gradient(to right, #6a0dad 0%, #9370db 50%, #8a2be2 100%); /* Changed to purple gradient */
    box-shadow: 0px 10px 40px 0px rgba(138, 43, 226, 0.45); /* Changed from red to purple shadow */
    border: 2px solid #8a2be2; /* Changed from #fe7856 to purple */
}

.navbar-area.sticky .navbar .navbar-btn li a.solid:hover {
    color: #8a2be2; /* Changed from #fe7856 to purple */
    border: 2px solid #8a2be2; /* Changed from #fe7856 to purple */
}

.navbar-area .navbar .navbar-btn li a.solid {
    background: linear-gradient(to right, #6a0dad 0%, #9370db 50%, #8a2be2 100%); /* Changed to purple gradient */
    border: 2px solid #8a2be2; /* Changed from #fe7856 to purple */
    box-shadow: 0px 10px 40px 0px rgba(138, 43, 226, 0.45); /* Changed from red to purple shadow */
}

.navbar-area .navbar .navbar-btn li a.solid:hover {
    color: #8a2be2; /* Changed from #fe7856 to purple */
    border: 2px solid #8a2be2; /* Changed from #fe7856 to purple */
}

/* Dropdown hover */
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #8a2be2; /* Changed from #2c64e2 to purple */
}

/* Service icon colors */
.services-icon.color01, 
.services-icon.color02, 
.services-icon.color03, 
.services-icon.color04, 
.services-icon.color05, 
.services-icon.color06 {
    background-color: rgba(138, 43, 226, 0.1); /* Light purple background */
    color: #8a2be2; /* Purple icon color */
}

/* Pricing active box */
.pricing-table.active {
    border-color: #8a2be2;
}

.pricing-table.active .pricing-header {
    background-color: #8a2be2;
}

/* Testimonial stars */
.author-review .star i {
    color: #8a2be2;
}

/* FAQ accordion */
.accordion .card-header .btn-link {
    color: #8a2be2;
}

.accordion .card-header .btn-link:hover {
    color: #6a0dad;
}

/* Contact form button */
.contact-form-box .main-btn {
    background: linear-gradient(to right, #6a0dad 0%, #9370db 50%, #8a2be2 100%);
    border: 2px solid #8a2be2;
}

/* Footer links */
.footer-link a:hover {
    color: #8a2be2;
}

/* Back to top button */
.back-to-top {
    background: #8a2be2;
}