html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: #05070b !important;
    color: #f8fafc;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}

body,
body * {
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

.kata-buy-shell {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.kata-shell {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.kata-buy-topbar {
    position: sticky;
    top: 0;
    z-index: 200;
    background: rgba(5, 7, 11, 0.95);
    border-bottom: 1px solid #1f2937;
    backdrop-filter: blur(14px);
}

.kata-buy-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 72px;
    gap: 24px;
}

.kata-buy-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #f8fafc;
}

.kata-buy-brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #0078d4;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
}

.kata-buy-brand strong {
    display: block;
    color: #f8fafc;
    font-size: 24px;
    line-height: 1;
}

.kata-buy-brand em {
    display: block;
    margin-top: 5px;
    color: #94a3b8;
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
}

.kata-buy-menu {
    display: flex;
    align-items: center;
    gap: 26px;
    color: #f8fafc;
    font-size: 14px;
    font-weight: 800;
}

.kata-buy-menu a {
    color: inherit;
}

.kata-buy-menu a:hover {
    color: #38bdf8;
}

.kata-buy-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.kata-buy-btn,
#btnBuy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid #334155;
    background: #0b1220;
    color: #fff !important;
    font-size: 14px;
    font-weight: 900;
    white-space: nowrap;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.kata-buy-btn:hover,
#btnBuy:hover {
    transform: translateY(-1px);
    border-color: #38bdf8;
    color: #38bdf8 !important;
}

.kata-buy-btn-primary,
#btnBuy {
    border-color: #0078d4;
    background: #0078d4;
    box-shadow: 0 14px 34px rgba(0, 120, 212, 0.34);
}

.kata-buy-btn-primary:hover,
#btnBuy:hover {
    background: #0a8df0;
    color: #fff !important;
}

.page-container > .header {
    display: none !important;
}

.page-container,
.body-content,
.body-content.parsys,
.referenced-content,
.box_content_color,
.wp-product-showcase {
    background: #05070b !important;
    color: #f8fafc;
    overflow-x: hidden;
    text-transform: none !important;
}

.page-container {
    position: static !important;
}

.body-content .body-content.parsys > div[style*="height:50px"] {
    display: none;
}

.page-title {
    min-height: 300px;
    display: flex;
    align-items: center;
    padding: 46px 0 42px;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.88), rgba(5, 7, 11, 1)),
        #05070b !important;
    border-bottom: 1px solid #1f2937;
}

.page-title .auto-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 0 !important;
    position: relative;
}

.page-title h1 {
    max-width: 760px;
    margin: 0 auto;
    color: #fff !important;
    font-size: 0;
    line-height: 1.04;
    font-weight: 900;
    letter-spacing: 0;
    text-align: center !important;
    text-transform: none !important;
}

.page-title h1::before {
    content: "ĐẶT MUA LICENSE KATA";
    display: block;
    margin-bottom: 14px;
    color: #38bdf8;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.page-title h1::after {
    content: "Quy trình Đặt Mua License";
    display: block;
    max-width: 760px;
    margin: 0 auto;
    color: #f8fafc;
    font-size: 48px;
    line-height: 1.12;
    font-weight: 900;
    text-transform: none;
}

.page-title .auto-container::after {
    content: "1. Điền thông tin đặt mua\A 2. Click đặt mua\A 3. Quét QR thanh toán\A 4. Check email để nhận key\A 5. Nhận hóa đơn VAT qua email";
    white-space: pre-line;
    display: block;
    width: min(720px, 100%);
    min-height: 0;
    margin: 28px auto 0;
    padding: 22px 28px;
    background: #07111f;
    border: 1px solid #243044;
    color: #cbd5e1;
    font-size: 16px;
    line-height: 1.9;
    text-align: left;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

.box_content_color {
    padding: 74px 0;
}

.box_content_color center {
    display: block;
}

.col-row {
    width: min(920px, calc(100% - 40px));
    margin: 0 auto;
    text-align: left;
}

.col-row > .title {
    margin: 0;
    color: #f8fafc !important;
    font-size: 38px !important;
    line-height: 1.14;
    font-weight: 900;
    text-align: left;
}

.title_detail {
    max-width: 720px;
    margin: 12px 0 30px !important;
    color: #cbd5e1 !important;
    font-size: 17px;
    line-height: 1.6;
    text-align: left;
    text-transform: none !important;
}

.title_detail::after {
    content: "Các mục có dấu * là bắt buộc.";
    display: block;
    margin-top: 10px;
    color: #38bdf8;
    font-size: 14px;
    font-weight: 800;
}

#book,
#show {
    display: block;
    width: min(920px, 100%) !important;
    max-width: 100%;
    margin: 0 !important;
    padding: 30px;
    background: #0b1220;
    border: 1px solid #243044;
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.32);
    text-transform: none !important;
    overflow: hidden;
}

#show {
    width: min(980px, 100%) !important;
}

#book tbody,
#show tbody {
    display: block;
}

#book > tbody > tr,
#show > tbody > tr {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

#book > tbody > tr:has(textarea) {
    align-items: start;
}

#book > tbody > tr:last-child,
#show > tbody > tr:last-child {
    border-bottom: 0;
}

#book > tbody > tr:not(:has(input)):not(:has(select)):not(:has(textarea)):not(:has(label)):not(:has(table)):not(:has(button)):not(:has(.kata-license-guides)) {
    display: none !important;
}

#book td,
#show td {
    width: auto !important;
    min-width: 0;
    height: auto !important;
    padding: 0 !important;
    color: #f8fafc;
    vertical-align: middle;
}

#book td:first-child,
#show td:first-child {
    display: flex;
    align-items: center;
    min-height: 44px;
}

#book > tbody > tr > td[colspan="2"],
#show > tbody > tr > td[colspan="2"] {
    grid-column: 1 / -1;
    display: block;
}

#book > tbody > tr:has(#tblCTV[style*="display:none"]),
#book > tbody > tr:has(#tblCTV[style*="display: none"]),
#book > tbody > tr:has(#tblCTV[style*="visibility:hidden"]),
#book > tbody > tr:has(#tblCTV[style*="visibility: hidden"]) {
    display: none !important;
}

.text_contact,
.td_in_al,
#book label,
#show label {
    color: #e2e8f0 !important;
    font-size: 14px !important;
    line-height: 1.45;
    font-weight: 700;
}

.txt_contact,
#book input[type="text"],
#book textarea,
#book select {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px;
    padding: 0 13px !important;
    border: 1px solid #334155 !important;
    background: #07111f !important;
    color: #f8fafc !important;
    font-size: 14px !important;
    outline: none;
}

#book textarea {
    min-height: 96px;
    padding-top: 12px !important;
    resize: vertical;
}

.txt_contact:focus,
#book input[type="text"]:focus,
#book textarea:focus,
#book select:focus {
    border-color: #38bdf8 !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.13);
}

#txtTotal,
#txtTotal_Total {
    color: #38bdf8 !important;
    font-weight: 900;
}

.hd_kata,
#lblAlert,
#lblNotes_Voucher,
#lblPic {
    color: #f87171 !important;
    font-size: 13px !important;
    line-height: 1.45;
}

#lblNotes_Voucher:empty,
#lblPic:empty,
#lblAlert:empty {
    display: none !important;
}

#book td:has(#lblNotes_Voucher:empty) > div,
#book td:has(#lblAlert:empty) > div {
    display: none !important;
}

#book td:has(#txtIntrCode) {
    font-size: 0;
}

#book td:has(#txtIntrCode) #txtIntrCode {
    font-size: 14px !important;
}

#book td:has(#txtIntrCode) #lblPic:not(:empty) {
    display: block;
    margin-top: 8px;
    font-size: 13px !important;
}

#tblCTV,
#idXHDCaNhan,
#idXHD {
    width: 100% !important;
    padding: 0;
    background: transparent;
    border: 0;
}

#idXHDCaNhan,
#idXHD {
    margin-top: 2px;
}

#tblCTV tr,
#idXHDCaNhan tr,
#idXHD tr {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

#book > tbody > tr:has(#radXHDCaNhan),
#book > tbody > tr:has(#radXHDCongTy) {
    padding: 8px 0;
}

#book > tbody > tr:has(#radXHDCaNhan) > td:last-child,
#book > tbody > tr:has(#radXHDCongTy) > td:last-child {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
}

#book .hd_kata {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1.35;
}

#book .hd_kata input[type="radio"] {
    margin: 0;
    vertical-align: middle;
}

#book > tbody > tr:has(#idXHDCaNhan),
#book > tbody > tr:has(#idXHD) {
    padding: 0;
}

#book > tbody > tr:has(#btnBuy) {
    padding-top: 18px;
    padding-bottom: 0;
    border-bottom: 0;
}

#tblCTV td,
#idXHDCaNhan td,
#idXHD td {
    display: flex;
    align-items: center;
    width: auto !important;
    min-height: 44px;
    padding: 0 !important;
}

#tblCTV {
    padding: 16px;
    background: #07111f;
    border: 1px solid #243044;
}

#tblCTV tr {
    display: table-row;
    border-bottom: 0;
}

#tblCTV td {
    display: table-cell;
    padding: 7px 0 !important;
    vertical-align: top;
}

#tblCTV td:first-child {
    padding-right: 18px !important;
}

#tblCTV td:nth-child(2) {
    padding-left: 6px !important;
}

#btnBuy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(260px, 100%);
    min-height: 50px;
    line-height: 1 !important;
    text-align: center;
    border-radius: 0 !important;
    cursor: pointer;
}

.td_in_al {
    font-size: 24px !important;
    font-weight: 900;
}

.grkata,
.big_regka {
    color: #38bdf8 !important;
    font-weight: 900;
}

#ImgQRCode {
    max-width: 100%;
    height: auto;
    background: #fff;
    padding: 12px;
    border: 1px solid #334155;
}

.wp-product-showcase {
    padding: 62px 0;
    border-top: 1px solid #1f2937;
}

.wp-product-showcase > .box-content,
.wp-product-showcase .responsive-grid {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.wp-product-showcase .wp-tablet-mobile-only {
    display: none !important;
}

.wp-product-showcase .wp-product-col {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.wp-product-showcase .wp-product-col::before,
.wp-product-showcase .wp-product-col::after {
    display: none !important;
}

.wp-product-showcase .wp-product-col > .grid-columns {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
}

.wp-product-showcase .wp-product-col > .hide-for-medium-down.grid-columns {
    display: none !important;
}

.wp-product-showcase .wp-product-col > .grid-columns:nth-child(3) {
    display: none !important;
}

.kata-license-guides {
    width: min(900px, 100%);
    margin: 24px auto 0;
    padding: 24px 28px;
    background: #07111f;
    border: 1px solid #243044;
    color: #cbd5e1;
    text-align: center;
}

.kata-license-guides-title {
    margin-bottom: 18px;
    color: #f8fafc;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 900;
}

.kata-license-guides-actions {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}

.kata-license-guides-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid #334155;
    background: #0b1220;
    color: #38bdf8 !important;
    font-size: 14px;
    font-weight: 900;
}

.kata-license-guides-actions a:hover {
    border-color: #38bdf8;
    background: #0f172a;
    color: #fff !important;
}

.footer-content {
    display: none !important;
}

.wp-title {
    color: #f8fafc !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
}

.wp-product-card {
    overflow: hidden;
    background: #fff !important;
    border: 1px solid #d9e2ec;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.14);
}

.wp-product-showcase .wp-product-img {
    display: none !important;
}

.wp-product-img img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    filter: saturate(0.9) brightness(0.72);
}

.wp-product-info-container,
.wp-pricing-container {
    background: #fff !important;
    color: #0f172a !important;
}

.wp-product-desc {
    color: #475569 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.wp-product-showcase .wp-product-logo {
    display: inline-block;
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 62px;
    object-fit: contain;
}

.kata-nowrap {
    white-space: nowrap;
}

.wp-product-cta a,
.wp-product-cta {
    color: #38bdf8 !important;
    font-weight: 800;
}

.wp-product-cta:hover a {
    color: #0f172a !important;
}

.wp-pricing-container p,
.wp-pricing-container span {
    color: #0f172a !important;
}

#popup {
    position: fixed !important;
    right: 16px !important;
    bottom: 16px !important;
    z-index: 220 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 10px !important;
    pointer-events: none;
}

.kata-buy-footer {
    padding: 34px 0;
    background: #05070b;
    border-top: 1px solid #1f2937;
    color: #94a3b8;
}

.kata-buy-footer-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.kata-buy-footer p {
    margin: 0;
    color: #9cc9e8;
    font-size: 14px;
    line-height: 1.6;
}

.kata-buy-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: center;
    color: #f8fafc;
    font-size: 14px;
    font-weight: 900;
}

.kata-buy-footer-links a {
    color: inherit;
}

.kata-buy-footer-links a:hover {
    color: #38bdf8;
}

.kata-footer {
    display: block !important;
    width: 100%;
    padding: 34px 0;
    background: #05070b;
    border-top: 1px solid #1f2937;
    color: #94a3b8;
    clear: both;
}

.kata-footer-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.kata-footer-grid > div:first-child {
    color: #9cc9e8;
    font-size: 14px;
    line-height: 1.6;
}

.kata-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: center;
    color: #f8fafc;
    font-size: 14px;
    font-weight: 900;
}

.kata-footer-links a {
    color: inherit;
}

.kata-footer-links a:hover {
    color: #38bdf8;
}

#popup_price {
    display: none !important;
}

#popup > div {
    position: static !important;
    display: block !important;
    pointer-events: auto;
}

#popup img {
    width: 72px !important;
    height: auto !important;
    max-height: 110px !important;
    object-fit: cover;
    background: #0b1220;
    border: 1px solid #243044 !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.42);
}

#divgoldadsimg_zalo img {
    width: 72px !important;
    height: 92px !important;
}

@media (min-width: 1040px) {
    .box_content_color .col-row {
        position: static;
    }

    #book {
        width: min(900px, 100%) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #book::after {
        content: none;
        display: none;
    }
}

@media (max-width: 1020px) {
    .kata-buy-menu {
        display: none;
    }

    .page-title h1 {
        font-size: 0;
    }

    .page-title .auto-container::after {
        position: static;
        display: block;
        width: 100%;
        min-height: 0;
        margin-top: 28px;
    }

    #book,
    #show {
        width: 100% !important;
    }

    .wp-product-showcase .wp-product-col > .grid-columns {
        max-width: none;
    }

    .wp-product-showcase .wp-product-col {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 680px) {
    .kata-buy-shell,
    .col-row,
    .page-title .auto-container {
        width: min(100% - 28px, 1180px);
    }

    .kata-buy-nav {
        min-height: auto;
        padding: 14px 0;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 12px;
    }

    .kata-buy-actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .kata-buy-footer-grid {
        align-items: flex-start;
        flex-direction: column;
    }

    .kata-footer-grid {
        align-items: flex-start;
        flex-direction: column;
    }

    .kata-buy-btn {
        width: 100%;
    }

    .page-title {
        min-height: 0;
        padding: 46px 0 42px;
    }

    .page-title h1 {
        font-size: 0;
        max-width: 340px;
    }

    .page-title h1::after {
        font-size: 32px;
        max-width: 340px;
    }

    .page-title .auto-container::after {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        margin-top: 22px;
        padding: 18px 16px;
        font-size: 15px;
        line-height: 1.75;
    }

    .title_detail {
        font-size: 16px;
        max-width: 340px;
    }

    .box_content_color {
        padding: 52px 0;
    }

    .wp-product-showcase {
        padding: 36px 0 52px;
    }

    .col-row > .title {
        font-size: 29px !important;
    }

    .kata-nowrap {
        white-space: normal;
    }

    #book,
    #show {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 16px 14px;
    }

    #book > tbody,
    #show > tbody,
    #book > tbody > tr,
    #show > tbody > tr {
        width: 100% !important;
        max-width: 100% !important;
    }

    .txt_contact,
    #book .txt_contact,
    #book td .txt_contact,
    #book input[type="text"],
    #book textarea,
    #book select {
        width: 100% !important;
        max-width: 100% !important;
    }

    #book > tbody > tr,
    #show > tbody > tr {
        grid-template-columns: 1fr;
        gap: 5px;
        padding: 6px 0;
    }

    #book > tbody > tr:has(#radXHDCaNhan) > td:first-child,
    #book > tbody > tr:has(#radXHDCongTy) > td:first-child,
    #book > tbody > tr:has(#btnBuy) > td:first-child {
        display: none;
    }

    #book > tbody > tr:has(#btnBuy) {
        padding-top: 8px;
    }

    #book td:first-child,
    #show td:first-child {
        min-height: 28px;
    }

    .txt_contact,
    #book .txt_contact,
    #book td .txt_contact,
    #book input[type="text"],
    #book select {
        min-height: 38px;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #book textarea {
        min-height: 76px;
        padding-top: 9px !important;
    }

    #idXHDCaNhan tr,
    #idXHD tr {
        grid-template-columns: 1fr;
        gap: 5px;
        padding: 7px 0;
    }

    #btnBuy {
        width: 100%;
    }

    #popup {
        display: none !important;
    }

    .wp-product-showcase .wp-product-col > .grid-columns {
        max-width: 100%;
    }

    .wp-product-showcase .wp-product-col {
        grid-template-columns: 1fr;
    }

    .kata-license-guides {
        width: auto;
        margin: 24px 14px 0;
        padding: 20px 16px;
    }

    .kata-license-guides-actions {
        flex-direction: column;
        align-items: stretch;
    }

}

.kata-buy-btn-primary,
#btnBuy {
    border-color: #f97316;
    background: #f97316;
    color: #fff !important;
    box-shadow: 0 14px 34px rgba(249, 115, 22, 0.34);
}

.kata-buy-btn-primary:hover,
#btnBuy:hover {
    border-color: #ea580c;
    background: #ea580c;
    color: #fff !important;
}

/* Light content theme: keep the navigation and footer dark for brand continuity. */
body {
    background: #f4f7fb !important;
    color: #172033;
}

.page-container,
.body-content,
.body-content.parsys,
.referenced-content,
.box_content_color,
.wp-product-showcase {
    background: #f4f7fb !important;
    color: #172033;
}

.page-title {
    background:
        radial-gradient(circle at 50% 0, rgba(0, 120, 212, 0.13), transparent 48%),
        linear-gradient(180deg, #eef6fd 0%, #f8fafc 100%) !important;
    border-bottom-color: #dce5ef;
}

.page-title h1::before {
    color: #0078d4;
}

.page-title h1::after {
    color: #101827;
}

.page-title .auto-container::after {
    background: #fff;
    border-color: #d8e3ee;
    color: #334155;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.09);
}

.col-row > .title,
.wp-title {
    color: #101827 !important;
}

.title_detail {
    color: #475569 !important;
}

.title_detail::after,
.grkata,
.big_regka,
#txtTotal,
#txtTotal_Total {
    color: #0078d4 !important;
}

#book,
#show {
    background: #fff;
    border-color: #d8e3ee;
    box-shadow: 0 24px 56px rgba(15, 23, 42, 0.1);
}

#book > tbody > tr,
#show > tbody > tr,
#tblCTV tr,
#idXHDCaNhan tr,
#idXHD tr {
    border-bottom-color: #e7edf4;
}

#book td,
#show td,
.text_contact,
.td_in_al,
#book label,
#show label {
    color: #263449 !important;
}

.txt_contact,
#book input[type="text"],
#book textarea,
#book select {
    border-color: #cbd7e4 !important;
    background: #f8fafc !important;
    color: #172033 !important;
}

.txt_contact:focus,
#book input[type="text"]:focus,
#book textarea:focus,
#book select:focus {
    border-color: #0788d4 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(7, 136, 212, 0.14);
}

#tblCTV,
.kata-license-guides {
    background: #f7fafc;
    border-color: #d8e3ee;
    color: #475569;
}

.kata-license-guides-title {
    color: #172033;
}

.kata-license-guides-actions a {
    border-color: #b9cce0;
    background: #fff;
    color: #0078d4 !important;
}

.kata-license-guides-actions a:hover {
    border-color: #0078d4;
    background: #eef7fd;
    color: #005fa8 !important;
}

.wp-product-desc {
    color: #475569 !important;
}

.wp-product-cta a,
.wp-product-cta {
    color: #0078d4 !important;
}

.wp-product-cta:hover a {
    color: #005fa8 !important;
}

.wp-pricing-container p,
.wp-pricing-container span {
    color: #172033 !important;
}

@media (max-width: 680px) {
    .page-title {
        background: linear-gradient(180deg, #eaf4fc 0%, #f8fafc 100%) !important;
    }

}