/* Brand-only theme — no blue; shades come from --brand-* CSS variables */

a.button,
a.button:hover {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

.simple-sec .inner-text .heading-btn {
    background-color: var(--brand-primary) !important;
}

.features-part .features-button a {
    color: var(--brand-primary) !important;
}

.nav.nav-tabs {
    border-color: var(--brand-primary) !important;
}

.nav.nav-tabs li a {
    color: var(--brand-primary) !important;
}

.nav.nav-tabs li a.active {
    background: var(--brand-primary) !important;
    color: #fff !important;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background: var(--brand-primary) !important;
}

.subscribe-part {
    background: var(--brand-primary) !important;
    box-shadow: 0 0 87px rgba(var(--brand-primary-rgb), 0.57) !important;
}

.subscribe-part form button,
.subscribe-part form button:hover {
    color: var(--brand-primary) !important;
}

.social-links .inner-text:nth-child(1) .links {
    background-color: rgb(var(--brand-light-rgb)) !important;
}

.social-links .inner-text:nth-child(2) .links {
    background-color: rgb(var(--brand-primary-rgb)) !important;
}

.social-links .inner-text:nth-child(3) .links {
    background-color: rgb(var(--brand-dark-rgb)) !important;
}

.social-links .inner-text:nth-child(4) .links {
    background-color: rgb(var(--brand-deep-rgb)) !important;
}

.plan-1 {
    background-color: rgba(var(--brand-primary-rgb), 0.45) !important;
}

.plan-2 {
    background-color: var(--brand-primary) !important;
}

.plan-3 {
    background-color: rgb(var(--brand-deep-rgb)) !important;
}

.plan-2 a.button {
    color: var(--brand-primary) !important;
}

.server-plan {
    background-color: rgba(var(--brand-primary-rgb), 0.25) !important;
    color: rgb(var(--brand-dark-rgb)) !important;
}

.server-plan a {
    color: var(--brand-primary) !important;
}

.price-text,
.pricing-plan .nav.nav-tabs li a.active,
.annual-billing span {
    color: var(--brand-dark) !important;
}

.annual-billing .active span {
    background: var(--brand-dark) !important;
    color: #fff !important;
}

.top-part-main .copy-right,
.top-part-main .top-part ul li a,
.bottom-part .inner-text .copy-right,
.bottom-part .inner-text ul li a {
    color: var(--brand-muted) !important;
}

.bottom-part {
    border-top-color: rgba(var(--brand-primary-rgb), 0.35) !important;
}

.features-part .features-card:nth-child(1) .inner-text:before {
    background-color: rgb(var(--brand-light-rgb)) !important;
}

.features-part .features-card:nth-child(2) .inner-text:before {
    background-color: rgb(var(--brand-primary-rgb)) !important;
}

.features-part .features-card:nth-child(3) .inner-text:before {
    background-color: rgb(var(--brand-dark-rgb)) !important;
}

.features-part .features-card:nth-child(4) .inner-text:before {
    background-color: rgb(var(--brand-deep-rgb)) !important;
}

.back-part {
    background-color: rgb(var(--brand-deep-rgb)) !important;
    box-shadow: 0 0 84px rgba(var(--brand-deep-rgb), 0.45) !important;
}

/* Section backgrounds — gradient of brand shades only */
.bg-gredient:before,
.bg-gredient1:before,
.features-inner-part:before,
.bg-gredient2:before,
.bg-gredient3:before,
.bg-gredient4:before {
    background: var(--brand-gradient) !important;
    box-shadow: 0 0 84px rgba(var(--brand-deep-rgb), 0.35) !important;
}

.landing-logo {
    max-height: 44px;
    width: auto;
    display: block;
    background: #fff;
    padding: 6px 12px;
    border-radius: 8px;
}

.landing-dashboard-preview {
    box-shadow: 0 24px 60px rgba(var(--brand-deep-rgb), 0.35);
}

.simple-sec .responsive-image img,
.our-system .panal-1 figure img {
    object-fit: contain;
    object-position: top center;
    background: #fff;
    border-radius: 12px;
}