:root {
    --qor-ink: #0b0b0d;
    --qor-navy: #151515;
    --qor-red: #CB020C;
    --qor-red-bright: #E41923;
    --qor-blue: #CB020C;
    --qor-blue-bright: #E41923;
    --qor-white: #ffffff;
    --qor-soft: #e6e6e6;
    --qor-muted: #bdbdbd;
    --qor-border: rgba(255, 255, 255, 0.15);
    --color-orange: #CB020C;
    --color-orange2: #E41923;
    --bs-red: #CB020C;
    --bs-orange: #CB020C;
    --bs-yellow: #E41923;
    --bs-warning: #E41923;
    --bs-danger: #CB020C;
    --bs-danger-rgb: 203, 2, 12;
    --bs-danger-text: #E41923;
    --bs-danger-bg-subtle: rgba(203, 2, 12, 0.14);
    --bs-danger-border-subtle: rgba(203, 2, 12, 0.35);
}

body {
    background: var(--qor-ink);
    color: var(--qor-soft);
}

a,
.section-title h6,
.breadcum-content ul li,
.my-icon {
    color: var(--qor-blue);
}

.top-bar.v1 {
    background: #0b0b0d;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.top-bar.v1,
.top-bar.v1 a,
.top-bar.v1 p {
    color: var(--qor-soft);
}

.menu-bar.v1 {
    background: var(--qor-white);
    border-bottom: 4px solid var(--qor-red);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
}

.qor-brand-logo {
    width: auto;
    max-width: 320px;
    height: 64px;
    object-fit: contain;
}

.menu-bar .menu-logo a {
    max-width: 360px;
}

.menu-bar .menu-logo img.qor-brand-logo {
    width: min(170px, 34vw);
    max-width: none;
    height: auto;
}

.menu-logo .qor-brand-logo {
    max-width: 300px;
    height: auto;
}

.footer-logo .qor-brand-logo {
    width: min(190px, 70vw);
    max-width: none;
    height: auto;
}

.menu-bar-content {
    min-height: 96px;
}

.menu-bar.v1 .right-btn {
    display: none;
}

@media (min-width: 1500px) {
    .menu-bar.v1 .right-btn {
        display: block;
    }
}

.menu-logo a,
.footer-logo a {
    display: inline-flex;
    align-items: center;
}

.footer-logo a {
    padding: 0;
    background: transparent;
    border-radius: 0;
}

.main-menu > ul > li > a {
    color: var(--qor-ink);
}

.main-menu > ul > li > a.active,
.main-menu > ul > li > a:hover,
.main-menu > ul > li > a:focus {
    color: var(--qor-red);
}

.menu-bar.v1 .main-menu ul ul {
    min-width: 250px;
    padding: 8px;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(203, 2, 12, 0.22);
    border-radius: 8px;
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.18);
    z-index: 1000;
}

.menu-bar.v1 .main-menu ul ul li ~ li {
    border-top: 1px solid rgba(203, 2, 12, 0.12);
}

.menu-bar.v1 .main-menu ul ul li a {
    padding: 13px 16px;
    color: var(--qor-ink);
    border-radius: 6px;
    font-size: 0.96rem;
    line-height: 1.3;
}

.menu-bar.v1 .main-menu ul ul li:hover > a,
.menu-bar.v1 .main-menu ul ul li a:hover,
.menu-bar.v1 .main-menu ul ul li a:focus {
    padding-left: 16px;
    color: #ffffff;
    background: #CB020C;
}

.mobile-menu-btn span {
    background: var(--qor-ink);
}

.menu-bar .mobile-menu .mobile-header {
    min-height: 96px;
    background: var(--qor-white);
    border-bottom: 4px solid var(--qor-red);
}

.menu-bar .mobile-menu .mobile-logo {
    padding-left: 18px;
}

.menu-bar .mobile-menu .mobile-logo a {
    display: inline-flex;
    align-items: center;
    max-width: 230px;
}

.menu-bar .mobile-menu .mobile-logo .qor-brand-logo {
    width: auto;
    max-width: 230px;
    height: 72px;
    object-fit: contain;
}

.menu-bar .mobile-menu .mobile-header .close-mobile-btn {
    min-height: 96px;
    padding: 0 24px;
    color: var(--qor-ink);
    background: rgba(203, 2, 12, 0.08);
    border-left: 1px solid rgba(203, 2, 12, 0.18);
}

.menu-bar .mobile-menu .mobile-header .close-mobile-btn .my-icon {
    color: var(--qor-ink);
}

.link-anime.v2,
.btn-anime.v2,
.qor-primary-button {
    background: var(--qor-blue);
    border-color: var(--qor-blue);
    color: var(--qor-white);
}

.link-anime.v2:hover,
.btn-anime.v2:hover,
.qor-primary-button:hover {
    background: var(--qor-blue-bright);
    border-color: var(--qor-blue-bright);
    color: var(--qor-white);
}

.banner.v1 .banner-content h6,
.banner.v1 .banner-content h2,
.banner.v1 .banner-content p {
    color: var(--qor-white);
}

main {
    background: var(--qor-ink);
}

main > section:not(.banner):not(.breadcum) {
    background: var(--qor-ink);
    color: var(--qor-soft);
}

main > section:not(.banner):not(.breadcum):nth-of-type(even) {
    background: var(--qor-navy);
}

.section-title h2,
.section-title h3,
.about-content h2,
.about-content h3,
.about-content h4,
.services-text h4,
.process-card h4,
.client-card-title h6,
.get-in-touch h2,
.contact-form h2,
.contact-left h4,
.qor-auth-copy h1 {
    color: var(--qor-white);
}

.about-content p,
.services-text p,
.process-card p,
.client-card p,
.get-in-touch p,
.contact-left p,
.contact-form p,
.qor-auth-copy p {
    color: var(--qor-soft);
}

.banner.v1 {
    position: relative;
}

.banner.v1::before,
.breadcum::before {
    background: linear-gradient(135deg, rgba(11, 11, 13, 0.92) 0%, rgba(7, 23, 57, 0.78) 58%, rgba(203, 2, 12, 0.48) 100%);
}

.breadcum-content h2,
.breadcum-content a {
    color: var(--qor-white);
}

.services-card,
.process-card,
.client-card,
.card,
.qor-auth-card {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(203, 2, 12, 0.22);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28);
}

.services-card:hover,
.process-card:hover,
.client-card:hover {
    background: rgba(255, 255, 255, 0.11);
    border-color: rgba(203, 2, 12, 0.55);
}

.input-box input,
.input-box textarea,
.qor-auth-card input {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(203, 2, 12, 0.28);
    color: #172033;
}

.input-box input:focus,
.input-box textarea:focus,
.qor-auth-card input:focus {
    border-color: var(--qor-blue);
    box-shadow: 0 0 0 3px rgba(203, 2, 12, 0.18);
}

.breadcum {
    background-color: var(--qor-navy);
}

.preloder {
    background-color: var(--qor-ink);
}

.info-footer.v2 {
    background: linear-gradient(135deg, var(--qor-ink) 0%, var(--qor-navy) 100%);
}

.footer-main.v1 {
    background: #0b0b0d;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.info-footer.v2,
.info-footer.v2 a,
.footer-main.v1,
.footer-main.v1 a {
    color: var(--qor-soft);
}

.info-footer.v2 h4,
.info-footer.v2 h6,
.footer-main.v1 p {
    color: var(--qor-white);
}

.footer-main.v1 a:hover,
.info-footer.v2 a:hover {
    color: var(--qor-blue-bright);
}

.qor-blue-label,
[style*="color:#ff0000"],
[style*="color: #ff0000"],
[style*="color:#CC0000"],
[style*="color: #CC0000"],
[style*="color:#cc0000"],
[style*="color: #cc0000"],
.text-danger {
    color: var(--qor-blue) !important;
    font-weight: 700;
}

.color-orange,
.link-danger,
.text-danger-emphasis {
    color: var(--qor-blue) !important;
}

.bg-danger,
.text-bg-danger,
.alert-danger,
.list-group-item-danger,
.border-danger,
.border-danger-subtle {
    background-color: rgba(203, 2, 12, 0.14) !important;
    border-color: rgba(203, 2, 12, 0.35) !important;
    color: var(--qor-blue-bright) !important;
}

.get-in-touch .response.error,
.talk-to-us .right-content form .response.error,
.contact-us .contact-form .response.error {
    color: var(--qor-blue-bright);
}

.btn-danger,
.btn-outline-danger:hover,
.qor-transaction-icon.pending {
    background-color: var(--qor-blue) !important;
    border-color: var(--qor-blue) !important;
    color: var(--qor-white) !important;
}

.btn-outline-danger {
    border-color: var(--qor-blue) !important;
    color: var(--qor-blue) !important;
}

.qor-auth-eyebrow {
    color: var(--qor-blue-bright) !important;
}

.common-faqs .faq-content {
    background: #f8fafc;
    border: 1px solid rgba(203, 2, 12, 0.12);
}

.common-faqs .section-title h6 {
    color: var(--qor-blue) !important;
}

.common-faqs .section-title h2,
.common-faqs .section-title .qor-faq-title,
section.common-faqs h2.qor-faq-title {
    color: #151515 !important;
    text-shadow: none;
}

.common-faqs .faq-btn {
    color: var(--qor-ink);
    background: #ffffff;
    border: 1px solid rgba(203, 2, 12, 0.1);
}

.common-faqs .faq-content-body {
    color: #46536a;
    background: #ffffff;
    border-right: 1px solid rgba(203, 2, 12, 0.1);
    border-bottom: 1px solid rgba(203, 2, 12, 0.1);
    border-left: 1px solid rgba(203, 2, 12, 0.1);
}

.clients-review.v1 .client-card {
    background: #ffffff;
    border: 1px solid rgba(203, 2, 12, 0.12);
    border-bottom: 5px solid rgba(203, 2, 12, 0.75);
}

.clients-review.v1 .client-card .client-card-title h6,
.clients-review.v1 .client-card p,
.clients-review.v1 .client-card .profile p {
    color: #151515 !important;
}

.clients-review.v1 .client-card p {
    opacity: 0.78;
}

.clients-review.v1 .client-card .profile p {
    opacity: 0.62;
    font-weight: 700;
}

.clients-review.v1 .client-card .star-mark .my-icon {
    color: var(--qor-blue);
}

.services .services-card,
.services .services-card .services-text,
.our-simple-step .process-card,
.clients-review .client-card {
    background: #ffffff;
    border-color: rgba(203, 2, 12, 0.12);
    color: #151515;
}

.services .services-card .services-text h4,
.services .services-card .services-text h5,
.our-simple-step .process-card > h4,
.our-simple-step .process-card > h5,
.clients-review .client-card h6,
.clients-review .client-card .client-card-title h6 {
    color: #151515 !important;
}

.services .services-card .services-text p,
.our-simple-step .process-card > p,
.clients-review .client-card p,
.clients-review .client-card .profile p {
    color: #46536a !important;
}

.services .services-card .services-header {
    background: #f8fafc;
}

.services .services-card .services-header .my-icon,
.our-simple-step .process-card .my-icon,
.clients-review .client-card .star-mark .my-icon {
    color: var(--qor-blue);
}

.work-gallery .section-title,
.work-gallery .gallery-card {
    visibility: visible !important;
    opacity: 1 !important;
}

.work-gallery.v1 .section-title h2,
.work-gallery.v1 .section-title .right-content p {
    color: var(--qor-white) !important;
    -webkit-text-fill-color: var(--qor-white) !important;
}

.section-title-center h2,
.section-title-center h3 {
    color: var(--qor-white) !important;
    -webkit-text-fill-color: var(--qor-white) !important;
    text-shadow: none !important;
}

.work-gallery.v1 .gallery-card .qor-blue-label {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    display: inline-flex;
    padding: 8px 12px;
    color: var(--qor-white) !important;
    background: var(--qor-blue);
    border-radius: 4px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.clients-review .client-card .client-card-title .my-icon {
    color: var(--qor-white);
    background: var(--qor-blue);
}

.get-in-touch .get-in-touch-form,
.contact-us .contact-form,
.contact-us .contact-left li,
.talk-to-us .right-content {
    color: #151515;
}

.get-in-touch .get-in-touch-form .section-title h2,
.contact-us .contact-form h2,
.contact-us .contact-left .content h4,
.talk-to-us .right-content .section-title h2 {
    color: #151515 !important;
}

.get-in-touch .get-in-touch-form .section-title h6,
.contact-us .contact-form .section-title h6,
.talk-to-us .right-content .section-title h6 {
    color: var(--qor-blue) !important;
}

.get-in-touch .get-in-touch-form p,
.contact-us .contact-form p,
.contact-us .contact-left .content p,
.contact-us .contact-left .content a,
.talk-to-us .right-content p {
    color: #46536a !important;
}

.about-us .items-content li {
    background: #ffffff;
    border: 1px solid rgba(203, 2, 12, 0.12);
}

.about-us .items-content .item-text h4 {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.about-us .items-content .item-text p,
main .about-us .items-content li .item-text > p,
main section.about-us .items-content ul li.wow .item-text > p {
    color: #46536a !important;
    -webkit-text-fill-color: #46536a !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.about-us .items-link .list-mark h6,
main section.about-us .items-link .list-mark li > h6 {
    color: var(--qor-soft) !important;
    -webkit-text-fill-color: var(--qor-soft) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.about-us .about-content p,
.who-we-are > .container > p,
.who-we-are .who-tab-content p,
.service-details .service-content p,
.project-details .project-content p {
    color: var(--qor-soft) !important;
    -webkit-text-fill-color: var(--qor-soft) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

main .get-in-touch .get-in-touch-form > .section-title > h2,
main section.get-in-touch .get-in-touch-form .section-title h2,
div.get-in-touch-form > div.section-title > h2 {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.qor-payment-page .about-img img {
    border-radius: 8px;
    border: 1px solid rgba(203, 2, 12, 0.24);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}

.qor-payment-page .about-content .items-link > p,
.qor-payment-solutions .section-title .right-content p {
    color: var(--qor-soft) !important;
    -webkit-text-fill-color: var(--qor-soft) !important;
    opacity: 1 !important;
}

.qor-payment-page .services-card {
    height: 100%;
}

.qor-payment-page .services-card .services-img img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.qor-payment-page .process-card {
    height: 100%;
    min-height: 270px;
}

.qor-payment-actions {
    gap: 18px;
    align-items: center;
    margin-top: 30px;
}

.qor-secondary-link {
    display: inline-flex;
    align-items: center;
    min-height: 56px;
    color: var(--qor-white) !important;
    font-weight: 800;
}

.qor-secondary-link:hover,
.qor-secondary-link:focus {
    color: var(--qor-blue-bright) !important;
}

.qor-payment-cta {
    padding: 88px 0;
    background: linear-gradient(135deg, #151515 0%, #2a0507 58%, #CB020C 100%) !important;
}

.qor-payment-cta-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.qor-payment-cta h6 {
    margin-bottom: 14px;
    color: #ffd5d8;
    letter-spacing: 0.18em;
}

.qor-payment-cta h2 {
    max-width: 760px;
    margin: 0;
    color: var(--qor-white);
}

@media (max-width: 767px) {
    .qor-brand-logo {
        height: auto;
        max-width: 220px;
    }

    .menu-logo .qor-brand-logo {
        height: auto;
        max-width: 270px;
    }

    .menu-bar-content {
        min-height: 96px;
    }

    .qor-payment-cta-content {
        align-items: flex-start;
        flex-direction: column;
    }
}