/* =========================================================
   DEEPEND LUXURY DARK & CRIMSON THEME
   ========================================================= */

/* Global Body & Container */
body, 
.page_wrapper {
    background-color: #0b0c10 !important;
    color: #e0e0ea !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
    font-weight: 700;
}

h1 span, h2 span, h3 span, h4 span {
    color: var(--primary) !important;
}

p {
    color: #a4a5ba !important;
    line-height: 1.7;
}

/* Header & Sticky Navbar */
header {
    background: rgba(11, 12, 16, 0.95) !important;
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

header.fix_style {
    background: rgba(11, 12, 16, 0.98) !important;
    border-bottom: 1px solid rgba(223, 0, 45, 0.3) !important;
}

header .navbar .navbar-nav .nav-link {
    color: #ffffff !important;
    font-weight: 600;
    transition: color 0.3s ease;
}

header .navbar .navbar-nav .nav-link:hover,
header .navbar .navbar-nav .nav-link.active {
    color: var(--primary) !important;
}

.toggle-bar {
    background-color: #ffffff !important;
}

/* 1. Hero Banner Section */
.banner_section {
    background: radial-gradient(circle at 80% 20%, rgba(223, 0, 45, 0.18) 0%, rgba(11, 12, 16, 0.98) 65%), #0b0c10 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.banner_text h1 {
    color: #ffffff !important;
}

.banner_text p {
    color: #b0b1c5 !important;
}

/* 2. Marquee Text Flow */
.text_list_section {
    background: #0e0f16 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.text_list_section .text_block span {
    color: #ffffff !important;
    font-weight: 700;
}

.text_list_section .text_block .mark_star {
    color: var(--primary) !important;
}

/* 3. Why Choose Us Section */
.whychoose_section {
    background: linear-gradient(180deg, #0b0c10 0%, #12131c 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.whychoose_box {
    background: #161722 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

.whychoose_box .choose_text h6 {
    color: #ffffff !important;
}

.whychoose_box .choose_text p {
    color: #9e9fb5 !important;
}

.whychoose_box .choose_icon {
    background: rgba(223, 0, 45, 0.15) !important;
}

.support_box {
    background: #1b1c2b !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.support_box .support_text {
    color: #ffffff !important;
}

/* 4. Best Features (Two Columns) */
.service_section.best_features {
    background: #0b0c10 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.service_text h4 {
    color: #ffffff !important;
}

.service_text p {
    color: #a4a5ba !important;
}

.service_text .section_icon {
    background: rgba(223, 0, 45, 0.15) !important;
}

.app_blocks h6 {
    color: #ffffff !important;
}

/* 5. How It Works Section */
.howwork_section {
    background: radial-gradient(circle at 20% 80%, rgba(223, 0, 45, 0.15) 0%, rgba(14, 15, 22, 0.98) 60%), #0e0f16 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.work_box {
    background: #161722 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

.work_box .work_title h6 {
    color: #ffffff !important;
}

.work_box .work_text p {
    color: #9e9fb5 !important;
}

.work_box .step-box {
    color: rgba(255, 255, 255, 0.25) !important;
}

/* 6. Elevate Growth / About Deepend Section */
.elevate_growth_section {
    background: linear-gradient(135deg, #1b0008 0%, #0e0f16 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.counter_box .text p:first-child span {
    color: #ffffff !important;
    font-weight: 800;
}

.counter_box .text p:last-child {
    color: #d0d1de !important;
}

/* 7. Experience / Two Column Section */
.two_colom_section {
    background: #0b0c10 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.listing_block li .text h6 {
    color: #ffffff !important;
}

.listing_block li .text p {
    color: #9e9fb5 !important;
}

.feature_list li .text p {
    color: #d0d1de !important;
}

/* 8. Vertical Tabs / Ecosystem Modules */
.visitors_leads {
    background: #0e0f16 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.nav-tabs--vertical .nav-link {
    background: #161722 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.nav-tabs--vertical .nav-link i {
    color: var(--primary) !important;
}

.nav-tabs--vertical .nav-link.active {
    background: var(--primary) !important;
    color: #ffffff !important;
    border-color: var(--primary) !important;
}

.nav-tabs--vertical .nav-link.active i {
    color: #ffffff !important;
}

.visitors_leads .card {
    background: #161722 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.lead_text h5 {
    color: #ffffff !important;
    font-size: 22px;
}

.lead_text p {
    color: #a4a5ba !important;
}

.light_btn {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.light_btn:hover {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #ffffff !important;
}

/* 9. Gallery Section */
#gallery {
    background: #0b0c10 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.gallery_card {
    background: #161722 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

.gallery_card .card_info h4 {
    color: #ffffff !important;
}

.gallery_card .card_info p {
    color: #9e9fb5 !important;
}

/* 10. Free App Download Section */
.free_app_section {
    background: #0e0f16 !important;
}

.free_app_inner {
    background: linear-gradient(135deg, #1d0008 0%, #12131c 100%) !important;
    border: 1px solid rgba(223, 0, 45, 0.25) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
}

.free_text .section_title h2 {
    color: #ffffff !important;
}

.free_text .section_title p {
    color: #b0b1c5 !important;
}

/* 11. Call to Action Banner */
.cta_section.new {
    background: transparent !important;
}

.cta_section.new .cta_box {
    background: linear-gradient(135deg, #DF002D 0%, #750017 100%) !important;
    box-shadow: 0 20px 50px rgba(223, 0, 45, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.cta_section.new .cta_box .section_title h3 {
    color: #ffffff !important;
}

.cta_section.new .cta_box .section_title p {
    color: rgba(255, 255, 255, 0.85) !important;
}

.cta_section.new .cta_box .call_btn {
    background: #111219 !important;
    color: #ffffff !important;
}

.cta_section.new .cta_box .email_btn {
    background: #ffffff !important;
    color: #111219 !important;
}

.cta_section.new .cta_box .email_btn:hover {
    background: #111219 !important;
    color: #ffffff !important;
}

/* 12. Inner Pages: Breadcrumbs & Content */
.bred_crumb {
    background: linear-gradient(135deg, #1b0008 0%, #0b0c10 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.bred_crumb .bred_text h1 {
    color: #ffffff !important;
}

.bred_crumb .bred_text p {
    color: #a4a5ba !important;
}

.bred_crumb .bred_text ul li a {
    color: #ffffff !important;
}

.bred_crumb .bred_text ul li span {
    color: var(--primary) !important;
}

.contact_page_section {
    background: #0b0c10 !important;
}

.contact_info_box {
    background: #161722 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

.contact_info_box h4 {
    color: #ffffff !important;
}

.contact_info_box p {
    color: #9e9fb5 !important;
}

.contact_info_box a,
.contact_info_box span {
    color: #ffffff !important;
}

/* Policy & Terms Containers */
.about_app_text,
.policy_card {
    background: #161722 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #d0d1de !important;
}

.about_app_text h1, .about_app_text h2, .about_app_text h3, .about_app_text h4, .about_app_text h5,
.policy_card h1, .policy_card h2, .policy_card h3, .policy_card h4, .policy_card h5 {
    color: #ffffff !important;
}

.about_app_text p, .policy_card p {
    color: #a4a5ba !important;
}

/* 13. Footer */
footer,
.top_footer {
    background: #07080b !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

footer .abt_side p {
    color: #9e9fb5 !important;
}

footer .links h6 {
    color: #ffffff !important;
}

footer .links ul li a {
    color: #9e9fb5 !important;
}

footer .links ul li a:hover {
    color: var(--primary) !important;
}

footer .news_letter p {
    color: #9e9fb5 !important;
}

footer .news_letter .form-control {
    background: #161722 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}

footer .news_letter .form-control::placeholder {
    color: #6c757d !important;
}

.bottom_footer {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    background: #040507 !important;
}

.bottom_footer p {
    color: #7e7f92 !important;
}

.social_media li a {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

.social_media li a:hover {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #ffffff !important;
}

/* Badges */
.title_badge {
    background: rgba(223, 0, 45, 0.15) !important;
    color: #ff4766 !important;
    border: 1px solid rgba(223, 0, 45, 0.3) !important;
}

/* Fix .inner_sec (Best Features & Why Choose inner container) to dark */
.inner_sec {
    background-color: #12131c !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.5) !important;
}

/* Fix Vertical Tab .lead_inner container */
.lead_inner {
    background: linear-gradient(135deg, #1c0008 0%, #10111a 100%) !important;
    border: 1px solid rgba(223, 0, 45, 0.25) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5) !important;
}

.lead_inner .nav-pills {
    display: flex !important;
}

.lead_inner .nav-pills .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 14px 20px !important;
    margin-bottom: 15px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.lead_inner .nav-pills .nav-link:hover {
    background: rgba(223, 0, 45, 0.2) !important;
    color: #ffffff !important;
}

.lead_inner .nav-pills .nav-link.active {
    color: #ffffff !important;
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 8px 20px rgba(223, 0, 45, 0.4) !important;
}

.lead_inner .nav-pills .nav-link.active::before {
    border-left-color: var(--primary) !important;
}

.lead_inner .tab-content {
    color: #ffffff !important;
}

.lead_inner .card-header a {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-radius: 10px !important;
    padding: 14px 20px !important;
    display: block !important;
    margin-bottom: 10px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    position: relative !important;
}

.lead_inner .card-body {
    padding: 20px 0 !important;
}

.lead_text h5 {
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 700 !important;
}

.lead_text p {
    color: #b8b9cb !important;
}

.lead_inner .feature_list li p {
    color: #e0e0ea !important;
}

/* Gallery Spacing */
#gallery .gallery_card {
    background: #14151e !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}

#gallery .gallery_card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 40px rgba(223, 0, 45, 0.25) !important;
    border-color: rgba(223, 0, 45, 0.4) !important;
}

#gallery .gallery_card .img_wrap {
    height: 260px !important;
    overflow: hidden !important;
}

#gallery .gallery_card .img_wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s ease !important;
}

#gallery .gallery_card:hover .img_wrap img {
    transform: scale(1.06) !important;
}

/* Ensure ample gallery row gap across all screen sizes */
#gallery .gallery_card {
    margin-bottom: 30px !important;
}

#gallery .row {
    margin-bottom: -30px;
}