/* Custom Color Overrides */

body {
    background: #100c23 !important;
}

.loader-wrap {
    background: #100c23 !important;
}

/* Override all instances of the dark background */
.dark-bg, .dark-bg2, .dark-bg sinsec-dec, .dark-bg sinsec-dec2 {
    background: #100c23 !important;
}

/* Override other background colors that should be dark */
.hero-start-button, .nav-overlay, .nav-holder, .share-wrapper, .single-page-decor {
    background: #100c23 !important;
}

/* Main header styling */
.main-header:before {
    background: #100c23 !important;
    opacity: 1 !important;
}

/* Navigation styling */
.nav-holder {
    background: #0a0718 !important;
    border-right: 1px solid rgba(252, 105, 219, 0.1) !important;
}

.nav-inner {
    background: #0a0718 !important;
}

.nav-inner ul {
    background: #0a0718 !important;
}

.nav-title {
    background: #0a0718 !important;
}

.nav-title span {
    color: #fc69db !important;
}

.nav-inner ul li a {
    color: #fff !important;
}

.nav-inner ul li a:hover {
    color: #2ac9ee !important;
}

.nav-inner ul li a.act-link {
    color: #fc69db !important;
}

.nav-inner ul li a.act-link:before {
    background: #2ac9ee !important;
}

.header-social li a {
    color: #fff !important;
}

.header-social li a:hover {
    color: #fc69db !important;
}

.menu-button-text {
    color: #fff !important;
}

.menu-button .ncs, .menu-button .nbs, .menu-button .nos {
    background: #fc69db !important;
}

.menu-button:hover .ncs, .menu-button:hover .nbs, .menu-button:hover .nos {
    background: #2ac9ee !important;
}

/* Hero section styling */
.hero-wrap {
    background: #100c23 !important;
}

.hero-inner {
    background: #100c23 !important;
}

.half-slider-img .overlay {
    background: rgba(16, 12, 35, 0.5) !important;
}

.half-hero-wrap h1, .half-hero-wrap h4 {
    color: #fff !important;
}

.half-hero-wrap h1 span {
    background: #100c23 !important;
    padding: 0 0 !important;
    color: transparent !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background-image: linear-gradient(45deg, #fc69db, #2ac9ee) !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

.hero-decor-let {
    color: #2ac9ee !important;
}

/* About section styling */
.main-about h2 span {
    background: #0a0718 !important;
    padding: 0 10px !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-weight: 700 !important;
}

/* Portfolio carousel styling */
.fet_pr-carousel-box-text {
    background: #0a0718 !important;
}

.fet_pr-carousel-box-text h3 a {
    color: #fff !important;
}

.fet_pr-carousel-box-text h3:before {
    background: #fc69db !important;
}

.fet_pr-carousel-cat a {
    color: #2ac9ee !important;
}

.fet_pr-carousel-box-media-zoom {
    background: rgba(252, 105, 219, 0.8) !important;
}

.fet_pr-carousel-box-media-zoom:hover {
    background: rgba(42, 201, 238, 0.8) !important;
}

.fet_pr-carousel .slick-dots li.slick-active button:before {
    background: #fc69db !important;
}

.fet_pr-carousel .slick-dots li button:before {
    background: #2ac9ee !important;
    opacity: 0.5 !important;
}

/* Footer styling */
.main-footer {
    background: #100c23 !important;
}

.footer-inner {
    background: #100c23 !important;
}

.footer-inner h3, .footer-inner h4 {
    color: #fff !important;
}

.footer-inner p {
    color: rgba(255, 255, 255, 0.71) !important;
}

.footer-inner .footer-title span {
    color: #2ac9ee !important;
}

.footer-inner .subcribe-form .subscribe-button {
    background: #fc69db !important;
}

.footer-inner .subcribe-form input {
    border-color: rgba(252, 105, 219, 0.2) !important;
}

.footer-inner .footer-contacts li i {
    color: #2ac9ee !important;
}

/* Copyright section styling */
.subfooter {
    background: #100c23 !important;
    border-top: 1px solid rgba(252, 105, 219, 0.1) !important;
}

.subfooter .policy-box span {
    color: rgba(255, 255, 255, 0.71) !important;
}

.subfooter .to-top {
    background: #fc69db !important;
}

/* Navigation and scroll section backgrounds */
.scroll-nav-wrap {
    background: #100c23 !important;
}

.scroll-nav {
    background: #100c23 !important;
    border-right: 1px solid rgba(252, 105, 219, 0.2) !important;
}

.scroll-nav li a {
    color: #fff !important;
}

.scroll-nav li a:hover {
    color: #2ac9ee !important;
}

.scroll-nav li a.act-scrlink {
    color: #2ac9ee !important;
}

.scroll-nav li a:before {
    background: rgba(252, 105, 219, 0.3) !important;
}

.scroll-nav li a:after {
    background: #2ac9ee !important;
}

.scroll-down-wrap {
    color: #fff !important;
}

.scroll-down-wrap .mousey {
    border: 2px solid #fc69db !important;
}

.scroll-down-wrap .scroller {
    background: #2ac9ee !important;
}

/* Add a gradient effect to certain elements */
.btn, .color-btn, .float-btn {
    background: linear-gradient(45deg, #fc69db, #2ac9ee) !important;
    color: #fff !important;
}

/* Add hover effects */
.btn:hover, .color-btn:hover, .float-btn:hover {
    background: linear-gradient(45deg, #2ac9ee, #fc69db) !important;
}