/* 
 * D Brand Maker Custom Theme Colors
 * Primary Color: #44195e (Purple)
 * Secondary Color: #ffffff (White)
 */

/* ===== Primary Background Colors ===== */
body {
    background-color: #44195e !important;
}

body.v-light {
    background-color: #ffffff !important;
}

.v-light body {
    background-color: #ffffff !important;
}

/* ===== Preloader ===== */
.preloader-after,
.preloader-before {
    background: #44195e !important;
}

.preloader-bar .preloader-progress {
    background: #ffffff !important;
}

/* ===== Navigation & Header ===== */
.site-header .extend-container .main-navigation ul li {
    color: #ffffff !important;
}

.header-top .header-container .menu-icon .menu-icon__line {
    background-color: #ffffff !important;
}

.nav:after, .nav-content:after {
    background: #44195e !important;
}

.header-stickytops,
.header-stickytops .header-bg {
    background: #44195e !important;
}

/* ===== Buttons & Links ===== */
.link-custom a {
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

.link-custom a:before {
    background-color: #ffffff !important;
    color: #44195e !important;
}

.v-light .link-custom a {
    color: #44195e !important;
    border: 1px solid #44195e !important;
}

.v-light .link-custom a:before {
    background-color: #44195e !important;
    color: #ffffff !important;
}

/* ===== Services Section ===== */
.our-services-2 .services-item {
    background: #44195e !important;
    box-shadow: 15px 15px 30px rgba(68, 25, 94, 0.3) !important;
}

.v-light .our-services-2 .services-item {
    background: #ffffff !important;
    box-shadow: 15px 15px 30px rgba(225, 225, 225, 0.46) !important;
}

.our-services-2 .services-item.selected {
    background: #5a1f7a !important;
}

.our-services-2 .services-item .corner {
    border-color: #44195e !important;
}

.v-light .our-services-2 .services-item .corner {
    border-color: #44195e !important;
}

/* ===== Box Seat / Content Boxes ===== */
.box-seat .pro-text {
    background-color: #44195e !important;
}

.v-light .box-seat .pro-text {
    background-color: #ffffff !important;
}

.v-light .box-seat.box-seat-full .pro-text {
    background-color: rgba(68, 25, 94, 0.9) !important;
}

/* ===== Intro About Section ===== */
.intro-about .background-mask .background-mask-bg {
    background-color: #44195e !important;
}

.v-light .intro-about .background-mask .background-mask-bg {
    background-color: #ffffff !important;
}

/* ===== Mask Backgrounds ===== */
.mask-bg {
    background-color: #44195e !important;
}

.v-light .mask-bg {
    background-color: #ffffff !important;
}

/* ===== Client Testimonials ===== */
.client-see .inner .bg {
    background-color: #44195e !important;
}

.v-light .client-see .inner .bg {
    background-color: #ffffff !important;
}

/* ===== Slider & Hero Sections ===== */
.dsn-slider {
    background-color: #44195e !important;
}

.v-light .dsn-slider {
    background-color: #44195e !important;
}

.header-hero.header-hero-2 {
    background-color: #44195e !important;
}

.v-light .header-hero.header-hero-2 {
    background-color: #ffffff !important;
}

/* ===== Footer ===== */
.footer {
    background-color: #44195e !important;
}

.v-light .footer {
    background-color: #ffffff !important;
}

.footer .footer-links .footer-title::after {
    background-color: #ffffff !important;
}

.v-light .footer .footer-links .footer-title::after {
    background-color: #44195e !important;
}

/* ===== Contact Section ===== */
.contact-up {
    background-color: #44195e !important;
}

.v-light .contact-up {
    background-color: #ffffff !important;
}

.contact-up::before {
    background-color: #44195e !important;
}

.v-light .contact-up::before {
    background-color: #ffffff !important;
}

.box-info-contact {
    background-color: #44195e !important;
}

.v-light .box-info-contact {
    background-color: #ffffff !important;
}

/* ===== Work/Portfolio Section ===== */
.root-work .filterings .filtering-wrap .filtering button.active {
    border-bottom: solid 2px #ffffff !important;
}

.v-light .root-work .filterings .filtering-wrap .filtering button.active {
    border-bottom: solid 2px #44195e !important;
}

/* ===== Gallery ===== */
.gallery-col {
    background-color: #44195e !important;
}

.v-light .gallery-col {
    background-color: #ffffff !important;
}

/* ===== Team Section ===== */
.our-team {
    background-color: #44195e !important;
}

.v-light .our-team {
    background-color: #ffffff !important;
}

/* ===== News/Blog Section ===== */
.our-news .item-new .content .background {
    background: #44195e !important;
}

.v-light .our-news .item-new .content .background {
    background: #ffffff !important;
}

/* ===== Accent Colors ===== */
.one-title .title-sub-container .title-sub:before {
    background-color: #ffffff !important;
}

.v-light .one-title .title-sub-container .title-sub:before {
    background-color: #44195e !important;
}

.one-title .title-sub-container .title-sub:after {
    background: rgba(255, 255, 255, 0.3) !important;
}

.v-light .one-title .title-sub-container .title-sub:after {
    background-color: #44195e !important;
}

/* ===== Borders & Lines ===== */
.box-gallery-vertical .vertical-title::before {
    background: #ffffff !important;
}

.v-light .box-gallery-vertical .vertical-title::before {
    background-color: #44195e !important;
}

.our-services .services-item .line-before {
    background-color: #ffffff !important;
}

.v-light .our-services .services-item .line-before {
    background-color: #44195e !important;
}

/* ===== Pagination ===== */
.dsn-pagination .page-numbers.current,
.dsn-pagination .page-numbers:hover {
    color: #ffffff !important;
}

.v-light .dsn-pagination .page-numbers.current,
.v-light .dsn-pagination .page-numbers:hover {
    color: #44195e !important;
}

/* ===== Scrollbar ===== */
.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar .scrollbar-track .scrollbar-thumb {
    background: #44195e !important;
}

/* ===== Form Elements ===== */
input[type="submit"] {
    background-color: #44195e !important;
    color: #ffffff !important;
}

.v-light input[type="submit"] {
    background-color: #44195e !important;
    color: #ffffff !important;
}

/* ===== Hover Effects ===== */
.link-custom a:hover {
    background-color: #ffffff !important;
    color: #44195e !important;
}

.v-light .link-custom a:hover {
    background-color: #44195e !important;
    color: #ffffff !important;
}

/* ===== Social Icons ===== */
.footer .footer-links .footer-block .footer-social ul li a:before {
    background-color: #ffffff !important;
}

.v-light .footer .footer-links .footer-block .footer-social ul li a:before {
    background-color: #44195e !important;
}

/* ===== Additional Accent Elements ===== */
.intro-about .intro-content-text h6:before {
    background-color: #ffffff !important;
}

.v-light .intro-about .intro-content-text h6:before {
    background-color: #44195e !important;
}

.intro-about .intro-content-text h6:after {
    background: rgba(255, 255, 255, 0.3) !important;
}

.v-light .intro-about .intro-content-text h6:after {
    background-color: rgba(68, 25, 94, 0.3) !important;
}

/* ===== Brand Client Section ===== */
.brand-client .wapper-client .logo-box {
    background-color: #44195e !important;
}

.v-light .brand-client .wapper-client .logo-box {
    background-color: #ffffff !important;
}

/* ===== Navigation Work Box ===== */
.nav-work-box {
    background-color: #44195e !important;
}

/* ===== Custom Text ===== */
.custom-text {
    background-color: #44195e !important;
    color: #ffffff !important;
}

