.ws-tsnc { width: 100%; padding: 20px 0; box-sizing: border-box;}.ws-tsnc *,.ws-tsnc *::before,.ws-tsnc *::after { box-sizing: border-box;}.ws-tsnc__container { width: 100%; margin: 0 auto;}.ws-tsnc__heading { text-align: center; margin-bottom: 48px;}.ws-tsnc__eyebrow { margin-bottom: 14px; font-size: 16px; line-height: 1.4; font-weight: 500; text-transform: uppercase;}.ws-tsnc__title { margin: 0; font-size: 34px; line-height: 1.2; font-weight: 800; text-transform: uppercase;}.ws-tsnc__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));}.ws-tsnc__item { min-width: 0; min-height: 222px; padding: 18px 22px 24px; text-align: center; display: flex; flex-direction: column; align-items: center;}.ws-tsnc__item:not(:nth-child(3n)) { border-right: 1px solid currentColor;}.ws-tsnc__item:nth-child(-n + 3) { border-bottom: 1px solid currentColor;}.ws-tsnc__icon { width: 68px; height: 68px; margin-bottom: 17px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}.ws-tsnc__icon svg { display: block; width: 64px; height: 64px; max-width: 100%;}.ws-tsnc__item-title { margin: 0 0 13px; font-size: 21px; line-height: 1.3; font-weight: 700;}.ws-tsnc__description { width: 100%; max-width: 315px; margin: 0 auto; font-size: 15.5px; line-height: 1.45; font-weight: 500;}@media (max-width: 900px) { .ws-tsnc { padding-left: 16px; padding-right: 16px; } .ws-tsnc__heading { margin-bottom: 36px; } .ws-tsnc__title { font-size: 30px; } .ws-tsnc__item { padding-left: 18px; padding-right: 18px; } .ws-tsnc__item-title { font-size: 19px; } .ws-tsnc__description { font-size: 14px; }}@media (max-width: 767px) { .ws-tsnc { padding: 30px 16px; } .ws-tsnc__heading { margin-bottom: 28px; } .ws-tsnc__eyebrow { margin-bottom: 10px; font-size: 13px; } .ws-tsnc__title { font-size: 26px; } .ws-tsnc__grid { grid-template-columns: 1fr; } .ws-tsnc__item { min-height: auto; padding: 27px 10px; } .ws-tsnc__item:not(:nth-child(3n)) { border-right: 0; } .ws-tsnc__item:nth-child(-n + 3) { border-bottom: 0; } .ws-tsnc__item:not(:last-child) { border-bottom: 1px solid currentColor; } .ws-tsnc__icon { width: 60px; height: 60px; margin-bottom: 13px; } .ws-tsnc__icon svg { width: 56px; height: 56px; } .ws-tsnc__item-title { margin-bottom: 9px; font-size: 19px; } .ws-tsnc__description { max-width: 420px; font-size: 14px; line-height: 1.55; }}@media (max-width: 480px) { .ws-tsnc__title { font-size: 23px; } .ws-tsnc__eyebrow { font-size: 12px; } .ws-tsnc__item { padding-top: 24px; padding-bottom: 24px; }}.cloum2rev { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; overflow: hidden;}.cloum2rev__content { display: flex; align-items: center; justify-content: flex-end; padding: 60px 8%;}.cloum2rev__inner { max-width: 650px;}.cloum2rev__inner h2 { margin: 0 0 22px; font-size: 32px; line-height: 1.25; font-weight: 700;}.cloum2rev__inner p { margin: 0 0 18px; font-size: 15px; line-height: 1.75;}.cloum2rev__inner ul { margin: 0 0 24px; padding-left: 20px;}.cloum2rev__inner li { margin-bottom: 10px; font-size: 15px; line-height: 1.5;}.cloum2rev__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 22px; border-radius: 30px; background: var(--ws-bg-title); color: #fff; text-decoration: none; font-size: 13px; font-weight: 700; transition: opacity 0.25s ease, transform 0.25s ease;}.cloum2rev__btn:hover { opacity: 0.85; transform: translateY(-2px);}.cloum2rev__image { overflow: hidden;}.cloum2rev__image img { display: block; width: 50vw; height: 100%; object-fit: cover; object-position: center;}@media (max-width: 991px) { .cloum2rev { grid-template-columns: 1fr; } .cloum2rev__content { order: 2; justify-content: flex-start; padding: 45px 30px; } .cloum2rev__image { order: 1; min-height: 500px; overflow: hidden; } .cloum2rev__image img { display: block; width: 100vw; height: 500px; object-fit: cover; object-position: center; } .cloum2rev__inner { max-width: none; }}@media (max-width: 575px) { .cloum2rev__content { padding: 32px 20px; } .cloum2rev__image { min-height: 320px; } .cloum2rev__image img { width: 100vw; height: 320px; object-fit: cover; object-position: center; } .cloum2rev__inner h2 { margin-bottom: 16px; font-size: 25px; } .cloum2rev__inner p, .cloum2rev__inner li { font-size: 14px; }}.corevaluebox { padding: 60px 30px 70px; overflow: hidden;}.corevaluebox__head { text-align: center; margin-bottom: 45px;}.corevaluebox__small { margin-bottom: 12px; font-size: 16px; font-weight: 500; color: var(--ws-bg-title);}.corevaluebox__head h2 { margin: 0; font-size: 36px; line-height: 1.3; font-weight: 800;}.corevaluebox__grid { display: grid; grid-template-columns: 1fr 380px 1fr; align-items: center; gap: 45px; max-width: 1400px; margin: 0 auto;}.corevaluebox__side { display: flex; flex-direction: column; gap: 38px;}.corevaluebox__item { display: flex; align-items: center; gap: 20px;}.corevaluebox__side--left .corevaluebox__item { justify-content: flex-end;}.corevaluebox__side--left .corevaluebox__text { text-align: right;}.corevaluebox__side--right .corevaluebox__text { text-align: left;}.corevaluebox__text { max-width: 320px;}.corevaluebox__text h3 { margin: 0 0 10px; font-size: 18px; line-height: 1.4; font-weight: 700;}.corevaluebox__text p { margin: 0; font-size: 16px; line-height: 1.65;}.corevaluebox__icon { flex: 0 0 64px; height: 64px; display: flex; align-items: center; justify-content: center;}.corevaluebox__icon img { display: block; max-width: 58px; max-height: 58px; object-fit: contain;}.corevaluebox__center { display: flex; align-items: center; justify-content: center; min-height: 430px;}.corevaluebox__product { display: flex; align-items: center; justify-content: center;}.corevaluebox__product img { display: block; max-width: 340px; height: auto; object-fit: contain; filter: drop-shadow(0 18px 15px rgba(0, 0, 0, 0.12));}@media (max-width: 1100px) { .corevaluebox { padding: 55px 25px 60px; } .corevaluebox__grid { grid-template-columns: 1fr 300px 1fr; gap: 25px; } .corevaluebox__head h2 { font-size: 32px; } .corevaluebox__product img { max-width: 280px; } .corevaluebox__text { max-width: 280px; } .corevaluebox__text h3 { font-size: 16px; } .corevaluebox__text p { font-size: 14px; } .corevaluebox__icon { flex-basis: 56px; height: 56px; } .corevaluebox__icon img { max-width: 52px; max-height: 52px; }}@media (max-width: 850px) { .corevaluebox { padding: 45px 20px; } .corevaluebox__head { margin-bottom: 30px; } .corevaluebox__small { margin-bottom: 8px; } .corevaluebox__head h2 { font-size: 27px; } .corevaluebox__grid { grid-template-columns: 1fr; gap: 35px; } .corevaluebox__center { order: 1; min-height: auto; } .corevaluebox__side--left { order: 2; } .corevaluebox__side--right { order: 3; } .corevaluebox__side { gap: 25px; } .corevaluebox__side--left .corevaluebox__item { justify-content: flex-start; } .corevaluebox__side--left .corevaluebox__text { order: 2; text-align: left; } .corevaluebox__side--left .corevaluebox__icon { order: 1; } .corevaluebox__text { max-width: none; } .corevaluebox__product img { max-width: 270px; }}@media (max-width: 575px) { .corevaluebox { padding: 35px 15px 40px; } .corevaluebox__head { margin-bottom: 25px; } .corevaluebox__small { font-size: 14px; } .corevaluebox__head h2 { font-size: 23px; line-height: 1.35; } .corevaluebox__grid { gap: 28px; } .corevaluebox__side { gap: 22px; } .corevaluebox__item { gap: 14px; align-items: flex-start; } .corevaluebox__icon { flex: 0 0 48px; height: 48px; } .corevaluebox__icon img { max-width: 44px; max-height: 44px; } .corevaluebox__text h3 { margin-bottom: 7px; font-size: 15px; line-height: 1.4; } .corevaluebox__text p { font-size: 14px; line-height: 1.6; } .corevaluebox__product img { max-width: 230px; }}.ws-4cot { width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}.ws-4cot__item { min-width: 0; display: flex; align-items: center; justify-content: center; gap: 20px; padding: 21px 20px; box-sizing: border-box;}.ws-4cot__icon { flex: 0 0 auto; width: 62px; display: flex; align-items: center; justify-content: center;}.ws-4cot__icon img { display: block; width: 100%; height: 52px; object-fit: contain;}.ws-4cot__text { min-width: 0; font-size: 18px; line-height: 1.25; font-weight: 500;}@media (max-width: 1024px) { .ws-4cot { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ws-4cot__item { justify-content: flex-start; padding: 18px 24px; } .ws-4cot__text { font-size: 16px; }}@media (max-width: 600px) { .ws-4cot { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ws-4cot__item { justify-content: flex-start; gap: 10px; padding: 14px 10px; } .ws-4cot__icon { width: 42px; } .ws-4cot__icon img { height: 38px; } .ws-4cot__text { font-size: 13px; line-height: 1.3; }}@media (max-width: 400px) { .ws-4cot { grid-template-columns: 1fr; } .ws-4cot__item { padding: 12px 16px; } .ws-4cot__icon { width: 46px; } .ws-4cot__text { font-size: 14px; }}.cloum2cott { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; overflow: hidden;}.cloum2cott__image { position: relative; min-height: 690px;}.cloum2cott__image img { display: block; width: 50vw; height: 100%; object-fit: cover; object-position: center;}.cloum2cott__content { display: flex; align-items: center; padding: 60px 8%;}.cloum2cott__inner { max-width: 650px;}.cloum2cott__inner h2 { margin: 0 0 22px; font-size: 32px; line-height: 1.25; font-weight: 700;}.cloum2cott__inner p { margin: 0 0 18px; font-size: 15px; line-height: 1.75;}.cloum2cott__inner ul { margin: 0 0 24px; padding-left: 20px;}.cloum2cott__inner li { margin-bottom: 10px; font-size: 15px; line-height: 1.5;}.cloum2cott__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 22px; border-radius: 30px; background: var(--ws-bg-title); color: #fff; text-decoration: none; font-size: 13px; font-weight: 700; transition: opacity 0.25s ease, transform 0.25s ease;}.cloum2cott__btn:hover { opacity: 0.85; transform: translateY(-2px);}@media (max-width: 991px) { .cloum2cott { grid-template-columns: 1fr; } .cloum2cott__image { min-height: 500px; } .cloum2cott__image img { width: 100vw; } .cloum2cott__content { padding: 45px 30px; } .cloum2cott__inner { max-width: none; }}@media (max-width: 575px) { .cloum2cott__image { min-height: 320px; } .cloum2cott__content { padding: 32px 20px; } .cloum2cott__inner h2 { font-size: 25px; margin-bottom: 16px; } .cloum2cott__inner p, .cloum2cott__inner li { font-size: 14px; }}.ws-qttn { width: 100%; padding: 36px 24px 12px; box-sizing: border-box;}.ws-qttn *,.ws-qttn *::before,.ws-qttn *::after { box-sizing: border-box;}.ws-qttn__container { width: 100%; max-width: 1200px; margin: 0 auto;}.ws-qttn__header { display: grid; grid-template-columns: 1fr 1.25fr; gap: 60px; align-items: start; min-height: 138px;}.ws-qttn__title { margin: 0; font-size: 31px; line-height: 1.2; font-weight: 800;}.ws-qttn__header-right { padding-top: 2px;}.ws-qttn__handwriting { margin: 0 0 9px; color: var(--ws-bg-title); font-size: 24px; line-height: 1.45; font-style: italic; font-weight: 400;}.ws-qttn__handwriting:last-child { margin-bottom: 0;}.ws-qttn__process { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid currentColor; border-bottom: 1px solid currentColor;}.ws-qttn__item { min-width: 0; min-height: 220px; padding: 38px 48px 35px 0;}.ws-qttn__item:nth-child(3n + 2) { padding-left: 26px; padding-right: 30px;}.ws-qttn__item:nth-child(3n) { padding-left: 38px; padding-right: 8px;}.ws-qttn__item:nth-child(-n + 3) { border-bottom: 1px solid currentColor;}.ws-qttn__number { margin-bottom: 12px; color: var(--ws-bg-title); font-size: 14px; line-height: 1.3; font-weight: 500;}.ws-qttn__item-title { margin: 0 0 11px; font-size: 17px; line-height: 1.4; font-weight: 700;}.ws-qttn__description { max-width: 285px; margin: 0; font-size: 15px; line-height: 1.55; font-weight: 400;}.ws-qttn__footer { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 34px 27px 10px;}.ws-qttn__footer-content { min-width: 0;}.ws-qttn__footer-text { margin: 0 0 10px; color: var(--ws-bg-title); font-size: 24px; line-height: 1.45; font-style: italic; font-weight: 400;}.ws-qttn__footer-text:last-child { margin-bottom: 0;}.ws-qttn__footer-action { flex: 0 0 auto;}.ws-qttn__button { display: inline-flex; min-height: 37px; padding: 10px 21px; align-items: center; justify-content: center; border: 1px solid var(--ws-bg-title); border-radius: 999px; background: var(--ws-bg-title); color: #fff; font-size: 13px; line-height: 1; font-weight: 700; text-decoration: none; transition: opacity 0.25s ease, transform 0.25s ease;}.ws-qttn__button:hover { opacity: 0.85; transform: translateY(-1px);}@media (max-width: 991px) { .ws-qttn { padding-left: 20px; padding-right: 20px; } .ws-qttn__header { grid-template-columns: 0.9fr 1.1fr; gap: 35px; min-height: 130px; } .ws-qttn__title { font-size: 27px; } .ws-qttn__handwriting { font-size: 20px; } .ws-qttn__item { min-height: 225px; padding-right: 25px; } .ws-qttn__item:nth-child(3n + 2) { padding-left: 20px; padding-right: 20px; } .ws-qttn__item:nth-child(3n) { padding-left: 25px; padding-right: 0; } .ws-qttn__description { font-size: 14px; } .ws-qttn__footer { padding-left: 15px; padding-right: 15px; } .ws-qttn__footer-text { font-size: 20px; }}@media (max-width: 767px) { .ws-qttn { padding: 30px 16px 15px; } .ws-qttn__header { display: block; min-height: 0; margin-bottom: 30px; } .ws-qttn__header-left { margin-bottom: 24px; } .ws-qttn__title { font-size: 26px; } .ws-qttn__header-right { padding-top: 0; } .ws-qttn__handwriting { font-size: 19px; line-height: 1.5; } .ws-qttn__process { grid-template-columns: 1fr; } .ws-qttn__item, .ws-qttn__item:nth-child(3n + 2), .ws-qttn__item:nth-child(3n) { min-height: 0; padding: 28px 0; } .ws-qttn__item:nth-child(-n + 3) { border-bottom: 0; } .ws-qttn__item:not(:last-child) { border-bottom: 1px solid currentColor; } .ws-qttn__number { margin-bottom: 9px; } .ws-qttn__item-title { margin-bottom: 8px; font-size: 17px; } .ws-qttn__description { max-width: 100%; font-size: 14px; line-height: 1.6; } .ws-qttn__footer { display: block; padding: 27px 0 0; } .ws-qttn__footer-content { margin-bottom: 24px; } .ws-qttn__footer-text { margin-bottom: 6px; font-size: 19px; line-height: 1.55; } .ws-qttn__button { min-height: 40px; padding-left: 22px; padding-right: 22px; }}@media (max-width: 480px) { .ws-qttn__title { font-size: 23px; } .ws-qttn__handwriting, .ws-qttn__footer-text { font-size: 17px; } .ws-qttn__item { padding-top: 24px; padding-bottom: 24px; }}.githieuhm1 { position: relative; width: 100%; max-width: 100%; overflow: hidden; padding: 55px 20px 70px;}.githieuhm1-inner { position: relative; z-index: 2; width: 100%; max-width: 900px; margin: 0 auto; display: grid; grid-template-columns: minmax(380px, 430px) minmax(0, 1fr); align-items: center; gap: 70px;}.githieuhm1-content { min-width: 0;}.githieuhm1-title { margin: 0 0 22px; color: var(--ws-bg-title); font-size: clamp(27px, 2.1vw, 34px); font-weight: 700; line-height: 1.2;}.githieuhm1-desc { margin: 0; font-size: 16px; line-height: 1.48; font-weight: 400;}.githieuhm1-button { display: inline-flex; align-items: center; justify-content: center; min-width: 142px; min-height: 42px; margin-top: 34px; padding: 8px 26px; text-decoration: none; font-size: 14px; font-weight: 700; border: 1px solid currentColor; border-radius: 999px; transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;}.githieuhm1-button:hover { transform: translateY(-2px); opacity: 0.85; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);}.githieuhm1-media { position: relative; width: 100%; max-width: 430px; aspect-ratio: 1 / 1; margin-right: auto;}.githieuhm1-image-wrap { position: relative; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; border: 2px solid currentColor; transition: transform 0.45s cubic-bezier(.2, .8, .2, 1), box-shadow 0.45s ease;}.githieuhm1-image-wrap img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;}.githieuhm1-media:hover .githieuhm1-image-wrap { transform: translateY(-5px); box-shadow: 10px 14px 30px rgba(0, 0, 0, 0.12);}.githieuhm1-media:hover img { transform: scale(1.04);}@media (max-width: 991px) { .githieuhm1 { padding: 50px 24px 65px; } .githieuhm1-inner { max-width: 820px; grid-template-columns: minmax(320px, 370px) minmax(0, 1fr); gap: 45px; } .githieuhm1-title { font-size: 28px; } .githieuhm1-desc { font-size: 15px; } .githieuhm1-media { max-width: 370px; }}@media (max-width: 767px) { .githieuhm1 { padding: 40px 20px 55px; } .githieuhm1-inner { grid-template-columns: 1fr; gap: 38px; text-align: center; } .githieuhm1-media { width: min(82vw, 390px); margin: 0 auto; } .githieuhm1-content { width: 100%; max-width: 580px; margin: 0 auto; } .githieuhm1-title { margin-bottom: 16px; font-size: 26px; } .githieuhm1-desc { font-size: 15px; line-height: 1.6; } .githieuhm1-button { margin-top: 25px; }}@media (max-width: 480px) { .githieuhm1 { padding-left: 16px; padding-right: 16px; } .githieuhm1-media { width: min(88vw, 330px); } .githieuhm1-title { font-size: 24px; } .githieuhm1-desc { font-size: 14px; } .githieuhm1-button { min-width: 135px; min-height: 40px; margin-top: 22px; font-size: 13px; }}@media (prefers-reduced-motion: reduce) { .githieuhm1-button, .githieuhm1-image-wrap, .githieuhm1-image-wrap img { transition: none; }}.ws-stats { position: relative; width: 100%; max-width: 100%; overflow: hidden; padding: 35px 20px 38px;}.ws-stats-inner { width: 100%; max-width: 900px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; gap: 55px;}.ws-stats-item { position: relative; text-align: center; min-width: 0; padding: 0 10px; transition: transform 0.3s ease, opacity 0.3s ease;}.ws-stats-number { margin: 0; font-size: clamp(54px, 5vw, 76px); font-weight: 400; line-height: 1; letter-spacing: -2px;}.ws-stats-number sup { position: relative; top: -0.45em; margin-left: 2px; font-size: 0.5em; line-height: 1; vertical-align: baseline;}.ws-stats-line { width: 170px; max-width: 75%; height: 1px; margin: 13px auto 12px; background: currentColor; opacity: 0.75; transform-origin: center; transition: width 0.35s ease, opacity 0.35s ease;}.ws-stats-label { margin: 0; font-size: clamp(18px, 1.55vw, 24px); font-weight: 400; line-height: 1.25;}.ws-stats-item:hover { transform: translateY(-4px);}.ws-stats-item:hover .ws-stats-line { width: 195px; opacity: 1;}@media (max-width: 991px) { .ws-stats { padding: 32px 20px 35px; } .ws-stats-inner { max-width: 820px; gap: 30px; } .ws-stats-number { font-size: clamp(50px, 7vw, 68px); } .ws-stats-label { font-size: 19px; } .ws-stats-line { width: 145px; }}@media (max-width: 767px) { .ws-stats { padding: 38px 18px; } .ws-stats-inner { grid-template-columns: 1fr; gap: 36px; } .ws-stats-item { padding: 0; } .ws-stats-number { font-size: 58px; } .ws-stats-line { width: 150px; margin-top: 12px; margin-bottom: 10px; } .ws-stats-label { font-size: 19px; } .ws-stats-item:hover { transform: none; }}@media (max-width: 480px) { .ws-stats { padding-left: 16px; padding-right: 16px; } .ws-stats-inner { gap: 30px; } .ws-stats-number { font-size: 50px; } .ws-stats-label { font-size: 17px; } .ws-stats-line { width: 130px; }}@media (prefers-reduced-motion: reduce) { .ws-stats-item, .ws-stats-line { transition: none; }}.ws-ctla { position: relative; width: 100%; max-width: 100%; overflow: hidden; padding: 55px 20px 70px;}.ws-ctla-inner { position: relative; z-index: 2; width: 100%; max-width: 900px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, 430px); align-items: center; gap: 70px;}.ws-ctla-content { min-width: 0;}.ws-ctla-title { margin: 0 0 22px; color: var(--ws-bg-title); font-size: clamp(27px, 2.1vw, 34px); font-weight: 700; line-height: 1.2;}.ws-ctla-desc { margin: 0; font-size: 16px; line-height: 1.48; font-weight: 400;}.ws-ctla-button { display: inline-flex; align-items: center; justify-content: center; min-width: 142px; min-height: 42px; margin-top: 34px; padding: 8px 26px; text-decoration: none; font-size: 14px; font-weight: 700; border: 1px solid currentColor; border-radius: 999px; transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;}.ws-ctla-button:hover { transform: translateY(-2px); opacity: 0.85; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);}.ws-ctla-media { position: relative; width: 100%; max-width: 430px; aspect-ratio: 1 / 1; margin-left: auto;}.ws-ctla-image-wrap { position: relative; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; border: 2px solid currentColor; transition: transform 0.45s cubic-bezier(.2, .8, .2, 1), box-shadow 0.45s ease;}.ws-ctla-image-wrap img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;}.ws-ctla-media:hover .ws-ctla-image-wrap { transform: translateY(-5px); box-shadow: 10px 14px 30px rgba(0, 0, 0, 0.12);}.ws-ctla-media:hover img { transform: scale(1.04);}@media (max-width: 991px) { .ws-ctla { padding: 50px 24px 65px; } .ws-ctla-inner { max-width: 820px; grid-template-columns: minmax(0, 1fr) minmax(320px, 370px); gap: 45px; } .ws-ctla-title { font-size: 28px; } .ws-ctla-desc { font-size: 15px; } .ws-ctla-media { max-width: 370px; }}@media (max-width: 767px) { .ws-ctla { padding: 40px 20px 55px; } .ws-ctla-inner { grid-template-columns: 1fr; gap: 38px; text-align: center; } .ws-ctla-content { width: 100%; max-width: 580px; margin: 0 auto; } .ws-ctla-title { margin-bottom: 16px; font-size: 26px; } .ws-ctla-desc { font-size: 15px; line-height: 1.6; } .ws-ctla-button { margin-top: 25px; } .ws-ctla-media { width: min(82vw, 390px); margin: 0 auto; }}@media (max-width: 480px) { .ws-ctla { padding-left: 16px; padding-right: 16px; } .ws-ctla-title { font-size: 24px; } .ws-ctla-desc { font-size: 14px; } .ws-ctla-button { min-width: 135px; min-height: 40px; margin-top: 22px; font-size: 13px; } .ws-ctla-media { width: min(88vw, 330px); }}@media (prefers-reduced-motion: reduce) { .ws-ctla-button, .ws-ctla-image-wrap, .ws-ctla-image-wrap img { transition: none; }}.lhnhanh-section{position:relative;container-type:inline-size;padding:30px;overflow:hidden;background:radial-gradient(circle at 5% 10%,rgba(29,78,216,.08),transparent 35%),radial-gradient(circle at 95% 90%,rgba(37,99,235,.08),transparent 35%),linear-gradient(135deg,#f7fbff,#eef5ff);border:1px solid rgba(37,99,235,.12);border-radius:22px}.lhnhanh-container{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center}.lhnhanh-label{display:inline-block;padding:6px 14px;border-radius:40px;background:#fff;color:#1d4ed8;border:1px solid rgba(29,78,216,.15);font-size:11px;font-weight:700;text-transform:uppercase}.lhnhanh-title{font-size:25px;font-weight:600;color:#143a74;margin:12px 0}.lhnhanh-content span.lhnhanh-desc{display:block;color:#607089;line-height:1.7}.lhnhanh-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lhnhanh-item{ position:relative; display:flex; align-items:center; padding:14px; background:#fff; border:1px solid rgba(37,99,235,.12); border-radius:16px; text-decoration:none; color:#223; overflow:hidden; transition:border-color .3s ease,box-shadow .3s ease,background .3s ease; box-shadow:0 10px 25px rgba(0,0,0,.06);}.lhnhanh-item::after{ content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(37,99,235,.05),rgba(37,99,235,0)); opacity:0; transition:opacity .3s ease;}.lhnhanh-item:hover{ border-color:#2563eb; background:#fbfdff; box-shadow:0 14px 32px rgba(37,99,235,.16); text-decoration: none !important;}.lhnhanh-item:hover::after{opacity:1}.lhnhanh-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:12px;transition:transform .3s ease;position:relative;z-index:1}.lhnhanh-icon svg{width:22px;height:22px;fill:#fff}.lhnhanh-item:hover .lhnhanh-icon{transform:scale(1.08)}.lhnhanh-item-content{flex:1;position:relative;z-index:1}.lhnhanh-item-content small{display:block;font-size:11px;color:#7b8799}.lhnhanh-item-content strong{display:block;font-size:16px;color:#143a74}.lhnhanh-item-content em{font-style:normal;font-size:11px;color:#8794a8}.lhnhanh-arrow{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#edf4ff;color:#2563eb;position:relative;z-index:1;transition:transform .3s ease,background .3s ease}.lhnhanh-arrow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.lhnhanh-item:hover .lhnhanh-arrow{transform:translateX(4px);background:#2563eb;color:#fff}.lhnhanh-zalo .lhnhanh-icon{background:linear-gradient(135deg,#00A8FF,#0068FF)}.lhnhanh-zalo .lhnhanh-arrow{background:#edf6ff;color:#0068FF}.lhnhanh-zalo:hover .lhnhanh-arrow{background:#0068FF;color:#fff}@container (max-width:700px){.lhnhanh-container{grid-template-columns:1fr}.lhnhanh-actions{grid-template-columns:1fr}}@media(max-width:700px){.lhnhanh-container{grid-template-columns:1fr}.lhnhanh-actions{grid-template-columns:1fr}}.ws-wtd { width: 100%; max-width: 100%; overflow: hidden; position: relative;}.ws-wtd-inner { width: 100%; max-width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));}.ws-wtd-item { position: relative; min-width: 0; padding: 40px 55px 38px; text-align: center; overflow: hidden; transition: transform 0.35s ease, opacity 0.35s ease;}.ws-wtd-item::before,.ws-wtd-item::after { content: ""; position: absolute; top: -30%; width: 1px; height: 170%; background: rgba(0, 0, 0, 0.055); transform: rotate(20deg); pointer-events: none;}.ws-wtd-item::before { left: 18%;}.ws-wtd-item::after { right: 18%;}.ws-wtd-line { position: absolute; inset: 0; pointer-events: none;}.ws-wtd-line::before,.ws-wtd-line::after { content: ""; position: absolute; top: -35%; width: 1px; height: 175%; background: rgba(0, 0, 0, 0.035); transform: rotate(20deg);}.ws-wtd-line::before { left: 48%;}.ws-wtd-line::after { right: 4%;}.ws-wtd-content { position: relative; z-index: 2; max-width: 430px; margin: 0 auto;}.ws-wtd-icon { width: 84px; height: 84px; max-width: 100%; margin: 0 auto 18px; border: 2px solid var(--ws-bg-title); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--ws-bg-title); transition: transform 0.4s cubic-bezier(.2,.8,.2,1), box-shadow 0.4s ease;}.ws-wtd-icon svg { width: 48px; height: 48px; display: block; fill: currentColor;}.ws-wtd-title { margin: 0 0 16px; color: var(--ws-bg-title); font-size: clamp(20px, 1.6vw, 27px); font-weight: 600; line-height: 1.2;}.ws-wtd-desc { margin: 0; color: #4b4b4b; font-size: 16px; line-height: 1.45; font-weight: 400;}.ws-wtd-item:hover { transform: translateY(-5px);}.ws-wtd-item:hover .ws-wtd-icon { transform: translateY(-4px) scale(1.06); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);}.ws-wtd-item:hover .ws-wtd-title { opacity: 0.82;}@media (max-width: 991px) { .ws-wtd-inner { grid-template-columns: repeat(3, minmax(0, 1fr)); } .ws-wtd-item { padding: 34px 24px; } .ws-wtd-icon { width: 74px; height: 74px; margin-bottom: 16px; } .ws-wtd-icon svg { width: 42px; height: 42px; } .ws-wtd-desc { font-size: 14px; }}@media (max-width: 767px) { .ws-wtd-inner { grid-template-columns: 1fr; } .ws-wtd-item { padding: 32px 20px; } .ws-wtd-item + .ws-wtd-item { border-top: 1px solid rgba(0, 0, 0, 0.06); } .ws-wtd-content { max-width: 520px; } .ws-wtd-icon { width: 72px; height: 72px; } .ws-wtd-title { font-size: 22px; margin-bottom: 12px; } .ws-wtd-desc { font-size: 15px; line-height: 1.55; } .ws-wtd-item:hover { transform: none; }}@media (max-width: 480px) { .ws-wtd-item { padding: 28px 16px; } .ws-wtd-icon { width: 66px; height: 66px; } .ws-wtd-icon svg { width: 38px; height: 38px; } .ws-wtd-title { font-size: 20px; } .ws-wtd-desc { font-size: 14px; }}@media (prefers-reduced-motion: reduce) { .ws-wtd-item, .ws-wtd-icon { transition: none; }}.ws-form-phone{ position:relative; padding:28px; overflow:hidden; background: radial-gradient(circle at top left,rgba(37,99,235,.06),transparent 35%), radial-gradient(circle at bottom right,rgba(59,130,246,.05),transparent 35%), #fff; border:1px solid rgba(37,99,235,.12); border-radius:22px; box-shadow: 0 20px 45px rgba(15,23,42,.06), 0 2px 8px rgba(15,23,42,.04);}.ws-form-phone::before{ content:""; position:absolute; top:-120px; right:-120px; width:240px; height:240px; border-radius:50%; background:rgba(37,99,235,.04);}.ws-form-phone__intro{ position:relative; margin-bottom:24px;}.ws-form-phone__tag{ display:inline-block; padding:6px 14px; margin-bottom:14px; background:#eef4ff; color:#1d4ed8; border-radius:99px; font-size:12px; font-weight:700;}.ws-form-phone__title{ margin:0 0 10px; color:#173b78; font-size:22px; font-weight:700; line-height:1.3;}.ws-form-phone__desc{ display:block; margin:0 0 18px; max-width:560px; color:#64748b; font-size:14.5px; line-height:1.8;}.ws-form-phone__points{ display:flex; flex-wrap:wrap; gap:10px 22px; margin-bottom:6px;}.ws-form-phone__point{ display:flex; align-items:center; gap:8px; color:#334155; font-size:13.5px; font-weight:600;}.ws-form-phone__point svg{ width:18px; height:18px; min-width:18px; stroke:#2563eb; fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}.ws-form-phone .form-group,.ws-form-phone .form-item,.ws-form-phone .row{ margin-bottom:18px;}.ws-form-phone label{ display:block; margin-bottom:8px; color:#334155; font-size:14px; font-weight:700;}.ws-form-phone input,.ws-form-phone input[type=text],.ws-form-phone input[type=tel],.ws-form-phone input[type=number],.ws-form-phone textarea,.ws-form-phone select{ width:100%; height:56px; padding:0 18px; color:#1e293b; background:#fff; border:1px solid #dbe7ff; border-radius:14px; outline:none; font-size:15px; transition:.3s; box-sizing:border-box;}.ws-form-phone textarea{ height:130px; padding:16px 18px; resize:vertical;}.ws-form-phone input::placeholder,.ws-form-phone textarea::placeholder{ color:#94a3b8;}.ws-form-phone input:focus,.ws-form-phone textarea:focus,.ws-form-phone select:focus{ border-color:#2563eb; box-shadow: 0 0 0 4px rgba(37,99,235,.10);}.ws-form-phone button,.ws-form-phone input[type=submit],.ws-form-phone .btn,.ws-form-phone .button,.ws-form-phone .submit{ align-items:center; justify-content:center; min-width:190px; height:56px; padding:0 34px; color:#fff; background:linear-gradient(135deg,#2563eb,#1d4ed8); border:none; border-radius:14px; font-size:15px; font-weight:700; cursor:pointer; transition:.3s; box-shadow: 0 12px 24px rgba(37,99,235,.25);}.ws-form-phone button:hover,.ws-form-phone input[type=submit]:hover,.ws-form-phone .btn:hover,.ws-form-phone .button:hover,.ws-form-phone .submit:hover{ transform:translateY(-3px); box-shadow: 0 18px 35px rgba(37,99,235,.30);}.ws-form-phone button:active,.ws-form-phone input[type=submit]:active{ transform:translateY(0);}.ws-form-phone .submit-wrap,.ws-form-phone .form-submit{ margin-top:8px;}@media(max-width:768px){ .ws-form-phone{ padding:22px; } .ws-form-phone__title{ font-size:22px; } .ws-form-phone__points{ gap:8px 16px; } .ws-form-phone .row{ grid-template-columns:1fr; gap:15px; } .ws-form-phone button, .ws-form-phone input[type=submit]{ width:100%; }}.wsfooter{ position:relative; padding:32px 30px; overflow:hidden; background: radial-gradient(circle at 10% 15%,rgba(37,99,235,.06),transparent 35%), radial-gradient(circle at 90% 85%,rgba(59,130,246,.05),transparent 35%), linear-gradient(180deg,#fff,#f8fbff); border:1px solid rgba(37,99,235,.12); border-radius:22px;}.wsfooter__top{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e8eefb;}.wsfooter__brand strong{ display:block; color:#173b78; font-size:18px; font-weight:700;}.wsfooter__brand span{ display:block; margin-top:4px; color:#8a97ac; font-size:12.5px;}.wsfooter__btn{ display:inline-flex; align-items:center; gap:8px; padding:11px 18px; border-radius:12px; background:#2563eb; color:#fff; font-size:13.5px; font-weight:700; text-decoration:none; transition:.3s;}.wsfooter__btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.wsfooter__btn:hover{background:#1d4ed8;transform:translateY(-2px)}.wsfooter__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:18px;}.wsfooter__item{ display:flex; align-items:flex-start; gap:12px;}.wsfooter__icon{ width:42px; height:42px; min-width:42px; border-radius:12px; background:linear-gradient(135deg,#2563eb,#1d4ed8); display:flex; align-items:center; justify-content:center;}.wsfooter__icon svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wsfooter__body{display:flex;flex-direction:column;gap:4px}.wsfooter__body small{color:#94a3b8;font-size:11.5px;text-transform:uppercase;letter-spacing:.3px}.wsfooter__body strong{color:#173b78;font-size:14px;font-weight:700;line-height:1.5}.wsfooter__body a{color:#173b78;text-decoration:none}.wsfooter__body a:hover{color:#2563eb}.wsfooter__bottom{ margin-top:22px; padding-top:16px; border-top:1px solid #e8eefb; color:#94a3b8; font-size:12.5px;}@media(max-width:700px){ .wsfooter{padding:24px 20px} .wsfooter__top{flex-direction:column;align-items:flex-start}}.ws-fast-contact,.ws-fast-contact *{box-sizing:border-box}.ws-fast-contact{width:100%;display:flex;flex-wrap:wrap;gap:14px}.ws-fast-contact__btn{position:relative;min-width:0;min-height:78px;flex:1 1 280px;display:flex;align-items:center;gap:12px;padding:13px 14px;overflow:hidden;color:#fff;text-decoration:none;border:0;border-radius:18px;box-shadow:0 11px 25px rgba(24,59,80,.18),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .25s ease,box-shadow .25s ease}.ws-fast-contact__btn::after{content:"";position:absolute;top:-50%;left:-70%;width:38%;height:200%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transform:rotate(18deg);transition:left .65s ease}.ws-fast-contact__btn:hover{color:#fff;text-decoration:none!important;transform:translateY(-3px)}.ws-fast-contact__btn:hover::after{left:135%}.ws-fast-contact__btn--phone{background:radial-gradient(circle at 10% 5%,rgba(255,255,255,.38),transparent 32%),linear-gradient(135deg,#ffc928 0%,#f5a800 48%,#e57c00 100%)}.ws-fast-contact__btn--phone:hover{box-shadow:0 16px 34px rgba(229,124,0,.36),inset 0 1px 0 rgba(255,255,255,.4)}.ws-fast-contact__btn--zalo{background:radial-gradient(circle at 10% 5%,rgba(255,255,255,.34),transparent 32%),linear-gradient(135deg,#25c8ed 0%,#10b9e9 38%,#008fcf 72%,#0878b7 100%)}.ws-fast-contact__btn--zalo:hover{box-shadow:0 16px 34px rgba(0,143,207,.36),inset 0 1px 0 rgba(255,255,255,.4)}.ws-fast-contact__icon{position:relative;z-index:2;width:50px;height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:rgba(255,255,255,.95);box-shadow:0 7px 17px rgba(24,59,80,.15);transition:transform .25s ease}.ws-fast-contact__btn:hover .ws-fast-contact__icon{transform:rotate(-4deg) scale(1.06)}.ws-fast-contact__icon svg{width:23px;height:23px;fill:currentColor}.ws-fast-contact__btn--phone .ws-fast-contact__icon{color:#e57c00}.ws-fast-contact__btn--zalo .ws-fast-contact__icon{color:#008fcf}.ws-fast-contact__zalo{color:#008fcf;font-size:13px;font-weight:800;letter-spacing:-.5px}.ws-fast-contact__content{position:relative;z-index:2;min-width:0;flex:1;line-height:1.25}.ws-fast-contact__content small{display:flex;align-items:center;gap:6px;margin-bottom:4px;color:rgba(255,255,255,.9);font-size:11px;font-weight:600}.ws-fast-contact__content small::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.16)}.ws-fast-contact__content strong{display:block;overflow:hidden;color:#fff;font-size:16px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(24,59,80,.14)}.ws-fast-contact__arrow{position:relative;z-index:2;width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.16);transition:color .25s ease,background .25s ease,transform .25s ease}.ws-fast-contact__arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ws-fast-contact__btn:hover .ws-fast-contact__arrow{background:#fff;transform:translateX(3px)}.ws-fast-contact__btn--phone:hover .ws-fast-contact__arrow{color:#e57c00}.ws-fast-contact__btn--zalo:hover .ws-fast-contact__arrow{color:#008fcf}@media(max-width:600px){.ws-fast-contact{display:grid;grid-template-columns:1fr}.ws-fast-contact__btn{width:100%;min-height:74px}}@media(max-width:360px){.ws-fast-contact__btn{gap:9px;padding:11px;border-radius:15px}.ws-fast-contact__icon{width:45px;height:45px;flex-basis:45px;border-radius:13px}.ws-fast-contact__content strong{font-size:14px}.ws-fast-contact__arrow{width:30px;height:30px;flex-basis:30px}}.wsqxflow-2026 { --wsqxflow-main: var(--ws-bg-title, #145f53); --wsqxflow-dark: #172b27; --wsqxflow-text: #253a35; --wsqxflow-muted: #6c7c78; --wsqxflow-line: #dce8e4; --wsqxflow-soft: #f2f8f6; --wsqxflow-white: #ffffff; position: relative; width: 100%; padding: 90px 20px; overflow: hidden; background: radial-gradient( circle at 10% 10%, rgba(22, 110, 92, 0.08), transparent 30% ), radial-gradient( circle at 92% 85%, rgba(22, 110, 92, 0.08), transparent 30% ), #ffffff;}.wsqxflow-2026,.wsqxflow-2026 * { box-sizing: border-box;}.wsqxflow-2026::before { content: ""; position: absolute; top: 80px; left: -90px; width: 220px; height: 220px; border: 42px solid var(--wsqxflow-main); border-radius: 50%; opacity: 0.035; pointer-events: none;}.wsqxflow-2026::after { content: ""; position: absolute; right: -150px; bottom: -150px; width: 420px; height: 420px; border-radius: 50%; background: var(--wsqxflow-main); opacity: 0.035; pointer-events: none;}.wsqxflow-2026__container { position: relative; z-index: 2; width: 100%; max-width: 1200px; margin: 0 auto;}.wsqxflow-2026__top { display: grid; grid-template-columns: minmax(0, 1fr) 370px; align-items: end; gap: 60px; margin-bottom: 68px;}.wsqxflow-2026__intro { max-width: 720px;}.wsqxflow-2026__eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 16px; color: var(--wsqxflow-main); font-size: 13px; font-weight: 800; line-height: 1.4; letter-spacing: 1.6px; text-transform: uppercase;}.wsqxflow-2026__eyebrow::before { content: ""; width: 38px; height: 3px; border-radius: 999px; background: var(--wsqxflow-main);}.wsqxflow-2026__title { max-width: 680px; margin-bottom: 20px; color: var(--wsqxflow-dark); font-size: clamp(32px, 4.5vw, 52px); font-weight: 850; line-height: 1.15; letter-spacing: -1.2px;}.wsqxflow-2026__title span { position: relative; display: inline-block; color: var(--wsqxflow-main);}.wsqxflow-2026__title span::after { content: ""; position: absolute; right: 0; bottom: 1px; left: 0; height: 8px; border-radius: 999px; background: var(--wsqxflow-main); opacity: 0.13; z-index: -1;}.wsqxflow-2026__description { max-width: 650px; margin: 0; color: var(--wsqxflow-muted); font-size: 16px; line-height: 1.8;}.wsqxflow-2026__summary { position: relative; padding: 27px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 24px; color: #ffffff; background: linear-gradient( 135deg, var(--wsqxflow-main), var(--wsqxflow-dark) ); box-shadow: 0 22px 50px rgba(20, 64, 54, 0.2);}.wsqxflow-2026__summary::before { content: ""; position: absolute; top: -70px; right: -70px; width: 180px; height: 180px; border: 35px solid rgba(255, 255, 255, 0.08); border-radius: 50%;}.wsqxflow-2026__summary::after { content: ""; position: absolute; right: 20px; bottom: -60px; width: 150px; height: 150px; border-radius: 50%; background: rgba(255, 255, 255, 0.05);}.wsqxflow-2026__summary-label { position: relative; z-index: 2; margin-bottom: 19px; color: rgba(255, 255, 255, 0.72); font-size: 12px; font-weight: 750; line-height: 1.5; letter-spacing: 1.4px; text-transform: uppercase;}.wsqxflow-2026__summary-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px;}.wsqxflow-2026__summary-item { padding: 16px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 16px; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}.wsqxflow-2026__summary-number { display: block; margin-bottom: 3px; color: #ffffff; font-size: 25px; font-weight: 850; line-height: 1.2;}.wsqxflow-2026__summary-text { display: block; color: rgba(255, 255, 255, 0.72); font-size: 12px; line-height: 1.5;}.wsqxflow-2026__timeline { position: relative; display: flex; flex-direction: column; gap: 26px;}.wsqxflow-2026__timeline::before { content: ""; position: absolute; top: 36px; bottom: 36px; left: 50%; width: 2px; background: linear-gradient( to bottom, transparent, var(--wsqxflow-main) 8%, var(--wsqxflow-main) 92%, transparent ); opacity: 0.22; transform: translateX(-50%);}.wsqxflow-2026__step { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 82px minmax(0, 1fr); align-items: center; min-height: 180px;}.wsqxflow-2026__step-card { position: relative; width: 100%; padding: 29px 30px; overflow: hidden; border: 1px solid var(--wsqxflow-line); border-radius: 22px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 14px 38px rgba(24, 65, 56, 0.07); transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;}.wsqxflow-2026__step:nth-child(odd) .wsqxflow-2026__step-card { grid-column: 1;}.wsqxflow-2026__step:nth-child(even) .wsqxflow-2026__step-card { grid-column: 3;}.wsqxflow-2026__step-card::before { content: ""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: var(--wsqxflow-main); transform: scaleY(0.25); transform-origin: center; transition: transform 0.35s ease;}.wsqxflow-2026__step-card::after { content: attr(data-step); position: absolute; right: 20px; bottom: -15px; color: var(--wsqxflow-main); font-size: 88px; font-weight: 900; line-height: 1; opacity: 0.045; pointer-events: none;}.wsqxflow-2026__step-card:hover { border-color: var(--wsqxflow-main); box-shadow: 0 22px 55px rgba(24, 65, 56, 0.13); transform: translateY(-7px);}.wsqxflow-2026__step-card:hover::before { transform: scaleY(1);}.wsqxflow-2026__step-center { position: relative; z-index: 3; grid-column: 2; display: flex; align-items: center; justify-content: center;}.wsqxflow-2026__step-dot { position: relative; display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border: 8px solid #ffffff; border-radius: 50%; color: #ffffff; background: var(--wsqxflow-main); box-shadow: 0 0 0 1px var(--wsqxflow-line), 0 10px 26px rgba(20, 95, 83, 0.25); font-size: 15px; font-weight: 850; line-height: 1; transition: transform 0.35s ease, box-shadow 0.35s ease;}.wsqxflow-2026__step-dot::before { content: ""; position: absolute; inset: -15px; border: 1px solid var(--wsqxflow-main); border-radius: 50%; opacity: 0.18;}.wsqxflow-2026__step:hover .wsqxflow-2026__step-dot { transform: scale(1.12); box-shadow: 0 0 0 1px var(--wsqxflow-line), 0 13px 30px rgba(20, 95, 83, 0.35);}.wsqxflow-2026__step:nth-child(odd).wsqxflow-2026__step-card::selection { background: transparent;}.wsqxflow-2026__step:nth-child(odd).wsqxflow-2026__step-card { margin-right: 12px;}.wsqxflow-2026__step:nth-child(even).wsqxflow-2026__step-card { margin-left: 12px;}.wsqxflow-2026__step-arrow { position: absolute; top: 50%; width: 24px; height: 1px; background: var(--wsqxflow-main); opacity: 0.25;}.wsqxflow-2026__step:nth-child(odd).wsqxflow-2026__step-arrow { right: 58px;}.wsqxflow-2026__step:nth-child(even).wsqxflow-2026__step-arrow { left: 58px;}.wsqxflow-2026__step-head { position: relative; z-index: 2; display: flex; align-items: flex-start; gap: 17px;}.wsqxflow-2026__step-icon { display: flex; flex: 0 0 56px; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 17px; color: var(--wsqxflow-main); background: var(--wsqxflow-soft); transition: color 0.35s ease, background 0.35s ease, transform 0.35s ease;}.wsqxflow-2026__step-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.wsqxflow-2026__step-card:hover .wsqxflow-2026__step-icon { color: #ffffff; background: var(--wsqxflow-main); transform: rotate(-5deg) scale(1.05);}.wsqxflow-2026__step-content { min-width: 0;}.wsqxflow-2026__step-label { display: block; margin-bottom: 6px; color: var(--wsqxflow-main); font-size: 11px; font-weight: 800; line-height: 1.4; letter-spacing: 1.3px; text-transform: uppercase;}.wsqxflow-2026__step-title { margin-bottom: 10px; color: var(--wsqxflow-dark); font-size: 21px; font-weight: 820; line-height: 1.35;}.wsqxflow-2026__step-description { margin: 0; color: var(--wsqxflow-muted); font-size: 14px; line-height: 1.75;}.wsqxflow-2026__step-tags { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; padding-left: 73px;}.wsqxflow-2026__step-tag { display: inline-flex; align-items: center; min-height: 29px; padding: 5px 11px; border: 1px solid var(--wsqxflow-line); border-radius: 999px; color: var(--wsqxflow-text); background: #ffffff; font-size: 11px; font-weight: 700; line-height: 1.4;}.wsqxflow-2026__cta { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; margin-top: 55px; padding: 30px 34px; overflow: hidden; border: 1px solid var(--wsqxflow-line); border-radius: 24px; background: linear-gradient( 120deg, var(--wsqxflow-soft), #ffffff );}.wsqxflow-2026__cta::before { content: ""; position: absolute; top: -95px; right: 180px; width: 200px; height: 200px; border-radius: 50%; background: var(--wsqxflow-main); opacity: 0.04;}.wsqxflow-2026__cta-content { position: relative; z-index: 2; display: flex; align-items: center; gap: 17px;}.wsqxflow-2026__cta-icon { display: flex; flex: 0 0 56px; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; color: #ffffff; background: var(--wsqxflow-main); box-shadow: 0 12px 26px rgba(20, 95, 83, 0.2);}.wsqxflow-2026__cta-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.wsqxflow-2026__cta-title { margin-bottom: 4px; color: var(--wsqxflow-dark); font-size: 19px; font-weight: 820; line-height: 1.4;}.wsqxflow-2026__cta-text { margin: 0; color: var(--wsqxflow-muted); font-size: 14px; line-height: 1.65;}.wsqxflow-2026__cta-button { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 12px 23px; border: 1px solid var(--wsqxflow-main); border-radius: 999px; color: #ffffff; background: var(--wsqxflow-main); box-shadow: 0 12px 26px rgba(20, 95, 83, 0.17); font-size: 14px; font-weight: 800; line-height: 1.4; text-decoration: none; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;}.wsqxflow-2026__cta-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s ease;}.wsqxflow-2026__cta-button:hover { color: var(--wsqxflow-main); background: #ffffff; box-shadow: 0 16px 34px rgba(20, 95, 83, 0.2); transform: translateY(-3px);}.wsqxflow-2026__cta-button:hover svg { transform: translateX(4px);}@media (max-width: 991px) { .wsqxflow-2026 { padding: 70px 18px; } .wsqxflow-2026__top { grid-template-columns: 1fr; gap: 32px; margin-bottom: 50px; } .wsqxflow-2026__summary { max-width: 520px; } .wsqxflow-2026__timeline::before { left: 29px; transform: none; } .wsqxflow-2026__step { grid-template-columns: 59px minmax(0, 1fr); min-height: auto; } .wsqxflow-2026__step-center { grid-column: 1; grid-row: 1; align-self: start; padding-top: 28px; } .wsqxflow-2026__step-card, .wsqxflow-2026__step:nth-child(odd) .wsqxflow-2026__step-card, .wsqxflow-2026__step:nth-child(even) .wsqxflow-2026__step-card { grid-column: 2; grid-row: 1; margin: 0; } .wsqxflow-2026__step-arrow { display: none; } .wsqxflow-2026__step-dot { width: 48px; height: 48px; border-width: 7px; font-size: 13px; }}@media (max-width: 600px) { .wsqxflow-2026 { padding: 52px 15px; } .wsqxflow-2026__top { margin-bottom: 38px; } .wsqxflow-2026__title { font-size: 31px; letter-spacing: -0.6px; } .wsqxflow-2026__description { font-size: 15px; line-height: 1.75; } .wsqxflow-2026__summary { padding: 20px; border-radius: 20px; } .wsqxflow-2026__summary-grid { gap: 10px; } .wsqxflow-2026__summary-item { padding: 13px; } .wsqxflow-2026__summary-number { font-size: 21px; } .wsqxflow-2026__timeline { gap: 17px; } .wsqxflow-2026__timeline::before { top: 25px; bottom: 25px; left: 20px; } .wsqxflow-2026__step { grid-template-columns: 42px minmax(0, 1fr); } .wsqxflow-2026__step-center { padding-top: 22px; } .wsqxflow-2026__step-dot { width: 38px; height: 38px; border-width: 5px; font-size: 11px; } .wsqxflow-2026__step-dot::before { inset: -9px; } .wsqxflow-2026__step-card { padding: 21px 18px; border-radius: 18px; } .wsqxflow-2026__step-card::after { right: 10px; bottom: -8px; font-size: 62px; } .wsqxflow-2026__step-head { gap: 13px; } .wsqxflow-2026__step-icon { flex-basis: 48px; width: 48px; height: 48px; border-radius: 14px; } .wsqxflow-2026__step-icon svg { width: 23px; height: 23px; } .wsqxflow-2026__step-title { margin-bottom: 7px; font-size: 17px; } .wsqxflow-2026__step-description { font-size: 13px; line-height: 1.65; } .wsqxflow-2026__step-tags { gap: 6px; margin-top: 15px; padding-left: 61px; } .wsqxflow-2026__step-tag { min-height: 27px; padding: 4px 9px; font-size: 10px; } .wsqxflow-2026__cta { grid-template-columns: 1fr; gap: 22px; margin-top: 38px; padding: 23px 20px; } .wsqxflow-2026__cta-content { align-items: flex-start; } .wsqxflow-2026__cta-icon { flex-basis: 48px; width: 48px; height: 48px; border-radius: 15px; } .wsqxflow-2026__cta-title { font-size: 17px; } .wsqxflow-2026__cta-button { width: 100%; }}.wsqxflow-2026 { --wsqxflow-main: var(--ws-bg-title, #145f53); --wsqxflow-dark: #172b27; --wsqxflow-text: #253a35; --wsqxflow-muted: #6c7c78; --wsqxflow-line: #dce8e4; --wsqxflow-soft: #f2f8f6; --wsqxflow-white: #ffffff; position: relative; width: 100%; padding: 90px 20px; overflow: hidden; background: radial-gradient( circle at 10% 10%, rgba(22, 110, 92, 0.08), transparent 30% ), radial-gradient( circle at 92% 85%, rgba(22, 110, 92, 0.08), transparent 30% ), #ffffff;}.wsqxflow-2026,.wsqxflow-2026 * { box-sizing: border-box;}.wsqxflow-2026::before { content: ""; position: absolute; top: 80px; left: -90px; width: 220px; height: 220px; border: 42px solid var(--wsqxflow-main); border-radius: 50%; opacity: 0.035; pointer-events: none;}.wsqxflow-2026::after { content: ""; position: absolute; right: -150px; bottom: -150px; width: 420px; height: 420px; border-radius: 50%; background: var(--wsqxflow-main); opacity: 0.035; pointer-events: none;}.wsqxflow-2026__container { position: relative; z-index: 2; width: 100%; max-width: 1200px; margin: 0 auto;}.wsqxflow-2026__top { display: grid; grid-template-columns: minmax(0, 1fr) 370px; align-items: end; gap: 60px; margin-bottom: 68px;}.wsqxflow-2026__intro { max-width: 720px;}.wsqxflow-2026__eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 16px; color: var(--wsqxflow-main); font-size: 13px; font-weight: 800; line-height: 1.4; letter-spacing: 1.6px; text-transform: uppercase;}.wsqxflow-2026__eyebrow::before { content: ""; width: 38px; height: 3px; border-radius: 999px; background: var(--wsqxflow-main);}.wsqxflow-2026__title { max-width: 680px; margin-bottom: 20px; color: var(--wsqxflow-dark); font-size: clamp(32px, 4.5vw, 52px); font-weight: 850; line-height: 1.15; letter-spacing: -1.2px;}.wsqxflow-2026__title span { position: relative; display: inline-block; color: var(--wsqxflow-main);}.wsqxflow-2026__title span::after { content: ""; position: absolute; right: 0; bottom: 1px; left: 0; height: 8px; border-radius: 999px; background: var(--wsqxflow-main); opacity: 0.13; z-index: -1;}.wsqxflow-2026__description { max-width: 650px; margin: 0; color: var(--wsqxflow-muted); font-size: 16px; line-height: 1.8;}.wsqxflow-2026__summary { position: relative; padding: 27px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 24px; color: #ffffff; background: linear-gradient( 135deg, var(--wsqxflow-main), var(--wsqxflow-dark) ); box-shadow: 0 22px 50px rgba(20, 64, 54, 0.2);}.wsqxflow-2026__summary::before { content: ""; position: absolute; top: -70px; right: -70px; width: 180px; height: 180px; border: 35px solid rgba(255, 255, 255, 0.08); border-radius: 50%;}.wsqxflow-2026__summary::after { content: ""; position: absolute; right: 20px; bottom: -60px; width: 150px; height: 150px; border-radius: 50%; background: rgba(255, 255, 255, 0.05);}.wsqxflow-2026__summary-label { position: relative; z-index: 2; margin-bottom: 19px; color: rgba(255, 255, 255, 0.72); font-size: 12px; font-weight: 750; line-height: 1.5; letter-spacing: 1.4px; text-transform: uppercase;}.wsqxflow-2026__summary-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px;}.wsqxflow-2026__summary-item { padding: 16px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 16px; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}.wsqxflow-2026__summary-number { display: block; margin-bottom: 3px; color: #ffffff; font-size: 25px; font-weight: 850; line-height: 1.2;}.wsqxflow-2026__summary-text { display: block; color: rgba(255, 255, 255, 0.72); font-size: 12px; line-height: 1.5;}.wsqxflow-2026__timeline { position: relative; display: flex; flex-direction: column; gap: 26px;}.wsqxflow-2026__timeline::before { content: ""; position: absolute; top: 36px; bottom: 36px; left: 50%; width: 2px; background: linear-gradient( to bottom, transparent, var(--wsqxflow-main) 8%, var(--wsqxflow-main) 92%, transparent ); opacity: 0.22; transform: translateX(-50%);}.wsqxflow-2026__step { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 82px minmax(0, 1fr); align-items: center; min-height: 180px;}.wsqxflow-2026__step-card { position: relative; width: 100%; padding: 29px 30px; overflow: hidden; border: 1px solid var(--wsqxflow-line); border-radius: 22px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 14px 38px rgba(24, 65, 56, 0.07); transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;}.wsqxflow-2026__step:nth-child(odd) .wsqxflow-2026__step-card { grid-column: 1;}.wsqxflow-2026__step:nth-child(even) .wsqxflow-2026__step-card { grid-column: 3;}.wsqxflow-2026__step-card::before { content: ""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: var(--wsqxflow-main); transform: scaleY(0.25); transform-origin: center; transition: transform 0.35s ease;}.wsqxflow-2026__step-card::after { content: attr(data-step); position: absolute; right: 20px; bottom: -15px; color: var(--wsqxflow-main); font-size: 88px; font-weight: 900; line-height: 1; opacity: 0.045; pointer-events: none;}.wsqxflow-2026__step-card:hover { border-color: var(--wsqxflow-main); box-shadow: 0 22px 55px rgba(24, 65, 56, 0.13); transform: translateY(-7px);}.wsqxflow-2026__step-card:hover::before { transform: scaleY(1);}.wsqxflow-2026__step-center { position: relative; z-index: 3; grid-column: 2; display: flex; align-items: center; justify-content: center;}.wsqxflow-2026__step-dot { position: relative; display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border: 8px solid #ffffff; border-radius: 50%; color: #ffffff; background: var(--wsqxflow-main); box-shadow: 0 0 0 1px var(--wsqxflow-line), 0 10px 26px rgba(20, 95, 83, 0.25); font-size: 15px; font-weight: 850; line-height: 1; transition: transform 0.35s ease, box-shadow 0.35s ease;}.wsqxflow-2026__step-dot::before { content: ""; position: absolute; inset: -15px; border: 1px solid var(--wsqxflow-main); border-radius: 50%; opacity: 0.18;}.wsqxflow-2026__step:hover .wsqxflow-2026__step-dot { transform: scale(1.12); box-shadow: 0 0 0 1px var(--wsqxflow-line), 0 13px 30px rgba(20, 95, 83, 0.35);}.wsqxflow-2026__step:nth-child(odd).wsqxflow-2026__step-card::selection { background: transparent;}.wsqxflow-2026__step:nth-child(odd).wsqxflow-2026__step-card { margin-right: 12px;}.wsqxflow-2026__step:nth-child(even).wsqxflow-2026__step-card { margin-left: 12px;}.wsqxflow-2026__step-arrow { position: absolute; top: 50%; width: 24px; height: 1px; background: var(--wsqxflow-main); opacity: 0.25;}.wsqxflow-2026__step:nth-child(odd).wsqxflow-2026__step-arrow { right: 58px;}.wsqxflow-2026__step:nth-child(even).wsqxflow-2026__step-arrow { left: 58px;}.wsqxflow-2026__step-head { position: relative; z-index: 2; display: flex; align-items: flex-start; gap: 17px;}.wsqxflow-2026__step-icon { display: flex; flex: 0 0 56px; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 17px; color: var(--wsqxflow-main); background: var(--wsqxflow-soft); transition: color 0.35s ease, background 0.35s ease, transform 0.35s ease;}.wsqxflow-2026__step-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.wsqxflow-2026__step-card:hover .wsqxflow-2026__step-icon { color: #ffffff; background: var(--wsqxflow-main); transform: rotate(-5deg) scale(1.05);}.wsqxflow-2026__step-content { min-width: 0;}.wsqxflow-2026__step-label { display: block; margin-bottom: 6px; color: var(--wsqxflow-main); font-size: 11px; font-weight: 800; line-height: 1.4; letter-spacing: 1.3px; text-transform: uppercase;}.wsqxflow-2026__step-title { margin-bottom: 10px; color: var(--wsqxflow-dark); font-size: 21px; font-weight: 820; line-height: 1.35;}.wsqxflow-2026__step-description { margin: 0; color: var(--wsqxflow-muted); font-size: 14px; line-height: 1.75;}.wsqxflow-2026__step-tags { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; padding-left: 73px;}.wsqxflow-2026__step-tag { display: inline-flex; align-items: center; min-height: 29px; padding: 5px 11px; border: 1px solid var(--wsqxflow-line); border-radius: 999px; color: var(--wsqxflow-text); background: #ffffff; font-size: 11px; font-weight: 700; line-height: 1.4;}.wsqxflow-2026__cta { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; margin-top: 55px; padding: 30px 34px; overflow: hidden; border: 1px solid var(--wsqxflow-line); border-radius: 24px; background: linear-gradient( 120deg, var(--wsqxflow-soft), #ffffff );}.wsqxflow-2026__cta::before { content: ""; position: absolute; top: -95px; right: 180px; width: 200px; height: 200px; border-radius: 50%; background: var(--wsqxflow-main); opacity: 0.04;}.wsqxflow-2026__cta-content { position: relative; z-index: 2; display: flex; align-items: center; gap: 17px;}.wsqxflow-2026__cta-icon { display: flex; flex: 0 0 56px; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; color: #ffffff; background: var(--wsqxflow-main); box-shadow: 0 12px 26px rgba(20, 95, 83, 0.2);}.wsqxflow-2026__cta-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.wsqxflow-2026__cta-title { margin-bottom: 4px; color: var(--wsqxflow-dark); font-size: 19px; font-weight: 820; line-height: 1.4;}.wsqxflow-2026__cta-text { margin: 0; color: var(--wsqxflow-muted); font-size: 14px; line-height: 1.65;}.wsqxflow-2026__cta-button { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 12px 23px; border: 1px solid var(--wsqxflow-main); border-radius: 999px; color: #ffffff; background: var(--wsqxflow-main); box-shadow: 0 12px 26px rgba(20, 95, 83, 0.17); font-size: 14px; font-weight: 800; line-height: 1.4; text-decoration: none; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;}.wsqxflow-2026__cta-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s ease;}.wsqxflow-2026__cta-button:hover { color: var(--wsqxflow-main); background: #ffffff; box-shadow: 0 16px 34px rgba(20, 95, 83, 0.2); transform: translateY(-3px);}.wsqxflow-2026__cta-button:hover svg { transform: translateX(4px);}@media (max-width: 991px) { .wsqxflow-2026 { padding: 70px 18px; } .wsqxflow-2026__top { grid-template-columns: 1fr; gap: 32px; margin-bottom: 50px; } .wsqxflow-2026__summary { max-width: 520px; } .wsqxflow-2026__timeline::before { left: 29px; transform: none; } .wsqxflow-2026__step { grid-template-columns: 59px minmax(0, 1fr); min-height: auto; } .wsqxflow-2026__step-center { grid-column: 1; grid-row: 1; align-self: start; padding-top: 28px; } .wsqxflow-2026__step-card, .wsqxflow-2026__step:nth-child(odd) .wsqxflow-2026__step-card, .wsqxflow-2026__step:nth-child(even) .wsqxflow-2026__step-card { grid-column: 2; grid-row: 1; margin: 0; } .wsqxflow-2026__step-arrow { display: none; } .wsqxflow-2026__step-dot { width: 48px; height: 48px; border-width: 7px; font-size: 13px; }}@media (max-width: 600px) { .wsqxflow-2026 { padding: 52px 15px; } .wsqxflow-2026__top { margin-bottom: 38px; } .wsqxflow-2026__title { font-size: 31px; letter-spacing: -0.6px; } .wsqxflow-2026__description { font-size: 15px; line-height: 1.75; } .wsqxflow-2026__summary { padding: 20px; border-radius: 20px; } .wsqxflow-2026__summary-grid { gap: 10px; } .wsqxflow-2026__summary-item { padding: 13px; } .wsqxflow-2026__summary-number { font-size: 21px; } .wsqxflow-2026__timeline { gap: 17px; } .wsqxflow-2026__timeline::before { top: 25px; bottom: 25px; left: 20px; } .wsqxflow-2026__step { grid-template-columns: 42px minmax(0, 1fr); } .wsqxflow-2026__step-center { padding-top: 22px; } .wsqxflow-2026__step-dot { width: 38px; height: 38px; border-width: 5px; font-size: 11px; } .wsqxflow-2026__step-dot::before { inset: -9px; } .wsqxflow-2026__step-card { padding: 21px 18px; border-radius: 18px; } .wsqxflow-2026__step-card::after { right: 10px; bottom: -8px; font-size: 62px; } .wsqxflow-2026__step-head { gap: 13px; } .wsqxflow-2026__step-icon { flex-basis: 48px; width: 48px; height: 48px; border-radius: 14px; } .wsqxflow-2026__step-icon svg { width: 23px; height: 23px; } .wsqxflow-2026__step-title { margin-bottom: 7px; font-size: 17px; } .wsqxflow-2026__step-description { font-size: 13px; line-height: 1.65; } .wsqxflow-2026__step-tags { gap: 6px; margin-top: 15px; padding-left: 61px; } .wsqxflow-2026__step-tag { min-height: 27px; padding: 4px 9px; font-size: 10px; } .wsqxflow-2026__cta { grid-template-columns: 1fr; gap: 22px; margin-top: 38px; padding: 23px 20px; } .wsqxflow-2026__cta-content { align-items: flex-start; } .wsqxflow-2026__cta-icon { flex-basis: 48px; width: 48px; height: 48px; border-radius: 15px; } .wsqxflow-2026__cta-title { font-size: 17px; } .wsqxflow-2026__cta-button { width: 100%; }}.wsqxflow-2026 { --wsqxflow-main: var(--ws-bg-title, #145f53); --wsqxflow-dark: #172b27; --wsqxflow-text: #253a35; --wsqxflow-muted: #6c7c78; --wsqxflow-line: #dce8e4; --wsqxflow-soft: #f2f8f6; --wsqxflow-white: #ffffff; position: relative; width: 100%; padding: 90px 20px; overflow: hidden; background: radial-gradient( circle at 10% 10%, rgba(22, 110, 92, 0.08), transparent 30% ), radial-gradient( circle at 92% 85%, rgba(22, 110, 92, 0.08), transparent 30% ), #ffffff;}.wsqxflow-2026,.wsqxflow-2026 * { box-sizing: border-box;}.wsqxflow-2026::before { content: ""; position: absolute; top: 80px; left: -90px; width: 220px; height: 220px; border: 42px solid var(--wsqxflow-main); border-radius: 50%; opacity: 0.035; pointer-events: none;}.wsqxflow-2026::after { content: ""; position: absolute; right: -150px; bottom: -150px; width: 420px; height: 420px; border-radius: 50%; background: var(--wsqxflow-main); opacity: 0.035; pointer-events: none;}.wsqxflow-2026__container { position: relative; z-index: 2; width: 100%; max-width: 1200px; margin: 0 auto;}.wsqxflow-2026__top { display: grid; grid-template-columns: minmax(0, 1fr) 370px; align-items: end; gap: 60px; margin-bottom: 68px;}.wsqxflow-2026__intro { max-width: 720px;}.wsqxflow-2026__eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 16px; color: var(--wsqxflow-main); font-size: 13px; font-weight: 800; line-height: 1.4; letter-spacing: 1.6px; text-transform: uppercase;}.wsqxflow-2026__eyebrow::before { content: ""; width: 38px; height: 3px; border-radius: 999px; background: var(--wsqxflow-main);}.wsqxflow-2026__title { max-width: 680px; margin-bottom: 20px; color: var(--wsqxflow-dark); font-size: clamp(32px, 4.5vw, 52px); font-weight: 850; line-height: 1.15; letter-spacing: -1.2px;}.wsqxflow-2026__title span { position: relative; display: inline-block; color: var(--wsqxflow-main);}.wsqxflow-2026__title span::after { content: ""; position: absolute; right: 0; bottom: 1px; left: 0; height: 8px; border-radius: 999px; background: var(--wsqxflow-main); opacity: 0.13; z-index: -1;}.wsqxflow-2026__description { max-width: 650px; margin: 0; color: var(--wsqxflow-muted); font-size: 16px; line-height: 1.8;}.wsqxflow-2026__summary { position: relative; padding: 27px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 24px; color: #ffffff; background: linear-gradient( 135deg, var(--wsqxflow-main), var(--wsqxflow-dark) ); box-shadow: 0 22px 50px rgba(20, 64, 54, 0.2);}.wsqxflow-2026__summary::before { content: ""; position: absolute; top: -70px; right: -70px; width: 180px; height: 180px; border: 35px solid rgba(255, 255, 255, 0.08); border-radius: 50%;}.wsqxflow-2026__summary::after { content: ""; position: absolute; right: 20px; bottom: -60px; width: 150px; height: 150px; border-radius: 50%; background: rgba(255, 255, 255, 0.05);}.wsqxflow-2026__summary-label { position: relative; z-index: 2; margin-bottom: 19px; color: rgba(255, 255, 255, 0.72); font-size: 12px; font-weight: 750; line-height: 1.5; letter-spacing: 1.4px; text-transform: uppercase;}.wsqxflow-2026__summary-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px;}.wsqxflow-2026__summary-item { padding: 16px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 16px; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}.wsqxflow-2026__summary-number { display: block; margin-bottom: 3px; color: #ffffff; font-size: 25px; font-weight: 850; line-height: 1.2;}.wsqxflow-2026__summary-text { display: block; color: rgba(255, 255, 255, 0.72); font-size: 12px; line-height: 1.5;}.wsqxflow-2026__timeline { position: relative; display: flex; flex-direction: column; gap: 26px;}.wsqxflow-2026__timeline::before { content: ""; position: absolute; top: 36px; bottom: 36px; left: 50%; width: 2px; background: linear-gradient( to bottom, transparent, var(--wsqxflow-main) 8%, var(--wsqxflow-main) 92%, transparent ); opacity: 0.22; transform: translateX(-50%);}.wsqxflow-2026__step { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 82px minmax(0, 1fr); align-items: center; min-height: 180px;}.wsqxflow-2026__step-card { position: relative; width: 100%; padding: 29px 30px; overflow: hidden; border: 1px solid var(--wsqxflow-line); border-radius: 22px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 14px 38px rgba(24, 65, 56, 0.07); transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;}.wsqxflow-2026__step:nth-child(odd) .wsqxflow-2026__step-card { grid-column: 1;}.wsqxflow-2026__step:nth-child(even) .wsqxflow-2026__step-card { grid-column: 3;}.wsqxflow-2026__step-card::before { content: ""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: var(--wsqxflow-main); transform: scaleY(0.25); transform-origin: center; transition: transform 0.35s ease;}.wsqxflow-2026__step-card::after { content: attr(data-step); position: absolute; right: 20px; bottom: -15px; color: var(--wsqxflow-main); font-size: 88px; font-weight: 900; line-height: 1; opacity: 0.045; pointer-events: none;}.wsqxflow-2026__step-card:hover { border-color: var(--wsqxflow-main); box-shadow: 0 22px 55px rgba(24, 65, 56, 0.13); transform: translateY(-7px);}.wsqxflow-2026__step-card:hover::before { transform: scaleY(1);}.wsqxflow-2026__step-center { position: relative; z-index: 3; grid-column: 2; display: flex; align-items: center; justify-content: center;}.wsqxflow-2026__step-dot { position: relative; display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border: 8px solid #ffffff; border-radius: 50%; color: #ffffff; background: var(--wsqxflow-main); box-shadow: 0 0 0 1px var(--wsqxflow-line), 0 10px 26px rgba(20, 95, 83, 0.25); font-size: 15px; font-weight: 850; line-height: 1; transition: transform 0.35s ease, box-shadow 0.35s ease;}.wsqxflow-2026__step-dot::before { content: ""; position: absolute; inset: -15px; border: 1px solid var(--wsqxflow-main); border-radius: 50%; opacity: 0.18;}.wsqxflow-2026__step:hover .wsqxflow-2026__step-dot { transform: scale(1.12); box-shadow: 0 0 0 1px var(--wsqxflow-line), 0 13px 30px rgba(20, 95, 83, 0.35);}.wsqxflow-2026__step:nth-child(odd).wsqxflow-2026__step-card::selection { background: transparent;}.wsqxflow-2026__step:nth-child(odd).wsqxflow-2026__step-card { margin-right: 12px;}.wsqxflow-2026__step:nth-child(even).wsqxflow-2026__step-card { margin-left: 12px;}.wsqxflow-2026__step-arrow { position: absolute; top: 50%; width: 24px; height: 1px; background: var(--wsqxflow-main); opacity: 0.25;}.wsqxflow-2026__step:nth-child(odd).wsqxflow-2026__step-arrow { right: 58px;}.wsqxflow-2026__step:nth-child(even).wsqxflow-2026__step-arrow { left: 58px;}.wsqxflow-2026__step-head { position: relative; z-index: 2; display: flex; align-items: flex-start; gap: 17px;}.wsqxflow-2026__step-icon { display: flex; flex: 0 0 56px; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 17px; color: var(--wsqxflow-main); background: var(--wsqxflow-soft); transition: color 0.35s ease, background 0.35s ease, transform 0.35s ease;}.wsqxflow-2026__step-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.wsqxflow-2026__step-card:hover .wsqxflow-2026__step-icon { color: #ffffff; background: var(--wsqxflow-main); transform: rotate(-5deg) scale(1.05);}.wsqxflow-2026__step-content { min-width: 0;}.wsqxflow-2026__step-label { display: block; margin-bottom: 6px; color: var(--wsqxflow-main); font-size: 11px; font-weight: 800; line-height: 1.4; letter-spacing: 1.3px; text-transform: uppercase;}.wsqxflow-2026__step-title { margin-bottom: 10px; color: var(--wsqxflow-dark); font-size: 21px; font-weight: 820; line-height: 1.35;}.wsqxflow-2026__step-description { margin: 0; color: var(--wsqxflow-muted); font-size: 14px; line-height: 1.75;}.wsqxflow-2026__step-tags { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; padding-left: 73px;}.wsqxflow-2026__step-tag { display: inline-flex; align-items: center; min-height: 29px; padding: 5px 11px; border: 1px solid var(--wsqxflow-line); border-radius: 999px; color: var(--wsqxflow-text); background: #ffffff; font-size: 11px; font-weight: 700; line-height: 1.4;}.wsqxflow-2026__cta { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; margin-top: 55px; padding: 30px 34px; overflow: hidden; border: 1px solid var(--wsqxflow-line); border-radius: 24px; background: linear-gradient( 120deg, var(--wsqxflow-soft), #ffffff );}.wsqxflow-2026__cta::before { content: ""; position: absolute; top: -95px; right: 180px; width: 200px; height: 200px; border-radius: 50%; background: var(--wsqxflow-main); opacity: 0.04;}.wsqxflow-2026__cta-content { position: relative; z-index: 2; display: flex; align-items: center; gap: 17px;}.wsqxflow-2026__cta-icon { display: flex; flex: 0 0 56px; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; color: #ffffff; background: var(--wsqxflow-main); box-shadow: 0 12px 26px rgba(20, 95, 83, 0.2);}.wsqxflow-2026__cta-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.wsqxflow-2026__cta-title { margin-bottom: 4px; color: var(--wsqxflow-dark); font-size: 19px; font-weight: 820; line-height: 1.4;}.wsqxflow-2026__cta-text { margin: 0; color: var(--wsqxflow-muted); font-size: 14px; line-height: 1.65;}.wsqxflow-2026__cta-button { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 12px 23px; border: 1px solid var(--wsqxflow-main); border-radius: 999px; color: #ffffff; background: var(--wsqxflow-main); box-shadow: 0 12px 26px rgba(20, 95, 83, 0.17); font-size: 14px; font-weight: 800; line-height: 1.4; text-decoration: none; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;}.wsqxflow-2026__cta-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s ease;}.wsqxflow-2026__cta-button:hover { color: var(--wsqxflow-main); background: #ffffff; box-shadow: 0 16px 34px rgba(20, 95, 83, 0.2); transform: translateY(-3px);}.wsqxflow-2026__cta-button:hover svg { transform: translateX(4px);}@media (max-width: 991px) { .wsqxflow-2026 { padding: 70px 18px; } .wsqxflow-2026__top { grid-template-columns: 1fr; gap: 32px; margin-bottom: 50px; } .wsqxflow-2026__summary { max-width: 520px; } .wsqxflow-2026__timeline::before { left: 29px; transform: none; } .wsqxflow-2026__step { grid-template-columns: 59px minmax(0, 1fr); min-height: auto; } .wsqxflow-2026__step-center { grid-column: 1; grid-row: 1; align-self: start; padding-top: 28px; } .wsqxflow-2026__step-card, .wsqxflow-2026__step:nth-child(odd) .wsqxflow-2026__step-card, .wsqxflow-2026__step:nth-child(even) .wsqxflow-2026__step-card { grid-column: 2; grid-row: 1; margin: 0; } .wsqxflow-2026__step-arrow { display: none; } .wsqxflow-2026__step-dot { width: 48px; height: 48px; border-width: 7px; font-size: 13px; }}@media (max-width: 600px) { .wsqxflow-2026 { padding: 52px 15px; } .wsqxflow-2026__top { margin-bottom: 38px; } .wsqxflow-2026__title { font-size: 31px; letter-spacing: -0.6px; } .wsqxflow-2026__description { font-size: 15px; line-height: 1.75; } .wsqxflow-2026__summary { padding: 20px; border-radius: 20px; } .wsqxflow-2026__summary-grid { gap: 10px; } .wsqxflow-2026__summary-item { padding: 13px; } .wsqxflow-2026__summary-number { font-size: 21px; } .wsqxflow-2026__timeline { gap: 17px; } .wsqxflow-2026__timeline::before { top: 25px; bottom: 25px; left: 20px; } .wsqxflow-2026__step { grid-template-columns: 42px minmax(0, 1fr); } .wsqxflow-2026__step-center { padding-top: 22px; } .wsqxflow-2026__step-dot { width: 38px; height: 38px; border-width: 5px; font-size: 11px; } .wsqxflow-2026__step-dot::before { inset: -9px; } .wsqxflow-2026__step-card { padding: 21px 18px; border-radius: 18px; } .wsqxflow-2026__step-card::after { right: 10px; bottom: -8px; font-size: 62px; } .wsqxflow-2026__step-head { gap: 13px; } .wsqxflow-2026__step-icon { flex-basis: 48px; width: 48px; height: 48px; border-radius: 14px; } .wsqxflow-2026__step-icon svg { width: 23px; height: 23px; } .wsqxflow-2026__step-title { margin-bottom: 7px; font-size: 17px; } .wsqxflow-2026__step-description { font-size: 13px; line-height: 1.65; } .wsqxflow-2026__step-tags { gap: 6px; margin-top: 15px; padding-left: 61px; } .wsqxflow-2026__step-tag { min-height: 27px; padding: 4px 9px; font-size: 10px; } .wsqxflow-2026__cta { grid-template-columns: 1fr; gap: 22px; margin-top: 38px; padding: 23px 20px; } .wsqxflow-2026__cta-content { align-items: flex-start; } .wsqxflow-2026__cta-icon { flex-basis: 48px; width: 48px; height: 48px; border-radius: 15px; } .wsqxflow-2026__cta-title { font-size: 17px; } .wsqxflow-2026__cta-button { width: 100%; }}.kvgthome-section { position: relative; width: 100%; padding: 80px 20px; overflow: hidden; background: radial-gradient( circle at 8% 15%, rgba(10, 145, 82, 0.08), transparent 25% ), linear-gradient(180deg, #ffffff 0%, #f8fbf9 100%); box-sizing: border-box;}.kvgthome-section::before { content: ""; position: absolute; top: 70px; right: -100px; width: 280px; height: 280px; border: 50px solid rgba(10, 145, 82, 0.035); border-radius: 50%; pointer-events: none;}.kvgthome-section::after { content: ""; position: absolute; left: 0; bottom: 0; width: 190px; height: 190px; background-image: linear-gradient(rgba(10, 145, 82, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(10, 145, 82, 0.07) 1px, transparent 1px); background-size: 20px 20px; mask-image: linear-gradient(to top right, #000, transparent 75%); pointer-events: none;}.kvgthome-container { max-width: 1300px; position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); align-items: center; gap: 70px; margin: 0 auto;}.kvgthome-media { position: relative; min-width: 0;}.kvgthome-image-wrap { position: relative; min-height: 590px; overflow: hidden; border-radius: 28px 28px 100px 28px; background: #e8efeb; box-shadow: 0 24px 60px rgba(20, 54, 37, 0.16);}.kvgthome-image { display: block; width: 100%; height: 590px; object-fit: cover; object-position: center; transition: transform 0.8s ease;}.kvgthome-image-wrap:hover .kvgthome-image { transform: scale(1.045);}.kvgthome-image-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, transparent 50%, rgba(2, 45, 25, 0.62) 100% ); pointer-events: none;}.kvgthome-experience { position: absolute; top: 25px; left: 25px; display: flex; flex-direction: column; justify-content: center; width: 125px; height: 125px; padding: 15px; border: 5px solid rgba(255, 255, 255, 0.78); border-radius: 50%; color: #fff; text-align: center; background: rgba(0, 134, 75, 0.92); box-sizing: border-box; box-shadow: 0 12px 30px rgba(3, 92, 51, 0.25); backdrop-filter: blur(6px);}.kvgthome-experience strong { font-size: 34px; line-height: 1; font-weight: 800;}.kvgthome-experience span { margin-top: 7px; font-size: 12px; line-height: 1.35; font-weight: 600;}.kvgthome-image-label { position: absolute; right: 25px; bottom: 25px; left: 25px; display: flex; align-items: center; gap: 13px; padding: 16px 18px; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 16px; color: #fff; background: rgba(2, 48, 27, 0.7); backdrop-filter: blur(10px);}.kvgthome-image-label__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 46px; width: 46px; height: 46px; border-radius: 13px; color: #087d49; background: #fff;}.kvgthome-image-label__icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.kvgthome-image-label > span:last-child { display: flex; flex-direction: column;}.kvgthome-image-label small { margin-bottom: 3px; font-size: 12px; opacity: 0.8;}.kvgthome-image-label strong { font-size: 16px; line-height: 1.4;}.kvgthome-shape { position: absolute; z-index: -1; pointer-events: none;}.kvgthome-shape--one { top: -18px; right: -18px; width: 150px; height: 150px; border: 2px solid rgba(7, 145, 82, 0.17); border-radius: 24px; transform: rotate(8deg);}.kvgthome-shape--two { left: -30px; bottom: -30px; width: 145px; height: 145px; border-radius: 50%; background: rgba(7, 145, 82, 0.08);}.kvgthome-content { min-width: 0;}.kvgthome-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 15px; color: #07854c; font-size: 14px; line-height: 1.4; font-weight: 800; letter-spacing: 1.1px; text-transform: uppercase;}.kvgthome-eyebrow span { display: block; width: 34px; height: 2px; background: #07854c;}.kvgthome-content h2 { margin: 0 0 22px; color: #15241d; font-size: 24px; line-height: 1.18; font-weight: 800; letter-spacing: -1px;}.kvgthome-description { margin-bottom: 25px;}.kvgthome-description p { margin: 0 0 14px; color: #5d6762; font-size: 15px; line-height: 1.85;}.kvgthome-description p:last-child { margin-bottom: 0;}.kvgthome-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin-bottom: 24px;}.kvgthome-feature { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border: 1px solid #e3ece7; border-radius: 15px; background: #fff; box-shadow: 0 8px 25px rgba(32, 72, 50, 0.05); transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;}.kvgthome-feature:hover { transform: translateY(-4px); border-color: rgba(7, 145, 82, 0.28); box-shadow: 0 14px 30px rgba(32, 72, 50, 0.1);}.kvgthome-feature__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 12px; color: #07854c; background: #eaf8f1; transition: color 0.3s ease, background 0.3s ease;}.kvgthome-feature:hover .kvgthome-feature__icon { color: #fff; background: #07854c;}.kvgthome-feature__icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.kvgthome-feature > span:last-child { display: flex; flex-direction: column;}.kvgthome-feature strong { margin-bottom: 4px; color: #22332b; font-size: 15px; line-height: 1.4;}.kvgthome-feature small { color: #768079; font-size: 12px; line-height: 1.55;}.kvgthome-slogan { position: relative; display: flex; align-items: center; gap: 14px; margin: 0 0 28px; padding: 18px 20px; overflow: hidden; border-left: 4px solid #07854c; border-radius: 0 14px 14px 0; background: linear-gradient(90deg, #ecf8f2, #f8fcfa);}.kvgthome-slogan::after { content: ""; position: absolute; right: -30px; bottom: -45px; width: 110px; height: 110px; border-radius: 50%; background: rgba(7, 145, 82, 0.06);}.kvgthome-slogan__mark { flex: 0 0 auto; color: #07854c; font-size: 46px; line-height: 0.8; font-weight: 800;}.kvgthome-slogan p { position: relative; z-index: 2; margin: 0; color: #1f392c; font-size: 16px; line-height: 1.6; font-weight: 700; font-style: italic;}.kvgthome-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px;}.kvgthome-button { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 52px; padding: 0 23px; overflow: hidden; border-radius: 12px; color: #fff; text-decoration: none; background: linear-gradient(135deg, #079153, #056d40); box-shadow: 0 12px 25px rgba(7, 145, 82, 0.24); transition: transform 0.3s ease, box-shadow 0.3s ease;}.kvgthome-button:hover { transform: translateY(-3px); box-shadow: 0 17px 32px rgba(7, 145, 82, 0.34);}.kvgthome-button span { font-size: 14px; font-weight: 700;}.kvgthome-button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s ease;}.kvgthome-button:hover svg { transform: translateX(5px);}.kvgthome-contact { display: inline-flex; align-items: center; gap: 11px; color: inherit; text-decoration: none;}.kvgthome-contact__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 48px; width: 48px; height: 48px; border: 1px solid #dce9e2; border-radius: 50%; color: #07854c; background: #fff; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease;}.kvgthome-contact:hover .kvgthome-contact__icon { color: #fff; background: #07854c; transform: rotate(-8deg);}.kvgthome-contact__icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.kvgthome-contact > span:last-child { display: flex; flex-direction: column;}.kvgthome-contact small { margin-bottom: 2px; color: #7b857f; font-size: 11px;}.kvgthome-contact strong { color: #1f2f27; font-size: 16px;}@media (max-width: 1024px) { .kvgthome-section { padding: 65px 20px; } .kvgthome-container { gap: 40px; } .kvgthome-image-wrap, .kvgthome-image { min-height: 540px; height: 540px; } .kvgthome-features { grid-template-columns: 1fr; }}@media (max-width: 850px) { .kvgthome-container { grid-template-columns: 1fr; gap: 45px; } .kvgthome-media { max-width: 680px; width: 100%; margin: 0 auto; } .kvgthome-image-wrap { min-height: 520px; } .kvgthome-image { height: 520px; } .kvgthome-content { text-align: left; }}@media (max-width: 600px) { .kvgthome-section { padding: 50px 15px; } .kvgthome-container { gap: 35px; } .kvgthome-image-wrap { min-height: 430px; border-radius: 22px 22px 65px 22px; } .kvgthome-image { height: 430px; } .kvgthome-experience { top: 15px; left: 15px; width: 100px; height: 100px; border-width: 4px; } .kvgthome-experience strong { font-size: 27px; } .kvgthome-experience span { font-size: 10px; } .kvgthome-image-label { right: 15px; bottom: 15px; left: 15px; padding: 13px; } .kvgthome-image-label__icon { flex-basis: 40px; width: 40px; height: 40px; } .kvgthome-image-label strong { font-size: 14px; } .kvgthome-content h2 { margin-bottom: 17px; font-size: 29px; } .kvgthome-description p { font-size: 14px; line-height: 1.75; } .kvgthome-features { gap: 12px; } .kvgthome-feature { padding: 14px; } .kvgthome-actions { align-items: stretch; flex-direction: column; gap: 17px; } .kvgthome-button { width: 100%; box-sizing: border-box; } .kvgthome-contact { justify-content: center; }}.kvprocess-section { position: relative; width: 100%; padding: 85px 20px; overflow: hidden; background: radial-gradient( circle at 10% 15%, rgba(5, 142, 80, 0.08), transparent 25% ), linear-gradient(180deg, #f8fcfa 0%, #ffffff 100%); box-sizing: border-box;}.kvprocess-section::before { content: ""; position: absolute; top: -130px; right: -130px; width: 330px; height: 330px; border: 55px solid rgba(5, 142, 80, 0.04); border-radius: 50%; pointer-events: none;}.kvprocess-section::after { content: ""; position: absolute; bottom: 0; left: 0; width: 220px; height: 220px; background-image: linear-gradient(rgba(5, 142, 80, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(5, 142, 80, 0.07) 1px, transparent 1px); background-size: 20px 20px; mask-image: linear-gradient(to top right, #000, transparent 75%); pointer-events: none;}.kvprocess-container { position: relative; z-index: 2; max-width: 1300px; margin: 0 auto;}.kvprocess-heading { max-width: 760px; margin: 0 auto 55px; text-align: center;}.kvprocess-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 14px; color: #07864d; font-size: 14px; line-height: 1.4; font-weight: 800; letter-spacing: 1px; text-transform: uppercase;}.kvprocess-eyebrow span { display: block; width: 34px; height: 2px; background: #07864d;}.kvprocess-heading h2 { margin: 0 0 16px; color: #17271f; font-size: clamp(30px, 4vw, 46px); line-height: 1.2; font-weight: 800; letter-spacing: -0.8px;}.kvprocess-heading p { margin: 0; color: #657069; font-size: 16px; line-height: 1.75;}.kvprocess-timeline { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px;}.kvprocess-timeline::before { content: ""; position: absolute; top: 31px; right: 12%; left: 12%; z-index: 0; height: 2px; background: repeating-linear-gradient( 90deg, rgba(7, 134, 77, 0.28) 0, rgba(7, 134, 77, 0.28) 8px, transparent 8px, transparent 16px );}.kvprocess-item { position: relative; z-index: 1; padding-top: 62px;}.kvprocess-number { position: absolute; top: 0; left: 50%; z-index: 3; display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; border: 6px solid #f8fcfa; border-radius: 50%; color: #fff; font-size: 17px; line-height: 1; font-weight: 800; background: linear-gradient(135deg, #0aa761, #056e40); box-shadow: 0 10px 25px rgba(5, 142, 80, 0.24); transform: translateX(-50%); box-sizing: border-box; transition: transform 0.35s ease, box-shadow 0.35s ease;}.kvprocess-card { position: relative; height: 100%; min-height: 270px; padding: 34px 26px 26px; overflow: hidden; border: 1px solid #e1ebe5; border-radius: 22px; background: #fff; box-shadow: 0 12px 35px rgba(28, 69, 47, 0.07); box-sizing: border-box; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;}.kvprocess-card::before { content: ""; position: absolute; top: 0; right: 0; width: 90px; height: 90px; border-radius: 0 0 0 100%; background: rgba(7, 134, 77, 0.05); transition: width 0.35s ease, height 0.35s ease;}.kvprocess-card::after { content: ""; position: absolute; right: 25px; bottom: 0; left: 25px; height: 3px; border-radius: 3px 3px 0 0; background: linear-gradient(90deg, #079252, #29c67c); transform: scaleX(0); transform-origin: center; transition: transform 0.35s ease;}.kvprocess-item:hover .kvprocess-card { transform: translateY(-9px); border-color: rgba(7, 134, 77, 0.26); box-shadow: 0 22px 45px rgba(28, 69, 47, 0.14);}.kvprocess-item:hover .kvprocess-card::before { width: 130px; height: 130px;}.kvprocess-item:hover .kvprocess-card::after { transform: scaleX(1);}.kvprocess-item:hover .kvprocess-number { transform: translateX(-50%) scale(1.08) rotate(-5deg); box-shadow: 0 15px 30px rgba(5, 142, 80, 0.34);}.kvprocess-icon { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; margin-bottom: 19px; border-radius: 17px; color: #07864d; background: #eaf8f1; transition: color 0.35s ease, background 0.35s ease, transform 0.35s ease;}.kvprocess-icon svg { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}.kvprocess-item:hover .kvprocess-icon { color: #fff; background: #07864d; transform: rotate(-5deg) scale(1.05);}.kvprocess-content { position: relative; z-index: 2;}.kvprocess-content > span { display: block; margin-bottom: 7px; color: #07864d; font-size: 11px; line-height: 1.4; font-weight: 800; letter-spacing: 1.1px; text-transform: uppercase;}.kvprocess-content h3 { margin: 0 0 12px; color: #1c2e24; font-size: 21px; line-height: 1.35; font-weight: 750;}.kvprocess-content p { margin: 0; color: #6b756f; font-size: 14px; line-height: 1.75;}.kvprocess-bottom { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 42px; padding: 24px 28px; overflow: hidden; border: 1px solid rgba(7, 134, 77, 0.14); border-radius: 20px; background: linear-gradient( 135deg, rgba(234, 248, 241, 0.9), rgba(255, 255, 255, 0.95) );}.kvprocess-bottom-content { display: flex; align-items: center; gap: 15px;}.kvprocess-bottom-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 52px; width: 52px; height: 52px; border-radius: 15px; color: #fff; background: #07864d; box-shadow: 0 9px 20px rgba(7, 134, 77, 0.22);}.kvprocess-bottom-icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.kvprocess-bottom-content > span:last-child { display: flex; flex-direction: column;}.kvprocess-bottom-content strong { margin-bottom: 4px; color: #20332a; font-size: 17px; line-height: 1.4;}.kvprocess-bottom-content small { color: #68736d; font-size: 13px; line-height: 1.6;}.kvprocess-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 10px; min-height: 50px; padding: 0 22px; border-radius: 12px; color: #fff; text-decoration: none; background: linear-gradient(135deg, #079252, #056c3f); box-shadow: 0 10px 24px rgba(7, 134, 77, 0.24); transition: transform 0.3s ease, box-shadow 0.3s ease;}.kvprocess-button:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(7, 134, 77, 0.34);}.kvprocess-button span { font-size: 14px; font-weight: 700; white-space: nowrap;}.kvprocess-button svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s ease;}.kvprocess-button:hover svg { transform: translateX(5px);}@media (max-width: 991px) { .kvprocess-section { padding: 70px 20px; } .kvprocess-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); } .kvprocess-timeline::before { display: none; } .kvprocess-card { min-height: 250px; }}@media (max-width: 640px) { .kvprocess-section { padding: 55px 15px; } .kvprocess-heading { margin-bottom: 38px; } .kvprocess-heading h2 { font-size: 29px; } .kvprocess-heading p { font-size: 14px; } .kvprocess-timeline { grid-template-columns: 1fr; gap: 22px; } .kvprocess-item { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: flex-start; gap: 13px; padding-top: 0; } .kvprocess-item::after { content: ""; position: absolute; top: 48px; bottom: -23px; left: 23px; width: 2px; background: repeating-linear-gradient( 180deg, rgba(7, 134, 77, 0.28) 0, rgba(7, 134, 77, 0.28) 7px, transparent 7px, transparent 14px ); } .kvprocess-item:last-child::after { display: none; } .kvprocess-number { position: relative; top: 0; left: 0; width: 48px; height: 48px; border-width: 4px; font-size: 13px; transform: none; } .kvprocess-item:hover .kvprocess-number { transform: scale(1.06); } .kvprocess-card { min-height: auto; padding: 22px 18px; border-radius: 17px; } .kvprocess-icon { width: 50px; height: 50px; margin-bottom: 15px; border-radius: 14px; } .kvprocess-icon svg { width: 25px; height: 25px; } .kvprocess-content h3 { font-size: 19px; } .kvprocess-content p { font-size: 13px; } .kvprocess-bottom { align-items: stretch; flex-direction: column; margin-top: 32px; padding: 20px; } .kvprocess-bottom-content { align-items: flex-start; } .kvprocess-button { width: 100%; box-sizing: border-box; }}.kvwhy-section { position: relative; width: 100%; padding: 85px 20px; overflow: hidden; background: radial-gradient( circle at 6% 18%, rgba(7, 137, 78, 0.09), transparent 25% ), linear-gradient(180deg, #ffffff 0%, #f6faf8 100%); box-sizing: border-box;}.kvwhy-section::before { content: ""; position: absolute; top: -150px; right: -130px; width: 360px; height: 360px; border: 58px solid rgba(7, 137, 78, 0.04); border-radius: 50%; pointer-events: none;}.kvwhy-section::after { content: ""; position: absolute; bottom: 0; left: 0; width: 240px; height: 240px; background-image: linear-gradient(rgba(7, 137, 78, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 137, 78, 0.07) 1px, transparent 1px); background-size: 20px 20px; mask-image: linear-gradient(to top right, #000, transparent 75%); pointer-events: none;}.kvwhy-container { position: relative; z-index: 2; max-width: 1300px; margin: 0 auto;}.kvwhy-heading { max-width: 760px; margin: 0 auto 55px; text-align: center;}.kvwhy-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 14px; color: #087f49; font-size: 14px; line-height: 1.4; font-weight: 800; letter-spacing: 1.1px; text-transform: uppercase;}.kvwhy-eyebrow span { display: block; width: 34px; height: 2px; background: #087f49;}.kvwhy-heading h2 { margin: 0 0 17px; color: #16271e; font-size: clamp(31px, 4vw, 47px); line-height: 1.18; font-weight: 800; letter-spacing: -0.9px;}.kvwhy-heading p { margin: 0; color: #667169; font-size: 16px; line-height: 1.8;}.kvwhy-layout { display: grid; grid-template-columns: minmax(300px, 0.76fr) minmax(0, 1.45fr); align-items: stretch; gap: 28px;}.kvwhy-feature { min-width: 0;}.kvwhy-feature__image { position: relative; height: 100%; min-height: 630px; overflow: hidden; border-radius: 26px; background: #dce8e1; box-shadow: 0 22px 55px rgba(27, 66, 46, 0.16);}.kvwhy-feature__image > img { display: block; width: 100%; height: 100%; min-height: 630px; object-fit: cover; object-position: center; transition: transform 0.8s ease;}.kvwhy-feature__image:hover > img { transform: scale(1.055);}.kvwhy-feature__overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(1, 27, 15, 0.05) 25%, rgba(1, 38, 21, 0.9) 100% ); pointer-events: none;}.kvwhy-feature__content { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; padding: 38px 32px 32px; color: #fff;}.kvwhy-feature__label { display: inline-flex; align-items: center; min-height: 28px; margin-bottom: 14px; padding: 0 12px; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 20px; font-size: 11px; font-weight: 750; letter-spacing: 0.8px; text-transform: uppercase; background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(7px);}.kvwhy-feature__content > strong { display: block; margin-bottom: 14px; font-size: 28px; line-height: 1.3; font-weight: 800;}.kvwhy-feature__content p { margin: 0 0 21px; color: rgba(255, 255, 255, 0.82); font-size: 14px; line-height: 1.75;}.kvwhy-feature__content a { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 18px; border-radius: 11px; color: #087b48; text-decoration: none; background: #fff; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.14); transition: transform 0.3s ease, box-shadow 0.3s ease;}.kvwhy-feature__content a:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);}.kvwhy-feature__content a span { font-size: 13px; font-weight: 750;}.kvwhy-feature__content a svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s ease;}.kvwhy-feature__content a:hover svg { transform: translateX(5px);}.kvwhy-feature__badge { position: absolute; top: 24px; left: 24px; z-index: 3; display: flex; align-items: center; gap: 11px; padding: 11px 14px; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 14px; color: #fff; background: rgba(2, 66, 36, 0.72); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.14); backdrop-filter: blur(9px);}.kvwhy-feature__badge > span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 39px; width: 39px; height: 39px; border-radius: 11px; color: #087d49; background: #fff;}.kvwhy-feature__badge svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.kvwhy-feature__badge div { display: flex; flex-direction: column;}.kvwhy-feature__badge strong { margin-bottom: 2px; font-size: 14px;}.kvwhy-feature__badge small { font-size: 10px; opacity: 0.78;}.kvwhy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}.kvwhy-card { position: relative; min-width: 0; min-height: 195px; padding: 25px 23px; overflow: hidden; border: 1px solid #e1eae5; border-radius: 20px; background: #fff; box-shadow: 0 10px 30px rgba(28, 68, 47, 0.06); box-sizing: border-box; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;}.kvwhy-card::before { content: ""; position: absolute; right: -45px; bottom: -55px; width: 125px; height: 125px; border-radius: 50%; background: rgba(7, 137, 78, 0.055); transition: transform 0.4s ease, background 0.4s ease;}.kvwhy-card::after { content: ""; position: absolute; right: 22px; bottom: 0; left: 22px; height: 3px; border-radius: 3px 3px 0 0; background: linear-gradient(90deg, #07864d, #31c982); transform: scaleX(0); transform-origin: center; transition: transform 0.35s ease;}.kvwhy-card:hover { transform: translateY(-8px); border-color: rgba(7, 137, 78, 0.28); box-shadow: 0 20px 42px rgba(28, 68, 47, 0.13);}.kvwhy-card:hover::before { transform: scale(1.35); background: rgba(7, 137, 78, 0.08);}.kvwhy-card:hover::after { transform: scaleX(1);}.kvwhy-card__number { position: absolute; top: 20px; right: 20px; color: rgba(7, 137, 78, 0.1); font-size: 41px; line-height: 1; font-weight: 850; transition: color 0.35s ease, transform 0.35s ease;}.kvwhy-card:hover .kvwhy-card__number { color: rgba(7, 137, 78, 0.17); transform: scale(1.08);}.kvwhy-card__icon { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 53px; height: 53px; margin-bottom: 17px; border-radius: 15px; color: #07864d; background: #eaf8f1; transition: color 0.35s ease, background 0.35s ease, transform 0.35s ease;}.kvwhy-card__icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;}.kvwhy-card:hover .kvwhy-card__icon { color: #fff; background: #07864d; transform: rotate(-5deg) scale(1.06);}.kvwhy-card h3 { position: relative; z-index: 2; margin: 0 0 10px; color: #1d3026; font-size: 19px; line-height: 1.4; font-weight: 750; transition: color 0.3s ease;}.kvwhy-card:hover h3 { color: #087d49;}.kvwhy-card p { position: relative; z-index: 2; margin: 0; color: #6a756e; font-size: 13px; line-height: 1.75;}.kvwhy-bottom { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 38px; padding: 24px 27px; border: 1px solid rgba(7, 137, 78, 0.16); border-radius: 20px; background: linear-gradient( 135deg, rgba(232, 248, 240, 0.92), rgba(255, 255, 255, 0.96) );}.kvwhy-bottom__content { display: flex; align-items: center; gap: 14px;}.kvwhy-bottom__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 52px; width: 52px; height: 52px; border-radius: 15px; color: #fff; background: #07864d; box-shadow: 0 9px 22px rgba(7, 134, 77, 0.24);}.kvwhy-bottom__icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.kvwhy-bottom__content > span:last-child { display: flex; flex-direction: column;}.kvwhy-bottom__content small { margin-bottom: 4px; color: #748078; font-size: 12px;}.kvwhy-bottom__content strong { color: #203329; font-size: 16px; line-height: 1.5;}.kvwhy-bottom__actions { display: flex; align-items: center; gap: 18px;}.kvwhy-hotline { display: flex; flex-direction: column; color: inherit; text-align: right; text-decoration: none;}.kvwhy-hotline small { margin-bottom: 2px; color: #78827c; font-size: 10px;}.kvwhy-hotline strong { color: #087d49; font-size: 17px; line-height: 1.3;}.kvwhy-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 10px; min-height: 50px; padding: 0 21px; border-radius: 12px; color: #fff; text-decoration: none; background: linear-gradient(135deg, #079152, #056c3f); box-shadow: 0 10px 24px rgba(7, 134, 77, 0.24); transition: transform 0.3s ease, box-shadow 0.3s ease;}.kvwhy-button:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(7, 134, 77, 0.34);}.kvwhy-button span { font-size: 13px; font-weight: 750; white-space: nowrap;}.kvwhy-button svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s ease;}.kvwhy-button:hover svg { transform: translateX(5px);}@media (max-width: 1050px) { .kvwhy-layout { grid-template-columns: 1fr; } .kvwhy-feature__image, .kvwhy-feature__image > img { min-height: 520px; } .kvwhy-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .kvwhy-card { min-height: 220px; }}@media (max-width: 850px) { .kvwhy-section { padding: 70px 20px; } .kvwhy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .kvwhy-card { min-height: 205px; } .kvwhy-bottom { align-items: stretch; flex-direction: column; } .kvwhy-bottom__actions { justify-content: space-between; } .kvwhy-hotline { text-align: left; }}@media (max-width: 600px) { .kvwhy-section { padding: 55px 15px; } .kvwhy-heading { margin-bottom: 38px; } .kvwhy-heading h2 { font-size: 29px; } .kvwhy-heading p { font-size: 14px; } .kvwhy-feature__image, .kvwhy-feature__image > img { min-height: 470px; } .kvwhy-feature__image { border-radius: 21px; } .kvwhy-feature__content { padding: 30px 20px 23px; } .kvwhy-feature__content > strong { font-size: 23px; } .kvwhy-feature__content p { font-size: 13px; } .kvwhy-feature__badge { top: 15px; left: 15px; } .kvwhy-grid { grid-template-columns: 1fr; gap: 15px; } .kvwhy-card { min-height: auto; padding: 21px 19px; border-radius: 17px; } .kvwhy-card__icon { width: 49px; height: 49px; margin-bottom: 14px; } .kvwhy-card h3 { font-size: 18px; } .kvwhy-bottom { margin-top: 28px; padding: 20px; } .kvwhy-bottom__content { align-items: flex-start; } .kvwhy-bottom__actions { align-items: stretch; flex-direction: column; gap: 14px; } .kvwhy-button { width: 100%; box-sizing: border-box; }}.wscamket-pro { --wscamket-main: var(--ws-bg-title, #176b5b); --wscamket-text: #25332f; --wscamket-muted: #68746f; --wscamket-border: #e6ece9; position: relative; width: 100%; padding: 75px 20px; box-sizing: border-box; overflow: hidden; background: #f7faf9;}.wscamket-pro,.wscamket-pro * { box-sizing: border-box;}.wscamket-pro::before { content: ""; position: absolute; top: -160px; right: -160px; width: 420px; height: 420px; border-radius: 50%; background: var(--wscamket-main); opacity: 0.06; pointer-events: none;}.wscamket-pro::after { content: ""; position: absolute; bottom: -130px; left: -130px; width: 330px; height: 330px; border: 55px solid var(--wscamket-main); border-radius: 50%; opacity: 0.035; pointer-events: none;}.wscamket-pro__container { position: relative; z-index: 2; width: 100%; max-width: 1200px; margin: 0 auto;}.wscamket-pro__header { max-width: 730px; margin: 0 auto 42px; text-align: center;}.wscamket-pro__label { display: inline-flex; align-items: center; justify-content: center; gap: 9px; margin-bottom: 14px; color: var(--wscamket-main); font-size: 13px; font-weight: 800; line-height: 1.4; letter-spacing: 1.5px; text-transform: uppercase;}.wscamket-pro__label::before,.wscamket-pro__label::after { content: ""; width: 30px; height: 2px; border-radius: 10px; background: var(--wscamket-main); opacity: 0.55;}.wscamket-pro__title { margin: 0 0 15px; color: var(--wscamket-text); font-size: clamp(28px, 4vw, 42px); font-weight: 800; line-height: 1.25;}.wscamket-pro__title strong { color: var(--wscamket-main); font-weight: inherit;}.wscamket-pro__description { max-width: 650px; margin: 0 auto; color: var(--wscamket-muted); font-size: 16px; line-height: 1.75;}.wscamket-pro__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px;}.wscamket-pro__item { position: relative; min-width: 0; padding: 30px 24px 27px; border: 1px solid var(--wscamket-border); border-radius: 18px; background: #ffffff; box-shadow: 0 12px 35px rgba(24, 55, 47, 0.06); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; overflow: hidden;}.wscamket-pro__item::before { content: ""; position: absolute; top: 0; left: 24px; right: 24px; height: 3px; border-radius: 0 0 10px 10px; background: var(--wscamket-main); transform: scaleX(0); transform-origin: center; transition: transform 0.35s ease;}.wscamket-pro__item::after { content: attr(data-number); position: absolute; top: 13px; right: 18px; color: var(--wscamket-main); font-size: 50px; font-weight: 900; line-height: 1; opacity: 0.045; pointer-events: none;}.wscamket-pro__item:hover { transform: translateY(-8px); border-color: var(--wscamket-main); box-shadow: 0 20px 45px rgba(24, 55, 47, 0.12);}.wscamket-pro__item:hover::before { transform: scaleX(1);}.wscamket-pro__icon { display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; margin-bottom: 22px; border-radius: 17px; color: var(--wscamket-main); background: #eef6f3; transition: color 0.35s ease, background 0.35s ease, transform 0.35s ease;}.wscamket-pro__icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.wscamket-pro__item:hover .wscamket-pro__icon { color: #ffffff; background: var(--wscamket-main); transform: rotate(-4deg) scale(1.05);}.wscamket-pro__item-title { margin: 0 0 11px; color: var(--wscamket-text); font-size: 19px; font-weight: 800; line-height: 1.4;}.wscamket-pro__item-description { margin: 0; color: var(--wscamket-muted); font-size: 14px; line-height: 1.75;}.wscamket-pro__bottom { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 28px; padding: 23px 27px; border-radius: 18px; color: #ffffff; background: var(--wscamket-main); box-shadow: 0 15px 35px rgba(24, 55, 47, 0.15);}.wscamket-pro__bottom-content { display: flex; align-items: center; gap: 15px; min-width: 0;}.wscamket-pro__bottom-icon { display: flex; flex: 0 0 46px; align-items: center; justify-content: center; width: 46px; height: 46px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 50%; background: rgba(255, 255, 255, 0.12);}.wscamket-pro__bottom-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}.wscamket-pro__bottom-text strong { display: block; margin-bottom: 3px; font-size: 17px; line-height: 1.4;}.wscamket-pro__bottom-text span { display: block; color: rgba(255, 255, 255, 0.82); font-size: 14px; line-height: 1.6;}.wscamket-pro__button { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 9px; min-height: 46px; padding: 11px 21px; border: 1px solid #ffffff; border-radius: 999px; color: var(--wscamket-main); background: #ffffff; font-size: 14px; font-weight: 800; line-height: 1.4; text-decoration: none; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease;}.wscamket-pro__button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s ease;}.wscamket-pro__button:hover { color: #ffffff; background: transparent; transform: translateY(-2px);}.wscamket-pro__button:hover svg { transform: translateX(4px);}@media (max-width: 991px) { .wscamket-pro { padding: 60px 18px; } .wscamket-pro__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 600px) { .wscamket-pro { padding: 48px 15px; } .wscamket-pro__header { margin-bottom: 30px; } .wscamket-pro__title { font-size: 28px; } .wscamket-pro__description { font-size: 15px; } .wscamket-pro__grid { grid-template-columns: 1fr; gap: 15px; } .wscamket-pro__item { display: grid; grid-template-columns: 55px minmax(0, 1fr); column-gap: 16px; padding: 22px 19px; } .wscamket-pro__icon { grid-row: 1 / span 2; width: 55px; height: 55px; margin: 0; border-radius: 15px; } .wscamket-pro__icon svg { width: 27px; height: 27px; } .wscamket-pro__item-title { margin-bottom: 6px; font-size: 17px; } .wscamket-pro__item-description { font-size: 13px; line-height: 1.65; } .wscamket-pro__bottom { align-items: flex-start; flex-direction: column; padding: 21px; } .wscamket-pro__button { width: 100%; }}.payment-icons { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 10px;} .payment-icons .pay-item { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 40px; padding: 5px 6px; background: rgba(255, 255, 255, .18); border: 1px solid rgba(255, 255, 255, .28); border-radius: 8px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);} .payment-icons .pay-item svg { width: 100%; height: 100%; display: block;}.social-icons { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 12px;} .social-icons .social-item { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: #333; box-shadow: 0 3px 8px rgba(0, 0, 0, .15); text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;} .social-icons .social-item:hover { transform: translateY(-3px); box-shadow: 0 8px 18px rgba(0, 0, 0, .25); filter: brightness(1.05);} .social-icons .social-item svg { width: 52%; height: 52%; fill: #fff; display: block;} .social-icons .fb { background: #1877f2; }.social-icons .yt { background: #ff0000; }.social-icons .msg { background: linear-gradient(45deg, #0a7cff, #9c2cf3 55%, #ff5f6d); }.social-icons .tiktok { background: #010101; }.social-icons .li { background: #0a66c2; }.social-icons { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 12px;} .social-icons .social-item { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: #333; box-shadow: 0 3px 8px rgba(0, 0, 0, .15); text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;} .social-icons .social-item:hover { transform: translateY(-3px); box-shadow: 0 8px 18px rgba(0, 0, 0, .25); filter: brightness(1.05);} .social-icons .social-item svg { width: 52%; height: 52%; fill: #fff; display: block;} .social-icons .fb { background: #1877f2; }.social-icons .yt { background: #ff0000; }.social-icons .msg { background: linear-gradient(45deg, #0a7cff, #9c2cf3 55%, #ff5f6d); }.social-icons .tiktok { background: #010101; }.social-icons .li { background: #0a66c2; }.hp-reasons { position: relative; padding: 78px 20px; background: radial-gradient( circle at 5% 10%, rgba(232, 188, 85, 0.1), transparent 27% ), radial-gradient( circle at 95% 90%, rgba(7, 48, 30, 0.07), transparent 25% ), #f7f7f3; overflow: hidden;}.hp-reasons::before { position: absolute; top: -100px; right: -100px; width: 260px; height: 260px; border: 45px solid rgba(7, 48, 30, 0.035); border-radius: 50%; content: ""; pointer-events: none;}.hp-reasons__container { position: relative; z-index: 2; width: 100%; max-width: 1200px; margin: 0 auto;}.hp-reasons__heading { max-width: 760px; margin: 0 auto 42px; text-align: center;}.hp-reasons__label { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 15px; padding: 8px 15px; border: 1px solid rgba(7, 48, 30, 0.15); border-radius: 30px; background: rgba(7, 48, 30, 0.055); color: #0b432c; font-size: 12px; font-weight: 800; line-height: 1; letter-spacing: 0.7px; text-transform: uppercase;}.hp-reasons__label::before { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #e8bc55; box-shadow: 0 0 0 5px rgba(232, 188, 85, 0.16); content: "";}.hp-reasons__title { margin-bottom: 15px; color: #092f20; font-size: 40px; font-weight: 800; line-height: 1.22; letter-spacing: -0.7px;}.hp-reasons__title span { color: #b98522;}.hp-reasons__description { color: #627069; font-size: 15px; line-height: 1.75;}.hp-reasons__layout { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); align-items: stretch; gap: 28px;}.hp-reasons__visual { position: relative; min-height: 590px; border-radius: 28px; background: #07301e; box-shadow: 0 22px 55px rgba(7, 48, 30, 0.18); overflow: hidden;}.hp-reasons__visual::before { position: absolute; inset: 0; z-index: 1; background: linear-gradient( 180deg, rgba(4, 29, 18, 0.08) 20%, rgba(4, 29, 18, 0.88) 100% ); content: "";}.hp-reasons__visual img { width: 100%; height: 100%; min-height: 590px; display: block; object-fit: cover; transition: transform 0.8s ease;}.hp-reasons__visual:hover img { transform: scale(1.05);}.hp-reasons__visual-content { position: absolute; right: 0; bottom: 0; left: 0; z-index: 3; padding: 32px;}.hp-reasons__visual-label { display: inline-flex; align-items: center; margin-bottom: 14px; padding: 7px 12px; border: 1px solid rgba(232, 188, 85, 0.5); border-radius: 30px; background: rgba(7, 48, 30, 0.65); color: #f0ca68; font-size: 11px; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase; backdrop-filter: blur(8px);}.hp-reasons__visual-title { max-width: 430px; margin-bottom: 12px; color: #ffffff; font-size: 28px; font-weight: 800; line-height: 1.3;}.hp-reasons__visual-text { max-width: 430px; margin-bottom: 22px; color: rgba(255, 255, 255, 0.77); font-size: 14px; line-height: 1.7;}.hp-reasons__visual-action { display: flex; align-items: center; flex-wrap: wrap; gap: 12px;}.hp-reasons__button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 47px; padding: 11px 18px; border: 1px solid #f0ca68; border-radius: 11px; background: linear-gradient( 135deg, #f5d575 0%, #e8b940 55%, #d99e27 100% ); color: #07301e; font-size: 14px; font-weight: 800; line-height: 1; text-decoration: none; box-shadow: 0 10px 25px rgba(216, 156, 36, 0.25); overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;}.hp-reasons__button::before { position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.55), transparent ); content: ""; transform: skewX(-20deg); transition: left 0.6s ease;}.hp-reasons__button:hover { color: #07301e; box-shadow: 0 14px 30px rgba(216, 156, 36, 0.38); transform: translateY(-3px);}.hp-reasons__button:hover::before { left: 140%;}.hp-reasons__button svg { width: 17px; height: 17px;}.hp-reasons__hotline { display: inline-flex; align-items: center; gap: 9px; min-height: 47px; padding: 8px 13px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 11px; color: #ffffff; text-decoration: none; backdrop-filter: blur(8px); transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;}.hp-reasons__hotline:hover { border-color: rgba(232, 188, 85, 0.6); background: rgba(232, 188, 85, 0.1); color: #ffffff; transform: translateY(-3px);}.hp-reasons__hotline-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 9px; background: rgba(232, 188, 85, 0.15);}.hp-reasons__hotline-icon svg { width: 16px; height: 16px; fill: none; stroke: #e8bc55; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.hp-reasons__hotline-text { display: flex; flex-direction: column; gap: 2px;}.hp-reasons__hotline-text small { color: rgba(255, 255, 255, 0.65); font-size: 10px;}.hp-reasons__hotline-text strong { color: #ffffff; font-size: 14px;}.hp-reasons__list { display: flex; flex-direction: column; justify-content: center; gap: 14px;}.hp-reasons__item { position: relative; display: grid; grid-template-columns: 55px minmax(0, 1fr) auto; align-items: center; gap: 17px; min-height: 124px; padding: 19px 20px; border: 1px solid rgba(7, 48, 30, 0.11); border-radius: 18px; background: #ffffff; box-shadow: 0 10px 28px rgba(7, 48, 30, 0.06); overflow: hidden; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;}.hp-reasons__item::before { position: absolute; top: 0; bottom: 0; left: 0; width: 4px; background: linear-gradient( 180deg, #07301e, #155034, #e8bc55 ); content: ""; transform: scaleY(0.35); transform-origin: top; transition: transform 0.4s ease;}.hp-reasons__item::after { position: absolute; top: -45px; right: -45px; width: 115px; height: 115px; border-radius: 50%; background: rgba(232, 188, 85, 0.065); content: ""; transition: transform 0.4s ease;}.hp-reasons__item:hover { border-color: rgba(232, 188, 85, 0.55); box-shadow: 0 17px 38px rgba(7, 48, 30, 0.12); transform: translateX(7px);}.hp-reasons__item:hover::before { transform: scaleY(1);}.hp-reasons__item:hover::after { transform: scale(1.25);}.hp-reasons__icon { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 55px; height: 55px; border: 1px solid rgba(232, 188, 85, 0.28); border-radius: 16px; background: linear-gradient( 145deg, #0d432d, #07301e ); box-shadow: 0 8px 18px rgba(7, 48, 30, 0.15); transition: transform 0.35s ease;}.hp-reasons__item:hover .hp-reasons__icon { transform: rotate(-5deg) scale(1.07);}.hp-reasons__icon svg { width: 27px; height: 27px; fill: none; stroke: #e8bc55; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;}.hp-reasons__content { position: relative; z-index: 2; min-width: 0;}.hp-reasons__content strong { display: block; margin-bottom: 7px; color: #092f20; font-size: 17px; font-weight: 800; line-height: 1.4;}.hp-reasons__content p { margin: 0; color: #66736c; font-size: 14px; line-height: 1.7;}.hp-reasons__number { position: relative; z-index: 2; min-width: 38px; color: #b98522; font-size: 25px; font-weight: 800; line-height: 1; text-align: right; opacity: 0.42;}.hp-reasons__commitment { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px; margin-top: 28px; padding: 21px 24px; border: 1px solid rgba(232, 188, 85, 0.35); border-radius: 18px; background: radial-gradient( circle at 85% 20%, rgba(232, 188, 85, 0.14), transparent 30% ), linear-gradient( 135deg, #061d13 0%, #0b3825 55%, #0e472f 100% ); box-shadow: 0 15px 38px rgba(7, 48, 30, 0.2); overflow: hidden;}.hp-reasons__commitment-icon { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border: 1px solid rgba(232, 188, 85, 0.35); border-radius: 15px; background: rgba(232, 188, 85, 0.1);}.hp-reasons__commitment-icon svg { width: 27px; height: 27px; fill: none; stroke: #e8bc55; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.hp-reasons__commitment-content { position: relative; z-index: 2;}.hp-reasons__commitment-content strong { display: block; margin-bottom: 5px; color: #ffffff; font-size: 17px; font-weight: 800; line-height: 1.4;}.hp-reasons__commitment-content span { display: block; color: rgba(255, 255, 255, 0.72); font-size: 13px; line-height: 1.65;}.hp-reasons__zalo { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 17px; border: 1px solid #e8bc55; border-radius: 11px; background: transparent; color: #e8bc55; font-size: 13px; font-weight: 800; line-height: 1; text-decoration: none; white-space: nowrap; transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;}.hp-reasons__zalo:hover { background: #e8bc55; color: #07301e; transform: translateY(-3px);}@media (max-width: 991px) { .hp-reasons { padding: 62px 20px; } .hp-reasons__layout { grid-template-columns: 1fr; } .hp-reasons__visual { min-height: 500px; } .hp-reasons__visual img { min-height: 500px; }}@media (max-width: 767px) { .hp-reasons__title { font-size: 32px; } .hp-reasons__visual { min-height: 460px; border-radius: 22px; } .hp-reasons__visual img { min-height: 460px; } .hp-reasons__visual-content { padding: 25px 21px; } .hp-reasons__visual-title { font-size: 24px; } .hp-reasons__item { grid-template-columns: 50px minmax(0, 1fr); gap: 14px; min-height: auto; padding: 18px; } .hp-reasons__number { display: none; } .hp-reasons__icon { width: 50px; height: 50px; border-radius: 14px; } .hp-reasons__content strong { font-size: 15px; } .hp-reasons__content p { font-size: 13px; } .hp-reasons__commitment { grid-template-columns: 1fr; text-align: center; } .hp-reasons__commitment-icon { margin: 0 auto; } .hp-reasons__zalo { width: 100%; }}@media (max-width: 575px) { .hp-reasons { padding: 46px 15px; } .hp-reasons__heading { margin-bottom: 30px; } .hp-reasons__title { font-size: 28px; letter-spacing: -0.35px; } .hp-reasons__description { font-size: 14px; } .hp-reasons__visual-action { align-items: stretch; flex-direction: column; } .hp-reasons__button, .hp-reasons__hotline { width: 100%; }}@media (prefers-reduced-motion: reduce) { .hp-reasons__visual img, .hp-reasons__item, .hp-reasons__item::before, .hp-reasons__item::after, .hp-reasons__icon, .hp-reasons__button, .hp-reasons__button::before, .hp-reasons__hotline, .hp-reasons__zalo { transition: none; }}.dtkhpro-section,.dtkhpro-section * { box-sizing: border-box;}.dtkhpro-section { width: 100%; padding: 10px; overflow: hidden;}.dtkhpro-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 56px 38px 36px; position: relative; overflow: hidden; border: 1px solid rgba(22, 84, 163, 0.1); border-radius: 30px; background: radial-gradient( circle at 3% 5%, rgba(23, 104, 215, 0.11), transparent 25% ), radial-gradient( circle at 97% 95%, rgba(0, 169, 138, 0.1), transparent 27% ), linear-gradient( 145deg, #f6f9ff 0%, #ffffff 52%, #f4fffb 100% ); box-shadow: 0 28px 75px rgba(19, 47, 86, 0.09);}.dtkhpro-container::before,.dtkhpro-container::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none;}.dtkhpro-container::before { width: 280px; height: 280px; top: -180px; right: -120px; background: rgba(23, 104, 215, 0.05);}.dtkhpro-container::after { width: 220px; height: 220px; bottom: -140px; left: -90px; background: rgba(0, 169, 138, 0.06);}.dtkhpro-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 36px; position: relative; z-index: 3;}.dtkhpro-heading-content { max-width: 760px; min-width: 0;}.dtkhpro-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 11px; color: #1768d7; font-size: 13px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase;}.dtkhpro-eyebrow::before { content: ""; width: 28px; height: 1px; background: currentColor; opacity: 0.55;}.dtkhpro-heading h2 { margin: 0 0 13px; color: #12233f; font-size: clamp(30px, 4vw, 46px); line-height: 1.2;}.dtkhpro-heading p { margin: 0; color: #68768b; font-size: 16px; line-height: 1.75;}.dtkhpro-heading-stat { min-width: 175px; padding: 18px 21px; border: 1px solid rgba(23, 104, 215, 0.12); border-radius: 18px; background: rgba(255, 255, 255, 0.88); box-shadow: 0 12px 28px rgba(25, 54, 94, 0.08); text-align: center;}.dtkhpro-heading-stat strong { display: block; color: #1768d7; font-size: 29px; line-height: 1;}.dtkhpro-heading-stat span { display: block; margin-top: 6px; color: #768296; font-size: 11px;}.dtkhpro-layout { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.5fr); gap: 20px; position: relative; z-index: 2;}.dtkhpro-feature { min-width: 0; padding: 30px; position: relative; overflow: hidden; border-radius: 25px; color: #ffffff; background: radial-gradient( circle at 88% 10%, rgba(255, 255, 255, 0.13), transparent 29% ), linear-gradient( 145deg, #092f68, #1768d7 58%, #00967d ); box-shadow: 0 22px 50px rgba(13, 65, 132, 0.23);}.dtkhpro-feature-top { display: flex; align-items: center; justify-content: space-between; gap: 14px; position: relative; z-index: 2;}.dtkhpro-feature-label { color: #80efd1; font-size: 11px; font-weight: 700; letter-spacing: 0.9px; text-transform: uppercase;}.dtkhpro-feature-status { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 999px; color: rgba(255, 255, 255, 0.77); background: rgba(255, 255, 255, 0.08); font-size: 10px; white-space: nowrap;}.dtkhpro-feature-status i { width: 7px; height: 7px; border-radius: 50%; background: #80efd1; box-shadow: 0 0 0 4px rgba(128, 239, 209, 0.11);}.dtkhpro-feature-icon { width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; margin-top: 45px; position: relative; z-index: 2; border-radius: 20px; color: #075a8e; background: #80efd1; box-shadow: 0 12px 28px rgba(2, 25, 61, 0.22);}.dtkhpro-feature-icon svg { width: 33px; height: 33px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.dtkhpro-feature h3 { margin: 22px 0 13px; position: relative; z-index: 2; color: #ffffff; font-size: clamp(25px, 3vw, 35px); line-height: 1.3;}.dtkhpro-feature > p { margin: 0; position: relative; z-index: 2; color: rgba(255, 255, 255, 0.72); font-size: 14px; line-height: 1.75;}.dtkhpro-quote { margin: 24px 0; padding: 18px 18px 18px 43px; position: relative; z-index: 2; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 17px; background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(8px);}.dtkhpro-quote-mark { position: absolute; top: 7px; left: 13px; color: rgba(128, 239, 209, 0.38); font-size: 48px; font-weight: 800; line-height: 1;}.dtkhpro-quote p { margin: 0; color: rgba(255, 255, 255, 0.82); font-size: 13px; font-weight: 600; line-height: 1.65;}.dtkhpro-feature-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; position: relative; z-index: 2;}.dtkhpro-feature-stats > div { padding: 13px 9px; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 14px; background: rgba(255, 255, 255, 0.07); text-align: center;}.dtkhpro-feature-stats strong { display: block; color: #ffffff; font-size: 19px;}.dtkhpro-feature-stats span { display: block; margin-top: 4px; color: rgba(255, 255, 255, 0.58); font-size: 8px; line-height: 1.35;}.dtkhpro-feature-link { min-height: 47px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; margin-top: 25px; padding: 11px 19px; position: relative; z-index: 2; border-radius: 999px; color: #0d4f8e; background: #ffffff; font-size: 13px; font-weight: 700; text-decoration: none; transition: transform 0.3s ease, box-shadow 0.3s ease;}.dtkhpro-feature-link svg,.dtkhpro-bottom-link svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s ease;}.dtkhpro-feature-link:hover { transform: translateY(-3px); box-shadow: 0 13px 28px rgba(1, 20, 45, 0.25);}.dtkhpro-feature-link:hover svg,.dtkhpro-bottom-link:hover svg { transform: translateX(4px);}.dtkhpro-feature-circle { position: absolute; border-radius: 50%; pointer-events: none;}.dtkhpro-circle-one { width: 230px; height: 230px; top: -125px; right: -90px; border: 1px solid rgba(255, 255, 255, 0.11);}.dtkhpro-circle-two { width: 180px; height: 180px; right: -75px; bottom: -95px; background: rgba(255, 255, 255, 0.06);}.dtkhpro-partners { min-width: 0; padding: 25px; border: 1px solid rgba(23, 104, 215, 0.11); border-radius: 25px; background: rgba(255, 255, 255, 0.86); box-shadow: 0 15px 38px rgba(25, 54, 94, 0.08);}.dtkhpro-partners-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 20px;}.dtkhpro-partners-head span:first-child { display: block; margin-bottom: 5px; color: #1768d7; font-size: 10px; font-weight: 800; letter-spacing: 0.9px; text-transform: uppercase;}.dtkhpro-partners-head h3 { margin: 0; color: #172640; font-size: 22px; line-height: 1.35;}.dtkhpro-partners-badge { padding: 7px 10px; border-radius: 999px; color: #008a72; background: rgba(0, 169, 138, 0.09); font-size: 10px; font-weight: 700;}.dtkhpro-logo-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px;}.dtkhpro-logo-card { min-width: 0; overflow: hidden; border: 1px solid rgba(23, 104, 215, 0.09); border-radius: 17px; background: #ffffff; transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;}.dtkhpro-logo-card:hover { transform: translateY(-6px); border-color: rgba(23, 104, 215, 0.24); box-shadow: 0 17px 34px rgba(25, 54, 94, 0.11);}.dtkhpro-logo-box { height: 115px; display: flex; align-items: center; justify-content: center; padding: 19px; position: relative; overflow: hidden; background: linear-gradient( 145deg, #f8fbff, #f5fffb );}.dtkhpro-logo-box::before { content: ""; width: 90px; height: 90px; position: absolute; top: -50px; right: -42px; border-radius: 50%; background: rgba(23, 104, 215, 0.05);}.dtkhpro-logo-box img { width: 100%; max-width: 150px; max-height: 72px; display: block; position: relative; z-index: 2; object-fit: contain; filter: grayscale(1); opacity: 0.72; transition: filter 0.35s ease, opacity 0.35s ease, transform 0.35s ease;}.dtkhpro-logo-card:hover .dtkhpro-logo-box img { filter: grayscale(0); opacity: 1; transform: scale(1.05);}.dtkhpro-logo-info { padding: 13px; border-top: 1px solid rgba(23, 104, 215, 0.07);}.dtkhpro-logo-info strong { display: block; margin-bottom: 4px; color: #172640; font-size: 11px; line-height: 1.4;}.dtkhpro-logo-info span { display: block; color: #8390a2; font-size: 9px;}.dtkhpro-partners-footer { display: flex; align-items: flex-start; gap: 13px; margin-top: 17px; padding: 16px; border: 1px solid rgba(0, 169, 138, 0.1); border-radius: 16px; background: rgba(0, 169, 138, 0.05);}.dtkhpro-partners-footer-icon { width: 41px; height: 41px; flex: 0 0 41px; display: flex; align-items: center; justify-content: center; border-radius: 13px; color: #ffffff; background: linear-gradient(135deg, #1768d7, #00a98a);}.dtkhpro-partners-footer-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.dtkhpro-partners-footer strong { display: block; margin-bottom: 4px; color: #172640; font-size: 13px;}.dtkhpro-partners-footer span { display: block; color: #758195; font-size: 11px; line-height: 1.5;}.dtkhpro-bottom { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 12px; align-items: stretch; margin-top: 20px; position: relative; z-index: 3;}.dtkhpro-bottom-item { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 16px; border: 1px solid rgba(23, 104, 215, 0.1); border-radius: 16px; background: rgba(255, 255, 255, 0.84);}.dtkhpro-bottom-number { color: rgba(23, 104, 215, 0.2); font-size: 26px; font-weight: 800; line-height: 1;}.dtkhpro-bottom-item strong { display: block; margin-bottom: 3px; color: #172640; font-size: 13px;}.dtkhpro-bottom-item div span { display: block; color: #7a8698; font-size: 10px; line-height: 1.45;}.dtkhpro-bottom-link { min-height: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 13px 19px; border-radius: 16px; color: #ffffff; background: linear-gradient(135deg, #1768d7, #00a98a); box-shadow: 0 12px 26px rgba(23, 104, 215, 0.18); font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: transform 0.3s ease, box-shadow 0.3s ease;}.dtkhpro-bottom-link:hover { transform: translateY(-4px); box-shadow: 0 17px 32px rgba(23, 104, 215, 0.25);}@media (max-width: 1000px) { .dtkhpro-layout { grid-template-columns: 1fr; } .dtkhpro-feature { padding: 28px; } .dtkhpro-logo-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .dtkhpro-bottom { grid-template-columns: repeat(3, minmax(0, 1fr)); } .dtkhpro-bottom-link { grid-column: 1 / -1; min-height: 48px; }}@media (max-width: 760px) { .dtkhpro-container { padding: 44px 22px 28px; } .dtkhpro-heading { display: block; } .dtkhpro-heading-stat { width: fit-content; margin-top: 21px; } .dtkhpro-logo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 560px) { .dtkhpro-container { padding: 36px 15px 20px; border-radius: 20px; } .dtkhpro-heading p { font-size: 14px; } .dtkhpro-heading-stat { width: 100%; } .dtkhpro-feature { padding: 23px 18px; border-radius: 20px; } .dtkhpro-feature-top { align-items: flex-start; } .dtkhpro-feature-status { display: none; } .dtkhpro-feature-icon { width: 57px; height: 57px; margin-top: 32px; } .dtkhpro-feature h3 { font-size: 27px; } .dtkhpro-feature-stats { grid-template-columns: 1fr; } .dtkhpro-feature-link { width: 100%; } .dtkhpro-partners { padding: 20px 15px; border-radius: 20px; } .dtkhpro-logo-grid { grid-template-columns: 1fr; } .dtkhpro-logo-card { display: grid; grid-template-columns: 130px minmax(0, 1fr); align-items: center; } .dtkhpro-logo-box { height: 100px; } .dtkhpro-logo-info { border-top: 0; border-left: 1px solid rgba(23, 104, 215, 0.07); } .dtkhpro-bottom { grid-template-columns: 1fr; } .dtkhpro-bottom-link { grid-column: auto; }}@media (max-width: 390px) { .dtkhpro-logo-card { grid-template-columns: 1fr; } .dtkhpro-logo-info { border-top: 1px solid rgba(23, 104, 215, 0.07); border-left: 0; }}@media (prefers-reduced-motion: reduce) { .dtkhpro-feature-link, .dtkhpro-feature-link svg, .dtkhpro-logo-card, .dtkhpro-logo-box img, .dtkhpro-bottom-link, .dtkhpro-bottom-link svg { transition: none; }}.nlnbd-section,.nlnbd-section * { box-sizing: border-box;}.nlnbd-section { width: 100%; padding: 10px; overflow: hidden;}.nlnbd-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 56px 38px 36px; position: relative; overflow: hidden; border: 1px solid rgba(21, 82, 158, 0.1); border-radius: 30px; background: radial-gradient( circle at 5% 5%, rgba(23, 104, 215, 0.12), transparent 26% ), radial-gradient( circle at 96% 95%, rgba(0, 169, 138, 0.1), transparent 27% ), linear-gradient(145deg, #f6f9ff 0%, #ffffff 52%, #f4fffb 100%); box-shadow: 0 28px 75px rgba(19, 47, 86, 0.09);}.nlnbd-container::before,.nlnbd-container::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none;}.nlnbd-container::before { width: 280px; height: 280px; top: -180px; right: -120px; background: rgba(23, 104, 215, 0.055);}.nlnbd-container::after { width: 220px; height: 220px; bottom: -140px; left: -90px; background: rgba(0, 169, 138, 0.065);}.nlnbd-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 38px; position: relative; z-index: 3;}.nlnbd-heading-content { max-width: 760px;}.nlnbd-subtitle,.nlnbd-small-label { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 11px; color: #1768d7; font-size: 13px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase;}.nlnbd-subtitle::before { content: ""; width: 28px; height: 1px; background: currentColor; opacity: 0.55;}.nlnbd-title { margin: 0 0 13px; color: #12233f; font-size: clamp(30px, 4vw, 46px); line-height: 1.2;}.nlnbd-description { margin: 0; color: #68768b; font-size: 16px; line-height: 1.75;}.nlnbd-heading-link,.nlnbd-bottom-link { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 12px 21px; border: 1px solid rgba(23, 104, 215, 0.16); border-radius: 999px; color: #1768d7; background: rgba(255, 255, 255, 0.88); font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; box-shadow: 0 10px 24px rgba(23, 104, 215, 0.08); transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;}.nlnbd-heading-link svg,.nlnbd-bottom-link svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s ease;}.nlnbd-heading-link:hover,.nlnbd-bottom-link:hover { color: #ffffff; background: linear-gradient(135deg, #1768d7, #00a98a); transform: translateY(-3px); box-shadow: 0 14px 28px rgba(23, 104, 215, 0.2);}.nlnbd-heading-link:hover svg,.nlnbd-bottom-link:hover svg { transform: translateX(4px);}.nlnbd-dashboard { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; position: relative; z-index: 2;}.nlnbd-card { position: relative; overflow: hidden; border: 1px solid rgba(23, 104, 215, 0.11); border-radius: 22px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 14px 35px rgba(25, 54, 94, 0.08); transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;}.nlnbd-card::before { content: ""; width: 120px; height: 120px; position: absolute; top: -68px; right: -58px; border-radius: 50%; background: rgba(23, 104, 215, 0.05); transition: transform 0.4s ease, background 0.4s ease;}.nlnbd-card:hover { transform: translateY(-6px); border-color: rgba(23, 104, 215, 0.28); box-shadow: 0 23px 48px rgba(25, 54, 94, 0.14);}.nlnbd-card:hover::before { transform: scale(1.4); background: rgba(23, 104, 215, 0.09);}.nlnbd-overview { grid-column: span 7; grid-row: span 2; padding: 29px; color: #ffffff; border-color: rgba(255, 255, 255, 0.08); background: radial-gradient( circle at 15% 10%, rgba(255, 255, 255, 0.12), transparent 28% ), linear-gradient(145deg, #092f68, #145fc6 55%, #008f78); box-shadow: 0 22px 50px rgba(13, 65, 132, 0.22);}.nlnbd-overview::before { width: 230px; height: 230px; top: -120px; right: -90px; background: rgba(255, 255, 255, 0.07);}.nlnbd-overview-head,.nlnbd-card-heading,.nlnbd-service-heading,.nlnbd-customer-head,.nlnbd-stat-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; position: relative; z-index: 2;}.nlnbd-overview .nlnbd-small-label { color: #7ff0d1;}.nlnbd-overview h3,.nlnbd-progress-card h3,.nlnbd-service-card h3 { margin: 0; font-size: 23px; line-height: 1.35;}.nlnbd-overview h3 { color: #ffffff;}.nlnbd-status { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 999px; color: rgba(255, 255, 255, 0.82); background: rgba(255, 255, 255, 0.08); font-size: 12px; white-space: nowrap;}.nlnbd-status i { width: 8px; height: 8px; border-radius: 50%; background: #7ff0d1; box-shadow: 0 0 0 5px rgba(127, 240, 209, 0.12);}.nlnbd-overview-description { max-width: 650px; margin: 15px 0 24px; position: relative; z-index: 2; color: rgba(255, 255, 255, 0.74); font-size: 14px; line-height: 1.75;}.nlnbd-overview-content { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 30px; align-items: center; position: relative; z-index: 2;}.nlnbd-main-chart { display: flex; align-items: center; justify-content: center;}.nlnbd-circle { width: 205px; height: 205px; display: flex; align-items: center; justify-content: center; padding: 17px; border-radius: 50%; background: conic-gradient( #7ff0d1 0 var(--nlnbd-percent), rgba(255, 255, 255, 0.12) var(--nlnbd-percent) 100% ); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.09), 0 18px 35px rgba(3, 29, 70, 0.24);}.nlnbd-circle-92 { --nlnbd-percent: 92%;}.nlnbd-circle-inner { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50%; background: rgba(8, 42, 90, 0.94); text-align: center;}.nlnbd-circle-inner strong { color: #ffffff; font-size: 39px; line-height: 1;}.nlnbd-circle-inner span { margin-top: 8px; color: rgba(255, 255, 255, 0.65); font-size: 12px;}.nlnbd-chart-detail { display: grid; gap: 13px;}.nlnbd-detail-item { display: flex; align-items: flex-start; gap: 12px; padding: 14px; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 15px; background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(8px);}.nlnbd-detail-dot { width: 10px; height: 10px; flex: 0 0 10px; margin-top: 5px; border-radius: 50%; background: #7ff0d1; box-shadow: 0 0 0 5px rgba(127, 240, 209, 0.1);}.nlnbd-detail-item strong { display: block; margin-bottom: 3px; color: #ffffff; font-size: 14px;}.nlnbd-detail-item div span { display: block; color: rgba(255, 255, 255, 0.64); font-size: 12px; line-height: 1.5;}.nlnbd-overview-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 24px; padding-top: 20px; position: relative; z-index: 2; border-top: 1px solid rgba(255, 255, 255, 0.11);}.nlnbd-overview-footer div:first-child span { display: block; margin-bottom: 4px; color: rgba(255, 255, 255, 0.58); font-size: 12px;}.nlnbd-overview-footer div:first-child strong { color: #ffffff; font-size: 17px;}.nlnbd-overview-arrow { display: flex; align-items: center; gap: 9px; color: #7ff0d1; font-size: 13px; font-weight: 700;}.nlnbd-overview-arrow svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}.nlnbd-stat-card { grid-column: span 2.5; min-height: 230px; padding: 24px;}.nlnbd-stat-one { grid-column: 8 / span 2;}.nlnbd-stat-two { grid-column: 10 / span 3;}.nlnbd-stat-icon,.nlnbd-heading-icon,.nlnbd-customer-icon,.nlnbd-service-icon { display: flex; align-items: center; justify-content: center; color: #1768d7; background: linear-gradient(135deg, #e9f2ff, #edfff9);}.nlnbd-stat-icon { width: 48px; height: 48px; border-radius: 15px;}.nlnbd-stat-icon svg,.nlnbd-heading-icon svg,.nlnbd-customer-icon svg,.nlnbd-service-icon svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.nlnbd-stat-icon svg { width: 25px; height: 25px;}.nlnbd-stat-change { padding: 6px 9px; border-radius: 999px; color: #008a72; background: rgba(0, 169, 138, 0.1); font-size: 11px; font-weight: 700;}.nlnbd-stat-number { display: block; margin: 26px 0 6px; position: relative; z-index: 2; color: #12233f; font-size: 38px; line-height: 1;}.nlnbd-stat-title { display: block; margin-bottom: 9px; position: relative; z-index: 2; color: #1768d7; font-size: 14px; font-weight: 700;}.nlnbd-stat-card p { margin: 0; position: relative; z-index: 2; color: #6a7689; font-size: 13px; line-height: 1.6;}.nlnbd-progress-card { grid-column: span 5; padding: 26px;}.nlnbd-progress-card h3,.nlnbd-service-card h3 { color: #172640; font-size: 20px;}.nlnbd-heading-icon { width: 46px; height: 46px; border-radius: 15px;}.nlnbd-heading-icon svg { width: 24px; height: 24px;}.nlnbd-progress-list { display: grid; gap: 18px; margin-top: 24px;}.nlnbd-progress-label { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 8px;}.nlnbd-progress-label span { color: #4d5b70; font-size: 13px; font-weight: 600;}.nlnbd-progress-label strong { color: #1768d7; font-size: 13px;}.nlnbd-progress-track { height: 9px; overflow: hidden; border-radius: 999px; background: #edf2f8;}.nlnbd-progress-track span { width: var(--nlnbd-width); height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #1768d7, #00a98a); box-shadow: 0 5px 14px rgba(23, 104, 215, 0.18);}.nlnbd-customer-card { grid-column: span 3; padding: 25px; color: #ffffff; background: radial-gradient( circle at 90% 10%, rgba(255, 255, 255, 0.12), transparent 28% ), linear-gradient(145deg, #113f82, #1768d7 58%, #00977d);}.nlnbd-customer-card::before { background: rgba(255, 255, 255, 0.07);}.nlnbd-customer-icon { width: 46px; height: 46px; border-radius: 15px; color: #0b5787; background: #7ff0d1;}.nlnbd-customer-icon svg { width: 24px; height: 24px;}.nlnbd-customer-head > span { color: rgba(255, 255, 255, 0.65); font-size: 12px; font-weight: 700; letter-spacing: 0.7px; text-transform: uppercase;}.nlnbd-customer-number { margin: 24px 0 18px; position: relative; z-index: 2;}.nlnbd-customer-number strong { display: block; color: #ffffff; font-size: 40px; line-height: 1;}.nlnbd-customer-number span { display: block; margin-top: 5px; color: #7ff0d1; font-size: 14px; font-weight: 700;}.nlnbd-avatar-list { display: flex; margin-bottom: 18px; position: relative; z-index: 2;}.nlnbd-avatar-list span { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; margin-left: -7px; border: 3px solid #155cac; border-radius: 50%; color: #145592; background: #ffffff; font-size: 11px; font-weight: 800;}.nlnbd-avatar-list span:first-child { margin-left: 0;}.nlnbd-avatar-list span:last-child { color: #ffffff; background: #00a98a;}.nlnbd-customer-card p { margin: 0; position: relative; z-index: 2; color: rgba(255, 255, 255, 0.7); font-size: 13px; line-height: 1.65;}.nlnbd-service-card { grid-column: span 4; padding: 26px;}.nlnbd-service-badge { padding: 7px 10px; border-radius: 999px; color: #008a72; background: rgba(0, 169, 138, 0.1); font-size: 11px; font-weight: 700;}.nlnbd-service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 22px;}.nlnbd-service-item { display: flex; align-items: flex-start; gap: 11px; padding: 14px; border: 1px solid rgba(23, 104, 215, 0.09); border-radius: 15px; background: #f8fbff; transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;}.nlnbd-service-item:hover { transform: translateY(-4px); border-color: rgba(23, 104, 215, 0.23); background: #ffffff;}.nlnbd-service-icon { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 12px;}.nlnbd-service-icon svg { width: 20px; height: 20px;}.nlnbd-service-item strong { display: block; margin-bottom: 3px; color: #172640; font-size: 13px;}.nlnbd-service-item div span { display: block; color: #7a8698; font-size: 11px; line-height: 1.45;}.nlnbd-bottom { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: center; margin-top: 24px; padding: 20px 23px; position: relative; z-index: 3; border: 1px solid rgba(23, 104, 215, 0.11); border-radius: 18px; background: rgba(255, 255, 255, 0.82); box-shadow: 0 12px 30px rgba(25, 54, 94, 0.06);}.nlnbd-bottom-icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 15px; color: #ffffff; background: linear-gradient(135deg, #1768d7, #00a98a); box-shadow: 0 9px 20px rgba(23, 104, 215, 0.22);}.nlnbd-bottom-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;}.nlnbd-bottom-content strong { display: block; margin-bottom: 4px; color: #172640; font-size: 16px;}.nlnbd-bottom-content span { display: block; color: #6a7689; font-size: 14px; line-height: 1.55;}@media (max-width: 1050px) { .nlnbd-overview { grid-column: span 12; } .nlnbd-stat-one { grid-column: span 6; } .nlnbd-stat-two { grid-column: span 6; } .nlnbd-progress-card { grid-column: span 7; } .nlnbd-customer-card { grid-column: span 5; } .nlnbd-service-card { grid-column: span 12; }}@media (max-width: 760px) { .nlnbd-container { padding: 44px 22px 28px; } .nlnbd-heading { display: block; } .nlnbd-heading-link { margin-top: 22px; } .nlnbd-overview-content { grid-template-columns: 1fr; } .nlnbd-stat-one, .nlnbd-stat-two, .nlnbd-progress-card, .nlnbd-customer-card, .nlnbd-service-card { grid-column: span 12; } .nlnbd-main-chart { justify-content: flex-start; }}@media (max-width: 560px) { .nlnbd-container { padding: 36px 15px 20px; border-radius: 20px; } .nlnbd-description { font-size: 14px; } .nlnbd-heading-link { width: 100%; } .nlnbd-overview { padding: 24px 19px; border-radius: 18px; } .nlnbd-overview-head, .nlnbd-overview-footer, .nlnbd-card-heading, .nlnbd-service-heading { align-items: flex-start; } .nlnbd-status { display: none; } .nlnbd-circle { width: 180px; height: 180px; } .nlnbd-circle-inner strong { font-size: 34px; } .nlnbd-stat-card, .nlnbd-progress-card, .nlnbd-customer-card, .nlnbd-service-card { padding: 21px 18px; border-radius: 17px; } .nlnbd-service-grid { grid-template-columns: 1fr; } .nlnbd-bottom { grid-template-columns: auto minmax(0, 1fr); padding: 18px; } .nlnbd-bottom-link { grid-column: 1 / -1; width: 100%; margin-top: 3px; }}@media (prefers-reduced-motion: reduce) { .nlnbd-card, .nlnbd-card::before, .nlnbd-heading-link, .nlnbd-heading-link svg, .nlnbd-bottom-link, .nlnbd-bottom-link svg, .nlnbd-service-item { transition: none; }}.ltctx-section,.ltctx-section * { box-sizing: border-box;}.ltctx-section { width: 100%; padding: 10px; overflow: hidden;}.ltctx-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 56px 38px 36px; position: relative; overflow: hidden; border: 1px solid rgba(20, 82, 157, 0.1); border-radius: 28px; background: radial-gradient( circle at 3% 5%, rgba(20, 105, 218, 0.11), transparent 27% ), radial-gradient( circle at 97% 95%, rgba(0, 170, 139, 0.1), transparent 27% ), linear-gradient(145deg, #f7faff 0%, #ffffff 52%, #f5fffc 100%); box-shadow: 0 25px 70px rgba(20, 48, 87, 0.08);}.ltctx-container::before,.ltctx-container::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none;}.ltctx-container::before { width: 250px; height: 250px; top: -160px; right: -115px; background: rgba(23, 104, 215, 0.05);}.ltctx-container::after { width: 190px; height: 190px; bottom: -120px; left: -75px; background: rgba(0, 169, 138, 0.06);}.ltctx-heading { max-width: 760px; margin: 0 auto 52px; position: relative; z-index: 3; text-align: center;}.ltctx-subtitle { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 12px; color: #1768d7; font-size: 14px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase;}.ltctx-subtitle::before,.ltctx-subtitle::after { content: ""; width: 28px; height: 1px; background: currentColor; opacity: 0.55;}.ltctx-title { margin: 0 0 14px; color: #12233f; font-size: clamp(30px, 4vw, 46px); line-height: 1.2;}.ltctx-description { margin: 0; color: #68768b; font-size: 16px; line-height: 1.75;}.ltctx-layout { display: grid; grid-template-columns: minmax(0, 1fr) 180px minmax(0, 1fr); grid-template-rows: repeat(3, minmax(190px, auto)); gap: 26px 24px; position: relative; z-index: 2;}.ltctx-axis { grid-column: 2; grid-row: 1 / 4; position: relative;}.ltctx-axis-line { width: 4px; position: absolute; top: 15px; bottom: 15px; left: 50%; border-radius: 999px; background: linear-gradient( 180deg, rgba(23, 104, 215, 0.16), #1768d7 28%, #00a98a 72%, rgba(0, 169, 138, 0.16) ); transform: translateX(-50%); box-shadow: 0 4px 18px rgba(23, 104, 215, 0.15);}.ltctx-axis-center { width: 160px; height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; position: sticky; top: 30px; z-index: 4; margin: 170px auto 0; border: 9px solid rgba(255, 255, 255, 0.88); border-radius: 50%; color: #ffffff; text-align: center; background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.17), transparent 35%), linear-gradient(145deg, #0d3977, #1768d7 58%, #009b80); box-shadow: 0 0 0 1px rgba(23, 104, 215, 0.15), 0 20px 45px rgba(17, 66, 130, 0.22);}.ltctx-axis-icon { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; margin-bottom: 7px; border-radius: 14px; color: #0a5888; background: #80efd1;}.ltctx-axis-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;}.ltctx-axis-center > span { color: rgba(255, 255, 255, 0.72); font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;}.ltctx-axis-center > strong { display: block; margin-top: 2px; color: #ffffff; font-size: 21px; line-height: 1.2;}.ltctx-axis-center > p { margin: 6px 0 0; color: rgba(255, 255, 255, 0.68); font-size: 10px; line-height: 1.4;}.ltctx-item { min-width: 0; display: flex; align-items: center; position: relative;}.ltctx-item-left { grid-column: 1; justify-content: flex-end;}.ltctx-item-right { grid-column: 3; justify-content: flex-start;}.ltctx-item-one,.ltctx-item-two { grid-row: 1;}.ltctx-item-three,.ltctx-item-four { grid-row: 2;}.ltctx-item-five,.ltctx-item-six { grid-row: 3;}.ltctx-item::before { content: ""; width: 48px; height: 2px; position: absolute; top: 50%; background: linear-gradient( 90deg, rgba(23, 104, 215, 0.18), #1768d7, #00a98a ); transform: translateY(-50%);}.ltctx-item-left::before { right: -48px;}.ltctx-item-right::before { left: -48px; transform: translateY(-50%) rotate(180deg);}.ltctx-dot { width: 18px; height: 18px; position: absolute; top: 50%; z-index: 4; border: 4px solid #ffffff; border-radius: 50%; background: linear-gradient(135deg, #1768d7, #00a98a); transform: translateY(-50%); box-shadow: 0 0 0 4px rgba(23, 104, 215, 0.11), 0 8px 18px rgba(23, 104, 215, 0.2);}.ltctx-item-left .ltctx-dot { right: -57px;}.ltctx-item-right .ltctx-dot { left: -57px;}.ltctx-card { width: 100%; max-width: 410px; min-height: 195px; padding: 25px 23px; position: relative; overflow: hidden; border: 1px solid rgba(23, 104, 215, 0.11); border-radius: 21px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 14px 35px rgba(25, 54, 94, 0.09); transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;}.ltctx-card::before { content: ""; width: 115px; height: 115px; position: absolute; top: -64px; right: -55px; border-radius: 50%; background: rgba(23, 104, 215, 0.055); transition: transform 0.4s ease, background 0.4s ease;}.ltctx-card::after { content: ""; width: 0; height: 3px; position: absolute; right: 23px; bottom: 0; left: 23px; margin: auto; border-radius: 999px; background: linear-gradient(90deg, #1768d7, #00a98a); transition: width 0.35s ease;}.ltctx-card:hover { transform: translateY(-7px); border-color: rgba(23, 104, 215, 0.29); box-shadow: 0 24px 48px rgba(25, 54, 94, 0.15);}.ltctx-card:hover::before { transform: scale(1.35); background: rgba(23, 104, 215, 0.1);}.ltctx-card:hover::after { width: calc(100% - 46px);}.ltctx-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin-bottom: 17px; position: relative; z-index: 2;}.ltctx-icon { width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border-radius: 17px; color: #1768d7; background: linear-gradient(135deg, #e8f2ff, #edfff9); transition: color 0.35s ease, background 0.35s ease, transform 0.35s ease;}.ltctx-icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.ltctx-card:hover .ltctx-icon { color: #ffffff; background: linear-gradient(135deg, #1768d7, #00a98a); transform: rotate(-5deg) scale(1.07);}.ltctx-number { color: rgba(18, 35, 63, 0.11); font-size: 31px; font-weight: 800; line-height: 1;}.ltctx-card h3 { margin: 0 0 9px; position: relative; z-index: 2; color: #172640; font-size: 19px; line-height: 1.4;}.ltctx-card p { margin: 0; position: relative; z-index: 2; color: #6a7689; font-size: 14px; line-height: 1.7;}.ltctx-benefit { display: flex; align-items: center; gap: 9px; margin-top: 17px; position: relative; z-index: 2; color: #1768d7; font-size: 13px; font-weight: 700;}.ltctx-benefit > span { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: linear-gradient(135deg, #1768d7, #00a98a); box-shadow: 0 0 0 4px rgba(23, 104, 215, 0.08);}.ltctx-footer { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: center; margin-top: 34px; padding: 20px 23px; position: relative; z-index: 3; border: 1px solid rgba(23, 104, 215, 0.11); border-radius: 18px; background: rgba(255, 255, 255, 0.82); box-shadow: 0 12px 30px rgba(25, 54, 94, 0.06);}.ltctx-footer-icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 15px; color: #ffffff; background: linear-gradient(135deg, #1768d7, #00a98a); box-shadow: 0 9px 20px rgba(23, 104, 215, 0.22);}.ltctx-footer-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;}.ltctx-footer-content strong { display: block; margin-bottom: 4px; color: #172640; font-size: 16px;}.ltctx-footer-content span { display: block; color: #6a7689; font-size: 14px; line-height: 1.55;}.ltctx-footer-link { display: inline-flex; align-items: center; gap: 8px; color: #1768d7; font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap;}.ltctx-footer-link svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s ease;}.ltctx-footer-link:hover svg { transform: translateX(4px);}@media (max-width: 980px) { .ltctx-container { padding: 46px 26px 30px; } .ltctx-layout { grid-template-columns: 1fr 90px 1fr; gap: 20px 16px; } .ltctx-axis-center { width: 125px; height: 125px; padding: 15px; margin-left: -18px; } .ltctx-axis-center > p { display: none; } .ltctx-axis-center > strong { font-size: 17px; } .ltctx-item::before { width: 30px; } .ltctx-item-left::before { right: -30px; } .ltctx-item-right::before { left: -30px; } .ltctx-item-left .ltctx-dot { right: -39px; } .ltctx-item-right .ltctx-dot { left: -39px; }}@media (max-width: 760px) { .ltctx-layout { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 14px; padding-left: 34px; } .ltctx-axis { grid-column: 1; grid-row: 1 / 8; position: absolute; top: 0; bottom: 0; left: 8px; width: 4px; } .ltctx-axis-line { top: 0; bottom: 0; left: 0; transform: none; } .ltctx-axis-center { display: none; } .ltctx-item, .ltctx-item-left, .ltctx-item-right, .ltctx-item-one, .ltctx-item-two, .ltctx-item-three, .ltctx-item-four, .ltctx-item-five, .ltctx-item-six { grid-column: 1; grid-row: auto; justify-content: stretch; } .ltctx-item::before { width: 25px; height: 2px; top: 36px; left: -25px; right: auto; transform: none; background: linear-gradient(90deg, #1768d7, #00a98a); } .ltctx-dot, .ltctx-item-left .ltctx-dot, .ltctx-item-right .ltctx-dot { top: 36px; left: -35px; right: auto; } .ltctx-card { max-width: none; min-height: auto; }}@media (max-width: 560px) { .ltctx-container { padding: 36px 15px 20px; border-radius: 20px; } .ltctx-heading { margin-bottom: 30px; } .ltctx-description { font-size: 14px; } .ltctx-layout { padding-left: 28px; } .ltctx-card { padding: 22px 19px; border-radius: 17px; } .ltctx-footer { grid-template-columns: auto minmax(0, 1fr); padding: 18px; } .ltctx-footer-link { grid-column: 1 / -1; justify-content: center; min-height: 43px; border-radius: 999px; background: #edf4ff; }}@media (prefers-reduced-motion: reduce) { .ltctx-card, .ltctx-card::before, .ltctx-card::after, .ltctx-icon, .ltctx-footer-link svg { transition: none; }}.tchdx-section,.tchdx-section * { box-sizing: border-box;}.tchdx-section { width: 100%; padding: 10px; overflow: hidden;}.tchdx-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 56px 36px 36px; position: relative; overflow: hidden; border: 1px solid rgba(22, 91, 178, 0.1); border-radius: 28px; background: radial-gradient( circle at 4% 8%, rgba(25, 104, 216, 0.11), transparent 26% ), radial-gradient( circle at 96% 92%, rgba(0, 168, 139, 0.1), transparent 27% ), linear-gradient(145deg, #f7faff 0%, #ffffff 52%, #f5fffc 100%); box-shadow: 0 25px 70px rgba(20, 48, 87, 0.08);}.tchdx-container::before,.tchdx-container::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none;}.tchdx-container::before { width: 240px; height: 240px; top: -140px; right: -100px; background: rgba(24, 104, 215, 0.055);}.tchdx-container::after { width: 190px; height: 190px; bottom: -115px; left: -75px; background: rgba(0, 169, 138, 0.065);}.tchdx-heading { max-width: 760px; margin: 0 auto 48px; position: relative; z-index: 3; text-align: center;}.tchdx-subtitle { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 12px; color: #1768d7; font-size: 14px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase;}.tchdx-subtitle::before,.tchdx-subtitle::after { content: ""; width: 28px; height: 1px; background: currentColor; opacity: 0.55;}.tchdx-title { margin: 0 0 14px; color: #12233f; font-size: clamp(30px, 4vw, 46px); line-height: 1.2;}.tchdx-description { margin: 0; color: #68768b; font-size: 16px; line-height: 1.75;}.tchdx-timeline { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: 500px; position: relative; z-index: 2;}.tchdx-timeline::before { content: ""; height: 4px; position: absolute; top: 50%; right: 4%; left: 4%; border-radius: 999px; background: linear-gradient( 90deg, rgba(23, 104, 215, 0.18), #1768d7, #00a98a, rgba(0, 169, 138, 0.18) ); transform: translateY(-50%); box-shadow: 0 5px 16px rgba(23, 104, 215, 0.15);}.tchdx-item { min-width: 0; display: grid; grid-template-rows: minmax(0, 1fr) 80px minmax(0, 1fr); position: relative;}.tchdx-item-top .tchdx-card { grid-row: 1; align-self: end;}.tchdx-item-top .tchdx-connector { grid-row: 2;}.tchdx-item-bottom .tchdx-connector { grid-row: 2;}.tchdx-item-bottom .tchdx-card { grid-row: 3; align-self: start;}.tchdx-connector { display: flex; justify-content: center; position: relative;}.tchdx-item-top .tchdx-connector { align-items: flex-start;}.tchdx-item-bottom .tchdx-connector { align-items: flex-end;}.tchdx-connector::before { content: ""; width: 2px; height: 50%; position: absolute; left: 50%; background: linear-gradient(#1768d7, #00a98a); transform: translateX(-50%);}.tchdx-item-top .tchdx-connector::before { top: 0;}.tchdx-item-bottom .tchdx-connector::before { bottom: 0;}.tchdx-connector span { width: 20px; height: 20px; position: absolute; top: 50%; z-index: 3; border: 5px solid #ffffff; border-radius: 50%; background: linear-gradient(135deg, #1768d7, #00a98a); transform: translateY(-50%); box-shadow: 0 0 0 5px rgba(23, 104, 215, 0.12), 0 8px 18px rgba(23, 104, 215, 0.2);}.tchdx-card { min-height: 185px; margin: 0 8px; padding: 24px 20px 22px; position: relative; overflow: hidden; border: 1px solid rgba(23, 104, 215, 0.11); border-radius: 20px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 14px 35px rgba(25, 54, 94, 0.09); text-align: center; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;}.tchdx-card::before { content: ""; width: 100px; height: 100px; position: absolute; top: -58px; right: -50px; border-radius: 50%; background: rgba(23, 104, 215, 0.055); transition: transform 0.4s ease, background 0.4s ease;}.tchdx-card::after { content: ""; width: 0; height: 3px; position: absolute; right: 22px; bottom: 0; left: 22px; margin: auto; border-radius: 999px; background: linear-gradient(90deg, #1768d7, #00a98a); transition: width 0.35s ease;}.tchdx-card:hover { transform: translateY(-7px); border-color: rgba(23, 104, 215, 0.3); box-shadow: 0 24px 48px rgba(25, 54, 94, 0.15);}.tchdx-card:hover::before { transform: scale(1.35); background: rgba(23, 104, 215, 0.1);}.tchdx-card:hover::after { width: calc(100% - 44px);}.tchdx-number { position: absolute; top: 17px; right: 18px; z-index: 2; color: rgba(18, 35, 63, 0.11); font-size: 28px; font-weight: 800; line-height: 1;}.tchdx-icon { width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; position: relative; z-index: 2; border-radius: 17px; color: #1768d7; background: linear-gradient(135deg, #e8f2ff, #edfff9); transition: color 0.35s ease, background 0.35s ease, transform 0.35s ease;}.tchdx-icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.tchdx-card:hover .tchdx-icon { color: #ffffff; background: linear-gradient(135deg, #1768d7, #00a98a); transform: rotate(-5deg) scale(1.07);}.tchdx-card h3 { margin: 0 0 9px; position: relative; z-index: 2; color: #172640; font-size: 18px; line-height: 1.4;}.tchdx-card p { margin: 0; position: relative; z-index: 2; color: #6a7689; font-size: 14px; line-height: 1.65;}.tchdx-footer { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: center; margin-top: 30px; padding: 20px 23px; position: relative; z-index: 3; border: 1px solid rgba(23, 104, 215, 0.11); border-radius: 18px; background: rgba(255, 255, 255, 0.82); box-shadow: 0 12px 30px rgba(25, 54, 94, 0.06);}.tchdx-footer-icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 15px; color: #ffffff; background: linear-gradient(135deg, #1768d7, #00a98a); box-shadow: 0 9px 20px rgba(23, 104, 215, 0.22);}.tchdx-footer-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;}.tchdx-footer-content strong { display: block; margin-bottom: 4px; color: #172640; font-size: 16px;}.tchdx-footer-content span { display: block; color: #6a7689; font-size: 14px; line-height: 1.55;}.tchdx-footer-link { display: inline-flex; align-items: center; gap: 8px; color: #1768d7; font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap;}.tchdx-footer-link svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s ease;}.tchdx-footer-link:hover svg { transform: translateX(4px);}@media (max-width: 1000px) { .tchdx-timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; min-height: auto; } .tchdx-timeline::before, .tchdx-connector { display: none; } .tchdx-item { display: block; } .tchdx-card { height: 100%; margin: 0; }}@media (max-width: 760px) { .tchdx-container { padding: 44px 22px 28px; } .tchdx-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 560px) { .tchdx-container { padding: 36px 15px 20px; border-radius: 20px; } .tchdx-heading { margin-bottom: 28px; } .tchdx-description { font-size: 14px; } .tchdx-timeline { grid-template-columns: 1fr; gap: 13px; padding-left: 27px; } .tchdx-timeline::before { width: 3px; height: auto; display: block; top: 0; right: auto; bottom: 0; left: 9px; transform: none; background: linear-gradient(#1768d7, #00a98a); } .tchdx-item { position: relative; } .tchdx-item::before { content: ""; width: 17px; height: 17px; position: absolute; top: 27px; left: -26px; z-index: 3; border: 4px solid #ffffff; border-radius: 50%; background: linear-gradient(135deg, #1768d7, #00a98a); box-shadow: 0 0 0 4px rgba(23, 104, 215, 0.11); } .tchdx-item::after { content: ""; width: 18px; height: 2px; position: absolute; top: 35px; left: -18px; background: linear-gradient(90deg, #1768d7, #00a98a); } .tchdx-card { min-height: auto; padding: 22px 18px; border-radius: 17px; text-align: left; } .tchdx-icon { margin: 0 0 15px; } .tchdx-footer { grid-template-columns: auto minmax(0, 1fr); padding: 18px; } .tchdx-footer-link { grid-column: 1 / -1; justify-content: center; min-height: 43px; border-radius: 999px; background: #edf4ff; }}@media (prefers-reduced-motion: reduce) { .tchdx-card, .tchdx-card::before, .tchdx-card::after, .tchdx-icon, .tchdx-footer-link svg { transition: none; }}.gtclvt-section,.gtclvt-section * { box-sizing: border-box;}.gtclvt-section { width: 100%; padding: 10px; overflow: hidden;}.gtclvt-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 56px 35px 35px; position: relative; overflow: hidden; border: 1px solid rgba(19, 83, 161, 0.1); border-radius: 28px; background: radial-gradient( circle at 5% 10%, rgba(19, 105, 220, 0.11), transparent 27% ), radial-gradient( circle at 95% 90%, rgba(0, 174, 142, 0.1), transparent 28% ), linear-gradient(145deg, #f7faff 0%, #ffffff 52%, #f5fffc 100%); box-shadow: 0 25px 70px rgba(19, 48, 88, 0.08);}.gtclvt-container::before,.gtclvt-container::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none;}.gtclvt-container::before { width: 240px; height: 240px; top: -150px; left: -100px; background: rgba(23, 104, 215, 0.05);}.gtclvt-container::after { width: 210px; height: 210px; right: -110px; bottom: -130px; background: rgba(0, 169, 138, 0.06);}.gtclvt-heading { max-width: 760px; margin: 0 auto 30px; position: relative; z-index: 3; text-align: center;}.gtclvt-subtitle { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 12px; color: #1768d7; font-size: 14px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase;}.gtclvt-subtitle::before,.gtclvt-subtitle::after { content: ""; width: 28px; height: 1px; background: currentColor; opacity: 0.55;}.gtclvt-title { margin: 0 0 14px; color: #12233f; font-size: clamp(30px, 4vw, 46px); line-height: 1.2;}.gtclvt-description { margin: 0; color: #68768b; font-size: 16px; line-height: 1.75;}.gtclvt-orbit { width: 100%; min-height: 760px; position: relative; z-index: 2;}.gtclvt-orbit-line { position: absolute; top: 50%; left: 50%; border: 1px dashed rgba(23, 104, 215, 0.2); border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none;}.gtclvt-orbit-line-one { width: 510px; height: 510px;}.gtclvt-orbit-line-two { width: 610px; height: 610px; border-color: rgba(0, 169, 138, 0.13);}.gtclvt-center { width: 230px; height: 230px; position: absolute; top: 50%; left: 50%; z-index: 4; padding: 12px; border-radius: 50%; background: linear-gradient(145deg, rgba(23, 104, 215, 0.18), rgba(0, 169, 138, 0.18)); transform: translate(-50%, -50%); box-shadow: 0 22px 50px rgba(19, 65, 126, 0.18);}.gtclvt-center::before { content: ""; position: absolute; inset: -18px; border: 1px solid rgba(23, 104, 215, 0.13); border-radius: 50%;}.gtclvt-center::after { content: ""; position: absolute; inset: -32px; border: 1px dashed rgba(0, 169, 138, 0.12); border-radius: 50%;}.gtclvt-center-inner { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 25px; position: relative; z-index: 2; border: 5px solid rgba(255, 255, 255, 0.18); border-radius: 50%; color: #ffffff; text-align: center; background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.15), transparent 35%), linear-gradient(145deg, #0d3977, #1768d7 58%, #009b80);}.gtclvt-center-icon { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; margin-bottom: 9px; border-radius: 16px; color: #0b5c91; background: #83f0d3; box-shadow: 0 10px 23px rgba(0, 18, 48, 0.2);}.gtclvt-center-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;}.gtclvt-center-inner > span { margin-bottom: 2px; color: rgba(255, 255, 255, 0.74); font-size: 13px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase;}.gtclvt-center-inner > strong { display: block; color: #ffffff; font-size: 27px; line-height: 1.2;}.gtclvt-center-inner > p { margin: 9px 0 0; color: rgba(255, 255, 255, 0.7); font-size: 12px; line-height: 1.5;}.gtclvt-item { width: 330px; position: absolute; z-index: 5;}.gtclvt-item-one { top: 25px; left: 50%; transform: translateX(-50%);}.gtclvt-item-two { top: 165px; right: 0;}.gtclvt-item-three { right: 40px; bottom: 100px;}.gtclvt-item-four { bottom: 5px; left: 50%; transform: translateX(-50%);}.gtclvt-item-five { bottom: 100px; left: 40px;}.gtclvt-item-six { top: 165px; left: 0;}.gtclvt-card { min-height: 165px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 17px; align-items: flex-start; padding: 23px; position: relative; overflow: hidden; border: 1px solid rgba(23, 104, 215, 0.11); border-radius: 20px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 14px 35px rgba(25, 54, 94, 0.09); transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;}.gtclvt-card::before { content: ""; width: 100px; height: 100px; position: absolute; top: -55px; right: -50px; border-radius: 50%; background: rgba(23, 104, 215, 0.055); transition: transform 0.4s ease, background 0.4s ease;}.gtclvt-card::after { content: ""; width: 0; height: 3px; position: absolute; right: 22px; bottom: 0; left: 22px; margin: auto; border-radius: 999px; background: linear-gradient(90deg, #1768d7, #00a98a); transition: width 0.35s ease;}.gtclvt-card:hover { transform: translateY(-7px); border-color: rgba(23, 104, 215, 0.29); box-shadow: 0 24px 48px rgba(25, 54, 94, 0.15);}.gtclvt-card:hover::before { transform: scale(1.35); background: rgba(23, 104, 215, 0.1);}.gtclvt-card:hover::after { width: calc(100% - 44px);}.gtclvt-icon { width: 54px; height: 54px; flex: 0 0 54px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; border-radius: 17px; color: #1768d7; background: linear-gradient(135deg, #e8f2ff, #edfff9); transition: color 0.35s ease, background 0.35s ease, transform 0.35s ease;}.gtclvt-icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.gtclvt-card:hover .gtclvt-icon { color: #ffffff; background: linear-gradient(135deg, #1768d7, #00a98a); transform: rotate(-5deg) scale(1.07);}.gtclvt-card-content { min-width: 0; position: relative; z-index: 2;}.gtclvt-number { display: block; margin-bottom: 3px; color: #1768d7; font-size: 12px; font-weight: 800; letter-spacing: 1px;}.gtclvt-card h3 { margin: 0 0 8px; color: #172640; font-size: 19px; line-height: 1.35;}.gtclvt-card p { margin: 0; color: #6a7689; font-size: 14px; line-height: 1.65;}.gtclvt-bottom { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: center; margin-top: 10px; padding: 20px 23px; position: relative; z-index: 3; border: 1px solid rgba(23, 104, 215, 0.11); border-radius: 18px; background: rgba(255, 255, 255, 0.8); box-shadow: 0 12px 30px rgba(25, 54, 94, 0.06);}.gtclvt-bottom-icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 15px; color: #ffffff; background: linear-gradient(135deg, #1768d7, #00a98a); box-shadow: 0 9px 20px rgba(23, 104, 215, 0.22);}.gtclvt-bottom-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;}.gtclvt-bottom-content strong { display: block; margin-bottom: 4px; color: #172640; font-size: 16px;}.gtclvt-bottom-content span { display: block; color: #6a7689; font-size: 14px; line-height: 1.55;}.gtclvt-bottom-link { display: inline-flex; align-items: center; gap: 8px; color: #1768d7; font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap;}.gtclvt-bottom-link svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s ease;}.gtclvt-bottom-link:hover svg { transform: translateX(4px);}@media (max-width: 1100px) { .gtclvt-orbit { min-height: 800px; } .gtclvt-item { width: 300px; } .gtclvt-item-two { right: -5px; } .gtclvt-item-three { right: 5px; } .gtclvt-item-five { left: 5px; } .gtclvt-item-six { left: -5px; }}@media (max-width: 900px) { .gtclvt-container { padding: 46px 24px 28px; } .gtclvt-orbit { min-height: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .gtclvt-orbit-line { display: none; } .gtclvt-center { width: 220px; height: 220px; grid-column: 1 / -1; position: relative; top: auto; left: auto; margin: 0 auto 18px; transform: none; } .gtclvt-item { width: auto; position: relative; inset: auto; transform: none; } .gtclvt-card { height: 100%; }}@media (max-width: 620px) { .gtclvt-container { padding: 36px 15px 20px; border-radius: 20px; } .gtclvt-heading { margin-bottom: 28px; } .gtclvt-description { font-size: 14px; } .gtclvt-orbit { grid-template-columns: 1fr; gap: 13px; } .gtclvt-center { width: 205px; height: 205px; } .gtclvt-center-inner > strong { font-size: 24px; } .gtclvt-card { min-height: auto; padding: 21px 18px; border-radius: 17px; } .gtclvt-bottom { grid-template-columns: auto minmax(0, 1fr); padding: 18px; } .gtclvt-bottom-link { grid-column: 1 / -1; justify-content: center; min-height: 43px; border-radius: 999px; background: #edf4ff; }}@media (prefers-reduced-motion: reduce) { .gtclvt-card, .gtclvt-card::before, .gtclvt-card::after, .gtclvt-icon, .gtclvt-bottom-link svg { transition: none; }}.lydotintuong-section,.lydotintuong-section * { box-sizing: border-box;}.lydotintuong-section { width: 100%; padding: 10px; overflow: hidden;}.lydotintuong-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 55px 40px; position: relative; border-radius: 28px; background: radial-gradient( circle at 8% 5%, rgba(20, 100, 230, 0.12), transparent 28% ), radial-gradient( circle at 95% 90%, rgba(0, 178, 148, 0.12), transparent 27% ), linear-gradient(135deg, #f7faff 0%, #ffffff 50%, #f5fffc 100%); border: 1px solid rgba(20, 73, 145, 0.1); box-shadow: 0 25px 70px rgba(20, 43, 80, 0.08);}.lydotintuong-heading { max-width: 760px; margin: 0 auto 42px; text-align: center;}.lydotintuong-subtitle { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 12px; color: #1264dc; font-size: 14px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase;}.lydotintuong-subtitle::before,.lydotintuong-subtitle::after { content: ""; width: 28px; height: 1px; background: currentColor; opacity: 0.6;}.lydotintuong-title { margin: 0 0 14px; color: #12213a; font-size: clamp(30px, 4vw, 46px); line-height: 1.2;}.lydotintuong-description { margin: 0; color: #657187; font-size: 16px; line-height: 1.75;}.lydotintuong-layout { display: grid; grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.65fr); gap: 26px; align-items: stretch;}.lydotintuong-intro { min-width: 0; padding: 38px 32px; position: relative; overflow: hidden; border-radius: 24px; color: #ffffff; background: linear-gradient( 145deg, rgba(9, 38, 82, 0.98), rgba(11, 81, 159, 0.96) ); box-shadow: 0 20px 45px rgba(12, 59, 120, 0.2);}.lydotintuong-intro::before { content: ""; width: 240px; height: 240px; position: absolute; top: -110px; right: -100px; border-radius: 50%; background: rgba(255, 255, 255, 0.08);}.lydotintuong-intro::after { content: ""; width: 150px; height: 150px; position: absolute; bottom: -80px; left: -65px; border-radius: 50%; background: rgba(46, 220, 181, 0.16);}.lydotintuong-intro-decoration { width: 62px; height: 5px; margin-bottom: 26px; position: relative; z-index: 2; border-radius: 999px; background: linear-gradient(90deg, #ffffff, #54ebc2);}.lydotintuong-intro-label { display: inline-block; margin-bottom: 13px; position: relative; z-index: 2; color: #7ff3d2; font-size: 14px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase;}.lydotintuong-intro h3 { margin: 0 0 17px; position: relative; z-index: 2; color: #ffffff; font-size: clamp(25px, 3vw, 34px); line-height: 1.35;}.lydotintuong-intro > p { margin: 0 0 28px; position: relative; z-index: 2; color: rgba(255, 255, 255, 0.78); font-size: 15px; line-height: 1.8;}.lydotintuong-highlight { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 30px; padding: 17px; position: relative; z-index: 2; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 16px; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(8px);}.lydotintuong-highlight-icon { width: 38px; height: 38px; flex: 0 0 38px; display: flex; align-items: center; justify-content: center; border-radius: 12px; color: #0a5d9f; background: #7ff3d2;}.lydotintuong-highlight-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;}.lydotintuong-highlight strong { display: block; margin-bottom: 5px; color: #ffffff; font-size: 15px;}.lydotintuong-highlight span { display: block; color: rgba(255, 255, 255, 0.72); font-size: 13px; line-height: 1.55;}.lydotintuong-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 21px; position: relative; z-index: 2; overflow: hidden; border-radius: 999px; color: #0e4d8d; background: #ffffff; text-decoration: none; font-size: 15px; font-weight: 700; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;}.lydotintuong-button::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, #7ff3d2, #ffffff); transform: translateX(-101%); transition: transform 0.35s ease;}.lydotintuong-button span,.lydotintuong-button svg { position: relative; z-index: 1;}.lydotintuong-button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s ease;}.lydotintuong-button:hover { color: #093f78; transform: translateY(-3px); box-shadow: 0 12px 25px rgba(3, 21, 44, 0.22);}.lydotintuong-button:hover::before { transform: translateX(0);}.lydotintuong-button:hover svg { transform: translateX(4px);}.lydotintuong-grid { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px;}.lydotintuong-card { min-width: 0; padding: 25px 23px; position: relative; overflow: hidden; border-radius: 20px; background: rgba(255, 255, 255, 0.94); border: 1px solid rgba(27, 83, 155, 0.11); box-shadow: 0 12px 32px rgba(27, 54, 92, 0.07); opacity: 0; transform: translateY(28px); transition: opacity 0.65s ease, transform 0.65s ease, box-shadow 0.35s ease, border-color 0.35s ease;}.lydotintuong-card.lydotintuong-visible { opacity: 1; transform: translateY(0);}.lydotintuong-card::before { content: ""; width: 100px; height: 100px; position: absolute; top: -55px; right: -45px; border-radius: 50%; background: rgba(18, 100, 220, 0.055); transition: transform 0.4s ease, background 0.4s ease;}.lydotintuong-card:hover { transform: translateY(-7px); border-color: rgba(18, 100, 220, 0.28); box-shadow: 0 22px 42px rgba(27, 54, 92, 0.13);}.lydotintuong-card:hover::before { transform: scale(1.3); background: rgba(18, 100, 220, 0.09);}.lydotintuong-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin-bottom: 18px; position: relative; z-index: 2;}.lydotintuong-icon { width: 52px; height: 52px; flex: 0 0 52px; display: flex; align-items: center; justify-content: center; border-radius: 16px; color: #1264dc; background: linear-gradient(135deg, #e9f2ff, #f0fffb); transition: color 0.35s ease, background 0.35s ease, transform 0.35s ease;}.lydotintuong-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.lydotintuong-card:hover .lydotintuong-icon { color: #ffffff; background: linear-gradient(135deg, #1264dc, #00ad8d); transform: rotate(-5deg) scale(1.07);}.lydotintuong-number { color: rgba(18, 33, 58, 0.12); font-size: 31px; font-weight: 800; line-height: 1;}.lydotintuong-card h3 { margin: 0 0 10px; position: relative; z-index: 2; color: #17243a; font-size: 18px; line-height: 1.45;}.lydotintuong-card p { margin: 0; position: relative; z-index: 2; color: #6b7587; font-size: 14px; line-height: 1.7;}.lydotintuong-line { width: 42px; height: 3px; display: block; margin-top: 20px; border-radius: 999px; background: linear-gradient(90deg, #1264dc, #00ad8d); transition: width 0.35s ease;}.lydotintuong-card:hover .lydotintuong-line { width: 82px;}@media (max-width: 991px) { .lydotintuong-container { padding: 45px 26px; } .lydotintuong-layout { grid-template-columns: 1fr; } .lydotintuong-intro { padding: 34px 28px; }}@media (max-width: 680px) { .lydotintuong-container { padding: 36px 15px; border-radius: 20px; } .lydotintuong-heading { margin-bottom: 28px; } .lydotintuong-description { font-size: 14px; } .lydotintuong-grid { grid-template-columns: 1fr; gap: 13px; } .lydotintuong-intro { padding: 28px 20px; border-radius: 18px; } .lydotintuong-card { padding: 22px 19px; border-radius: 17px; } .lydotintuong-button { width: 100%; }}@media (prefers-reduced-motion: reduce) { .lydotintuong-card { opacity: 1; transform: none; transition: none; } .lydotintuong-card, .lydotintuong-icon, .lydotintuong-button, .lydotintuong-button::before, .lydotintuong-button svg, .lydotintuong-line { transition: none; }}.qt-wrap { padding: 10px; max-width: 1200px; margin: 0 auto; box-sizing: border-box;}.qt-header { text-align: center; margin-bottom: 48px;}.qt-badge { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #185FA5; background: #E6F1FB; border: 1px solid #B5D4F4; border-radius: 100px; padding: 5px 16px; margin-bottom: 18px;}.qt-heading { font-size: 30px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px; line-height: 1.35;}.qt-sub { font-size: 15px; color: #666; margin: 0 auto; line-height: 1.75; max-width: 560px;}.qt-steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; position: relative;}.qt-step { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 12px; position: relative;}.qt-step-head { display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 20px; position: relative;}.qt-step-num { width: 36px; height: 36px; border-radius: 50%; background: #1a1a1a; color: #fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; z-index: 1;}.qt-num-done { background: #185FA5;}.qt-arrow { position: absolute; right: -10px; color: #ccc; display: flex; align-items: center; z-index: 2;}.qt-step-last .qt-step-head { justify-content: center;}.qt-step-icon { width: 72px; height: 72px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; flex-shrink: 0;}.qt-c1 { background: #E6F1FB; color: #185FA5; }.qt-c2 { background: #E1F5EE; color: #0F6E56; }.qt-c3 { background: #EEEDFE; color: #534AB7; }.qt-c4 { background: #FAEEDA; color: #854F0B; }.qt-c5 { background: #FAECE7; color: #993C1D; }.qt-step-title { font-size: 15px; font-weight: 600; color: #1a1a1a; margin: 0 0 10px; line-height: 1.35;}.qt-step-desc { font-size: 13px; color: #666; line-height: 1.65; margin: 0 0 14px;}.qt-step-list { list-style: none; padding: 0; margin: 0 0 14px; text-align: left; width: 100%;}.qt-step-list li { font-size: 13px; color: #555; padding: 5px 0 5px 18px; position: relative; border-bottom: 1px solid #f0f0f0; line-height: 1.5;}.qt-step-list li:last-child { border-bottom: none;}.qt-step-list li::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #c0c0c0; position: absolute; left: 2px; top: 11px;}.qt-step-time { display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: 0.05em; color: #185FA5; background: #E6F1FB; border: 1px solid #B5D4F4; border-radius: 100px; padding: 4px 12px; margin-top: auto;}@media (max-width: 900px) { .qt-steps { grid-template-columns: 1fr 1fr; gap: 24px 16px; } .qt-arrow { display: none; } .qt-step { padding: 0; }}@media (max-width: 540px) { .qt-steps { grid-template-columns: 1fr; gap: 32px; } .qt-heading { font-size: 24px; } .qt-step { align-items: flex-start; text-align: left; flex-direction: row; gap: 16px; } .qt-step-icon { width: 52px; height: 52px; flex-shrink: 0; } .qt-step-head { width: auto; margin-bottom: 0; }}.ck-wrap { padding: 10px; max-width: 1200px; margin: 0 auto; box-sizing: border-box;}.ck-header { text-align: center; margin-bottom: 56px;}.ck-badge { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #185FA5; background: #E6F1FB; border: 1px solid #B5D4F4; border-radius: 100px; padding: 5px 16px; margin-bottom: 20px;}.ck-heading { font-size: 32px; font-weight: 600; color: #1a1a1a; margin: 0 0 14px; line-height: 1.35;}.ck-sub { font-size: 16px; color: #666; margin: 0 auto; line-height: 1.75; max-width: 560px;}.ck-list { position: relative; display: flex; flex-direction: column; gap: 0; margin-bottom: 52px;}.ck-item { display: flex; gap: 24px; align-items: flex-start;}.ck-item-left { display: flex; flex-direction: column; align-items: center; flex-shrink: 0;}.ck-icon { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; z-index: 1;}.ck-blue { background: #E6F1FB; color: #185FA5; }.ck-teal { background: #E1F5EE; color: #0F6E56; }.ck-purple { background: #EEEDFE; color: #534AB7; }.ck-amber { background: #FAEEDA; color: #854F0B; }.ck-coral { background: #FAECE7; color: #993C1D; }.ck-line { width: 2px; flex: 1; min-height: 36px; background: #ebebeb; margin: 4px 0;}.ck-item-body { padding: 6px 0 40px; flex: 1;}.ck-item-last .ck-item-body { padding-bottom: 0;}.ck-num { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; color: #aaa; display: block; margin-bottom: 6px;}.ck-item-title { font-size: 18px; font-weight: 600; color: #1a1a1a; margin: 0 0 10px; line-height: 1.3;}.ck-item-desc { font-size: 15px; color: #555; line-height: 1.75; margin: 0 0 14px;}.ck-tags { display: flex; flex-wrap: wrap; gap: 8px;}.ck-tag { font-size: 12px; font-weight: 500; color: #444; background: #f3f3f1; border: 1px solid #e2e2e0; border-radius: 100px; padding: 4px 12px;}.ck-cta { background: #f0f7ff; border: 1px solid #B5D4F4; border-radius: 14px; padding: 28px 28px;}.ck-cta-inner { display: flex; align-items: center; gap: 20px; flex-wrap: wrap;}.ck-cta-icon { width: 56px; height: 56px; background: #185FA5; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.ck-cta-text { flex: 1; min-width: 200px;}.ck-cta-title { font-size: 16px; font-weight: 600; color: #0C447C; margin: 0 0 5px;}.ck-cta-desc { font-size: 14px; color: #185FA5; margin: 0; line-height: 1.6;}.ck-cta-btn { display: inline-block; background: #185FA5; color: #ffffff; text-decoration: none; border-radius: 8px; padding: 12px 24px; font-size: 14px; font-weight: 600; white-space: nowrap; transition: background 0.15s; flex-shrink: 0;}.ck-cta-btn:hover { background: #0C447C;}@media (max-width: 600px) { .ck-wrap { padding: 40px 20px; } .ck-heading { font-size: 24px; } .ck-icon { width: 42px; height: 42px; } .ck-item { gap: 16px; } .ck-cta-inner { flex-direction: column; align-items: flex-start; } .ck-cta-btn { width: 100%; text-align: center; }}.gthhome { width: 100%; max-width: 1200px; margin: 25px auto; padding: 10px;}.gthhome-wrap { display: grid; grid-template-columns: 1fr 230px 1fr; gap: 34px; align-items: center; position: relative;}.gthhome-col { display: flex; flex-direction: column; gap: 18px;}.gthhome-center { display: flex; justify-content: center; align-items: center; position: relative; z-index: 5;}.gthhome-logo-box { width: 220px; height: 220px; border-radius: 50%; background: #fffff; border: 2px solid rgba(0, 82, 161, 0.25); box-shadow: 0 16px 38px rgba(0, 82, 161, 0.15); display: flex; align-items: center; justify-content: center; padding: 28px; position: relative; overflow: hidden;}.gthhome-logo-box::before { content: ""; position: absolute; inset: 14px; border-radius: 50%; border: 1px dashed rgba(0, 82, 161, 0.25);}.gthhome-logo-box::after { content: ""; position: absolute; width: 145px; height: 145px; border-radius: 50%; background: rgba(0, 82, 161, 0.06); top: -45px; right: -35px;}.gthhome-logo-img { width: 100%; max-width: 155px; height: auto; display: block; object-fit: contain; position: relative; z-index: 2;}.gthhome-item { display: flex; align-items: flex-start; gap: 15px; background: #00000; border: 1px solid rgba(0, 82, 161, 0.12); border-radius: 18px; padding: 18px; min-height: 120px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; position: relative; z-index: 3;}.gthhome-item:hover { transform: translateY(-5px); border-color: rgba(0, 82, 161, 0.35); box-shadow: 0 14px 32px rgba(0, 82, 161, 0.14);}.gthhome-left .gthhome-item { flex-direction: row-reverse; text-align: right;}.gthhome-icon { width: 54px; height: 54px; min-width: 54px; border-radius: 16px; background: #0052a1; color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 26px; line-height: 1;}.gthhome-left .gthhome-item:nth-child(2) .gthhome-icon { background: #e00012;}.gthhome-right .gthhome-item:nth-child(1) .gthhome-icon { background: #00a8b8;}.gthhome-right .gthhome-item:nth-child(2) .gthhome-icon { background: #ff5a6f;}.gthhome-content { flex: 1;}.gthhome-title { margin: 0 0 6px; font-size: 19px; line-height: 1.3; color: #1b1b1b; font-weight: 800;}.gthhome-desc { margin: 0; font-size: 15px; line-height: 1.55; color: #444444;}.gthhome-left .gthhome-item::after,.gthhome-right .gthhome-item::after { content: ""; position: absolute; width: 76px; height: 54px; border: 2px solid rgba(0, 82, 161, 0.6); pointer-events: none; z-index: 1;}.gthhome-left .gthhome-item::after { right: -78px; border-left: none;}.gthhome-right .gthhome-item::after { left: -78px; border-right: none;}.gthhome-left .gthhome-item:nth-child(1)::after { top: 58px; border-bottom: none; border-radius: 0 70px 0 0; transform: rotate(10deg);}.gthhome-right .gthhome-item:nth-child(1)::after { top: 58px; border-bottom: none; border-radius: 70px 0 0 0; transform: rotate(-10deg);}.gthhome-left .gthhome-item:nth-child(2)::after { bottom: 58px; border-top: none; border-radius: 0 0 70px 0; transform: rotate(-10deg);}.gthhome-right .gthhome-item:nth-child(2)::after { bottom: 58px; border-top: none; border-radius: 0 0 0 70px; transform: rotate(10deg);}@media (max-width: 991px) { .gthhome-wrap { grid-template-columns: 1fr; gap: 18px; } .gthhome-logo-box { width: 190px; height: 190px; padding: 24px; } .gthhome-logo-img { max-width: 135px; } .gthhome-left .gthhome-item { flex-direction: row; text-align: left; } .gthhome-col { gap: 16px; } .gthhome-left .gthhome-item::after, .gthhome-right .gthhome-item::after { display: none; }}@media (max-width: 575px) { .gthhome { margin: 18px auto; padding: 8px; } .gthhome-logo-box { width: 155px; height: 155px; padding: 18px; } .gthhome-logo-img { max-width: 115px; } .gthhome-item { padding: 15px; border-radius: 15px; min-height: auto; } .gthhome-icon { width: 46px; height: 46px; min-width: 46px; border-radius: 13px; font-size: 22px; } .gthhome-title { font-size: 17px; } .gthhome-desc { font-size: 14px; line-height: 1.5; }}.visao { width: 100%; padding: 80px 20px; background: radial-gradient(circle at 5% 10%, rgba(11, 82, 161, 0.08), transparent 28%), radial-gradient(circle at 95% 90%, rgba(230, 171, 57, 0.1), transparent 25%), #f7f9fc; box-sizing: border-box; overflow: hidden;}.visao,.visao * { box-sizing: border-box;}.visao-container { width: 100%; max-width: 1200px; margin: 0 auto;}.visao-heading { max-width: 780px; margin: 0 auto 45px; text-align: center;}.visao-label { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 15px; color: #0b56a4; font-size: 14px; font-weight: 800; letter-spacing: 2px;}.visao-label::before,.visao-label::after { content: ""; width: 35px; height: 2px; background: linear-gradient(90deg, transparent, #e0aa42);}.visao-label::after { background: linear-gradient(90deg, #e0aa42, transparent);}.visao-title { margin: 0; color: #17233c; font-size: clamp(30px, 4vw, 48px); font-weight: 800; line-height: 1.2;}.visao-title span { display: block; color: #0b56a4;}.visao-desc { max-width: 700px; margin: 18px auto 0; color: #697386; font-size: 16px; line-height: 1.8;}.visao-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px;}.visao-item { min-height: 255px; padding: 30px 25px; position: relative; overflow: hidden; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(11, 86, 164, 0.1); border-radius: 20px; box-shadow: 0 15px 40px rgba(27, 47, 76, 0.07); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;}.visao-item::before { content: ""; width: 100%; height: 4px; position: absolute; top: 0; left: 0; background: linear-gradient(90deg, #0b56a4, #2c82d5, #e0aa42); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease;}.visao-item::after { content: ""; width: 130px; height: 130px; position: absolute; right: -70px; bottom: -70px; border-radius: 50%; background: rgba(11, 86, 164, 0.06); transition: transform 0.5s ease;}.visao-item:hover { transform: translateY(-10px); border-color: rgba(11, 86, 164, 0.3); box-shadow: 0 24px 55px rgba(11, 86, 164, 0.15);}.visao-item:hover::before { transform: scaleX(1);}.visao-item:hover::after { transform: scale(1.5);}.visao-icon { width: 62px; height: 62px; margin-bottom: 24px; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; color: #ffffff; background: linear-gradient(135deg, #0b56a4, #2386d8); border-radius: 18px; box-shadow: 0 12px 25px rgba(11, 86, 164, 0.24); transition: transform 0.4s ease, border-radius 0.4s ease;}.visao-item:hover .visao-icon { transform: rotate(-6deg) scale(1.08); border-radius: 50%;}.visao-icon svg { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.visao-content { position: relative; z-index: 2;}.visao-content h3 { margin: 0 0 12px; color: #17233c; font-size: 20px; font-weight: 800; line-height: 1.35;}.visao-content p { margin: 0; color: #6f7888; font-size: 15px; line-height: 1.7;}.visao-number { position: absolute; top: 22px; right: 22px; color: rgba(11, 86, 164, 0.08); font-size: 46px; font-weight: 900; line-height: 1; transition: color 0.4s ease;}.visao-item:hover .visao-number { color: rgba(224, 170, 66, 0.22);}.visao-bottom { margin-top: 35px; padding: 24px 28px; display: flex; align-items: center; justify-content: space-between; gap: 25px; background: linear-gradient(135deg, #083f7d, #0b5eae); border-radius: 22px; box-shadow: 0 18px 45px rgba(11, 86, 164, 0.2);}.visao-slogan { display: flex; align-items: center; gap: 17px; color: #ffffff;}.visao-slogan-icon { width: 55px; height: 55px; flex: 0 0 55px; display: flex; align-items: center; justify-content: center; color: #193b68; background: linear-gradient(135deg, #f8d98c, #dba12e); border-radius: 50%;}.visao-slogan-icon svg { width: 28px; height: 28px; fill: currentColor;}.visao-slogan span { display: block; margin-bottom: 5px; color: rgba(255, 255, 255, 0.72); font-size: 13px; text-transform: uppercase; letter-spacing: 1px;}.visao-slogan strong { display: block; font-size: 22px; line-height: 1.3;}.visao-button { min-width: 255px; padding: 13px 17px; display: flex; align-items: center; gap: 13px; color: #0b4d90; text-decoration: none; background: #ffffff; border-radius: 14px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12); transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;}.visao-button:hover { color: #ffffff; background: #e0aa42; transform: translateY(-4px); box-shadow: 0 16px 32px rgba(0, 0, 0, 0.18);}.visao-button > svg:first-child { width: 31px; height: 31px; flex: 0 0 31px; fill: currentColor;}.visao-button span { display: flex; flex: 1; flex-direction: column; font-size: 18px; font-weight: 800; line-height: 1.2;}.visao-button small { margin-bottom: 3px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; opacity: 0.7;}.visao-button-arrow { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.35s ease;}.visao-button:hover .visao-button-arrow { transform: translateX(5px);}@media (max-width: 991px) { .visao { padding: 65px 20px; } .visao-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 767px) { .visao { padding: 50px 15px; } .visao-heading { margin-bottom: 30px; } .visao-title { font-size: 31px; } .visao-desc { font-size: 15px; line-height: 1.7; } .visao-grid { grid-template-columns: 1fr; gap: 16px; } .visao-item { min-height: auto; padding: 25px 22px; } .visao-item:hover { transform: translateY(-5px); } .visao-icon { width: 56px; height: 56px; margin-bottom: 19px; } .visao-content h3 { font-size: 19px; } .visao-bottom { margin-top: 25px; padding: 23px 20px; flex-direction: column; align-items: stretch; } .visao-slogan { justify-content: center; text-align: left; } .visao-slogan strong { font-size: 18px; } .visao-button { width: 100%; min-width: 0; }}@media (max-width: 420px) { .visao-title { font-size: 27px; } .visao-label { font-size: 12px; letter-spacing: 1.2px; } .visao-label::before, .visao-label::after { width: 20px; } .visao-item { padding: 23px 19px; } .visao-number { top: 19px; right: 18px; font-size: 39px; } .visao-slogan { align-items: flex-start; } .visao-slogan-icon { width: 48px; height: 48px; flex-basis: 48px; }}.gptncx-section,.gptncx-section * { box-sizing: border-box;}.gptncx-section { width: 100%; padding: 10px; overflow: hidden;}.gptncx-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 56px 38px 36px; position: relative; overflow: hidden; border: 1px solid rgba(21, 83, 161, 0.1); border-radius: 30px; background: radial-gradient( circle at 3% 5%, rgba(23, 104, 215, 0.12), transparent 25% ), radial-gradient( circle at 97% 95%, rgba(0, 169, 138, 0.1), transparent 27% ), linear-gradient( 145deg, #f6f9ff 0%, #ffffff 52%, #f4fffb 100% ); box-shadow: 0 28px 75px rgba(19, 47, 86, 0.09);}.gptncx-container::before,.gptncx-container::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none;}.gptncx-container::before { width: 280px; height: 280px; top: -180px; right: -120px; background: rgba(23, 104, 215, 0.05);}.gptncx-container::after { width: 220px; height: 220px; bottom: -140px; left: -90px; background: rgba(0, 169, 138, 0.06);}.gptncx-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 34px; position: relative; z-index: 3;}.gptncx-heading-content { width: 100%; max-width: 760px; min-width: 0;}.gptncx-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 11px; color: #1768d7; font-size: 13px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase;}.gptncx-eyebrow::before { content: ""; width: 28px; height: 1px; background: currentColor; opacity: 0.55;}.gptncx-heading h2 { margin: 0 0 13px; color: #12233f; font-size: clamp(30px, 4vw, 46px); line-height: 1.2;}.gptncx-heading p { margin: 0; color: #68768b; font-size: 16px; line-height: 1.75;}.gptncx-heading-link,.gptncx-footer-link { min-height: 47px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; flex: 0 0 auto; padding: 11px 19px; border-radius: 999px; color: #1768d7; background: #edf4ff; font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;}.gptncx-heading-link svg,.gptncx-main-link svg,.gptncx-card-link svg,.gptncx-footer-link svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s ease;}.gptncx-heading-link:hover,.gptncx-footer-link:hover { color: #ffffff; background: linear-gradient(135deg, #1768d7, #00a98a); transform: translateY(-3px); box-shadow: 0 14px 28px rgba(23, 104, 215, 0.2);}.gptncx-heading-link:hover svg,.gptncx-main-link:hover svg,.gptncx-card-link:hover svg,.gptncx-footer-link:hover svg { transform: translateX(4px);}.gptncx-bento { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; position: relative; z-index: 2;}.gptncx-bento > * { min-width: 0;}.gptncx-main { grid-column: span 5; grid-row: span 2; min-height: 610px; padding: 30px; position: relative; overflow: hidden; border-radius: 26px; color: #ffffff; background: radial-gradient( circle at 85% 10%, rgba(255, 255, 255, 0.14), transparent 27% ), linear-gradient( 145deg, #092f68, #1768d7 58%, #00967d ); box-shadow: 0 24px 55px rgba(13, 65, 132, 0.24);}.gptncx-main-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; position: relative; z-index: 2;}.gptncx-main-label { color: #80efd1; font-size: 11px; font-weight: 700; letter-spacing: 0.9px; text-transform: uppercase;}.gptncx-main-status { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 999px; color: rgba(255, 255, 255, 0.78); background: rgba(255, 255, 255, 0.08); font-size: 10px; white-space: nowrap;}.gptncx-main-status i { width: 7px; height: 7px; border-radius: 50%; background: #80efd1; box-shadow: 0 0 0 4px rgba(128, 239, 209, 0.11);}.gptncx-main-icon { width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; margin-top: 58px; position: relative; z-index: 2; border-radius: 21px; color: #075a8e; background: #80efd1; box-shadow: 0 13px 28px rgba(2, 25, 61, 0.22);}.gptncx-main-icon svg { width: 35px; height: 35px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.gptncx-main-small { display: block; margin: 24px 0 8px; position: relative; z-index: 2; color: #80efd1; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;}.gptncx-main h3 { margin: 0 0 15px; position: relative; z-index: 2; color: #ffffff; font-size: clamp(28px, 3.6vw, 40px); line-height: 1.28;}.gptncx-main > p { margin: 0; position: relative; z-index: 2; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.75;}.gptncx-main-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; position: relative; z-index: 2;}.gptncx-main-tags span { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 999px; color: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.07); font-size: 11px;}.gptncx-main-tags i { width: 7px; height: 7px; border-radius: 50%; background: #80efd1;}.gptncx-main-link { min-height: 47px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; margin-top: 27px; padding: 11px 19px; position: relative; z-index: 2; border-radius: 999px; color: #0d4f8e; background: #ffffff; font-size: 13px; font-weight: 700; text-decoration: none; transition: transform 0.3s ease, box-shadow 0.3s ease;}.gptncx-main-link:hover { transform: translateY(-3px); box-shadow: 0 13px 28px rgba(1, 20, 45, 0.25);}.gptncx-main-circle { position: absolute; border-radius: 50%; pointer-events: none;}.gptncx-circle-one { width: 260px; height: 260px; top: -135px; right: -100px; border: 1px solid rgba(255, 255, 255, 0.11);}.gptncx-circle-two { width: 190px; height: 190px; right: -80px; bottom: -100px; background: rgba(255, 255, 255, 0.06);}.gptncx-card { grid-column: span 7; min-height: 190px; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 18px; padding: 24px; position: relative; overflow: hidden; border: 1px solid rgba(23, 104, 215, 0.11); border-radius: 22px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 14px 35px rgba(25, 54, 94, 0.08); transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;}.gptncx-card::before { content: ""; width: 125px; height: 125px; position: absolute; top: -72px; right: -58px; border-radius: 50%; background: rgba(23, 104, 215, 0.055); transition: transform 0.4s ease, background 0.4s ease;}.gptncx-card::after { content: ""; width: 0; height: 3px; position: absolute; right: 24px; bottom: 0; left: 24px; margin: auto; border-radius: 999px; background: linear-gradient(90deg, #1768d7, #00a98a); transition: width 0.35s ease;}.gptncx-card:hover { transform: translateY(-7px); border-color: rgba(23, 104, 215, 0.28); box-shadow: 0 24px 48px rgba(25, 54, 94, 0.14);}.gptncx-card:hover::before { transform: scale(1.4); background: rgba(23, 104, 215, 0.1);}.gptncx-card:hover::after { width: calc(100% - 48px);}.gptncx-card-personal { background: radial-gradient( circle at 93% 8%, rgba(23, 104, 215, 0.08), transparent 28% ), #ffffff;}.gptncx-card-business { background: radial-gradient( circle at 93% 8%, rgba(0, 169, 138, 0.08), transparent 28% ), #ffffff;}.gptncx-card-custom { grid-column: span 12; grid-template-columns: auto minmax(0, 1fr);}.gptncx-card-head { grid-row: 1 / span 5; display: flex; flex-direction: column; align-items: center; gap: 14px; position: relative; z-index: 2;}.gptncx-card-icon { width: 57px; height: 57px; display: flex; align-items: center; justify-content: center; border-radius: 18px; color: #1768d7; background: linear-gradient(135deg, #e8f2ff, #edfff9); transition: color 0.35s ease, background 0.35s ease, transform 0.35s ease;}.gptncx-card-icon svg { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.gptncx-card:hover .gptncx-card-icon { color: #ffffff; background: linear-gradient(135deg, #1768d7, #00a98a); transform: rotate(-5deg) scale(1.07);}.gptncx-card-number { color: rgba(18, 35, 63, 0.13); font-size: 26px; font-weight: 800; line-height: 1;}.gptncx-card-label,.gptncx-card h3,.gptncx-card > p,.gptncx-list,.gptncx-card-link { grid-column: 2; position: relative; z-index: 2;}.gptncx-card-label { display: block; margin-bottom: 5px; color: #1768d7; font-size: 10px; font-weight: 700; letter-spacing: 0.9px; text-transform: uppercase;}.gptncx-card h3 { margin: 0 0 8px; color: #172640; font-size: 20px; line-height: 1.4;}.gptncx-card > p { margin: 0; color: #6a7689; font-size: 13px; line-height: 1.65;}.gptncx-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; padding: 0; list-style: none;}.gptncx-list li { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border-radius: 999px; color: #536176; background: #f2f6fb; font-size: 10px; font-weight: 600;}.gptncx-list li span { width: 6px; height: 6px; border-radius: 50%; background: #00a98a;}.gptncx-card-link { display: inline-flex; align-items: center; gap: 7px; width: fit-content; margin-top: 15px; color: #1768d7; font-size: 12px; font-weight: 700; text-decoration: none;}.gptncx-matrix { grid-column: span 8; padding: 25px; border: 1px solid rgba(23, 104, 215, 0.11); border-radius: 22px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 14px 35px rgba(25, 54, 94, 0.08);}.gptncx-matrix-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 20px;}.gptncx-matrix-head > div:first-child > span { display: block; margin-bottom: 5px; color: #1768d7; font-size: 10px; font-weight: 800; letter-spacing: 0.9px; text-transform: uppercase;}.gptncx-matrix-head h3 { margin: 0; color: #172640; font-size: 20px; line-height: 1.4;}.gptncx-matrix-icon { width: 48px; height: 48px; flex: 0 0 48px; display: flex; align-items: center; justify-content: center; border-radius: 15px; color: #1768d7; background: linear-gradient(135deg, #e8f2ff, #edfff9);}.gptncx-matrix-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.gptncx-matrix-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px;}.gptncx-matrix-item { display: flex; align-items: flex-start; gap: 12px; padding: 14px; border: 1px solid rgba(23, 104, 215, 0.08); border-radius: 15px; background: #f8fbff; transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;}.gptncx-matrix-item:hover { transform: translateY(-4px); border-color: rgba(23, 104, 215, 0.22); background: #ffffff;}.gptncx-matrix-number { color: rgba(23, 104, 215, 0.25); font-size: 20px; font-weight: 800; line-height: 1;}.gptncx-matrix-item strong { display: block; margin-bottom: 3px; color: #172640; font-size: 13px;}.gptncx-matrix-item div span { display: block; color: #7b8799; font-size: 10px; line-height: 1.45;}.gptncx-stats { grid-column: span 4; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px;}.gptncx-stat { display: flex; flex-direction: column; justify-content: center; min-height: 105px; padding: 16px; border: 1px solid rgba(23, 104, 215, 0.1); border-radius: 17px; background: rgba(255, 255, 255, 0.92); text-align: center; box-shadow: 0 12px 28px rgba(25, 54, 94, 0.06);}.gptncx-stat strong { display: block; color: #1768d7; font-size: 25px; line-height: 1;}.gptncx-stat span { display: block; margin-top: 6px; color: #7b8799; font-size: 10px; line-height: 1.4;}.gptncx-footer { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: center; margin-top: 22px; padding: 20px 23px; position: relative; z-index: 3; border: 1px solid rgba(23, 104, 215, 0.11); border-radius: 18px; background: rgba(255, 255, 255, 0.84); box-shadow: 0 12px 30px rgba(25, 54, 94, 0.06);}.gptncx-footer-icon { width: 49px; height: 49px; flex: 0 0 49px; display: flex; align-items: center; justify-content: center; border-radius: 15px; color: #ffffff; background: linear-gradient(135deg, #1768d7, #00a98a); box-shadow: 0 9px 20px rgba(23, 104, 215, 0.22);}.gptncx-footer-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;}.gptncx-footer-content { min-width: 0;}.gptncx-footer-content strong { display: block; margin-bottom: 4px; color: #172640; font-size: 16px;}.gptncx-footer-content span { display: block; color: #6a7689; font-size: 14px; line-height: 1.55;}@media (max-width: 1000px) { .gptncx-main { grid-column: span 12; grid-row: auto; min-height: auto; } .gptncx-card, .gptncx-card-custom { grid-column: span 12; } .gptncx-matrix { grid-column: span 8; } .gptncx-stats { grid-column: span 4; }}@media (max-width: 760px) { .gptncx-container { padding: 44px 22px 28px; } .gptncx-heading { display: block; } .gptncx-heading-link { margin-top: 22px; } .gptncx-matrix, .gptncx-stats { grid-column: span 12; } .gptncx-footer { grid-template-columns: auto minmax(0, 1fr); } .gptncx-footer-link { grid-column: 1 / -1; width: 100%; }}@media (max-width: 560px) { .gptncx-container { padding: 36px 15px 20px; border-radius: 20px; } .gptncx-heading p { font-size: 14px; } .gptncx-heading-link { width: 100%; } .gptncx-bento { grid-template-columns: 1fr; gap: 14px; } .gptncx-main, .gptncx-card, .gptncx-card-custom, .gptncx-matrix, .gptncx-stats { grid-column: 1; grid-row: auto; width: 100%; } .gptncx-main { padding: 23px 18px; border-radius: 20px; } .gptncx-main-status { display: none; } .gptncx-main-icon { width: 59px; height: 59px; margin-top: 36px; } .gptncx-main h3 { font-size: 27px; } .gptncx-main-tags { display: grid; } .gptncx-main-tags span, .gptncx-main-link { width: 100%; } .gptncx-card { display: block; padding: 21px 18px; border-radius: 18px; } .gptncx-card-head { flex-direction: row; justify-content: space-between; margin-bottom: 18px; } .gptncx-card-label, .gptncx-card h3, .gptncx-card > p, .gptncx-list, .gptncx-card-link { grid-column: auto; } .gptncx-list { display: grid; } .gptncx-card-link { width: 100%; justify-content: center; min-height: 43px; border-radius: 999px; background: #edf4ff; } .gptncx-matrix { padding: 21px 18px; border-radius: 18px; } .gptncx-matrix-grid { grid-template-columns: 1fr; } .gptncx-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gptncx-footer { padding: 18px; }}@media (max-width: 390px) { .gptncx-stats { grid-template-columns: 1fr; } .gptncx-main-top { align-items: flex-start; }}@media (prefers-reduced-motion: reduce) { .gptncx-heading-link, .gptncx-heading-link svg, .gptncx-main-link, .gptncx-main-link svg, .gptncx-card, .gptncx-card::before, .gptncx-card::after, .gptncx-card-icon, .gptncx-card-link svg, .gptncx-matrix-item, .gptncx-footer-link, .gptncx-footer-link svg { transition: none; }}.wst-gioithieu-counter { padding: 60px 0; }.wst-gioithieu-counter .wst-label { font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; opacity: 0.85; }.wst-gioithieu-counter .wst-heading { font-size: 32px; font-weight: 700; }.wst-gioithieu-counter .wst-counter-box { padding: 30px 15px; border-radius: 12px; background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); transition: transform 0.3s; }.wst-gioithieu-counter .wst-counter-box:hover { transform: translateY(-5px); }.wst-gioithieu-counter .wst-counter-icon { color: rgba(255,255,255,0.9); }.wst-gioithieu-counter .wst-counter-number { font-size: 36px; font-weight: 800; margin-bottom: 4px; }.wst-gioithieu-counter .wst-counter-label { font-size: 14px; opacity: 0.85; margin: 0; }.wst-tieuchi-iconbox { padding: 60px 0; }.wst-tieuchi-iconbox .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-iconbox .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-iconbox .wst-subtext { font-size: 15px; color: #6c757d; max-width: 520px; }.wst-tieuchi-iconbox .wst-icon-card { background: #fff; border-radius: 16px; box-shadow: 0 2px 20px rgba(0,0,0,0.05); transition: transform 0.3s, box-shadow 0.3s; }.wst-tieuchi-iconbox .wst-icon-card:hover { transform: translateY(-8px); box-shadow: 0 12px 30px rgba(0,0,0,0.1); }.wst-tieuchi-iconbox .wst-icon-circle { width: 70px; height: 70px; border-radius: 50%; background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); color: #fff; display: flex; align-items: center; justify-content: center; }.wst-banggia-3col { padding: 60px 0; }.wst-banggia-3col .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-banggia-3col .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-banggia-3col .wst-subtext { font-size: 15px; color: #6c757d; max-width: 480px; }.wst-banggia-3col .wst-price-toggle { font-size: 14px; }.wst-banggia-3col .wst-toggle-label { color: #999; cursor: pointer; transition: color 0.3s; }.wst-banggia-3col .wst-toggle-label.active { color: #1a1a2e; font-weight: 600; }.wst-banggia-3col .wst-switch { position: relative; display: inline-block; width: 44px; height: 24px; margin: 0; }.wst-banggia-3col .wst-switch input { opacity: 0; width: 0; height: 0; }.wst-banggia-3col .wst-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #ccc; border-radius: 24px; transition: 0.3s; }.wst-banggia-3col .wst-slider::before { content: ""; position: absolute; height: 18px; width: 18px; left: 3px; bottom: 3px; background: #fff; border-radius: 50%; transition: 0.3s; }.wst-banggia-3col .wst-switch input:checked + .wst-slider { background: var(--ws-color-main, #0d6efd); }.wst-banggia-3col .wst-switch input:checked + .wst-slider::before { transform: translateX(20px); }.wst-banggia-3col .wst-price-card { background: #fff; border-radius: 16px; padding: 32px 28px; border: 2px solid #e9ecef; text-align: center; position: relative; transition: all 0.3s; height: 100%; display: flex; flex-direction: column; }.wst-banggia-3col .wst-price-card:hover { border-color: var(--ws-color-main, #0d6efd); }.wst-banggia-3col .wst-price-featured { border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 10px 40px rgba(13,110,253,0.15); transform: scale(1.04); }.wst-banggia-3col .wst-price-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--ws-color-main, #0d6efd); color: #fff; padding: 4px 20px; border-radius: 20px; font-size: 12px; font-weight: 600; }.wst-banggia-3col .wst-price-name { font-size: 18px; font-weight: 600; color: #1a1a2e; margin-bottom: 8px; }.wst-banggia-3col .wst-price-amount { font-size: 32px; font-weight: 800; color: var(--ws-color-main, #0d6efd); margin-bottom: 24px; }.wst-banggia-3col .wst-price-currency { font-size: 18px; vertical-align: super; }.wst-banggia-3col .wst-price-period { font-size: 14px; font-weight: 400; color: #6c757d; }.wst-banggia-3col .wst-price-features { list-style: none; padding: 0; margin: 0 0 24px; text-align: left; flex: 1; }.wst-banggia-3col .wst-price-features li { padding: 8px 0; border-bottom: 1px solid #f0f0f0; font-size: 14px; color: #333; }.wst-banggia-3col .wst-price-features li i { margin-right: 8px; color: #198754; }.wst-banggia-3col .wst-price-features li.wst-disabled { color: #adb5bd; }.wst-banggia-3col .wst-price-features li.wst-disabled i { color: #adb5bd; }.wst-doitac-grid { padding: 60px 0; }.wst-doitac-grid .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doitac-grid .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doitac-grid .wst-partner-logo { padding: 20px 16px; border-radius: 12px; border: 1px solid #e9ecef; text-align: center; transition: all 0.3s; filter: grayscale(100%); opacity: 0.6; }.wst-doitac-grid .wst-partner-logo:hover { filter: grayscale(0%); opacity: 1; border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 4px 15px rgba(0,0,0,0.08); }.wst-footer-dark { padding: 50px 0 20px;}.wst-footer-dark .wst-footer-brand { font-size: 22px; font-weight: 800; color: #fff; letter-spacing: 1px; }.wst-footer-dark .wst-footer-desc { font-size: 14px; line-height: 1.7; color: #aaa; }.wst-footer-dark .wst-footer-title { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 1px; }.wst-footer-dark .wst-footer-links { list-style: none; padding: 0; margin: 0; }.wst-footer-dark .wst-footer-links li { margin-bottom: 10px; }.wst-footer-dark .wst-footer-links a { color: #aaa; text-decoration: none; font-size: 14px; transition: color 0.3s; }.wst-footer-dark .wst-footer-links a:hover { color: #fff; padding-left: 4px; }.wst-footer-dark .wst-footer-social a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,0.1); color: #ccc; font-size: 14px; text-decoration: none; transition: all 0.3s; }.wst-footer-dark .wst-footer-social a:hover { background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-footer-dark .wst-footer-copyright { font-size: 13px; color: #777; }.wst-sanpham-highlight { padding: 60px 0; }.wst-sanpham-highlight .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-sanpham-highlight .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-sanpham-highlight .wst-product-card { border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 2px 20px rgba(0,0,0,0.06); transition: transform 0.3s; height: 100%; }.wst-sanpham-highlight .wst-product-card:hover { transform: translateY(-6px); }.wst-sanpham-highlight .wst-product-img { position: relative; overflow: hidden; }.wst-sanpham-highlight .wst-product-img img { transition: transform 0.4s; }.wst-sanpham-highlight .wst-product-card:hover .wst-product-img img { transform: scale(1.05); }.wst-sanpham-highlight .wst-product-badge { position: absolute; top: 12px; left: 12px; background: var(--ws-color-main, #0d6efd); color: #fff; padding: 4px 14px; border-radius: 20px; font-size: 12px; font-weight: 600; }.wst-sanpham-highlight .wst-badge-hot { background: #dc3545; }.wst-sanpham-highlight .wst-product-body { padding: 20px 24px; }.wst-sanpham-highlight .wst-product-name { font-size: 17px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }.wst-sanpham-highlight .wst-product-desc { font-size: 14px; color: #6c757d; line-height: 1.7; margin-bottom: 16px; }.wst-sanpham-highlight .wst-product-price { font-size: 15px; font-weight: 700; color: var(--ws-color-main, #0d6efd); }.wst-tieuchi-number-steps { padding: 60px 0; }.wst-tieuchi-number-steps .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-number-steps .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-number-steps .wst-subtext { font-size: 15px; color: #6c757d; max-width: 520px; }.wst-tieuchi-number-steps .wst-step-card { text-align: center; padding: 30px 20px; position: relative; }.wst-tieuchi-number-steps .wst-step-number { font-size: 48px; font-weight: 900; color: var(--ws-color-main, #0d6efd); opacity: 0.15; line-height: 1; margin-bottom: 16px; }.wst-tieuchi-number-steps .wst-step-connector { display: none; }.wst-tieuchi-number-steps .wst-step-title { font-size: 17px; font-weight: 700; color: #1a1a2e; margin-bottom: 10px; }.wst-tieuchi-number-steps .wst-step-desc { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }@media (min-width: 992px) {.wst-tieuchi-number-steps .wst-step-connector { display: block; position: absolute; top: 45px; right: -20px; width: 40px; height: 2px; background: linear-gradient(90deg, var(--ws-color-main, #0d6efd), transparent); }}.wst-tieuchi-gradient-border { padding: 60px 0; }.wst-tieuchi-gradient-border .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-gradient-border .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-gradient-border .wst-gb-card { background: #fff; border-radius: 16px; padding: 32px 24px; border-top: 4px solid transparent; border-image: linear-gradient(90deg, var(--ws-color-main, #0d6efd), #6610f2) 1; box-shadow: 0 2px 20px rgba(0,0,0,0.05); transition: transform 0.3s; height: 100%; }.wst-tieuchi-gradient-border .wst-gb-card:hover { transform: translateY(-6px); }.wst-tieuchi-gradient-border .wst-gb-icon { font-size: 32px; color: var(--ws-color-main, #0d6efd); margin-bottom: 16px; }.wst-tieuchi-gradient-border .wst-gb-title { font-size: 17px; font-weight: 700; color: #1a1a2e; margin-bottom: 10px; }.wst-tieuchi-gradient-border .wst-gb-desc { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-tieuchi-hexagon-icons { padding: 60px 0; }.wst-tieuchi-hexagon-icons .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-hexagon-icons .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-hexagon-icons .wst-subtext { font-size: 15px; color: #6c757d; max-width: 520px; }.wst-tieuchi-hexagon-icons .wst-hex-card { padding: 20px 12px; }.wst-tieuchi-hexagon-icons .wst-hex-icon { width: 80px; height: 80px; background: var(--ws-color-main, #0d6efd); color: #fff; font-size: 28px; display: flex; align-items: center; justify-content: center; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); transition: transform 0.3s; }.wst-tieuchi-hexagon-icons .wst-hex-card:hover .wst-hex-icon { transform: rotate(15deg) scale(1.1); }.wst-tieuchi-hexagon-icons .wst-hex-title { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }.wst-tieuchi-hexagon-icons .wst-hex-desc { font-size: 13px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-tieuchi-flip-card { padding: 60px 0; }.wst-tieuchi-flip-card .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-flip-card .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-flip-card .wst-subtext { font-size: 15px; color: #6c757d; max-width: 480px; }.wst-tieuchi-flip-card .wst-flip-wrapper { perspective: 1000px; height: 240px; }.wst-tieuchi-flip-card .wst-flip-inner { position: relative; width: 100%; height: 100%; transition: transform 0.7s; transform-style: preserve-3d; }.wst-tieuchi-flip-card .wst-flip-wrapper:hover .wst-flip-inner { transform: rotateY(180deg); }.wst-tieuchi-flip-card .wst-flip-front, .wst-tieuchi-flip-card .wst-flip-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; text-align: center; }.wst-tieuchi-flip-card .wst-flip-front { background: #f8f9fa; color: #1a1a2e; border: 1px solid #e9ecef; }.wst-tieuchi-flip-card .wst-flip-front i { color: var(--ws-color-main, #0d6efd); }.wst-tieuchi-flip-card .wst-flip-front h5 { font-size: 17px; font-weight: 700; margin: 0; }.wst-tieuchi-flip-card .wst-flip-back { background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); color: #fff; transform: rotateY(180deg); }.wst-tieuchi-flip-card .wst-flip-back p { font-size: 14px; line-height: 1.7; margin: 0; }.wst-tieuchi-tab-switch { padding: 60px 0; }.wst-tieuchi-tab-switch .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-tab-switch .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-tab-switch .wst-tab-btn { text-align: left; background: #f8f9fa; border: none; padding: 16px 20px; margin-bottom: 8px; border-radius: 12px; font-weight: 600; font-size: 15px; color: #555; transition: all 0.3s; }.wst-tieuchi-tab-switch .wst-tab-btn.active { background: var(--ws-color-main, #0d6efd); color: #fff; box-shadow: 0 4px 15px rgba(13,110,253,0.3); }.wst-tieuchi-tab-switch .wst-tab-panel { background: #f8f9fa; border-radius: 16px; min-height: 260px; }.wst-tieuchi-tab-switch .wst-tab-panel h4 { color: #1a1a2e; }.wst-tieuchi-zigzag-alt { padding: 60px 0;}.wst-tieuchi-zigzag-alt .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-zigzag-alt .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-zigzag-alt .wst-zz-img img { transition: transform 0.4s; }.wst-tieuchi-zigzag-alt .wst-zz-img:hover img { transform: scale(1.04); }.wst-tieuchi-zigzag-alt .wst-zz-badge { display: inline-block; background: rgba(13,110,253,0.1); color: var(--ws-color-main, #0d6efd); padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; margin-bottom: 12px; }.wst-tieuchi-zigzag-alt .wst-zz-title { font-size: 24px; font-weight: 700; color: #1a1a2e; margin-bottom: 12px; }.wst-tieuchi-zigzag-alt .wst-zz-desc { font-size: 15px; color: #6c757d; line-height: 1.8; margin: 0; }.wst-tieuchi-circle-icon-4col { padding: 60px 0; }.wst-tieuchi-circle-icon-4col .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-circle-icon-4col .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-circle-icon-4col .wst-ci-circle { width: 90px; height: 90px; border-radius: 50%; border: 2px dashed var(--ws-color-main, #0d6efd); color: var(--ws-color-main, #0d6efd); display: flex; align-items: center; justify-content: center; font-size: 28px; transition: all 0.3s; }.wst-tieuchi-circle-icon-4col .wst-ci-circle:hover { background: var(--ws-color-main, #0d6efd); color: #fff; border-style: solid; }.wst-tieuchi-circle-icon-4col .wst-ci-title { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }.wst-tieuchi-circle-icon-4col .wst-ci-desc { font-size: 13px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-tieuchi-glass-cards { padding: 60px 0; }.wst-tieuchi-glass-cards .wst-label { font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-glass-cards .wst-heading { font-size: 32px; font-weight: 700; }.wst-tieuchi-glass-cards .wst-subtext { font-size: 15px; max-width: 480px; }.wst-tieuchi-glass-cards .wst-glass-card { background: rgba(255,255,255,0.12); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.2); border-radius: 20px; padding: 32px 24px; transition: transform 0.3s, background 0.3s; height: 100%; }.wst-tieuchi-glass-cards .wst-glass-card:hover { transform: translateY(-6px); background: rgba(255,255,255,0.18); }.wst-tieuchi-glass-cards .wst-glass-icon { font-size: 32px; margin-bottom: 16px; }.wst-tieuchi-glass-cards .wst-glass-title { font-size: 17px; font-weight: 700; margin-bottom: 10px; }.wst-tieuchi-glass-cards .wst-glass-desc { font-size: 14px; line-height: 1.7; margin-bottom: 16px; }.wst-tieuchi-glass-cards .wst-glass-tag { display: inline-block; background: rgba(255,255,255,0.2); padding: 4px 14px; border-radius: 20px; font-size: 12px; font-weight: 600; }.wst-tieuchi-dark-section { padding: 70px 0; }.wst-tieuchi-dark-section .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-dark-section .wst-heading { font-size: 32px; font-weight: 700; line-height: 1.3; }.wst-tieuchi-dark-section .wst-desc { font-size: 15px; color: #aaa; line-height: 1.8; }.wst-tieuchi-dark-section .wst-dk-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 24px 20px; transition: all 0.3s; height: 100%; }.wst-tieuchi-dark-section .wst-dk-card:hover { background: rgba(255,255,255,0.1); transform: translateY(-4px); border-color: var(--ws-color-main, #0d6efd); }.wst-tieuchi-dark-section .wst-dk-card i { color: var(--ws-color-main, #0d6efd); }.wst-tieuchi-dark-section .wst-dk-card h5 { font-size: 16px; font-weight: 700; margin-bottom: 8px; }.wst-tieuchi-dark-section .wst-dk-card p { font-size: 13px; color: #999; line-height: 1.7; margin: 0; }.wst-tieuchi-hover-lift { padding: 60px 0; }.wst-tieuchi-hover-lift .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-hover-lift .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-hover-lift .wst-subtext { font-size: 15px; color: #6c757d; max-width: 540px; }.wst-tieuchi-hover-lift .wst-hl-card { background: #fff; border-radius: 16px; padding: 28px 22px; border: 1px solid #eee; text-align: center; transition: all 0.35s ease; height: 100%; }.wst-tieuchi-hover-lift .wst-hl-card:hover { transform: translateY(-10px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); border-color: transparent; }.wst-tieuchi-hover-lift .wst-hl-icon-wrap { font-size: 36px; color: var(--ws-color-main, #0d6efd); margin-bottom: 16px; transition: transform 0.3s; }.wst-tieuchi-hover-lift .wst-hl-card:hover .wst-hl-icon-wrap { transform: scale(1.15); }.wst-tieuchi-hover-lift .wst-hl-title { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 10px; }.wst-tieuchi-hover-lift .wst-hl-desc { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-tieuchi-ribbon-cards { padding: 60px 0; }.wst-tieuchi-ribbon-cards .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-ribbon-cards .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-ribbon-cards .wst-rb-card { background: #fff; border-radius: 16px; padding: 32px 24px; position: relative; overflow: hidden; border: 2px solid #e9ecef; transition: all 0.3s; height: 100%; }.wst-tieuchi-ribbon-cards .wst-rb-card:hover { border-color: var(--ws-color-main, #0d6efd); }.wst-tieuchi-ribbon-cards .wst-rb-featured { border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 8px 30px rgba(13,110,253,0.12); }.wst-tieuchi-ribbon-cards .wst-rb-ribbon { position: absolute; top: 16px; right: -32px; background: var(--ws-color-main, #0d6efd); color: #fff; padding: 4px 40px; font-size: 12px; font-weight: 700; transform: rotate(45deg); text-transform: uppercase; }.wst-tieuchi-ribbon-cards .wst-rb-ribbon-hot { background: #dc3545; }.wst-tieuchi-ribbon-cards .wst-rb-icon { font-size: 36px; color: var(--ws-color-main, #0d6efd); margin-bottom: 16px; }.wst-tieuchi-ribbon-cards .wst-rb-title { font-size: 18px; font-weight: 700; color: #1a1a2e; margin-bottom: 10px; }.wst-tieuchi-ribbon-cards .wst-rb-desc { font-size: 14px; color: #6c757d; line-height: 1.7; margin-bottom: 16px; }.wst-tieuchi-ribbon-cards .wst-rb-list { list-style: none; padding: 0; margin: 0; }.wst-tieuchi-ribbon-cards .wst-rb-list li { padding: 6px 0; font-size: 14px; color: #555; border-top: 1px solid #f0f0f0; }.wst-tieuchi-topborder-grid { padding: 60px 0; }.wst-tieuchi-topborder-grid .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-topborder-grid .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-topborder-grid .wst-tb-card { padding: 28px 22px; border-top: 3px solid var(--ws-color-main, #0d6efd); background: #f8f9fa; border-radius: 0 0 12px 12px; transition: all 0.3s; height: 100%; }.wst-tieuchi-topborder-grid .wst-tb-card:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.08); transform: translateY(-4px); }.wst-tieuchi-topborder-grid .wst-tb-icon { font-size: 28px; color: var(--ws-color-main, #0d6efd); display: block; margin-bottom: 14px; }.wst-tieuchi-topborder-grid .wst-tb-title { font-size: 17px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }.wst-tieuchi-topborder-grid .wst-tb-desc { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-tieuchi-timeline-h { padding: 60px 0; }.wst-tieuchi-timeline-h .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-timeline-h .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-timeline-h .wst-ht-wrapper { position: relative; padding-top: 20px; }.wst-tieuchi-timeline-h .wst-ht-line { position: absolute; top: 28px; left: 10%; right: 10%; height: 3px; background: linear-gradient(90deg, var(--ws-color-main, #0d6efd), #6610f2); border-radius: 2px; }.wst-tieuchi-timeline-h .wst-ht-dot { width: 18px; height: 18px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); border: 3px solid #fff; box-shadow: 0 0 0 3px var(--ws-color-main, #0d6efd); position: relative; z-index: 2; }.wst-tieuchi-timeline-h .wst-ht-step { font-size: 11px; font-weight: 700; color: var(--ws-color-main, #0d6efd); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px; }.wst-tieuchi-timeline-h .wst-ht-content h6 { font-size: 15px; color: #1a1a2e; margin-bottom: 6px; }.wst-tieuchi-timeline-h .wst-ht-content p { font-size: 13px; color: #6c757d; line-height: 1.6; margin: 0; }@media (max-width: 767px) { .wst-tieuchi-timeline-h .wst-ht-line { display: none; } .wst-tieuchi-timeline-h .row { flex-direction: column; } .wst-tieuchi-timeline-h .col { margin-bottom: 20px; } }.wst-tieuchi-floating-badge { padding: 60px 0; }.wst-tieuchi-floating-badge .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-floating-badge .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-floating-badge .wst-subtext { font-size: 15px; color: #6c757d; max-width: 480px; }.wst-tieuchi-floating-badge .wst-fb-card { padding: 24px 16px; }.wst-tieuchi-floating-badge .wst-fb-badge { width: 120px; height: 120px; border-radius: 50%; background: #fff; border: 3px solid var(--ws-color-main, #0d6efd); display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 8px 30px rgba(13,110,253,0.15); transition: transform 0.3s; }.wst-tieuchi-floating-badge .wst-fb-badge:hover { transform: scale(1.08); }.wst-tieuchi-floating-badge .wst-fb-number { font-size: 28px; font-weight: 900; color: var(--ws-color-main, #0d6efd); line-height: 1; }.wst-tieuchi-floating-badge .wst-fb-unit { font-size: 14px; font-weight: 600; color: var(--ws-color-main, #0d6efd); }.wst-tieuchi-floating-badge .wst-fb-label { font-size: 15px; font-weight: 700; color: #1a1a2e; margin-bottom: 4px; }.wst-tieuchi-floating-badge .wst-fb-note { font-size: 12px; color: #999; margin: 0; }.wst-tieuchi-comparison-cols { padding: 60px 0; }.wst-tieuchi-comparison-cols .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-comparison-cols .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-comparison-cols .wst-cmp-card { border-radius: 16px; padding: 32px 28px; height: 100%; }.wst-tieuchi-comparison-cols .wst-cmp-others { background: #f8f9fa; border: 1px solid #e9ecef; }.wst-tieuchi-comparison-cols .wst-cmp-us { background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); color: #fff; box-shadow: 0 10px 40px rgba(13,110,253,0.2); }.wst-tieuchi-comparison-cols .wst-cmp-title { font-size: 18px; font-weight: 700; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 2px solid rgba(0,0,0,0.1); }.wst-tieuchi-comparison-cols .wst-cmp-us .wst-cmp-title { border-bottom-color: rgba(255,255,255,0.3); }.wst-tieuchi-comparison-cols .wst-cmp-list { list-style: none; padding: 0; margin: 0; }.wst-tieuchi-comparison-cols .wst-cmp-list li { padding: 10px 0; font-size: 14px; border-bottom: 1px solid rgba(0,0,0,0.05); line-height: 1.6; }.wst-tieuchi-comparison-cols .wst-cmp-us .wst-cmp-list li { border-bottom-color: rgba(255,255,255,0.15); }.wst-tieuchi-comparison-cols .wst-cmp-others .wst-cmp-list li { color: #888; }.wst-tieuchi-stacked-cards { padding: 60px 0; }.wst-tieuchi-stacked-cards .wst-label { font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-stacked-cards .wst-heading { font-size: 32px; font-weight: 700; }.wst-tieuchi-stacked-cards .wst-sk-card { border-radius: 20px; padding: 36px 28px; text-align: center; transition: transform 0.3s; min-height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center; }.wst-tieuchi-stacked-cards .wst-sk-card:hover { transform: translateY(-8px) rotate(-1deg); }.wst-tieuchi-stacked-cards .wst-sk-1 { background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; }.wst-tieuchi-stacked-cards .wst-sk-2 { background: linear-gradient(135deg, #f093fb, #f5576c); color: #fff; }.wst-tieuchi-stacked-cards .wst-sk-3 { background: linear-gradient(135deg, #4facfe, #00f2fe); color: #fff; }.wst-tieuchi-stacked-cards .wst-sk-num { font-size: 28px; font-weight: 900; opacity: 0.4; margin-bottom: 8px; }.wst-tieuchi-stacked-cards .wst-sk-title { font-size: 22px; font-weight: 800; margin-bottom: 12px; }.wst-tieuchi-stacked-cards .wst-sk-desc { font-size: 14px; line-height: 1.8; opacity: 0.9; margin: 0; max-width: 280px; }.wst-tieuchi-marquee-scroll { padding: 60px 0; overflow: hidden; }.wst-tieuchi-marquee-scroll .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-marquee-scroll .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-marquee-scroll .wst-mq-track { overflow: hidden; white-space: nowrap; }.wst-tieuchi-marquee-scroll .wst-mq-inner { display: inline-flex; animation: wstMarqueeScroll 30s linear infinite; }.wst-tieuchi-marquee-scroll .wst-mq-item { display: inline-flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #e9ecef; border-radius: 40px; padding: 12px 24px; margin: 0 8px; font-size: 14px; font-weight: 600; color: #1a1a2e; white-space: nowrap; }.wst-tieuchi-marquee-scroll .wst-mq-item i { font-size: 18px; color: var(--ws-color-main, #0d6efd); }.wst-tieuchi-marquee-scroll .wst-mq-track:hover .wst-mq-inner { animation-play-state: paused; }@keyframes wstMarqueeScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }.wst-tieuchi-bento-grid { padding: 60px 0; }.wst-tieuchi-bento-grid .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-bento-grid .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-bento-grid .wst-bt-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }.wst-tieuchi-bento-grid .wst-bt-item { background: #f8f9fa; border-radius: 20px; padding: 28px 24px; border: 1px solid #e9ecef; transition: all 0.3s; }.wst-tieuchi-bento-grid .wst-bt-item:hover { border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 8px 30px rgba(13,110,253,0.1); transform: translateY(-3px); }.wst-tieuchi-bento-grid .wst-bt-item i { color: var(--ws-color-main, #0d6efd); }.wst-tieuchi-bento-grid .wst-bt-item h4, .wst-tieuchi-bento-grid .wst-bt-item h5 { font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }.wst-tieuchi-bento-grid .wst-bt-item h4 { font-size: 20px; }.wst-tieuchi-bento-grid .wst-bt-item h5 { font-size: 16px; }.wst-tieuchi-bento-grid .wst-bt-item p { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-tieuchi-bento-grid .wst-bt-large { grid-column: span 2; grid-row: span 2; display: flex; flex-direction: column; justify-content: center; background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); color: #fff; }.wst-tieuchi-bento-grid .wst-bt-large i, .wst-tieuchi-bento-grid .wst-bt-large h4 { color: #fff; }.wst-tieuchi-bento-grid .wst-bt-large p { color: rgba(255,255,255,0.85); }.wst-tieuchi-bento-grid .wst-bt-wide { grid-column: span 2; }@media (max-width: 767px) { .wst-tieuchi-bento-grid .wst-bt-grid { grid-template-columns: 1fr 1fr; } .wst-tieuchi-bento-grid .wst-bt-large { grid-column: span 2; grid-row: span 1; } .wst-tieuchi-bento-grid .wst-bt-wide { grid-column: span 2; } }.wst-tieuchi-iconbox-outline { padding: 60px 0; }.wst-tieuchi-iconbox-outline .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-iconbox-outline .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-iconbox-outline .wst-subtext { font-size: 15px; color: #6c757d; max-width: 520px; }.wst-tieuchi-iconbox-outline .wst-ol-card { padding: 30px 20px; transition: all 0.3s; }.wst-tieuchi-iconbox-outline .wst-ol-icon { width: 72px; height: 72px; border-radius: 16px; border: 2px solid var(--ws-color-main, #0d6efd); color: var(--ws-color-main, #0d6efd); font-size: 26px; display: flex; align-items: center; justify-content: center; transition: all 0.3s; }.wst-tieuchi-iconbox-outline .wst-ol-card:hover .wst-ol-icon { background: var(--ws-color-main, #0d6efd); color: #fff; transform: rotate(5deg); }.wst-tieuchi-iconbox-outline .wst-ol-title { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }.wst-tieuchi-iconbox-outline .wst-ol-desc { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-tieuchi-checklist-2col { padding: 60px 0;}.wst-tieuchi-checklist-2col .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-checklist-2col .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-checklist-2col .wst-cl-group { background: #f8f9fa; border-radius: 16px; padding: 28px 24px; height: 100%; }.wst-tieuchi-checklist-2col .wst-cl-group-title { font-size: 18px; font-weight: 700; color: #1a1a2e; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 2px solid var(--ws-color-main, #0d6efd); }.wst-tieuchi-checklist-2col .wst-cl-item { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid #eee; }.wst-tieuchi-checklist-2col .wst-cl-item:last-child { border-bottom: none; }.wst-tieuchi-checklist-2col .wst-cl-item i { color: #198754; font-size: 16px; }.wst-tieuchi-checklist-2col .wst-cl-item span { font-size: 14px; color: #555; }.wst-tieuchi-accordion-expand { padding: 60px 0; }.wst-tieuchi-accordion-expand .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-accordion-expand .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-tieuchi-accordion-expand .wst-ae-stat-num { font-size: 28px; font-weight: 800; color: var(--ws-color-main, #0d6efd); }.wst-tieuchi-accordion-expand .wst-ae-stat-label { font-size: 13px; color: #6c757d; }.wst-tieuchi-accordion-expand .wst-ae-item { border: none; border-radius: 12px !important; margin-bottom: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.04); }.wst-tieuchi-accordion-expand .accordion-button { font-weight: 600; font-size: 15px; color: #1a1a2e; padding: 18px 22px; background: #fff; }.wst-tieuchi-accordion-expand .accordion-button:not(.collapsed) { background: var(--ws-color-main, #0d6efd); color: #fff; box-shadow: none; }.wst-tieuchi-accordion-expand .accordion-button:focus { box-shadow: none; }.wst-tieuchi-accordion-expand .accordion-body { font-size: 14px; line-height: 1.8; color: #555; padding: 18px 22px; }.wst-tieuchi-counter-criteria { padding: 60px 0; }.wst-tieuchi-counter-criteria .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-counter-criteria .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-tieuchi-counter-criteria .wst-desc { font-size: 15px; color: #6c757d; line-height: 1.8; }.wst-tieuchi-counter-criteria .wst-cc-box { background: #f8f9fa; border-radius: 16px; padding: 24px 20px; text-align: center; height: 100%; }.wst-tieuchi-counter-criteria .wst-cc-number { font-size: 36px; font-weight: 900; color: var(--ws-color-main, #0d6efd); line-height: 1; margin-bottom: 8px; }.wst-tieuchi-counter-criteria .wst-cc-label { font-size: 13px; color: #555; font-weight: 600; margin-bottom: 12px; }.wst-tieuchi-counter-criteria .wst-cc-bar { height: 4px; background: #e9ecef; border-radius: 2px; overflow: hidden; }.wst-tieuchi-counter-criteria .wst-cc-fill { height: 100%; background: linear-gradient(90deg, var(--ws-color-main, #0d6efd), #6610f2); border-radius: 2px; transition: width 1.5s ease; }.wst-tieuchi-parallax-bg { }.wst-tieuchi-parallax-bg .wst-px-overlay { padding: 70px 0; }.wst-tieuchi-parallax-bg .wst-label { font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-parallax-bg .wst-heading { font-size: 32px; font-weight: 700; }.wst-tieuchi-parallax-bg .wst-px-card { padding: 24px 16px; }.wst-tieuchi-parallax-bg .wst-px-card i { color: var(--ws-color-main, #0d6efd); }.wst-tieuchi-parallax-bg .wst-px-card h5 { font-size: 18px; font-weight: 700; margin-bottom: 10px; }.wst-tieuchi-parallax-bg .wst-px-card p { font-size: 14px; line-height: 1.7; margin: 0; }.wst-tieuchi-pill-tags { padding: 60px 0; }.wst-tieuchi-pill-tags .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-pill-tags .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-pill-tags .wst-subtext { font-size: 15px; color: #6c757d; max-width: 500px; }.wst-tieuchi-pill-tags .wst-pt-group-label { font-size: 14px; font-weight: 700; color: #1a1a2e; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; }.wst-tieuchi-pill-tags .wst-pt-pill { display: inline-flex; align-items: center; padding: 8px 18px; border-radius: 40px; font-size: 14px; font-weight: 600; background: #fff; color: var(--ws-color-main, #0d6efd); border: 1px solid var(--ws-color-main, #0d6efd); transition: all 0.3s; cursor: default; }.wst-tieuchi-pill-tags .wst-pt-pill:hover { background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-tieuchi-pill-tags .wst-pt-alt { background: #e8f5e9; color: #2e7d32; border-color: #2e7d32; }.wst-tieuchi-pill-tags .wst-pt-alt:hover { background: #2e7d32; color: #fff; }.wst-tieuchi-pill-tags .wst-pt-dark { background: #1a1a2e; color: #fff; border-color: #1a1a2e; }.wst-tieuchi-pill-tags .wst-pt-dark:hover { background: #333; }.wst-tieuchi-wow-cascade { padding: 60px 0; }.wst-tieuchi-wow-cascade .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-wow-cascade .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-wow-cascade .wst-wc-list { max-width: 800px; margin: 0 auto; }.wst-tieuchi-wow-cascade .wst-wc-row { display: flex; align-items: center; gap: 20px; padding: 20px 24px; border-radius: 12px; background: #f8f9fa; margin-bottom: 12px; transition: all 0.3s; cursor: pointer; }.wst-tieuchi-wow-cascade .wst-wc-row:hover { background: var(--ws-color-main, #0d6efd); }.wst-tieuchi-wow-cascade .wst-wc-row:hover * { color: #fff !important; }.wst-tieuchi-wow-cascade .wst-wc-num { font-size: 24px; font-weight: 900; color: var(--ws-color-main, #0d6efd); opacity: 0.3; min-width: 40px; }.wst-tieuchi-wow-cascade .wst-wc-content { flex: 1; }.wst-tieuchi-wow-cascade .wst-wc-content h5 { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 4px; }.wst-tieuchi-wow-cascade .wst-wc-content p { font-size: 14px; color: #6c757d; line-height: 1.6; margin: 0; }.wst-tieuchi-wow-cascade .wst-wc-arrow { font-size: 20px; color: #ccc; transition: transform 0.3s; }.wst-tieuchi-wow-cascade .wst-wc-row:hover .wst-wc-arrow { transform: translateX(6px); }.wst-tieuchi-image-bg-cards { padding: 60px 0; }.wst-tieuchi-image-bg-cards .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-image-bg-cards .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-image-bg-cards .wst-ib-card { border-radius: 20px; overflow: hidden; background-size: cover; background-position: center; min-height: 320px; position: relative; }.wst-tieuchi-image-bg-cards .wst-ib-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.75) 100%); display: flex; align-items: flex-end; padding: 28px 24px; transition: background 0.3s; }.wst-tieuchi-image-bg-cards .wst-ib-card:hover .wst-ib-overlay { background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.85) 100%); }.wst-tieuchi-image-bg-cards .wst-ib-content { color: #fff; }.wst-tieuchi-image-bg-cards .wst-ib-content i { color: rgba(255,255,255,0.8); }.wst-tieuchi-image-bg-cards .wst-ib-content h5 { font-size: 18px; font-weight: 700; margin-bottom: 8px; }.wst-tieuchi-image-bg-cards .wst-ib-content p { font-size: 14px; color: rgba(255,255,255,0.8); line-height: 1.7; margin: 0; }.wst-tieuchi-border-left { padding: 60px 0; }.wst-tieuchi-border-left .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-border-left .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-tieuchi-border-left .wst-bl-card { background: #f8f9fa; border-left: 4px solid var(--ws-color-main, #0d6efd); border-radius: 0 12px 12px 0; padding: 24px 24px; transition: all 0.3s; height: 100%; }.wst-tieuchi-border-left .wst-bl-alt { border-left-color: #6610f2; }.wst-tieuchi-border-left .wst-bl-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.07); transform: translateX(4px); }.wst-tieuchi-border-left .wst-bl-title { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }.wst-tieuchi-border-left .wst-bl-title i { color: var(--ws-color-main, #0d6efd); }.wst-tieuchi-border-left .wst-bl-alt .wst-bl-title i { color: #6610f2; }.wst-tieuchi-border-left .wst-bl-desc { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-gioithieu-hero-full-cta { }.wst-gioithieu-hero-full-cta .wst-hfc-overlay { padding: 80px 0; }.wst-gioithieu-hero-full-cta .min-vh-75 { min-height: 55vh; }.wst-gioithieu-hero-full-cta .wst-label { font-size: 13px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; }.wst-gioithieu-hero-full-cta .wst-heading { font-size: 48px; font-weight: 800; line-height: 1.2; }.wst-gioithieu-hero-full-cta .wst-desc { font-size: 17px; line-height: 1.8; max-width: 560px; }.wst-gioithieu-hero-full-cta .wst-hfc-trust { font-size: 14px; }@media (max-width: 991px) { .wst-gioithieu-hero-full-cta .wst-heading { font-size: 32px; } }.wst-gioithieu-story-timeline { padding: 60px 0;}.wst-gioithieu-story-timeline .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-story-timeline .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-gioithieu-story-timeline .wst-subtext { font-size: 15px; color: #6c757d; max-width: 540px; }.wst-gioithieu-story-timeline .wst-st-timeline { position: relative; max-width: 900px; margin: 0 auto; padding: 20px 0; }.wst-gioithieu-story-timeline .wst-st-timeline::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: linear-gradient(to bottom, var(--ws-color-main, #0d6efd), #6610f2); transform: translateX(-50%); }.wst-gioithieu-story-timeline .wst-st-item { display: flex; align-items: flex-start; margin-bottom: 40px; position: relative; }.wst-gioithieu-story-timeline .wst-st-item .wst-st-card { width: 42%; }.wst-gioithieu-story-timeline .wst-st-item .wst-st-marker { position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; }.wst-gioithieu-story-timeline .wst-st-year { background: var(--ws-color-main, #0d6efd); color: #fff; padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 700; white-space: nowrap; }.wst-gioithieu-story-timeline .wst-st-item .wst-st-card { margin-left: 0; margin-right: auto; }.wst-gioithieu-story-timeline .wst-st-right .wst-st-card { margin-left: auto; margin-right: 0; }.wst-gioithieu-story-timeline .wst-st-card { background: #fff; border-radius: 16px; padding: 24px; box-shadow: 0 2px 15px rgba(0,0,0,0.06); }.wst-gioithieu-story-timeline .wst-st-icon { font-size: 24px; color: var(--ws-color-main, #0d6efd); margin-bottom: 10px; }.wst-gioithieu-story-timeline .wst-st-card h5 { font-size: 17px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }.wst-gioithieu-story-timeline .wst-st-card p { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }@media (max-width: 767px) { .wst-gioithieu-story-timeline .wst-st-timeline::before { left: 20px; } .wst-gioithieu-story-timeline .wst-st-item .wst-st-marker { left: 20px; } .wst-gioithieu-story-timeline .wst-st-item .wst-st-card, .wst-gioithieu-story-timeline .wst-st-right .wst-st-card { width: auto; margin-left: 50px; } }.wst-gioithieu-mvv { padding: 60px 0; }.wst-gioithieu-mvv .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-mvv .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-gioithieu-mvv .wst-mvv-card { text-align: center; padding: 40px 28px; border-radius: 20px; height: 100%; transition: transform 0.3s; }.wst-gioithieu-mvv .wst-mvv-mission { background: linear-gradient(180deg, #e3f2fd 0%, #fff 100%); }.wst-gioithieu-mvv .wst-mvv-vision { background: linear-gradient(180deg, #ede7f6 0%, #fff 100%); }.wst-gioithieu-mvv .wst-mvv-values { background: linear-gradient(180deg, #fce4ec 0%, #fff 100%); }.wst-gioithieu-mvv .wst-mvv-card:hover { transform: translateY(-8px); }.wst-gioithieu-mvv .wst-mvv-icon { font-size: 40px; color: var(--ws-color-main, #0d6efd); margin-bottom: 16px; }.wst-gioithieu-mvv .wst-mvv-vision .wst-mvv-icon { color: #6610f2; }.wst-gioithieu-mvv .wst-mvv-values .wst-mvv-icon { color: #e91e63; }.wst-gioithieu-mvv .wst-mvv-title { font-size: 22px; font-weight: 800; color: #1a1a2e; margin-bottom: 12px; }.wst-gioithieu-mvv .wst-mvv-divider { width: 50px; height: 3px; background: var(--ws-color-main, #0d6efd); margin: 0 auto 16px; border-radius: 2px; }.wst-gioithieu-mvv .wst-mvv-vision .wst-mvv-divider { background: #6610f2; }.wst-gioithieu-mvv .wst-mvv-values .wst-mvv-divider { background: #e91e63; }.wst-gioithieu-mvv .wst-mvv-desc { font-size: 14px; color: #6c757d; line-height: 1.8; margin: 0; }.wst-gioithieu-ceo-message { padding: 60px 0;}.wst-gioithieu-ceo-message .wst-cm-wrapper { background: #fff; border-radius: 24px; padding: 40px; box-shadow: 0 4px 30px rgba(0,0,0,0.06); }.wst-gioithieu-ceo-message .wst-cm-photo { width: 200px; height: 250px; border-radius: 20px; overflow: hidden; border: 4px solid #e9ecef; }.wst-gioithieu-ceo-message .wst-cm-photo img { width: 100%; height: 100%; object-fit: cover; }.wst-gioithieu-ceo-message .wst-cm-name { font-size: 20px; font-weight: 800; color: #1a1a2e; margin-bottom: 2px; }.wst-gioithieu-ceo-message .wst-cm-role { font-size: 14px; color: var(--ws-color-main, #0d6efd); font-weight: 600; }.wst-gioithieu-ceo-message .wst-cm-social { width: 34px; height: 34px; border-radius: 50%; background: #f0f0f0; color: #555; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 14px; transition: all 0.3s; }.wst-gioithieu-ceo-message .wst-cm-social:hover { background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-gioithieu-ceo-message .wst-cm-quote { font-size: 48px; color: var(--ws-color-main, #0d6efd); opacity: 0.2; line-height: 1; margin-bottom: 8px; }.wst-gioithieu-ceo-message .wst-cm-heading { font-size: 24px; font-weight: 700; color: #1a1a2e; line-height: 1.4; }.wst-gioithieu-ceo-message .wst-cm-text { font-size: 15px; color: #6c757d; line-height: 1.8; margin-bottom: 16px; }.wst-gioithieu-video-popup { padding: 60px 0; }.wst-gioithieu-video-popup .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-video-popup .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-gioithieu-video-popup .wst-desc { font-size: 15px; color: #6c757d; line-height: 1.8; }.wst-gioithieu-video-popup .wst-vp-thumb { display: inline-block; }.wst-gioithieu-video-popup .wst-vp-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; text-decoration: none; box-shadow: 0 0 0 12px rgba(13,110,253,0.25); transition: all 0.3s; animation: wstPulsePlay 2s infinite; }.wst-gioithieu-video-popup .wst-vp-play-btn:hover { transform: translate(-50%, -50%) scale(1.1); }@keyframes wstPulsePlay { 0%,100% { box-shadow: 0 0 0 12px rgba(13,110,253,0.25); } 50% { box-shadow: 0 0 0 24px rgba(13,110,253,0.1); } }.wst-gioithieu-video-popup .wst-vp-badge { position: absolute; bottom: 16px; left: 16px; background: rgba(0,0,0,0.7); color: #fff; padding: 6px 14px; border-radius: 20px; font-size: 12px; font-weight: 600; }.wst-gioithieu-video-popup .wst-vp-num { width: 36px; height: 36px; min-width: 36px; border-radius: 50%; background: #f0f4ff; color: var(--ws-color-main, #0d6efd); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; }.wst-gioithieu-img-overlap { padding: 60px 0; }.wst-gioithieu-img-overlap .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-img-overlap .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-gioithieu-img-overlap .wst-desc { font-size: 15px; color: #6c757d; line-height: 1.8; }.wst-gioithieu-img-overlap .wst-io-images { position: relative; padding-bottom: 30px; padding-right: 30px; }.wst-gioithieu-img-overlap .wst-io-main { width: 100%; }.wst-gioithieu-img-overlap .wst-io-float { position: absolute; bottom: 0; right: 0; border: 5px solid #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.1); }.wst-gioithieu-img-overlap .wst-io-exp-badge { position: absolute; top: 20px; right: 20px; width: 80px; height: 80px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(13,110,253,0.4); }.wst-gioithieu-img-overlap .wst-io-exp-badge strong { font-size: 22px; font-weight: 900; line-height: 1; }.wst-gioithieu-img-overlap .wst-io-exp-badge span { font-size: 11px; font-weight: 600; }.wst-gioithieu-feature-grid { padding: 60px 0; }.wst-gioithieu-feature-grid .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-feature-grid .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-gioithieu-feature-grid .wst-desc { font-size: 15px; color: #6c757d; line-height: 1.8; }.wst-gioithieu-feature-grid .wst-fg-card { background: #fff; border-radius: 14px; padding: 22px 20px; border: 1px solid #e9ecef; transition: all 0.3s; height: 100%; }.wst-gioithieu-feature-grid .wst-fg-card:hover { border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 6px 25px rgba(13,110,253,0.1); transform: translateY(-3px); }.wst-gioithieu-feature-grid .wst-fg-icon { font-size: 28px; color: var(--ws-color-main, #0d6efd); margin-bottom: 12px; }.wst-gioithieu-feature-grid .wst-fg-title { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 6px; }.wst-gioithieu-feature-grid .wst-fg-desc { font-size: 13px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-gioithieu-testimonial-quote { padding: 60px 0; }.wst-gioithieu-testimonial-quote .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-testimonial-quote .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-gioithieu-testimonial-quote .wst-tq-slider { max-width: 700px; margin: 0 auto; }.wst-gioithieu-testimonial-quote .wst-tq-slide { display: none; }.wst-gioithieu-testimonial-quote .wst-tq-active { display: block; }.wst-gioithieu-testimonial-quote .wst-tq-card { background: #fff; border-radius: 20px; padding: 40px 32px; box-shadow: 0 4px 25px rgba(0,0,0,0.06); }.wst-gioithieu-testimonial-quote .wst-tq-quote { font-size: 40px; color: var(--ws-color-main, #0d6efd); opacity: 0.2; }.wst-gioithieu-testimonial-quote .wst-tq-text { font-size: 16px; color: #555; line-height: 1.8; font-style: italic; }.wst-gioithieu-testimonial-quote .wst-tq-avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 3px solid #e9ecef; }.wst-gioithieu-testimonial-quote .wst-tq-name { font-size: 15px; font-weight: 700; color: #1a1a2e; }.wst-gioithieu-testimonial-quote .wst-tq-dot { width: 12px; height: 12px; border-radius: 50%; border: none; background: #ccc; padding: 0; cursor: pointer; transition: all 0.3s; }.wst-gioithieu-testimonial-quote .wst-tq-dot-active { background: var(--ws-color-main, #0d6efd); width: 30px; border-radius: 6px; }.wst-gioithieu-glass-about { }.wst-gioithieu-glass-about .wst-ga-overlay { padding: 70px 0; }.wst-gioithieu-glass-about .wst-label { font-size: 13px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; }.wst-gioithieu-glass-about .wst-heading { font-size: 36px; font-weight: 800; line-height: 1.3; }.wst-gioithieu-glass-about .wst-desc { font-size: 16px; line-height: 1.8; }.wst-gioithieu-glass-about .wst-ga-card { background: rgba(255,255,255,0.12); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.2); border-radius: 20px; padding: 28px 20px; text-align: center; transition: all 0.3s; height: 100%; }.wst-gioithieu-glass-about .wst-ga-card:hover { background: rgba(255,255,255,0.2); transform: translateY(-5px); }.wst-gioithieu-glass-about .wst-ga-card h5 { font-size: 16px; font-weight: 700; margin-bottom: 8px; }.wst-gioithieu-glass-about .wst-ga-card p { font-size: 13px; line-height: 1.6; margin: 0; }.wst-gioithieu-scroll-facts { padding: 60px 0; overflow: hidden; }.wst-gioithieu-scroll-facts .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-scroll-facts .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-gioithieu-scroll-facts .wst-sf-track { overflow-x: auto; padding: 10px 0 20px; scrollbar-width: none; -ms-overflow-style: none; }.wst-gioithieu-scroll-facts .wst-sf-track::-webkit-scrollbar { display: none; }.wst-gioithieu-scroll-facts .wst-sf-inner { display: inline-flex; gap: 20px; padding: 0 40px; }.wst-gioithieu-scroll-facts .wst-sf-card { min-width: 280px; max-width: 280px; background: #f8f9fa; border-radius: 20px; padding: 28px 24px; border: 1px solid #e9ecef; transition: all 0.3s; }.wst-gioithieu-scroll-facts .wst-sf-card:hover { border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 8px 30px rgba(13,110,253,0.1); transform: translateY(-4px); }.wst-gioithieu-scroll-facts .wst-sf-emoji { font-size: 36px; margin-bottom: 12px; }.wst-gioithieu-scroll-facts .wst-sf-card h5 { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }.wst-gioithieu-scroll-facts .wst-sf-card p { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-gioithieu-bento-about { padding: 60px 0; }.wst-gioithieu-bento-about .wst-ba-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; gap: 16px; }.wst-gioithieu-bento-about .wst-ba-item { border-radius: 20px; padding: 28px 24px; border: 1px solid #e9ecef; transition: all 0.3s; }.wst-gioithieu-bento-about .wst-ba-item:hover { transform: translateY(-3px); box-shadow: 0 6px 25px rgba(0,0,0,0.06); }.wst-gioithieu-bento-about .wst-ba-hero { grid-column: span 2; grid-row: span 2; background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); color: #fff; display: flex; flex-direction: column; justify-content: center; border: none; }.wst-gioithieu-bento-about .wst-ba-hero .wst-label { font-size: 12px; color: rgba(255,255,255,0.6); letter-spacing: 3px; text-transform: uppercase; font-weight: 600; }.wst-gioithieu-bento-about .wst-ba-hero .wst-heading { font-size: 28px; font-weight: 800; }.wst-gioithieu-bento-about .wst-ba-hero p { font-size: 14px; color: rgba(255,255,255,0.8); line-height: 1.7; }.wst-gioithieu-bento-about .wst-ba-stat { background: #fff; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }.wst-gioithieu-bento-about .wst-ba-stat-number { font-size: 36px; font-weight: 900; color: var(--ws-color-main, #0d6efd); line-height: 1; }.wst-gioithieu-bento-about .wst-ba-stat-text { font-size: 13px; color: #6c757d; margin-top: 6px; }.wst-gioithieu-bento-about .wst-ba-image { padding: 0; overflow: hidden; grid-column: span 2; }.wst-gioithieu-bento-about .wst-ba-image img { object-fit: cover; border-radius: 20px; }.wst-gioithieu-bento-about .wst-ba-quote { background: #fff3cd; border-color: #ffc107; color: #856404; font-size: 15px; font-style: italic; line-height: 1.7; }.wst-gioithieu-bento-about .wst-ba-quote p { margin: 0; }@media (max-width: 767px) { .wst-gioithieu-bento-about .wst-ba-grid { grid-template-columns: 1fr 1fr; } .wst-gioithieu-bento-about .wst-ba-hero { grid-column: span 2; grid-row: span 1; } .wst-gioithieu-bento-about .wst-ba-image { grid-column: span 2; } }.wst-gioithieu-minimal-2col { padding: 70px 0;}.wst-gioithieu-minimal-2col .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-minimal-2col .wst-heading { font-size: 36px; font-weight: 800; color: #1a1a2e; line-height: 1.3; }.wst-gioithieu-minimal-2col .wst-m2-lead { font-size: 18px; color: #1a1a2e; font-weight: 500; line-height: 1.7; }.wst-gioithieu-minimal-2col .wst-m2-divider { width: 60px; height: 3px; background: var(--ws-color-main, #0d6efd); border-radius: 2px; margin: 20px 0; }.wst-gioithieu-minimal-2col .wst-m2-text { font-size: 15px; color: #6c757d; line-height: 1.8; }.wst-gioithieu-minimal-2col .wst-m2-num { font-size: 28px; font-weight: 900; color: var(--ws-color-main, #0d6efd); line-height: 1; }.wst-gioithieu-img-overlay-cards .wst-ioc-bg { }.wst-gioithieu-img-overlay-cards .wst-ioc-overlay { padding: 70px 0; }.wst-gioithieu-img-overlay-cards .wst-label { font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-img-overlay-cards .wst-heading { font-size: 36px; font-weight: 800; }.wst-gioithieu-img-overlay-cards .wst-subtext { font-size: 15px; max-width: 500px; }.wst-gioithieu-img-overlay-cards .wst-ioc-card { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; padding: 36px 28px; transition: all 0.3s; height: 100%; }.wst-gioithieu-img-overlay-cards .wst-ioc-card:hover { background: rgba(255,255,255,0.12); transform: translateY(-6px); border-color: var(--ws-color-main, #0d6efd); }.wst-gioithieu-img-overlay-cards .wst-ioc-icon { color: var(--ws-color-main, #0d6efd); margin-bottom: 20px; }.wst-gioithieu-img-overlay-cards .wst-ioc-title { font-size: 20px; font-weight: 700; margin-bottom: 12px; }.wst-gioithieu-img-overlay-cards .wst-ioc-desc { font-size: 14px; line-height: 1.8; margin: 0; }.wst-gioithieu-accordion-about { padding: 60px 0; }.wst-gioithieu-accordion-about .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-accordion-about .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-gioithieu-accordion-about .wst-aa-floating { position: absolute; bottom: -16px; right: -16px; }.wst-gioithieu-accordion-about .wst-aa-float-card { background: #fff; border-radius: 14px; padding: 14px 20px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); display: flex; align-items: center; }.wst-gioithieu-accordion-about .wst-aa-item { border: none; border-radius: 12px !important; margin-bottom: 10px; overflow: hidden; box-shadow: 0 1px 8px rgba(0,0,0,0.04); }.wst-gioithieu-accordion-about .accordion-button { font-weight: 600; font-size: 15px; color: #1a1a2e; padding: 16px 20px; background: #fff; }.wst-gioithieu-accordion-about .accordion-button:not(.collapsed) { background: var(--ws-color-main, #0d6efd); color: #fff; box-shadow: none; }.wst-gioithieu-accordion-about .accordion-button:focus { box-shadow: none; }.wst-gioithieu-accordion-about .accordion-body { font-size: 14px; line-height: 1.8; color: #555; padding: 16px 20px; }.wst-gioithieu-map-offices { padding: 60px 0; }.wst-gioithieu-map-offices .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-map-offices .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-gioithieu-map-offices .wst-subtext { font-size: 15px; color: #6c757d; max-width: 480px; }.wst-gioithieu-map-offices .wst-mo-office { background: #fff; border-radius: 14px; padding: 20px 22px; border-left: 4px solid var(--ws-color-main, #0d6efd); box-shadow: 0 1px 8px rgba(0,0,0,0.04); transition: all 0.3s; }.wst-gioithieu-map-offices .wst-mo-office:hover { transform: translateX(6px); box-shadow: 0 4px 15px rgba(0,0,0,0.08); }.wst-gioithieu-map-offices .wst-mo-badge { display: inline-block; background: var(--ws-color-main, #0d6efd); color: #fff; padding: 2px 12px; border-radius: 10px; font-size: 11px; font-weight: 700; margin-bottom: 8px; }.wst-gioithieu-map-offices .wst-mo-badge-intl { background: #6610f2; }.wst-gioithieu-map-offices .wst-mo-city { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 4px; }.wst-gioithieu-map-offices .wst-mo-city i { color: var(--ws-color-main, #0d6efd); }.wst-gioithieu-map-offices .wst-mo-address { font-size: 14px; color: #6c757d; margin-bottom: 4px; }.wst-gioithieu-partners-awards { padding: 60px 0; }.wst-gioithieu-partners-awards .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-partners-awards .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-gioithieu-partners-awards .wst-pa-logo { background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 12px; padding: 14px 20px; filter: grayscale(100%); opacity: 0.6; transition: all 0.3s; }.wst-gioithieu-partners-awards .wst-pa-logo:hover { filter: grayscale(0%); opacity: 1; border-color: var(--ws-color-main, #0d6efd); }.wst-gioithieu-partners-awards .wst-pa-divider { width: 80px; height: 2px; background: #e9ecef; margin: 0 auto; }.wst-gioithieu-partners-awards .wst-pa-award-icon { width: 60px; height: 60px; border-radius: 50%; background: #f0f4ff; color: var(--ws-color-main, #0d6efd); display: flex; align-items: center; justify-content: center; font-size: 24px; margin: 0 auto; }.wst-gioithieu-culture-hl { padding: 60px 0; }.wst-gioithieu-culture-hl .wst-label { font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-culture-hl .wst-heading { font-size: 32px; font-weight: 700; }.wst-gioithieu-culture-hl .wst-subtext { font-size: 15px; max-width: 480px; }.wst-gioithieu-culture-hl .wst-ch-card { position: relative; border-radius: 16px; overflow: hidden; height: 100%; }.wst-gioithieu-culture-hl .wst-ch-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }.wst-gioithieu-culture-hl .wst-ch-card:hover img { transform: scale(1.06); }.wst-gioithieu-culture-hl .wst-ch-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; background: linear-gradient(transparent, rgba(0,0,0,0.75)); color: #fff; }.wst-gioithieu-culture-hl .wst-ch-overlay h5 { font-size: 16px; font-weight: 700; margin-bottom: 4px; }.wst-gioithieu-culture-hl .wst-ch-overlay p { font-size: 13px; color: rgba(255,255,255,0.75); margin: 0; }.wst-gioithieu-culture-hl .wst-ch-tall { min-height: 400px; }.wst-gioithieu-culture-hl .wst-ch-tall img { height: 100%; }.wst-gioithieu-counter-gradient-row { padding: 60px 0; }.wst-gioithieu-counter-gradient-row .wst-cgr-wrapper { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 24px; padding: 50px 20px; box-shadow: 0 20px 60px rgba(102,126,234,0.3); }.wst-gioithieu-counter-gradient-row .wst-cgr-item { padding: 16px 10px; color: #fff; }.wst-gioithieu-counter-gradient-row .wst-cgr-icon { font-size: 28px; margin-bottom: 12px; opacity: 0.7; }.wst-gioithieu-counter-gradient-row .wst-cgr-number { font-size: 42px; font-weight: 900; line-height: 1; margin-bottom: 8px; }.wst-gioithieu-counter-gradient-row .wst-cgr-label { font-size: 14px; opacity: 0.8; font-weight: 500; }.wst-gioithieu-counter-dark-boxed { padding: 70px 0; }.wst-gioithieu-counter-dark-boxed .wst-label { font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-counter-dark-boxed .wst-heading { font-size: 32px; font-weight: 700; line-height: 1.3; }.wst-gioithieu-counter-dark-boxed .wst-desc { font-size: 15px; line-height: 1.8; }.wst-gioithieu-counter-dark-boxed .wst-cdb-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); border-radius: 20px; padding: 28px 22px; text-align: center; transition: all 0.3s; height: 100%; }.wst-gioithieu-counter-dark-boxed .wst-cdb-card:hover { background: rgba(255,255,255,0.1); transform: translateY(-5px); border-color: var(--ws-color-main, #0d6efd); }.wst-gioithieu-counter-dark-boxed .wst-cdb-card i { color: var(--ws-color-main, #0d6efd); }.wst-gioithieu-counter-dark-boxed .wst-cdb-number { font-size: 36px; font-weight: 900; margin-bottom: 6px; }.wst-gioithieu-counter-dark-boxed .wst-cdb-label { font-size: 13px; font-weight: 500; }.wst-gioithieu-counter-circle { padding: 60px 0; }.wst-gioithieu-counter-circle .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-counter-circle .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-gioithieu-counter-circle .wst-subtext { font-size: 15px; color: #6c757d; max-width: 500px; }.wst-gioithieu-counter-circle .wst-ccr-circle { position: relative; width: 130px; height: 130px; margin: 0 auto; }.wst-gioithieu-counter-circle .wst-ccr-circle svg { width: 100%; height: 100%; transform: rotate(-90deg); }.wst-gioithieu-counter-circle .wst-ccr-bg { fill: none; stroke: #e9ecef; stroke-width: 8; }.wst-gioithieu-counter-circle .wst-ccr-fill { fill: none; stroke: var(--ws-color-main, #0d6efd); stroke-width: 8; stroke-linecap: round; transition: stroke-dashoffset 2s ease; }.wst-gioithieu-counter-circle .wst-ccr-value { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: 900; color: #1a1a2e; }.wst-gioithieu-counter-circle .wst-ccr-label { font-size: 14px; font-weight: 600; color: #555; }.wst-gioithieu-counter-split-img { padding: 60px 0; }.wst-gioithieu-counter-split-img .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-counter-split-img .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-gioithieu-counter-split-img .wst-desc { font-size: 15px; color: #6c757d; line-height: 1.8; }.wst-gioithieu-counter-split-img .wst-csi-float-stat { position: absolute; bottom: -20px; right: -10px; background: var(--ws-color-main, #0d6efd); color: #fff; padding: 18px 24px; border-radius: 16px; box-shadow: 0 8px 30px rgba(13,110,253,0.35); text-align: center; }.wst-gioithieu-counter-split-img .wst-csi-float-number { font-size: 28px; font-weight: 900; line-height: 1; }.wst-gioithieu-counter-split-img .wst-csi-float-label { font-size: 12px; opacity: 0.8; margin-top: 2px; }.wst-gioithieu-counter-split-img .wst-csi-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.wst-gioithieu-counter-split-img .wst-csi-stat-item { padding: 20px; background: #f8f9fa; border-radius: 14px; border-left: 4px solid var(--ws-color-main, #0d6efd); }.wst-gioithieu-counter-split-img .wst-csi-num { font-size: 30px; font-weight: 900; color: var(--ws-color-main, #0d6efd); line-height: 1; margin-bottom: 4px; }.wst-gioithieu-counter-split-img .wst-csi-label { font-size: 13px; color: #6c757d; }.wst-gioithieu-counter-parallax { }.wst-gioithieu-counter-parallax .wst-cpx-overlay { padding: 70px 0; }.wst-gioithieu-counter-parallax .wst-heading { font-size: 36px; font-weight: 800; }.wst-gioithieu-counter-parallax .wst-desc { font-size: 15px; max-width: 460px; }.wst-gioithieu-counter-parallax .wst-cpx-item { padding: 20px 10px; }.wst-gioithieu-counter-parallax .wst-cpx-item i { opacity: 0.6; }.wst-gioithieu-counter-parallax .wst-cpx-number { font-size: 44px; font-weight: 900; line-height: 1; margin-bottom: 10px; }.wst-gioithieu-counter-parallax .wst-cpx-divider { width: 40px; height: 2px; margin: 0 auto 10px; }.wst-gioithieu-counter-parallax .wst-cpx-label { font-size: 14px; opacity: 0.8; }.wst-gioithieu-counter-minimal-inline { padding: 50px 0; }.wst-gioithieu-counter-minimal-inline .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-counter-minimal-inline .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-gioithieu-counter-minimal-inline .wst-cmi-bar { background: #fff; border-radius: 20px; padding: 36px 30px; box-shadow: 0 2px 20px rgba(0,0,0,0.05); gap: 0; }.wst-gioithieu-counter-minimal-inline .wst-cmi-item { text-align: center; padding: 10px 36px; }.wst-gioithieu-counter-minimal-inline .wst-cmi-number { display: block; font-size: 36px; font-weight: 900; color: var(--ws-color-main, #0d6efd); line-height: 1; }.wst-gioithieu-counter-minimal-inline .wst-cmi-label { display: block; font-size: 14px; color: #6c757d; margin-top: 6px; font-weight: 500; }.wst-gioithieu-counter-minimal-inline .wst-cmi-sep { width: 1px; background: #e9ecef; margin: 10px 0; }@media (max-width: 575px) { .wst-gioithieu-counter-minimal-inline .wst-cmi-item { padding: 10px 16px; } .wst-gioithieu-counter-minimal-inline .wst-cmi-number { font-size: 26px; } .wst-gioithieu-counter-minimal-inline .wst-cmi-sep { display: none; } }.wst-gioithieu-counter-colored { padding: 60px 0; }.wst-gioithieu-counter-colored .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-counter-colored .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-gioithieu-counter-colored .wst-ccc-card { background: #fff; border-radius: 20px; padding: 32px 20px; box-shadow: 0 2px 15px rgba(0,0,0,0.04); transition: transform 0.3s; height: 100%; }.wst-gioithieu-counter-colored .wst-ccc-card:hover { transform: translateY(-6px); }.wst-gioithieu-counter-colored .wst-ccc-icon { width: 60px; height: 60px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 24px; margin: 0 auto 16px; }.wst-gioithieu-counter-colored .wst-ccc-blue { background: #e3f2fd; color: #1565c0; }.wst-gioithieu-counter-colored .wst-ccc-green { background: #e8f5e9; color: #2e7d32; }.wst-gioithieu-counter-colored .wst-ccc-purple { background: #ede7f6; color: #6a1b9a; }.wst-gioithieu-counter-colored .wst-ccc-orange { background: #fff3e0; color: #e65100; }.wst-gioithieu-counter-colored .wst-ccc-number { font-size: 34px; font-weight: 900; color: #1a1a2e; margin-bottom: 4px; }.wst-gioithieu-counter-colored .wst-ccc-label { font-size: 15px; font-weight: 700; color: #1a1a2e; margin-bottom: 4px; }.wst-gioithieu-counter-colored .wst-ccc-note { font-size: 12px; color: #999; }.wst-gioithieu-counter-bordered { padding: 50px 0; }.wst-gioithieu-counter-bordered .wst-cbd-row { gap: 0; }.wst-gioithieu-counter-bordered .wst-cbd-col { flex: 1; min-width: 160px; padding: 28px 20px; border-right: 1px solid #e9ecef; }.wst-gioithieu-counter-bordered .wst-cbd-last { border-right: none; }.wst-gioithieu-counter-bordered .wst-cbd-number { font-size: 40px; font-weight: 900; color: var(--ws-color-main, #0d6efd); line-height: 1; margin-bottom: 10px; }.wst-gioithieu-counter-bordered .wst-cbd-label { font-size: 14px; color: #6c757d; line-height: 1.5; }@media (max-width: 767px) { .wst-gioithieu-counter-bordered .wst-cbd-col { min-width: 50%; border-right: none; border-bottom: 1px solid #e9ecef; } .wst-gioithieu-counter-bordered .wst-cbd-last { border-bottom: none; } }.wst-gioithieu-counter-glass-float .wst-cgf-bg { padding: 70px 0; }.wst-gioithieu-counter-glass-float .wst-label { font-size: 13px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; }.wst-gioithieu-counter-glass-float .wst-heading { font-size: 32px; font-weight: 700; }.wst-gioithieu-counter-glass-float .wst-cgf-card { background: rgba(255,255,255,0.08); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.15); border-radius: 24px; padding: 32px 20px; text-align: center; transition: all 0.3s; height: 100%; }.wst-gioithieu-counter-glass-float .wst-cgf-card:hover { background: rgba(255,255,255,0.15); transform: translateY(-8px); }.wst-gioithieu-counter-glass-float .wst-cgf-emoji { font-size: 32px; margin-bottom: 12px; }.wst-gioithieu-counter-glass-float .wst-cgf-number { font-size: 40px; font-weight: 900; line-height: 1; margin-bottom: 6px; }.wst-gioithieu-counter-glass-float .wst-cgf-label { font-size: 15px; font-weight: 600; margin-bottom: 8px; }.wst-gioithieu-counter-glass-float .wst-cgf-sub { font-size: 12px; letter-spacing: 0.5px; }.wst-gioithieu-counter-progressbar { padding: 60px 0; }.wst-gioithieu-counter-progressbar .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-counter-progressbar .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-gioithieu-counter-progressbar .wst-desc { font-size: 15px; color: #6c757d; line-height: 1.8; }.wst-gioithieu-counter-progressbar .wst-cpb-item span { font-size: 14px; color: #1a1a2e; }.wst-gioithieu-counter-progressbar .wst-cpb-pct { color: var(--ws-color-main, #0d6efd) !important; font-weight: 700; }.wst-gioithieu-counter-progressbar .wst-cpb-bar { height: 8px; background: #e9ecef; border-radius: 4px; overflow: hidden; }.wst-gioithieu-counter-progressbar .wst-cpb-fill { height: 100%; width: 0; background: linear-gradient(90deg, var(--ws-color-main, #0d6efd), #6610f2); border-radius: 4px; transition: width 2s ease; }.wst-gioithieu-counter-progressbar .wst-cpb-stat { background: #f8f9fa; border-radius: 16px; padding: 26px 16px; transition: transform 0.3s; height: 100%; }.wst-gioithieu-counter-progressbar .wst-cpb-stat:hover { transform: translateY(-4px); }.wst-gioithieu-counter-progressbar .wst-cpb-stat-num { font-size: 36px; font-weight: 900; color: var(--ws-color-main, #0d6efd); line-height: 1; margin-bottom: 8px; }.wst-gioithieu-counter-progressbar .wst-cpb-stat-label { font-size: 13px; color: #6c757d; line-height: 1.4; }.wst-banggia-minimal-flat { padding: 60px 0; }.wst-banggia-minimal-flat .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-banggia-minimal-flat .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-banggia-minimal-flat .wst-subtext { font-size: 15px; color: #6c757d; max-width: 480px; }.wst-banggia-minimal-flat .wst-mf-card { background: #fff; border-radius: 20px; padding: 36px 28px; border: 2px solid #e9ecef; transition: all 0.3s; height: 100%; position: relative; display: flex; flex-direction: column; }.wst-banggia-minimal-flat .wst-mf-card:hover { border-color: var(--ws-color-main, #0d6efd); }.wst-banggia-minimal-flat .wst-mf-featured { border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 10px 40px rgba(13,110,253,0.12); transform: scale(1.03); }.wst-banggia-minimal-flat .wst-mf-badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--ws-color-main, #0d6efd); color: #fff; padding: 5px 20px; border-radius: 20px; font-size: 12px; font-weight: 700; white-space: nowrap; }.wst-banggia-minimal-flat .wst-mf-name { font-size: 20px; font-weight: 700; color: #1a1a2e; margin-bottom: 4px; }.wst-banggia-minimal-flat .wst-mf-desc { font-size: 13px; color: #999; margin-bottom: 0; }.wst-banggia-minimal-flat .wst-mf-price { padding: 20px 0; border-bottom: 1px solid #f0f0f0; margin-bottom: 20px; }.wst-banggia-minimal-flat .wst-mf-currency { font-size: 18px; font-weight: 700; color: var(--ws-color-main, #0d6efd); vertical-align: super; }.wst-banggia-minimal-flat .wst-mf-amount { font-size: 36px; font-weight: 900; color: #1a1a2e; }.wst-banggia-minimal-flat .wst-mf-period { font-size: 14px; color: #999; }.wst-banggia-minimal-flat .wst-mf-features { list-style: none; padding: 0; margin: 0 0 24px; flex: 1; }.wst-banggia-minimal-flat .wst-mf-features li { padding: 8px 0; font-size: 14px; color: #555; }.wst-banggia-minimal-flat .wst-mf-features li i { margin-right: 8px; color: #198754; }.wst-banggia-minimal-flat .wst-mf-disabled { color: #bbb !important; }.wst-banggia-minimal-flat .wst-mf-disabled i { color: #ccc !important; }.wst-banggia-dark-gradient { padding: 70px 0; }.wst-banggia-dark-gradient .wst-label { font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }.wst-banggia-dark-gradient .wst-heading { font-size: 32px; font-weight: 700; }.wst-banggia-dark-gradient .wst-dg-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 24px; padding: 36px 28px; text-align: center; color: #fff; transition: all 0.3s; height: 100%; position: relative; display: flex; flex-direction: column; }.wst-banggia-dark-gradient .wst-dg-card:hover { background: rgba(255,255,255,0.08); transform: translateY(-6px); }.wst-banggia-dark-gradient .wst-dg-featured { background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); border-color: transparent; box-shadow: 0 20px 60px rgba(13,110,253,0.3); transform: scale(1.04); }.wst-banggia-dark-gradient .wst-dg-featured:hover { transform: scale(1.04) translateY(-6px); }.wst-banggia-dark-gradient .wst-dg-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #ffc107; color: #1a1a2e; padding: 4px 18px; border-radius: 20px; font-size: 12px; font-weight: 700; }.wst-banggia-dark-gradient .wst-dg-icon { font-size: 36px; margin-bottom: 16px; opacity: 0.8; }.wst-banggia-dark-gradient .wst-dg-name { font-size: 20px; font-weight: 700; margin-bottom: 12px; }.wst-banggia-dark-gradient .wst-dg-price { font-size: 30px; font-weight: 900; margin-bottom: 4px; }.wst-banggia-dark-gradient .wst-dg-note { font-size: 13px; opacity: 0.6; margin-bottom: 24px; }.wst-banggia-dark-gradient .wst-dg-list { list-style: none; padding: 0; margin: 0 0 24px; text-align: left; flex: 1; }.wst-banggia-dark-gradient .wst-dg-list li { padding: 8px 0; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,0.08); }.wst-banggia-dark-gradient .wst-dg-list li::before { content: "✓"; margin-right: 10px; color: #4ade80; font-weight: 700; }.wst-banggia-comparison-table { padding: 60px 0; }.wst-banggia-comparison-table .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-banggia-comparison-table .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-banggia-comparison-table .wst-ct-table { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 20px rgba(0,0,0,0.06); }.wst-banggia-comparison-table .wst-ct-table th, .wst-banggia-comparison-table .wst-ct-table td { padding: 16px 20px; border-bottom: 1px solid #f0f0f0; }.wst-banggia-comparison-table .wst-ct-table thead th { background: #f8f9fa; font-size: 16px; font-weight: 700; color: #1a1a2e; }.wst-banggia-comparison-table .wst-ct-table tbody td { font-size: 14px; color: #555; background: #fff; }.wst-banggia-comparison-table .wst-ct-table tfoot td { background: #fafafa; border-bottom: none; padding: 20px; }.wst-banggia-comparison-table .wst-ct-feature-col { min-width: 180px; font-weight: 600; }.wst-banggia-comparison-table .wst-ct-price { font-size: 20px; font-weight: 900; color: var(--ws-color-main, #0d6efd); display: block; margin-top: 4px; }.wst-banggia-comparison-table .wst-ct-tag { display: inline-block; background: var(--ws-color-main, #0d6efd); color: #fff; padding: 2px 12px; border-radius: 10px; font-size: 11px; font-weight: 700; margin-top: 4px; }.wst-banggia-comparison-table .wst-ct-highlight { background: #f0f4ff !important; }.wst-banggia-comparison-table .wst-ct-hl-cell { background: #f0f4ff !important; }.wst-banggia-glass-toggle .wst-bgt-bg { padding: 70px 0; }.wst-banggia-glass-toggle .wst-label { font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.6); letter-spacing: 2px; text-transform: uppercase; }.wst-banggia-glass-toggle .wst-heading { font-size: 32px; font-weight: 700; color: #fff; }.wst-banggia-glass-toggle .wst-bgt-toggle { font-size: 14px; color: #fff; }.wst-banggia-glass-toggle .wst-bgt-lbl { opacity: 0.6; cursor: pointer; transition: opacity 0.3s; }.wst-banggia-glass-toggle .wst-bgt-lbl-active { opacity: 1; font-weight: 700; }.wst-banggia-glass-toggle .wst-bgt-switch { position: relative; display: inline-block; width: 44px; height: 24px; margin: 0; }.wst-banggia-glass-toggle .wst-bgt-switch input { opacity: 0; width: 0; height: 0; }.wst-banggia-glass-toggle .wst-bgt-slider { position: absolute; cursor: pointer; inset: 0; background: rgba(255,255,255,0.3); border-radius: 24px; transition: 0.3s; }.wst-banggia-glass-toggle .wst-bgt-slider::before { content: ""; position: absolute; height: 18px; width: 18px; left: 3px; bottom: 3px; background: #fff; border-radius: 50%; transition: 0.3s; }.wst-banggia-glass-toggle .wst-bgt-switch input:checked + .wst-bgt-slider { background: rgba(255,255,255,0.5); }.wst-banggia-glass-toggle .wst-bgt-switch input:checked + .wst-bgt-slider::before { transform: translateX(20px); }.wst-banggia-glass-toggle .wst-bgt-card { background: rgba(255,255,255,0.1); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.2); border-radius: 24px; padding: 36px 28px; color: #fff; text-align: center; transition: all 0.3s; height: 100%; position: relative; display: flex; flex-direction: column; }.wst-banggia-glass-toggle .wst-bgt-card:hover { background: rgba(255,255,255,0.16); transform: translateY(-5px); }.wst-banggia-glass-toggle .wst-bgt-featured { background: rgba(255,255,255,0.2); border-color: rgba(255,255,255,0.4); transform: scale(1.04); }.wst-banggia-glass-toggle .wst-bgt-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #ff6b6b; color: #fff; padding: 4px 18px; border-radius: 20px; font-size: 12px; font-weight: 700; }.wst-banggia-glass-toggle .wst-bgt-name { font-size: 18px; font-weight: 600; margin-bottom: 16px; }.wst-banggia-glass-toggle .wst-bgt-amount { font-size: 32px; font-weight: 900; }.wst-banggia-glass-toggle .wst-bgt-currency { font-size: 16px; font-weight: 600; }.wst-banggia-glass-toggle .wst-bgt-period { font-size: 14px; opacity: 0.6; margin-bottom: 24px; }.wst-banggia-glass-toggle .wst-bgt-list { list-style: none; padding: 0; margin: 0 0 24px; text-align: left; flex: 1; }.wst-banggia-glass-toggle .wst-bgt-list li { padding: 7px 0; font-size: 14px; opacity: 0.9; }.wst-banggia-glass-toggle .wst-bgt-list li i { margin-right: 8px; color: #4ade80; }.wst-banggia-single-cta { padding: 60px 0;}.wst-banggia-single-cta .wst-sc-wrapper { background: #fff; border-radius: 24px; padding: 40px; box-shadow: 0 4px 30px rgba(0,0,0,0.06); }.wst-banggia-single-cta .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-banggia-single-cta .wst-heading { font-size: 30px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-banggia-single-cta .wst-desc { font-size: 15px; color: #6c757d; line-height: 1.7; }.wst-banggia-single-cta .wst-sc-pricebox { background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); border-radius: 20px; padding: 36px 28px; color: #fff; }.wst-banggia-single-cta .wst-sc-old-price { font-size: 18px; text-decoration: line-through; opacity: 0.6; }.wst-banggia-single-cta .wst-sc-new-price { font-size: 42px; font-weight: 900; line-height: 1; margin: 4px 0; }.wst-banggia-single-cta .wst-sc-new-price small { font-size: 20px; }.wst-banggia-single-cta .wst-sc-save { display: inline-block; background: rgba(255,255,255,0.2); padding: 4px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; }.wst-banggia-single-cta .wst-sc-note { font-size: 12px; opacity: 0.7; margin-bottom: 0; }.wst-banggia-4col-compact { padding: 60px 0; }.wst-banggia-4col-compact .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-banggia-4col-compact .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-banggia-4col-compact .wst-4c-card { border: 2px solid #e9ecef; border-radius: 16px; padding: 24px 20px; transition: all 0.3s; height: 100%; position: relative; overflow: hidden; display: flex; flex-direction: column; }.wst-banggia-4col-compact .wst-4c-card:hover { border-color: var(--ws-color-main, #0d6efd); transform: translateY(-4px); }.wst-banggia-4col-compact .wst-4c-hot { border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 6px 25px rgba(13,110,253,0.12); }.wst-banggia-4col-compact .wst-4c-ribbon { position: absolute; top: 10px; right: -28px; background: #dc3545; color: #fff; padding: 2px 32px; font-size: 11px; font-weight: 700; transform: rotate(45deg); }.wst-banggia-4col-compact .wst-4c-top { text-align: center; padding-bottom: 16px; border-bottom: 1px solid #f0f0f0; margin-bottom: 16px; }.wst-banggia-4col-compact .wst-4c-name { font-size: 14px; font-weight: 700; color: #1a1a2e; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }.wst-banggia-4col-compact .wst-4c-price { font-size: 28px; font-weight: 900; color: var(--ws-color-main, #0d6efd); }.wst-banggia-4col-compact .wst-4c-price small { font-size: 14px; font-weight: 500; color: #999; }.wst-banggia-4col-compact .wst-4c-body { flex: 1; margin-bottom: 16px; }.wst-banggia-4col-compact .wst-4c-spec { padding: 6px 0; font-size: 13px; color: #555; }.wst-banggia-4col-compact .wst-4c-spec strong { color: #1a1a2e; }.wst-banggia-accordion-price { padding: 60px 0; }.wst-banggia-accordion-price .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-banggia-accordion-price .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-banggia-accordion-price .wst-subtext { font-size: 15px; color: #6c757d; max-width: 480px; }.wst-banggia-accordion-price .wst-ap-list { max-width: 800px; }.wst-banggia-accordion-price .wst-ap-item { background: #fff; border-radius: 16px; margin-bottom: 12px; overflow: hidden; box-shadow: 0 1px 8px rgba(0,0,0,0.04); border: 2px solid #e9ecef; }.wst-banggia-accordion-price .wst-ap-featured { border-color: var(--ws-color-main, #0d6efd); }.wst-banggia-accordion-price .wst-ap-header { display: flex; justify-content: space-between; align-items: center; padding: 18px 24px; cursor: pointer; transition: background 0.3s; }.wst-banggia-accordion-price .wst-ap-header:hover { background: #fafafa; }.wst-banggia-accordion-price .wst-ap-icon { width: 44px; height: 44px; min-width: 44px; border-radius: 12px; background: #f0f4ff; color: var(--ws-color-main, #0d6efd); display: flex; align-items: center; justify-content: center; font-size: 18px; }.wst-banggia-accordion-price .wst-ap-name { font-size: 16px; font-weight: 700; color: #1a1a2e; }.wst-banggia-accordion-price .wst-ap-tag { background: var(--ws-color-main, #0d6efd); color: #fff; padding: 2px 10px; border-radius: 10px; font-size: 11px; font-weight: 700; margin-left: 6px; vertical-align: middle; }.wst-banggia-accordion-price .wst-ap-price { font-size: 18px; font-weight: 800; color: var(--ws-color-main, #0d6efd); white-space: nowrap; }.wst-banggia-accordion-price .wst-ap-arrow { font-size: 14px; color: #999; transition: transform 0.3s; }.wst-banggia-accordion-price .wst-ap-body { padding: 0 24px 24px; font-size: 14px; color: #555; }.wst-banggia-horizontal-cards { padding: 60px 0; }.wst-banggia-horizontal-cards .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-banggia-horizontal-cards .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-banggia-horizontal-cards .wst-hz-list { max-width: 900px; margin: 0 auto; }.wst-banggia-horizontal-cards .wst-hz-card { background: #f8f9fa; border: 2px solid #e9ecef; border-radius: 16px; padding: 20px 24px; margin-bottom: 12px; position: relative; transition: all 0.3s; }.wst-banggia-horizontal-cards .wst-hz-card:hover { border-color: var(--ws-color-main, #0d6efd); }.wst-banggia-horizontal-cards .wst-hz-featured { border-color: var(--ws-color-main, #0d6efd); background: #f0f4ff; box-shadow: 0 4px 20px rgba(13,110,253,0.1); }.wst-banggia-horizontal-cards .wst-hz-badge { position: absolute; top: -10px; right: 20px; background: var(--ws-color-main, #0d6efd); color: #fff; padding: 3px 14px; border-radius: 10px; font-size: 11px; font-weight: 700; }.wst-banggia-horizontal-cards .wst-hz-plan-icon { width: 48px; height: 48px; border-radius: 50%; background: #e9ecef; color: #555; display: flex; align-items: center; justify-content: center; font-size: 20px; margin: 0 auto 8px; }.wst-banggia-horizontal-cards .wst-hz-icon-primary { background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-banggia-horizontal-cards .wst-hz-plan h5 { font-size: 15px; font-weight: 700; color: #1a1a2e; margin: 0; }.wst-banggia-horizontal-cards .wst-hz-features { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 16px; }.wst-banggia-horizontal-cards .wst-hz-features span { font-size: 13px; color: #555; white-space: nowrap; }.wst-banggia-horizontal-cards .wst-hz-price { font-size: 22px; font-weight: 900; color: var(--ws-color-main, #0d6efd); }.wst-banggia-horizontal-cards .wst-hz-price small { font-size: 13px; color: #999; font-weight: 500; }.wst-banggia-bento-grid { padding: 60px 0;}.wst-banggia-bento-grid .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-banggia-bento-grid .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-banggia-bento-grid .wst-bg-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.wst-banggia-bento-grid .wst-bg-item { border-radius: 20px; padding: 28px 24px; border: 1px solid #e9ecef; transition: all 0.3s; }.wst-banggia-bento-grid .wst-bg-item:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.06); }.wst-banggia-bento-grid .wst-bg-main { grid-column: 1; grid-row: span 2; background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); color: #fff; border: none; display: flex; flex-direction: column; justify-content: center; }.wst-banggia-bento-grid .wst-bg-tag { display: inline-block; background: rgba(255,255,255,0.2); padding: 4px 14px; border-radius: 10px; font-size: 12px; font-weight: 700; margin-bottom: 12px; width: fit-content; }.wst-banggia-bento-grid .wst-bg-price { font-size: 36px; font-weight: 900; margin-bottom: 4px; }.wst-banggia-bento-grid .wst-bg-note { font-size: 13px; opacity: 0.7; margin-bottom: 20px; }.wst-banggia-bento-grid .wst-bg-list { list-style: none; padding: 0; margin: 0 0 20px; }.wst-banggia-bento-grid .wst-bg-list li { padding: 5px 0; font-size: 14px; }.wst-banggia-bento-grid .wst-bg-list li i { margin-right: 8px; }.wst-banggia-bento-grid .wst-bg-addon { background: #fff; text-align: center; }.wst-banggia-bento-grid .wst-bg-addon i { color: var(--ws-color-main, #0d6efd); }.wst-banggia-bento-grid .wst-bg-addon h5 { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 4px; }.wst-banggia-bento-grid .wst-bg-addon-price { font-size: 20px; font-weight: 900; color: var(--ws-color-main, #0d6efd); margin-bottom: 8px; }.wst-banggia-bento-grid .wst-bg-addon p { font-size: 13px; color: #6c757d; margin: 0; }.wst-banggia-bento-grid .wst-bg-cta { background: #fff3cd; border-color: #ffc107; grid-column: span 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }.wst-banggia-bento-grid .wst-bg-cta h5 { font-size: 18px; font-weight: 700; color: #856404; margin-bottom: 6px; }.wst-banggia-bento-grid .wst-bg-cta p { font-size: 14px; color: #856404; margin-bottom: 12px; }@media (max-width: 767px) { .wst-banggia-bento-grid .wst-bg-grid { grid-template-columns: 1fr; } .wst-banggia-bento-grid .wst-bg-main { grid-row: span 1; } .wst-banggia-bento-grid .wst-bg-cta { grid-column: span 1; } }.wst-banggia-split-text-cards { padding: 60px 0; }.wst-banggia-split-text-cards .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-banggia-split-text-cards .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-banggia-split-text-cards .wst-desc { font-size: 15px; color: #6c757d; line-height: 1.8; }.wst-banggia-split-text-cards .wst-stc-guarantee { background: #f0f4ff; border-radius: 16px; padding: 24px 20px; text-align: center; }.wst-banggia-split-text-cards .wst-stc-guarantee i { color: var(--ws-color-main, #0d6efd); }.wst-banggia-split-text-cards .wst-stc-guarantee p { font-size: 13px; color: #6c757d; margin: 0; }.wst-banggia-split-text-cards .wst-stc-card { border: 2px solid #e9ecef; border-radius: 16px; padding: 24px 22px; transition: all 0.3s; height: 100%; position: relative; display: flex; flex-direction: column; }.wst-banggia-split-text-cards .wst-stc-card:hover { border-color: var(--ws-color-main, #0d6efd); transform: translateY(-3px); }.wst-banggia-split-text-cards .wst-stc-featured { border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 4px 20px rgba(13,110,253,0.1); }.wst-banggia-split-text-cards .wst-stc-tag { position: absolute; top: -10px; right: 16px; background: #dc3545; color: #fff; padding: 3px 14px; border-radius: 10px; font-size: 11px; font-weight: 700; }.wst-banggia-split-text-cards .wst-stc-header { margin-bottom: 16px; }.wst-banggia-split-text-cards .wst-stc-header h5 { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 6px; }.wst-banggia-split-text-cards .wst-stc-price { font-size: 26px; font-weight: 900; color: var(--ws-color-main, #0d6efd); line-height: 1; }.wst-banggia-split-text-cards .wst-stc-price small { font-size: 14px; }.wst-banggia-split-text-cards .wst-stc-list { list-style: none; padding: 0; margin: 0 0 16px; flex: 1; }.wst-banggia-split-text-cards .wst-stc-list li { padding: 5px 0; font-size: 13px; color: #555; }.wst-banggia-split-text-cards .wst-stc-list li i { margin-right: 8px; color: #198754; }.wst-banggia-split-text-cards .wst-stc-custom { background: #1a1a2e; border-color: #1a1a2e; color: #fff; }.wst-banggia-split-text-cards .wst-stc-custom h5, .wst-banggia-split-text-cards .wst-stc-custom .wst-stc-price { color: #fff; }.wst-banggia-split-text-cards .wst-stc-custom-text { font-size: 13px; color: rgba(255,255,255,0.6); line-height: 1.7; flex: 1; }.wst-hoidap-left-cta-right-acc { padding: 60px 0; }.wst-hoidap-left-cta-right-acc .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-hoidap-left-cta-right-acc .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-hoidap-left-cta-right-acc .wst-desc { font-size: 15px; color: #6c757d; line-height: 1.8; }.wst-hoidap-left-cta-right-acc .wst-lcr-icon { width: 44px; height: 44px; min-width: 44px; border-radius: 50%; background: #f0f4ff; color: var(--ws-color-main, #0d6efd); display: flex; align-items: center; justify-content: center; font-size: 16px; }.wst-hoidap-left-cta-right-acc .wst-lcr-item { border: none; border-radius: 12px !important; margin-bottom: 10px; overflow: hidden; box-shadow: 0 1px 8px rgba(0,0,0,0.04); }.wst-hoidap-left-cta-right-acc .accordion-button { font-weight: 600; font-size: 15px; color: #1a1a2e; padding: 16px 20px; background: #fff; }.wst-hoidap-left-cta-right-acc .accordion-button:not(.collapsed) { background: var(--ws-color-main, #0d6efd); color: #fff; box-shadow: none; }.wst-hoidap-left-cta-right-acc .accordion-button:focus { box-shadow: none; }.wst-hoidap-left-cta-right-acc .accordion-body { font-size: 14px; line-height: 1.8; color: #555; padding: 16px 20px; }.wst-hoidap-right-img-left-faq { padding: 60px 0; }.wst-hoidap-right-img-left-faq .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-hoidap-right-img-left-faq .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-hoidap-right-img-left-faq .wst-rilf-item { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,0.04); }.wst-hoidap-right-img-left-faq .wst-rilf-q { display: flex; align-items: center; gap: 12px; padding: 16px 20px; cursor: pointer; transition: background 0.3s; }.wst-hoidap-right-img-left-faq .wst-rilf-q:hover { background: #fafafa; }.wst-hoidap-right-img-left-faq .wst-rilf-num { font-size: 14px; font-weight: 900; color: var(--ws-color-main, #0d6efd); opacity: 0.4; min-width: 24px; }.wst-hoidap-right-img-left-faq .wst-rilf-question { flex: 1; font-size: 15px; font-weight: 600; color: #1a1a2e; }.wst-hoidap-right-img-left-faq .wst-rilf-toggle { color: #999; font-size: 14px; }.wst-hoidap-right-img-left-faq .wst-rilf-a { padding: 0 20px 16px; font-size: 14px; color: #6c757d; line-height: 1.8; margin-left: 36px; }.wst-hoidap-right-img-left-faq .wst-rilf-img { position: relative; }.wst-hoidap-right-img-left-faq .wst-rilf-float { position: absolute; bottom: 20px; left: 20px; background: #fff; border-radius: 12px; padding: 12px 18px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); font-size: 14px; color: #1a1a2e; display: flex; align-items: center; }.wst-hoidap-right-img-left-faq .wst-rilf-float i { color: var(--ws-color-main, #0d6efd); }.wst-hoidap-2col-cards { padding: 60px 0;}.wst-hoidap-2col-cards .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-hoidap-2col-cards .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-hoidap-2col-cards .wst-subtext { font-size: 15px; color: #6c757d; max-width: 480px; }.wst-hoidap-2col-cards .wst-2cc-card { background: #f8f9fa; border-radius: 16px; padding: 28px 24px; border-left: 4px solid var(--ws-color-main, #0d6efd); transition: all 0.3s; height: 100%; }.wst-hoidap-2col-cards .wst-2cc-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.06); transform: translateY(-3px); }.wst-hoidap-2col-cards .wst-2cc-icon { font-size: 24px; color: var(--ws-color-main, #0d6efd); margin-bottom: 12px; }.wst-hoidap-2col-cards .wst-2cc-q { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }.wst-hoidap-2col-cards .wst-2cc-a { font-size: 14px; color: #6c757d; line-height: 1.8; margin: 0; }.wst-hoidap-tabbed-category { padding: 60px 0; }.wst-hoidap-tabbed-category .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-hoidap-tabbed-category .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-hoidap-tabbed-category .wst-tc-tab { text-align: left; background: #fff; border: none; padding: 14px 18px; margin-bottom: 6px; border-radius: 12px; font-weight: 600; font-size: 14px; color: #555; transition: all 0.3s; width: 100%; }.wst-hoidap-tabbed-category .wst-tc-tab.active { background: var(--ws-color-main, #0d6efd); color: #fff; box-shadow: 0 4px 15px rgba(13,110,253,0.3); }.wst-hoidap-tabbed-category .wst-tc-faq-item { background: #fff; border-radius: 12px; padding: 20px 24px; box-shadow: 0 1px 6px rgba(0,0,0,0.03); }.wst-hoidap-tabbed-category .wst-tc-q { font-size: 15px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }.wst-hoidap-tabbed-category .wst-tc-q i { color: var(--ws-color-main, #0d6efd); }.wst-hoidap-tabbed-category .wst-tc-a { font-size: 14px; color: #6c757d; line-height: 1.8; margin: 0; }.wst-hoidap-center-single { padding: 60px 0; }.wst-hoidap-center-single .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-hoidap-center-single .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-hoidap-center-single .wst-cs-list { max-width: 760px; }.wst-hoidap-center-single .wst-cs-item { background: #f8f9fa; border-radius: 14px; margin-bottom: 12px; overflow: hidden; transition: box-shadow 0.3s; }.wst-hoidap-center-single .wst-cs-item:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.06); }.wst-hoidap-center-single .wst-cs-header { display: flex; align-items: center; gap: 14px; padding: 18px 22px; cursor: pointer; }.wst-hoidap-center-single .wst-cs-number { font-size: 13px; font-weight: 900; color: #fff; background: var(--ws-color-main, #0d6efd); width: 36px; height: 36px; min-width: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }.wst-hoidap-center-single .wst-cs-question { flex: 1; font-size: 15px; font-weight: 700; color: #1a1a2e; margin: 0; }.wst-hoidap-center-single .wst-cs-icon { color: #999; font-size: 13px; }.wst-hoidap-center-single .wst-cs-answer { padding: 0 22px 18px; margin-left: 50px; font-size: 14px; color: #6c757d; line-height: 1.8; }.wst-hoidap-left-faq-right-stats { padding: 60px 0; }.wst-hoidap-left-faq-right-stats .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-hoidap-left-faq-right-stats .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-hoidap-left-faq-right-stats .wst-lfrs-item { border: none; border-radius: 12px !important; margin-bottom: 10px; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,0.04); }.wst-hoidap-left-faq-right-stats .accordion-button { font-weight: 600; font-size: 15px; color: #1a1a2e; padding: 16px 20px; background: #fff; }.wst-hoidap-left-faq-right-stats .accordion-button:not(.collapsed) { background: var(--ws-color-main, #0d6efd); color: #fff; box-shadow: none; }.wst-hoidap-left-faq-right-stats .accordion-button:focus { box-shadow: none; }.wst-hoidap-left-faq-right-stats .accordion-body { font-size: 14px; line-height: 1.8; color: #555; padding: 14px 20px; }.wst-hoidap-left-faq-right-stats .wst-lfrs-stat-card { background: #fff; border-radius: 14px; padding: 18px 20px; display: flex; align-items: center; gap: 16px; box-shadow: 0 1px 6px rgba(0,0,0,0.04); }.wst-hoidap-left-faq-right-stats .wst-lfrs-stat-icon { width: 48px; height: 48px; min-width: 48px; border-radius: 50%; background: #f0f4ff; color: var(--ws-color-main, #0d6efd); display: flex; align-items: center; justify-content: center; font-size: 20px; }.wst-hoidap-left-faq-right-stats .wst-lfrs-stat-num { font-size: 20px; font-weight: 800; color: #1a1a2e; }.wst-hoidap-left-faq-right-stats .wst-lfrs-stat-label { font-size: 13px; color: #6c757d; }.wst-hoidap-left-faq-right-stats .wst-lfrs-cta-box { background: #fff; border-radius: 16px; padding: 24px; text-align: center; border: 2px dashed var(--ws-color-main, #0d6efd); }.wst-hoidap-left-faq-right-stats .wst-lfrs-cta-box h5 { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 6px; }.wst-hoidap-left-faq-right-stats .wst-lfrs-cta-box p { font-size: 13px; color: #6c757d; margin-bottom: 14px; }.wst-hoidap-toggle-expand { padding: 60px 0; }.wst-hoidap-toggle-expand .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-hoidap-toggle-expand .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-hoidap-toggle-expand .wst-te-card { background: #f8f9fa; border-radius: 14px; padding: 20px 22px; border: 1px solid #e9ecef; transition: all 0.3s; }.wst-hoidap-toggle-expand .wst-te-card.wst-te-open { border-color: var(--ws-color-main, #0d6efd); background: #f0f4ff; }.wst-hoidap-toggle-expand .wst-te-q { display: flex; align-items: center; gap: 12px; cursor: pointer; }.wst-hoidap-toggle-expand .wst-te-toggle { font-size: 18px; color: var(--ws-color-main, #0d6efd); transition: transform 0.3s; }.wst-hoidap-toggle-expand .wst-te-open .wst-te-toggle { transform: rotate(45deg); }.wst-hoidap-toggle-expand .wst-te-q span { font-size: 15px; font-weight: 600; color: #1a1a2e; }.wst-hoidap-toggle-expand .wst-te-a { margin-top: 12px; padding-left: 30px; font-size: 14px; color: #6c757d; line-height: 1.8; }.wst-hoidap-glass-faq .wst-gf-bg { padding: 70px 0;}.wst-hoidap-glass-faq .wst-label { font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.6); letter-spacing: 2px; text-transform: uppercase; }.wst-hoidap-glass-faq .wst-heading { font-size: 32px; font-weight: 700; color: #fff; line-height: 1.3; }.wst-hoidap-glass-faq .wst-desc { font-size: 15px; color: rgba(255,255,255,0.7); line-height: 1.8; }.wst-hoidap-glass-faq .wst-gf-support-card { background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2); border-radius: 16px; padding: 24px; color: #fff; text-align: center; }.wst-hoidap-glass-faq .wst-gf-support-card h5 { font-size: 16px; font-weight: 700; margin-bottom: 10px; }.wst-hoidap-glass-faq .wst-gf-support-card p { font-size: 14px; opacity: 0.8; margin-bottom: 6px; }.wst-hoidap-glass-faq .wst-gf-item { background: rgba(255,255,255,0.1); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.15); border-radius: 14px !important; margin-bottom: 10px; overflow: hidden; }.wst-hoidap-glass-faq .accordion-button { font-weight: 600; font-size: 15px; color: #fff; padding: 18px 22px; background: transparent; }.wst-hoidap-glass-faq .accordion-button::after { filter: brightness(10); }.wst-hoidap-glass-faq .accordion-button:not(.collapsed) { color: #fff; background: rgba(255,255,255,0.08); box-shadow: none; }.wst-hoidap-glass-faq .accordion-button:focus { box-shadow: none; }.wst-hoidap-glass-faq .accordion-body { font-size: 14px; line-height: 1.8; color: rgba(255,255,255,0.75); padding: 4px 22px 18px; }.wst-hoidap-search-filter { padding: 60px 0; }.wst-hoidap-search-filter .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-hoidap-search-filter .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-hoidap-search-filter .wst-sf-search { max-width: 520px; position: relative; }.wst-hoidap-search-filter .wst-sf-search i { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); color: #999; font-size: 16px; }.wst-hoidap-search-filter .wst-sf-input { width: 100%; border: 2px solid #e9ecef; border-radius: 40px; padding: 14px 20px 14px 46px; font-size: 15px; outline: none; transition: border-color 0.3s; background: #fff; }.wst-hoidap-search-filter .wst-sf-input:focus { border-color: var(--ws-color-main, #0d6efd); }.wst-hoidap-search-filter .wst-sf-list { max-width: 760px; }.wst-hoidap-search-filter .wst-sf-faq-item { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,0.04); }.wst-hoidap-search-filter .wst-sf-q { display: flex; justify-content: space-between; align-items: center; padding: 16px 22px; cursor: pointer; transition: background 0.3s; }.wst-hoidap-search-filter .wst-sf-q:hover { background: #fafafa; }.wst-hoidap-search-filter .wst-sf-q span { font-size: 15px; font-weight: 600; color: #1a1a2e; }.wst-hoidap-search-filter .wst-sf-q i { color: #999; font-size: 13px; }.wst-hoidap-search-filter .wst-sf-a { padding: 0 22px 16px; font-size: 14px; color: #6c757d; line-height: 1.8; }.wst-timeline-vertical-pulse { padding: 60px 0; }.wst-timeline-vertical-pulse .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-vertical-pulse .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-timeline-vertical-pulse .wst-tvp-timeline { position: relative; max-width: 900px; margin: 0 auto; }.wst-timeline-vertical-pulse .wst-tvp-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: linear-gradient(to bottom, var(--ws-color-main, #0d6efd), #6610f2, var(--ws-color-main, #0d6efd)); background-size: 100% 200%; animation: wstTvpLineFlow 4s linear infinite; transform: translateX(-50%); }@keyframes wstTvpLineFlow { 0% { background-position: 0 0; } 100% { background-position: 0 200%; } }.wst-timeline-vertical-pulse .wst-tvp-item { position: relative; width: 50%; margin-bottom: 40px; }.wst-timeline-vertical-pulse .wst-tvp-left { padding-right: 50px; text-align: right; }.wst-timeline-vertical-pulse .wst-tvp-right { margin-left: 50%; padding-left: 50px; text-align: left; }.wst-timeline-vertical-pulse .wst-tvp-dot { position: absolute; top: 20px; width: 18px; height: 18px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); z-index: 2; }.wst-timeline-vertical-pulse .wst-tvp-left .wst-tvp-dot { right: -9px; }.wst-timeline-vertical-pulse .wst-tvp-right .wst-tvp-dot { left: -9px; }.wst-timeline-vertical-pulse .wst-tvp-pulse { position: absolute; inset: -6px; border-radius: 50%; border: 2px solid var(--ws-color-main, #0d6efd); animation: wstTvpPulse 2s ease-out infinite; }@keyframes wstTvpPulse { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(2.2); opacity: 0; } }.wst-timeline-vertical-pulse .wst-tvp-card { background: #f8f9fa; border-radius: 16px; padding: 24px; box-shadow: 0 2px 15px rgba(0,0,0,0.05); transition: all 0.3s; }.wst-timeline-vertical-pulse .wst-tvp-card:hover { transform: translateY(-4px); box-shadow: 0 8px 30px rgba(0,0,0,0.1); }.wst-timeline-vertical-pulse .wst-tvp-year { display: inline-block; background: var(--ws-color-main, #0d6efd); color: #fff; padding: 3px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-bottom: 10px; }.wst-timeline-vertical-pulse .wst-tvp-card h5 { font-size: 17px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }.wst-timeline-vertical-pulse .wst-tvp-card p { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-timeline-vertical-pulse .wst-tvp-reveal { opacity: 0; transform: translateY(30px); transition: all 0.6s ease; }.wst-timeline-vertical-pulse .wst-tvp-reveal.wst-visible { opacity: 1; transform: translateY(0); }@media (max-width: 767px) { .wst-timeline-vertical-pulse .wst-tvp-line { left: 16px; } .wst-timeline-vertical-pulse .wst-tvp-item, .wst-timeline-vertical-pulse .wst-tvp-right { width: 100%; margin-left: 0; padding-left: 46px; padding-right: 0; text-align: left; } .wst-timeline-vertical-pulse .wst-tvp-dot, .wst-timeline-vertical-pulse .wst-tvp-left .wst-tvp-dot, .wst-timeline-vertical-pulse .wst-tvp-right .wst-tvp-dot { left: 7px; right: auto; } }.wst-timeline-h-scroll-cards { padding: 60px 0; overflow: hidden; }.wst-timeline-h-scroll-cards .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-h-scroll-cards .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-timeline-h-scroll-cards .wst-thsc-track { position: relative; overflow-x: auto; padding: 30px 0 20px; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; }.wst-timeline-h-scroll-cards .wst-thsc-track::-webkit-scrollbar { display: none; }.wst-timeline-h-scroll-cards .wst-thsc-line { position: absolute; top: 44px; left: 40px; right: 40px; height: 3px; background: linear-gradient(90deg, transparent, var(--ws-color-main, #0d6efd), #6610f2, var(--ws-color-main, #0d6efd), transparent); background-size: 200% 100%; animation: wstThscFlow 3s linear infinite; }@keyframes wstThscFlow { 0% { background-position: 0 0; } 100% { background-position: 200% 0; } }.wst-timeline-h-scroll-cards .wst-thsc-inner { display: inline-flex; gap: 30px; padding: 0 40px; position: relative; }.wst-timeline-h-scroll-cards .wst-thsc-card { min-width: 240px; max-width: 240px; position: relative; padding-top: 30px; }.wst-timeline-h-scroll-cards .wst-thsc-dot { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 3px solid var(--ws-color-main, #0d6efd); z-index: 2; transition: all 0.3s; }.wst-timeline-h-scroll-cards .wst-thsc-card:hover .wst-thsc-dot { background: var(--ws-color-main, #0d6efd); transform: translateX(-50%) scale(1.4); box-shadow: 0 0 0 6px rgba(13,110,253,0.2); }.wst-timeline-h-scroll-cards .wst-thsc-content { background: #fff; border-radius: 16px; padding: 24px 20px; text-align: center; box-shadow: 0 2px 12px rgba(0,0,0,0.05); transition: all 0.3s; margin-top: 16px; }.wst-timeline-h-scroll-cards .wst-thsc-card:hover .wst-thsc-content { transform: translateY(-6px); box-shadow: 0 10px 30px rgba(0,0,0,0.1); }.wst-timeline-h-scroll-cards .wst-thsc-year { display: inline-block; background: var(--ws-color-main, #0d6efd); color: #fff; padding: 2px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-bottom: 10px; }.wst-timeline-h-scroll-cards .wst-thsc-content h5 { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 6px; }.wst-timeline-h-scroll-cards .wst-thsc-content p { font-size: 13px; color: #6c757d; line-height: 1.6; margin: 0; }.wst-timeline-h-scroll-cards .wst-thsc-nav { width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--ws-color-main, #0d6efd); background: #fff; color: var(--ws-color-main, #0d6efd); font-size: 16px; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; justify-content: center; }.wst-timeline-h-scroll-cards .wst-thsc-nav:hover { background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-timeline-dark-glow { padding: 70px 0; }.wst-timeline-dark-glow .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-dark-glow .wst-heading { font-size: 32px; font-weight: 700; color: #fff; }.wst-timeline-dark-glow .wst-tdg-timeline { position: relative; max-width: 600px; margin: 0 auto; padding-left: 50px; }.wst-timeline-dark-glow .wst-tdg-line { position: absolute; left: 20px; top: 0; bottom: 0; width: 3px; background: rgba(255,255,255,0.08); }.wst-timeline-dark-glow .wst-tdg-glow { width: 100%; height: 80px; background: linear-gradient(to bottom, transparent, var(--ws-color-main, #0d6efd), transparent); border-radius: 2px; animation: wstTdgGlow 3s ease-in-out infinite; position: absolute; top: 0; }@keyframes wstTdgGlow { 0% { top: -80px; } 100% { top: 100%; } }.wst-timeline-dark-glow .wst-tdg-item { position: relative; margin-bottom: 36px; }.wst-timeline-dark-glow .wst-tdg-dot { position: absolute; left: -38px; top: 16px; width: 14px; height: 14px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); box-shadow: 0 0 12px rgba(13,110,253,0.6); z-index: 2; }.wst-timeline-dark-glow .wst-tdg-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 24px; color: #fff; transition: all 0.3s; }.wst-timeline-dark-glow .wst-tdg-card:hover { background: rgba(255,255,255,0.08); transform: translateX(8px); border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 0 30px rgba(13,110,253,0.15); }.wst-timeline-dark-glow .wst-tdg-year { display: inline-block; background: var(--ws-color-main, #0d6efd); color: #fff; padding: 3px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-bottom: 10px; }.wst-timeline-dark-glow .wst-tdg-card h5 { font-size: 17px; font-weight: 700; margin-bottom: 6px; }.wst-timeline-dark-glow .wst-tdg-card p { font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.7; margin: 0; }.wst-timeline-dark-glow .wst-tdg-reveal { opacity: 0; transform: translateY(25px); transition: all 0.5s ease; }.wst-timeline-dark-glow .wst-tdg-reveal.wst-vis { opacity: 1; transform: translateY(0); }.wst-timeline-h-dots-minimal { padding: 60px 0;}.wst-timeline-h-dots-minimal .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-h-dots-minimal .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-timeline-h-dots-minimal .wst-thdm-wrapper { position: relative; padding-top: 30px; max-width: 800px; margin: 0 auto; }.wst-timeline-h-dots-minimal .wst-thdm-line { position: absolute; top: 37px; left: 10%; right: 10%; height: 3px; background: #e9ecef; border-radius: 2px; }.wst-timeline-h-dots-minimal .wst-thdm-progress { height: 100%; width: 0; background: linear-gradient(90deg, var(--ws-color-main, #0d6efd), #6610f2); border-radius: 2px; animation: wstThdmFill 2s ease forwards 0.5s; }@keyframes wstThdmFill { to { width: 100%; } }.wst-timeline-h-dots-minimal .wst-thdm-point { position: relative; flex: 1; }.wst-timeline-h-dots-minimal .wst-thdm-dot { width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 3px solid #ccc; margin: 0 auto 14px; position: relative; z-index: 2; transition: all 0.3s; }.wst-timeline-h-dots-minimal .wst-thdm-dot-active { border-color: var(--ws-color-main, #0d6efd); background: var(--ws-color-main, #0d6efd); box-shadow: 0 0 0 6px rgba(13,110,253,0.2); }.wst-timeline-h-dots-minimal .wst-thdm-point:hover .wst-thdm-dot { border-color: var(--ws-color-main, #0d6efd); background: var(--ws-color-main, #0d6efd); transform: scale(1.3); }.wst-timeline-h-dots-minimal .wst-thdm-info strong { display: block; font-size: 16px; color: #1a1a2e; }.wst-timeline-h-dots-minimal .wst-thdm-info span { font-size: 12px; color: #6c757d; }@media (max-width: 575px) { .wst-timeline-h-dots-minimal .wst-thdm-info span { display: none; } }.wst-timeline-v-gradient-cards { padding: 60px 0; }.wst-timeline-v-gradient-cards .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-v-gradient-cards .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-timeline-v-gradient-cards .wst-tvgc-timeline { position: relative; max-width: 900px; margin: 0 auto; }.wst-timeline-v-gradient-cards .wst-tvgc-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; transform: translateX(-50%); background: linear-gradient(to bottom, #0d6efd, #6610f2, #e91e63, #ff9800); background-size: 100% 300%; animation: wstTvgcLine 6s ease infinite; border-radius: 2px; }@keyframes wstTvgcLine { 0%,100% { background-position: 0 0; } 50% { background-position: 0 300%; } }.wst-timeline-v-gradient-cards .wst-tvgc-item { position: relative; width: 50%; margin-bottom: 36px; }.wst-timeline-v-gradient-cards .wst-tvgc-left { padding-right: 46px; text-align: right; }.wst-timeline-v-gradient-cards .wst-tvgc-right { margin-left: 50%; padding-left: 46px; }.wst-timeline-v-gradient-cards .wst-tvgc-dot { position: absolute; top: 20px; width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 4px solid var(--ws-color-main, #0d6efd); z-index: 2; transition: all 0.3s; }.wst-timeline-v-gradient-cards .wst-tvgc-left .wst-tvgc-dot { right: -10px; }.wst-timeline-v-gradient-cards .wst-tvgc-right .wst-tvgc-dot { left: -10px; }.wst-timeline-v-gradient-cards .wst-tvgc-item:hover .wst-tvgc-dot { transform: scale(1.4); box-shadow: 0 0 0 8px rgba(13,110,253,0.15); }.wst-timeline-v-gradient-cards .wst-tvgc-card { border-radius: 16px; padding: 24px; color: #fff; transition: all 0.3s; }.wst-timeline-v-gradient-cards .wst-tvgc-card:hover { transform: translateY(-4px); }.wst-timeline-v-gradient-cards .wst-tvgc-c1 { background: linear-gradient(135deg, #667eea, #764ba2); }.wst-timeline-v-gradient-cards .wst-tvgc-c2 { background: linear-gradient(135deg, #f093fb, #f5576c); }.wst-timeline-v-gradient-cards .wst-tvgc-c3 { background: linear-gradient(135deg, #4facfe, #00f2fe); }.wst-timeline-v-gradient-cards .wst-tvgc-c4 { background: linear-gradient(135deg, #43e97b, #38f9d7); }.wst-timeline-v-gradient-cards .wst-tvgc-year { display: inline-block; background: rgba(255,255,255,0.25); padding: 3px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-bottom: 10px; }.wst-timeline-v-gradient-cards .wst-tvgc-card h5 { font-size: 17px; font-weight: 700; margin-bottom: 6px; }.wst-timeline-v-gradient-cards .wst-tvgc-card p { font-size: 14px; opacity: 0.85; line-height: 1.7; margin-bottom: 10px; }.wst-timeline-v-gradient-cards .wst-tvgc-tag { display: inline-block; background: rgba(255,255,255,0.2); padding: 3px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; }.wst-timeline-v-gradient-cards .wst-tvgc-rev { opacity: 0; transform: translateY(25px); transition: all 0.6s ease; }.wst-timeline-v-gradient-cards .wst-tvgc-rev.wst-show { opacity: 1; transform: translateY(0); }@media (max-width: 767px) { .wst-timeline-v-gradient-cards .wst-tvgc-line { left: 16px; } .wst-timeline-v-gradient-cards .wst-tvgc-item, .wst-timeline-v-gradient-cards .wst-tvgc-right { width: 100%; margin-left: 0; padding-left: 46px; padding-right: 0; text-align: left; } .wst-timeline-v-gradient-cards .wst-tvgc-dot, .wst-timeline-v-gradient-cards .wst-tvgc-left .wst-tvgc-dot { left: 6px; right: auto; } }.wst-timeline-h-zigzag { padding: 60px 0; }.wst-timeline-h-zigzag .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-h-zigzag .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-timeline-h-zigzag .wst-thz-wrapper { position: relative; padding: 100px 0; }.wst-timeline-h-zigzag .wst-thz-line { position: absolute; top: 50%; left: 5%; right: 5%; height: 3px; background: linear-gradient(90deg, var(--ws-color-main, #0d6efd), #6610f2, var(--ws-color-main, #0d6efd)); background-size: 200% 100%; animation: wstThzFlow 4s linear infinite; transform: translateY(-50%); }@keyframes wstThzFlow { 0% { background-position: 0 0; } 100% { background-position: 200% 0; } }.wst-timeline-h-zigzag .wst-thz-item { position: relative; display: flex; flex-direction: column; align-items: center; }.wst-timeline-h-zigzag .wst-thz-dot { width: 16px; height: 16px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); border: 3px solid #fff; box-shadow: 0 0 0 3px var(--ws-color-main, #0d6efd); z-index: 2; transition: all 0.3s; }.wst-timeline-h-zigzag .wst-thz-item:hover .wst-thz-dot { transform: scale(1.5); box-shadow: 0 0 0 6px rgba(13,110,253,0.2); }.wst-timeline-h-zigzag .wst-thz-stem { width: 2px; height: 40px; background: var(--ws-color-main, #0d6efd); opacity: 0.3; }.wst-timeline-h-zigzag .wst-thz-content { background: #f8f9fa; border-radius: 12px; padding: 14px 12px; transition: all 0.3s; }.wst-timeline-h-zigzag .wst-thz-item:hover .wst-thz-content { background: var(--ws-color-main, #0d6efd); color: #fff; transform: translateY(-4px); }.wst-timeline-h-zigzag .wst-thz-item:hover .wst-thz-content h6, .wst-timeline-h-zigzag .wst-thz-item:hover .wst-thz-content p { color: #fff; }.wst-timeline-h-zigzag .wst-thz-content h6 { font-size: 14px; font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }.wst-timeline-h-zigzag .wst-thz-content p { font-size: 12px; color: #6c757d; margin: 0; }.wst-timeline-h-zigzag .wst-thz-year { font-size: 14px; font-weight: 800; color: var(--ws-color-main, #0d6efd); padding: 4px 0; }@media (max-width: 767px) { .wst-timeline-h-zigzag .wst-thz-wrapper { padding: 60px 0; } .wst-timeline-h-zigzag .wst-thz-stem { height: 20px; } .wst-timeline-h-zigzag .wst-thz-content { padding: 8px 6px; } .wst-timeline-h-zigzag .wst-thz-content h6 { font-size: 11px; } .wst-timeline-h-zigzag .wst-thz-content p { display: none; } }.wst-timeline-v-icon-badge { padding: 60px 0; }.wst-timeline-v-icon-badge .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-v-icon-badge .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-timeline-v-icon-badge .wst-tvib-timeline { position: relative; max-width: 600px; padding-left: 60px; }.wst-timeline-v-icon-badge .wst-tvib-line { position: absolute; left: 24px; top: 0; bottom: 0; width: 3px; background: #dde4f0; border-radius: 2px; }.wst-timeline-v-icon-badge .wst-tvib-fill { width: 100%; height: 0; background: linear-gradient(to bottom, var(--ws-color-main, #0d6efd), #6610f2); border-radius: 2px; transition: height 2s ease; }.wst-timeline-v-icon-badge .wst-tvib-item { position: relative; margin-bottom: 28px; }.wst-timeline-v-icon-badge .wst-tvib-icon { position: absolute; left: -48px; top: 12px; width: 40px; height: 40px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; z-index: 2; box-shadow: 0 4px 15px rgba(13,110,253,0.3); transition: all 0.3s; }.wst-timeline-v-icon-badge .wst-tvib-item:hover .wst-tvib-icon { transform: scale(1.2) rotate(10deg); }.wst-timeline-v-icon-badge .wst-tvib-card { background: #fff; border-radius: 14px; padding: 22px; box-shadow: 0 2px 10px rgba(0,0,0,0.04); transition: all 0.3s; }.wst-timeline-v-icon-badge .wst-tvib-card:hover { transform: translateX(6px); box-shadow: 0 6px 25px rgba(0,0,0,0.08); }.wst-timeline-v-icon-badge .wst-tvib-badge { display: inline-block; background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); color: #fff; padding: 3px 16px; border-radius: 20px; font-size: 12px; font-weight: 700; margin-bottom: 8px; }.wst-timeline-v-icon-badge .wst-tvib-card h5 { font-size: 17px; font-weight: 700; color: #1a1a2e; margin-bottom: 6px; }.wst-timeline-v-icon-badge .wst-tvib-card p { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-timeline-v-icon-badge .wst-tvib-rev { opacity: 0; transform: translateX(-20px); transition: all 0.5s ease; }.wst-timeline-v-icon-badge .wst-tvib-rev.wst-on { opacity: 1; transform: translateX(0); }.wst-timeline-h-slider { padding: 60px 0; overflow: hidden; }.wst-timeline-h-slider .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-h-slider .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-timeline-h-slider .wst-ths-btn { width: 42px; height: 42px; border-radius: 50%; border: 2px solid #e9ecef; background: #fff; color: #555; font-size: 14px; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; justify-content: center; }.wst-timeline-h-slider .wst-ths-btn:hover { border-color: var(--ws-color-main, #0d6efd); background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-timeline-h-slider .wst-ths-track { position: relative; overflow-x: auto; padding: 20px 0 10px; scrollbar-width: none; scroll-behavior: smooth; }.wst-timeline-h-slider .wst-ths-track::-webkit-scrollbar { display: none; }.wst-timeline-h-slider .wst-ths-line { position: absolute; top: 28px; left: 30px; right: 30px; height: 3px; background: #e9ecef; border-radius: 2px; }.wst-timeline-h-slider .wst-ths-glow { height: 100%; width: 60px; background: var(--ws-color-main, #0d6efd); border-radius: 2px; animation: wstThsGlow 4s ease-in-out infinite alternate; box-shadow: 0 0 10px rgba(13,110,253,0.4); }@keyframes wstThsGlow { 0% { margin-left: 0; } 100% { margin-left: calc(100% - 60px); } }.wst-timeline-h-slider .wst-ths-inner { display: inline-flex; gap: 24px; padding: 0 30px; position: relative; }.wst-timeline-h-slider .wst-ths-slide { min-width: 260px; max-width: 260px; position: relative; padding-top: 24px; }.wst-timeline-h-slider .wst-ths-dot { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 3px solid var(--ws-color-main, #0d6efd); z-index: 2; transition: all 0.3s; }.wst-timeline-h-slider .wst-ths-slide:hover .wst-ths-dot { background: var(--ws-color-main, #0d6efd); transform: translateX(-50%) scale(1.3); }.wst-timeline-h-slider .wst-ths-year { text-align: center; font-size: 14px; font-weight: 800; color: var(--ws-color-main, #0d6efd); margin: 10px 0 8px; }.wst-timeline-h-slider .wst-ths-card { background: #f8f9fa; border-radius: 16px; padding: 16px; transition: all 0.3s; }.wst-timeline-h-slider .wst-ths-slide:hover .wst-ths-card { transform: translateY(-6px); box-shadow: 0 10px 30px rgba(0,0,0,0.08); }.wst-timeline-h-slider .wst-ths-card h5 { font-size: 15px; font-weight: 700; color: #1a1a2e; margin-bottom: 4px; }.wst-timeline-h-slider .wst-ths-card p { font-size: 13px; color: #6c757d; line-height: 1.6; margin: 0; }.wst-timeline-v-left-compact { padding: 60px 0; }.wst-timeline-v-left-compact .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-v-left-compact .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-timeline-v-left-compact .wst-desc { font-size: 15px; color: #6c757d; line-height: 1.8; }.wst-timeline-v-left-compact .wst-tvlc-list { position: relative; padding-left: 30px; }.wst-timeline-v-left-compact .wst-tvlc-line { position: absolute; left: 8px; top: 0; bottom: 0; width: 2px; background: #dde4f0; }.wst-timeline-v-left-compact .wst-tvlc-trail { width: 100%; height: 0; background: linear-gradient(to bottom, var(--ws-color-main, #0d6efd), #6610f2); transition: height 2.5s ease; }.wst-timeline-v-left-compact .wst-tvlc-item { position: relative; margin-bottom: 24px; }.wst-timeline-v-left-compact .wst-tvlc-dot { position: absolute; left: -26px; top: 8px; width: 12px; height: 12px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); z-index: 2; }.wst-timeline-v-left-compact .wst-tvlc-ring { position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--ws-color-main, #0d6efd); opacity: 0; animation: wstTvlcPing 2s ease-out infinite; }@keyframes wstTvlcPing { 0% { transform: scale(1); opacity: 0.6; } 100% { transform: scale(2.5); opacity: 0; } }.wst-timeline-v-left-compact .wst-tvlc-row { display: flex; align-items: flex-start; gap: 14px; background: #fff; border-radius: 12px; padding: 16px 18px; box-shadow: 0 1px 6px rgba(0,0,0,0.03); transition: all 0.3s; }.wst-timeline-v-left-compact .wst-tvlc-row:hover { transform: translateX(6px); box-shadow: 0 4px 15px rgba(0,0,0,0.06); }.wst-timeline-v-left-compact .wst-tvlc-year { font-size: 14px; font-weight: 800; color: var(--ws-color-main, #0d6efd); min-width: 44px; }.wst-timeline-v-left-compact .wst-tvlc-text { font-size: 14px; color: #555; line-height: 1.6; }.wst-timeline-v-left-compact .wst-tvlc-text strong { color: #1a1a2e; }.wst-timeline-v-left-compact .wst-tvlc-rev { opacity: 0; transform: translateY(15px); transition: all 0.4s ease; }.wst-timeline-v-left-compact .wst-tvlc-rev.wst-act { opacity: 1; transform: translateY(0); }.wst-timeline-glass-horizontal .wst-tgh-bg { padding: 70px 0; overflow: hidden; }.wst-timeline-glass-horizontal .wst-label { font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 3px; text-transform: uppercase; }.wst-timeline-glass-horizontal .wst-heading { font-size: 32px; font-weight: 700; color: #fff; }.wst-timeline-glass-horizontal .wst-tgh-track { position: relative; overflow-x: auto; padding: 30px 0 10px; scrollbar-width: none; scroll-behavior: smooth; }.wst-timeline-glass-horizontal .wst-tgh-track::-webkit-scrollbar { display: none; }.wst-timeline-glass-horizontal .wst-tgh-line { position: absolute; top: 38px; left: 40px; right: 40px; height: 2px; background: rgba(255,255,255,0.15); }.wst-timeline-glass-horizontal .wst-tgh-line::after { content: ""; position: absolute; top: -1px; left: 0; width: 80px; height: 4px; background: var(--ws-color-main, #0d6efd); border-radius: 2px; animation: wstTghSlide 5s ease-in-out infinite alternate; box-shadow: 0 0 12px rgba(13,110,253,0.6); }@keyframes wstTghSlide { 0% { left: 0; } 100% { left: calc(100% - 80px); } }.wst-timeline-glass-horizontal .wst-tgh-inner { display: inline-flex; gap: 24px; padding: 0 40px; position: relative; }.wst-timeline-glass-horizontal .wst-tgh-card { min-width: 220px; max-width: 220px; background: rgba(255,255,255,0.08); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.12); border-radius: 20px; padding: 26px 20px; text-align: center; color: #fff; position: relative; padding-top: 36px; transition: all 0.3s; }.wst-timeline-glass-horizontal .wst-tgh-card:hover { background: rgba(255,255,255,0.15); transform: translateY(-6px); border-color: rgba(255,255,255,0.3); }.wst-timeline-glass-horizontal .wst-tgh-dot { position: absolute; top: -8px; left: 50%; transform: translateX(-50%); width: 14px; height: 14px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); border: 2px solid #fff; z-index: 2; box-shadow: 0 0 8px rgba(13,110,253,0.5); }.wst-timeline-glass-horizontal .wst-tgh-year { font-size: 14px; font-weight: 800; color: var(--ws-color-main, #0d6efd); margin-bottom: 8px; }.wst-timeline-glass-horizontal .wst-tgh-card h5 { font-size: 16px; font-weight: 700; margin-bottom: 6px; }.wst-timeline-glass-horizontal .wst-tgh-card p { font-size: 13px; color: rgba(255,255,255,0.6); line-height: 1.6; margin: 0; }.wst-timeline-glass-horizontal .wst-tgh-nav { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.3); background: transparent; color: #fff; font-size: 14px; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; justify-content: center; }.wst-timeline-glass-horizontal .wst-tgh-nav:hover { background: var(--ws-color-main, #0d6efd); border-color: var(--ws-color-main, #0d6efd); }.wst-timeline-v-numbered { padding: 60px 0; }.wst-timeline-v-numbered .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-v-numbered .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-timeline-v-numbered .wst-tvn-timeline { position: relative; max-width: 620px; padding-left: 70px; }.wst-timeline-v-numbered .wst-tvn-line { position: absolute; left: 24px; top: 0; bottom: 0; width: 3px; background: #e9ecef; border-radius: 2px; }.wst-timeline-v-numbered .wst-tvn-progress { width: 100%; height: 0; background: linear-gradient(to bottom, var(--ws-color-main, #0d6efd), #6610f2); border-radius: 2px; transition: height 2.5s ease; }.wst-timeline-v-numbered .wst-tvn-item { position: relative; margin-bottom: 28px; }.wst-timeline-v-numbered .wst-tvn-num { position: absolute; left: -58px; top: 10px; width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 900; z-index: 2; box-shadow: 0 4px 15px rgba(13,110,253,0.3); transition: all 0.3s; }.wst-timeline-v-numbered .wst-tvn-item:hover .wst-tvn-num { transform: scale(1.15); box-shadow: 0 6px 25px rgba(13,110,253,0.4); }.wst-timeline-v-numbered .wst-tvn-card { background: #f8f9fa; border-radius: 14px; padding: 22px; transition: all 0.3s; }.wst-timeline-v-numbered .wst-tvn-card:hover { background: #fff; box-shadow: 0 6px 20px rgba(0,0,0,0.06); transform: translateX(6px); }.wst-timeline-v-numbered .wst-tvn-card h5 { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 6px; }.wst-timeline-v-numbered .wst-tvn-card p { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-timeline-v-numbered .wst-tvn-rev { opacity: 0; transform: translateY(20px); transition: all 0.5s ease; }.wst-timeline-v-numbered .wst-tvn-rev.wst-go { opacity: 1; transform: translateY(0); }.wst-timeline-h-flat-steps { padding: 60px 0; }.wst-timeline-h-flat-steps .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-h-flat-steps .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-timeline-h-flat-steps .wst-thfs-wrapper { position: relative; padding-top: 80px; }.wst-timeline-h-flat-steps .wst-thfs-line { position: absolute; top: 142px; left: 10%; right: 10%; height: 3px; background: #dde4f0; border-radius: 2px; }.wst-timeline-h-flat-steps .wst-thfs-runner { width: 50px; height: 100%; background: var(--ws-color-main, #0d6efd); border-radius: 2px; box-shadow: 0 0 8px rgba(13,110,253,0.5); animation: wstThfsRun 4s ease-in-out infinite alternate; }@keyframes wstThfsRun { 0% { margin-left: 0; } 100% { margin-left: calc(100% - 50px); } }.wst-timeline-h-flat-steps .wst-thfs-step { position: relative; }.wst-timeline-h-flat-steps .wst-thfs-icon { width: 56px; height: 56px; border-radius: 50%; background: #fff; border: 2px solid #dde4f0; color: var(--ws-color-main, #0d6efd); font-size: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; transition: all 0.3s; }.wst-timeline-h-flat-steps .wst-thfs-step:hover .wst-thfs-icon { background: var(--ws-color-main, #0d6efd); color: #fff; border-color: var(--ws-color-main, #0d6efd); transform: scale(1.15); box-shadow: 0 4px 20px rgba(13,110,253,0.3); }.wst-timeline-h-flat-steps .wst-thfs-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); margin: 0 auto 12px; position: relative; z-index: 2; }.wst-timeline-h-flat-steps .wst-thfs-step h6 { font-size: 14px; font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }.wst-timeline-h-flat-steps .wst-thfs-step small { font-size: 12px; color: #6c757d; }@media (max-width: 767px) { .wst-timeline-h-flat-steps .wst-thfs-line { display: none; } .wst-timeline-h-flat-steps .wst-thfs-wrapper { padding-top: 0; } .wst-timeline-h-flat-steps .wst-thfs-step { margin-bottom: 16px; } }.wst-timeline-v-image-cards { padding: 60px 0; }.wst-timeline-v-image-cards .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-v-image-cards .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-timeline-v-image-cards .wst-tvic-timeline { position: relative; max-width: 520px; padding-left: 50px; }.wst-timeline-v-image-cards .wst-tvic-line { position: absolute; left: 16px; top: 0; bottom: 0; width: 3px; background: #dde4f0; }.wst-timeline-v-image-cards .wst-tvic-glow { width: 100%; height: 60px; background: linear-gradient(to bottom, transparent, #6610f2, transparent); animation: wstTvicGlow 3.5s ease-in-out infinite; position: absolute; }@keyframes wstTvicGlow { 0% { top: -60px; } 100% { top: 100%; } }.wst-timeline-v-image-cards .wst-tvic-item { position: relative; margin-bottom: 32px; }.wst-timeline-v-image-cards .wst-tvic-dot { position: absolute; left: -42px; top: 20px; width: 16px; height: 16px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); border: 3px solid #f8f9fa; box-shadow: 0 0 0 3px var(--ws-color-main, #0d6efd); z-index: 2; transition: all 0.3s; }.wst-timeline-v-image-cards .wst-tvic-item:hover .wst-tvic-dot { transform: scale(1.4); box-shadow: 0 0 0 6px rgba(13,110,253,0.2); }.wst-timeline-v-image-cards .wst-tvic-card { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.05); transition: all 0.3s; }.wst-timeline-v-image-cards .wst-tvic-card:hover { transform: translateX(6px) translateY(-3px); box-shadow: 0 8px 30px rgba(0,0,0,0.1); }.wst-timeline-v-image-cards .wst-tvic-card img { transition: transform 0.4s; }.wst-timeline-v-image-cards .wst-tvic-card:hover img { transform: scale(1.04); }.wst-timeline-v-image-cards .wst-tvic-body { padding: 18px 20px; }.wst-timeline-v-image-cards .wst-tvic-year { display: inline-block; background: var(--ws-color-main, #0d6efd); color: #fff; padding: 2px 12px; border-radius: 10px; font-size: 12px; font-weight: 700; margin-bottom: 8px; }.wst-timeline-v-image-cards .wst-tvic-body h5 { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 6px; }.wst-timeline-v-image-cards .wst-tvic-body p { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-timeline-v-image-cards .wst-tvic-rev { opacity: 0; transform: translateY(20px); transition: all 0.5s ease; }.wst-timeline-v-image-cards .wst-tvic-rev.wst-in { opacity: 1; transform: translateY(0); }.wst-timeline-h-dashed { padding: 60px 0;}.wst-timeline-h-dashed .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-h-dashed .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-timeline-h-dashed .wst-thd-wrapper { position: relative; padding-top: 40px; max-width: 800px; margin: 0 auto; }.wst-timeline-h-dashed .wst-thd-line { position: absolute; top: 56px; left: 12%; right: 12%; height: 3px; background: repeating-linear-gradient(90deg, var(--ws-color-main, #0d6efd) 0, var(--ws-color-main, #0d6efd) 12px, transparent 12px, transparent 24px); background-size: 24px 3px; animation: wstThdDash 1s linear infinite; }@keyframes wstThdDash { 0% { background-position: 0 0; } 100% { background-position: 24px 0; } }.wst-timeline-h-dashed .wst-thd-item { position: relative; }.wst-timeline-h-dashed .wst-thd-badge { width: 30px; height: 30px; border-radius: 50%; margin: 0 auto 14px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; z-index: 2; position: relative; }.wst-timeline-h-dashed .wst-thd-done { background: #198754; color: #fff; }.wst-timeline-h-dashed .wst-thd-current { background: var(--ws-color-main, #0d6efd); color: #fff; width: 30px; height: 30px; }.wst-timeline-h-dashed .wst-thd-ping { position: absolute; inset: -5px; border-radius: 50%; border: 2px solid var(--ws-color-main, #0d6efd); animation: wstThdPing 1.5s ease-out infinite; }@keyframes wstThdPing { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(2); opacity: 0; } }.wst-timeline-h-dashed .wst-thd-future { background: #e9ecef; color: #999; font-size: 10px; }.wst-timeline-h-dashed .wst-thd-item h6 { font-size: 14px; font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }.wst-timeline-h-dashed .wst-thd-item p { font-size: 13px; color: #6c757d; margin: 0; }.wst-timeline-h-dashed .wst-thd-item:hover .wst-thd-badge { transform: scale(1.25); }@media (max-width: 575px) { .wst-timeline-h-dashed .wst-thd-item p { font-size: 11px; } }.wst-timeline-v-gradient-bg .wst-tvgb-bg { padding: 70px 0;}.wst-timeline-v-gradient-bg .wst-label { font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.6); letter-spacing: 3px; text-transform: uppercase; }.wst-timeline-v-gradient-bg .wst-heading { font-size: 32px; font-weight: 700; color: #fff; }.wst-timeline-v-gradient-bg .wst-tvgb-timeline { position: relative; max-width: 800px; }.wst-timeline-v-gradient-bg .wst-tvgb-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: rgba(255,255,255,0.15); transform: translateX(-50%); }.wst-timeline-v-gradient-bg .wst-tvgb-tracer { width: 100%; height: 40px; background: #fff; border-radius: 2px; animation: wstTvgbTrace 3s ease-in-out infinite; position: absolute; opacity: 0.5; }@keyframes wstTvgbTrace { 0% { top: -40px; opacity: 0.5; } 50% { opacity: 1; } 100% { top: 100%; opacity: 0.5; } }.wst-timeline-v-gradient-bg .wst-tvgb-item { position: relative; width: 50%; margin-bottom: 36px; }.wst-timeline-v-gradient-bg .wst-tvgb-left { padding-right: 44px; text-align: right; }.wst-timeline-v-gradient-bg .wst-tvgb-right { margin-left: 50%; padding-left: 44px; }.wst-timeline-v-gradient-bg .wst-tvgb-dot { position: absolute; top: 16px; width: 16px; height: 16px; border-radius: 50%; background: #fff; z-index: 2; transition: all 0.3s; }.wst-timeline-v-gradient-bg .wst-tvgb-left .wst-tvgb-dot { right: -8px; }.wst-timeline-v-gradient-bg .wst-tvgb-right .wst-tvgb-dot { left: -8px; }.wst-timeline-v-gradient-bg .wst-tvgb-item:hover .wst-tvgb-dot { transform: scale(1.5); box-shadow: 0 0 0 8px rgba(255,255,255,0.2); }.wst-timeline-v-gradient-bg .wst-tvgb-card { background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2); border-radius: 16px; padding: 22px; color: #fff; transition: all 0.3s; }.wst-timeline-v-gradient-bg .wst-tvgb-card:hover { background: rgba(255,255,255,0.18); transform: translateY(-4px); }.wst-timeline-v-gradient-bg .wst-tvgb-year { display: inline-block; background: rgba(255,255,255,0.25); padding: 3px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-bottom: 8px; }.wst-timeline-v-gradient-bg .wst-tvgb-card h5 { font-size: 17px; font-weight: 700; margin-bottom: 6px; }.wst-timeline-v-gradient-bg .wst-tvgb-card p { font-size: 14px; opacity: 0.8; line-height: 1.7; margin: 0; }.wst-timeline-v-gradient-bg .wst-tvgb-rev { opacity: 0; transition: all 0.6s ease; }.wst-timeline-v-gradient-bg .wst-tvgb-left.wst-tvgb-rev { transform: translateX(-30px); }.wst-timeline-v-gradient-bg .wst-tvgb-right.wst-tvgb-rev { transform: translateX(30px); }.wst-timeline-v-gradient-bg .wst-tvgb-rev.wst-ok { opacity: 1; transform: translateX(0); }@media (max-width: 767px) { .wst-timeline-v-gradient-bg .wst-tvgb-line { left: 14px; } .wst-timeline-v-gradient-bg .wst-tvgb-item, .wst-timeline-v-gradient-bg .wst-tvgb-right { width: 100%; margin-left: 0; padding-left: 44px; padding-right: 0; text-align: left; } .wst-timeline-v-gradient-bg .wst-tvgb-dot, .wst-timeline-v-gradient-bg .wst-tvgb-left .wst-tvgb-dot { left: 6px; right: auto; } }.wst-timeline-v-minimalist { padding: 60px 0; }.wst-timeline-v-minimalist .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-v-minimalist .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-timeline-v-minimalist .wst-desc { font-size: 15px; color: #6c757d; line-height: 1.8; }.wst-timeline-v-minimalist .wst-tvm-sticky { position: sticky; top: 100px; }.wst-timeline-v-minimalist .wst-tvm-list { position: relative; padding-left: 100px; }.wst-timeline-v-minimalist .wst-tvm-line { position: absolute; left: 68px; top: 0; bottom: 0; width: 2px; background: #e9ecef; }.wst-timeline-v-minimalist .wst-tvm-fill { width: 100%; height: 0; background: var(--ws-color-main, #0d6efd); transition: height 3s ease; }.wst-timeline-v-minimalist .wst-tvm-item { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 32px; position: relative; }.wst-timeline-v-minimalist .wst-tvm-year { position: absolute; left: -100px; width: 60px; text-align: right; font-size: 15px; font-weight: 800; color: var(--ws-color-main, #0d6efd); padding-top: 2px; }.wst-timeline-v-minimalist .wst-tvm-dot { position: absolute; left: -36px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); z-index: 2; transition: all 0.3s; }.wst-timeline-v-minimalist .wst-tvm-item:hover .wst-tvm-dot { transform: scale(1.6); box-shadow: 0 0 0 5px rgba(13,110,253,0.15); }.wst-timeline-v-minimalist .wst-tvm-desc { font-size: 15px; color: #555; line-height: 1.7; padding: 4px 0; transition: all 0.3s; }.wst-timeline-v-minimalist .wst-tvm-item:hover .wst-tvm-desc { color: #1a1a2e; transform: translateX(4px); }.wst-timeline-v-minimalist .wst-tvm-rev { opacity: 0; transform: translateY(15px); transition: all 0.4s ease; }.wst-timeline-v-minimalist .wst-tvm-rev.wst-done { opacity: 1; transform: translateY(0); }.wst-timeline-h-snake { padding: 60px 0; }.wst-timeline-h-snake .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-h-snake .wst-heading { font-size: 32px; font-weight: 700; color: #fff; }.wst-timeline-h-snake .wst-ths-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 22px 18px; color: #fff; transition: all 0.3s; position: relative; }.wst-timeline-h-snake .wst-ths-card:hover { background: rgba(255,255,255,0.1); transform: translateY(-4px); }.wst-timeline-h-snake .wst-ths-done { border-color: #198754; }.wst-timeline-h-snake .wst-ths-active { border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 0 20px rgba(13,110,253,0.2); }.wst-timeline-h-snake .wst-ths-upcoming { opacity: 0.5; }.wst-timeline-h-snake .wst-ths-status { font-size: 12px; font-weight: 600; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; gap: 6px; }.wst-timeline-h-snake .wst-ths-status i { color: #198754; }.wst-timeline-h-snake .wst-ths-current-txt { color: var(--ws-color-main, #0d6efd); }.wst-timeline-h-snake .wst-ths-blink { width: 8px; height: 8px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); animation: wstThsBlink 1s ease-in-out infinite; }@keyframes wstThsBlink { 0%,100% { opacity: 1; } 50% { opacity: 0.3; } }.wst-timeline-h-snake .wst-ths-card h5 { font-size: 16px; font-weight: 700; margin-bottom: 6px; }.wst-timeline-h-snake .wst-ths-card p { font-size: 13px; opacity: 0.65; line-height: 1.6; margin: 0; }.wst-timeline-h-snake .wst-ths-connector { display: none; }@media (min-width: 768px) {.wst-timeline-h-snake .wst-ths-connector { display: block; position: absolute; top: 50%; right: -16px; width: 32px; height: 2px; background: repeating-linear-gradient(90deg, rgba(255,255,255,0.3) 0, rgba(255,255,255,0.3) 6px, transparent 6px, transparent 12px); animation: wstThsConnDash 0.8s linear infinite; }@keyframes wstThsConnDash { 0% { background-position: 0 0; } 100% { background-position: 12px 0; } }.wst-timeline-h-snake .col-md-3 { position: relative; }}.wst-timeline-v-parallax-scroll .wst-tvps-bg { padding: 70px 0; }.wst-timeline-v-parallax-scroll .wst-tvps-bg::before { content: ""; position: absolute; inset: 0; }.wst-timeline-v-parallax-scroll .wst-tvps-bg > .container { position: relative; z-index: 1; }.wst-timeline-v-parallax-scroll .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 3px; text-transform: uppercase; }.wst-timeline-v-parallax-scroll .wst-heading { font-size: 36px; font-weight: 800; color: #fff; }.wst-timeline-v-parallax-scroll .wst-desc { font-size: 15px; color: rgba(255,255,255,0.5); max-width: 460px; }.wst-timeline-v-parallax-scroll .wst-tvps-timeline { position: relative; max-width: 560px; padding-left: 60px; }.wst-timeline-v-parallax-scroll .wst-tvps-line { position: absolute; left: 22px; top: 0; bottom: 0; width: 2px; background: rgba(255,255,255,0.1); }.wst-timeline-v-parallax-scroll .wst-tvps-trace { width: 100%; height: 50px; background: linear-gradient(to bottom, transparent, var(--ws-color-main, #0d6efd), transparent); animation: wstTvpsTrace 4s ease-in-out infinite; position: absolute; box-shadow: 0 0 15px rgba(13,110,253,0.4); }@keyframes wstTvpsTrace { 0% { top: -50px; } 100% { top: 100%; } }.wst-timeline-v-parallax-scroll .wst-tvps-item { position: relative; margin-bottom: 32px; }.wst-timeline-v-parallax-scroll .wst-tvps-dot { position: absolute; left: -48px; top: 12px; width: 36px; height: 36px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; z-index: 2; box-shadow: 0 0 20px rgba(13,110,253,0.4); transition: all 0.3s; }.wst-timeline-v-parallax-scroll .wst-tvps-item:hover .wst-tvps-dot { transform: scale(1.2) rotate(15deg); box-shadow: 0 0 30px rgba(13,110,253,0.6); }.wst-timeline-v-parallax-scroll .wst-tvps-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 22px; color: #fff; transition: all 0.3s; }.wst-timeline-v-parallax-scroll .wst-tvps-card:hover { background: rgba(255,255,255,0.1); transform: translateX(8px); border-color: var(--ws-color-main, #0d6efd); }.wst-timeline-v-parallax-scroll .wst-tvps-year { display: inline-block; background: rgba(13,110,253,0.3); padding: 3px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-bottom: 8px; }.wst-timeline-v-parallax-scroll .wst-tvps-card h5 { font-size: 17px; font-weight: 700; margin-bottom: 6px; }.wst-timeline-v-parallax-scroll .wst-tvps-card p { font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.7; margin: 0; }.wst-timeline-v-parallax-scroll .wst-tvps-rev { opacity: 0; transform: translateY(25px); transition: all 0.6s ease; }.wst-timeline-v-parallax-scroll .wst-tvps-rev.wst-up { opacity: 1; transform: translateY(0); }.wst-timeline-marquee-carousel { padding: 60px 0; overflow: hidden; }.wst-timeline-marquee-carousel .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-marquee-carousel .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-timeline-marquee-carousel .wst-tmc-track { overflow: hidden; position: relative; }.wst-timeline-marquee-carousel .wst-tmc-track::before, .wst-timeline-marquee-carousel .wst-tmc-track::after { content: ""; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2; }.wst-timeline-marquee-carousel .wst-tmc-track::before { left: 0; background: linear-gradient(90deg, #f8f9fa, transparent); }.wst-timeline-marquee-carousel .wst-tmc-track::after { right: 0; background: linear-gradient(-90deg, #f8f9fa, transparent); }.wst-timeline-marquee-carousel .wst-tmc-inner { display: inline-flex; animation: wstTmcScroll 40s linear infinite; }.wst-timeline-marquee-carousel .wst-tmc-track:hover .wst-tmc-inner { animation-play-state: paused; }@keyframes wstTmcScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }.wst-timeline-marquee-carousel .wst-tmc-card { min-width: 180px; max-width: 180px; background: #fff; border-radius: 16px; padding: 22px 16px; text-align: center; margin: 0 10px; border: 1px solid #e9ecef; transition: all 0.3s; }.wst-timeline-marquee-carousel .wst-tmc-card:hover { border-color: var(--ws-color-main, #0d6efd); transform: translateY(-4px); box-shadow: 0 6px 20px rgba(0,0,0,0.08); }.wst-timeline-marquee-carousel .wst-tmc-yr { display: inline-block; background: var(--ws-color-main, #0d6efd); color: #fff; padding: 3px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-bottom: 10px; }.wst-timeline-marquee-carousel .wst-tmc-card h6 { font-size: 14px; font-weight: 700; color: #1a1a2e; margin-bottom: 4px; }.wst-timeline-marquee-carousel .wst-tmc-card p { font-size: 12px; color: #6c757d; margin: 0; }.wst-timeline-bento-mixed { padding: 60px 0; }.wst-timeline-bento-mixed .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-bento-mixed .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-timeline-bento-mixed .wst-tbm-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.wst-timeline-bento-mixed .wst-tbm-item { border-radius: 20px; padding: 28px 24px; transition: all 0.3s; overflow: hidden; }.wst-timeline-bento-mixed .wst-tbm-item:hover { transform: translateY(-3px); }.wst-timeline-bento-mixed .wst-tbm-hero { grid-column: span 2; background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); color: #fff; }.wst-timeline-bento-mixed .wst-tbm-hero h3 { font-size: 28px; font-weight: 800; margin-bottom: 8px; }.wst-timeline-bento-mixed .wst-tbm-hero p { font-size: 15px; opacity: 0.8; line-height: 1.7; margin: 0; }.wst-timeline-bento-mixed .wst-tbm-year { display: inline-block; background: rgba(255,255,255,0.2); padding: 3px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-bottom: 10px; }.wst-timeline-bento-mixed .wst-tbm-img { padding: 0; position: relative; }.wst-timeline-bento-mixed .wst-tbm-img img { object-fit: cover; border-radius: 20px; width: 100%; height: 100%; min-height: 200px; }.wst-timeline-bento-mixed .wst-tbm-img-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 14px 18px; background: linear-gradient(transparent, rgba(0,0,0,0.7)); border-radius: 0 0 20px 20px; color: #fff; font-size: 13px; font-weight: 600; }.wst-timeline-bento-mixed .wst-tbm-stat { background: #f0f4ff; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }.wst-timeline-bento-mixed .wst-tbm-stat-num { font-size: 40px; font-weight: 900; color: var(--ws-color-main, #0d6efd); line-height: 1; }.wst-timeline-bento-mixed .wst-tbm-stat-label { font-size: 13px; color: #6c757d; margin-top: 6px; }.wst-timeline-bento-mixed .wst-tbm-text { background: #f8f9fa; border: 1px solid #e9ecef; }.wst-timeline-bento-mixed .wst-tbm-text .wst-tbm-year { background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-timeline-bento-mixed .wst-tbm-text h5 { font-size: 17px; font-weight: 700; color: #1a1a2e; margin-bottom: 6px; }.wst-timeline-bento-mixed .wst-tbm-text p { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-timeline-bento-mixed .wst-tbm-cta { grid-column: span 2; background: linear-gradient(135deg, #0f172a, #1e3a5f); color: #fff; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }.wst-timeline-bento-mixed .wst-tbm-cta h4 { font-size: 20px; font-weight: 700; }@media (max-width: 767px) { .wst-timeline-bento-mixed .wst-tbm-grid { grid-template-columns: 1fr; } .wst-timeline-bento-mixed .wst-tbm-hero, .wst-timeline-bento-mixed .wst-tbm-cta { grid-column: span 1; } }.wst-doingu-classic-overlay-4col { padding: 60px 0; }.wst-doingu-classic-overlay-4col .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-classic-overlay-4col .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doingu-classic-overlay-4col .wst-subtext { font-size: 15px; color: #6c757d; max-width: 480px; }.wst-doingu-classic-overlay-4col .wst-co-card { overflow: hidden; border-radius: 20px; background: #fff; box-shadow: 0 2px 15px rgba(0,0,0,0.05); transition: transform 0.3s; }.wst-doingu-classic-overlay-4col .wst-co-card:hover { transform: translateY(-8px); }.wst-doingu-classic-overlay-4col .wst-co-img { position: relative; overflow: hidden; }.wst-doingu-classic-overlay-4col .wst-co-img img { transition: transform 0.5s; }.wst-doingu-classic-overlay-4col .wst-co-card:hover .wst-co-img img { transform: scale(1.08); }.wst-doingu-classic-overlay-4col .wst-co-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(13,110,253,0.85) 100%); opacity: 0; transition: opacity 0.4s; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 20px; }.wst-doingu-classic-overlay-4col .wst-co-card:hover .wst-co-overlay { opacity: 1; }.wst-doingu-classic-overlay-4col .wst-co-social { display: flex; gap: 8px; transform: translateY(20px); transition: transform 0.4s 0.1s; }.wst-doingu-classic-overlay-4col .wst-co-card:hover .wst-co-social { transform: translateY(0); }.wst-doingu-classic-overlay-4col .wst-co-social a { width: 36px; height: 36px; border-radius: 50%; background: #fff; color: var(--ws-color-main, #0d6efd); display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 14px; transition: all 0.3s; }.wst-doingu-classic-overlay-4col .wst-co-social a:hover { background: #1a1a2e; color: #fff; }.wst-doingu-classic-overlay-4col .wst-co-info { padding: 18px 16px; text-align: center; }.wst-doingu-classic-overlay-4col .wst-co-info h5 { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }.wst-doingu-classic-overlay-4col .wst-co-info span { font-size: 13px; color: var(--ws-color-main, #0d6efd); font-weight: 500; }.wst-doingu-circle-expand { padding: 60px 0; }.wst-doingu-circle-expand .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-circle-expand .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doingu-circle-expand .wst-ce-card { padding: 20px 10px; transition: all 0.4s; }.wst-doingu-circle-expand .wst-ce-avatar { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; margin: 0 auto 14px; position: relative; }.wst-doingu-circle-expand .wst-ce-avatar img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }.wst-doingu-circle-expand .wst-ce-card:hover .wst-ce-avatar img { transform: scale(1.1); }.wst-doingu-circle-expand .wst-ce-ring { position: absolute; inset: -4px; border-radius: 50%; border: 3px solid transparent; transition: all 0.4s; }.wst-doingu-circle-expand .wst-ce-card:hover .wst-ce-ring { border-color: var(--ws-color-main, #0d6efd); animation: wstCeRingSpin 3s linear infinite; }@keyframes wstCeRingSpin { 0% { border-color: var(--ws-color-main, #0d6efd) transparent transparent transparent; transform: rotate(0deg); } 100% { border-color: var(--ws-color-main, #0d6efd) transparent transparent transparent; transform: rotate(360deg); } }.wst-doingu-circle-expand .wst-ce-name { font-size: 15px; font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }.wst-doingu-circle-expand .wst-ce-role { font-size: 12px; color: var(--ws-color-main, #0d6efd); font-weight: 600; }.wst-doingu-circle-expand .wst-ce-expand { max-height: 0; overflow: hidden; transition: max-height 0.5s ease, opacity 0.4s; opacity: 0; }.wst-doingu-circle-expand .wst-ce-card:hover .wst-ce-expand { max-height: 150px; opacity: 1; }.wst-doingu-circle-expand .wst-ce-expand p { font-size: 12px; color: #6c757d; line-height: 1.6; margin: 10px 0 8px; }.wst-doingu-circle-expand .wst-ce-social a { width: 28px; height: 28px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); color: #fff; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-size: 12px; }.wst-doingu-flip-3d { padding: 60px 0; }.wst-doingu-flip-3d .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-flip-3d .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doingu-flip-3d .wst-df-wrapper { perspective: 1000px; height: 360px; }.wst-doingu-flip-3d .wst-df-inner { position: relative; width: 100%; height: 100%; transition: transform 0.7s; transform-style: preserve-3d; }.wst-doingu-flip-3d .wst-df-wrapper:hover .wst-df-inner { transform: rotateY(180deg); }.wst-doingu-flip-3d .wst-df-front, .wst-doingu-flip-3d .wst-df-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 20px; overflow: hidden; }.wst-doingu-flip-3d .wst-df-front { background: #e9ecef; }.wst-doingu-flip-3d .wst-df-front img { width: 100%; height: 100%; object-fit: cover; }.wst-doingu-flip-3d .wst-df-name-bar { position: absolute; bottom: 0; left: 0; right: 0; padding: 14px 16px; background: linear-gradient(transparent, rgba(0,0,0,0.7)); color: #fff; }.wst-doingu-flip-3d .wst-df-name-bar h6 { font-size: 16px; font-weight: 700; margin-bottom: 0; }.wst-doingu-flip-3d .wst-df-name-bar small { font-size: 12px; opacity: 0.8; }.wst-doingu-flip-3d .wst-df-back { background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); color: #fff; transform: rotateY(180deg); display: flex; align-items: center; justify-content: center; text-align: center; padding: 24px; }.wst-doingu-flip-3d .wst-df-back h5 { font-size: 18px; font-weight: 800; margin-bottom: 4px; }.wst-doingu-flip-3d .wst-df-role { font-size: 13px; opacity: 0.7; display: block; margin-bottom: 12px; }.wst-doingu-flip-3d .wst-df-back p { font-size: 13px; line-height: 1.7; opacity: 0.85; }.wst-doingu-flip-3d .wst-df-social { display: flex; justify-content: center; gap: 8px; margin-top: 12px; }.wst-doingu-flip-3d .wst-df-social a { width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,0.2); color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 14px; transition: background 0.3s; }.wst-doingu-flip-3d .wst-df-social a:hover { background: rgba(255,255,255,0.4); }.wst-doingu-dark-glass .wst-ddg-bg { padding: 70px 0;}.wst-doingu-dark-glass .wst-label { font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 3px; text-transform: uppercase; }.wst-doingu-dark-glass .wst-heading { font-size: 32px; font-weight: 700; color: #fff; }.wst-doingu-dark-glass .wst-ddg-card { background: rgba(255,255,255,0.06); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.1); border-radius: 24px; padding: 32px 20px; text-align: center; color: #fff; transition: all 0.4s; height: 100%; }.wst-doingu-dark-glass .wst-ddg-card:hover { background: rgba(255,255,255,0.12); transform: translateY(-8px); border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 20px 50px rgba(13,110,253,0.15); }.wst-doingu-dark-glass .wst-ddg-avatar { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin: 0 auto 16px; border: 3px solid rgba(255,255,255,0.15); transition: all 0.4s; }.wst-doingu-dark-glass .wst-ddg-card:hover .wst-ddg-avatar { border-color: var(--ws-color-main, #0d6efd); transform: scale(1.08); box-shadow: 0 0 25px rgba(13,110,253,0.3); }.wst-doingu-dark-glass .wst-ddg-avatar img { width: 100%; height: 100%; object-fit: cover; }.wst-doingu-dark-glass .wst-ddg-name { font-size: 17px; font-weight: 700; margin-bottom: 2px; }.wst-doingu-dark-glass .wst-ddg-role { font-size: 13px; color: var(--ws-color-main, #0d6efd); font-weight: 600; display: block; margin-bottom: 10px; }.wst-doingu-dark-glass .wst-ddg-bio { font-size: 13px; color: rgba(255,255,255,0.5); line-height: 1.6; margin-bottom: 14px; }.wst-doingu-dark-glass .wst-ddg-social { display: flex; justify-content: center; gap: 6px; opacity: 0; transform: translateY(8px); transition: all 0.3s 0.1s; }.wst-doingu-dark-glass .wst-ddg-card:hover .wst-ddg-social { opacity: 1; transform: translateY(0); }.wst-doingu-dark-glass .wst-ddg-social a { width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,0.1); color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 13px; transition: background 0.3s; }.wst-doingu-dark-glass .wst-ddg-social a:hover { background: var(--ws-color-main, #0d6efd); }.wst-doingu-horizontal-profile { padding: 60px 0; }.wst-doingu-horizontal-profile .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-horizontal-profile .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doingu-horizontal-profile .wst-hp-list { max-width: 800px; }.wst-doingu-horizontal-profile .wst-hp-card { display: flex; align-items: center; gap: 24px; background: #f8f9fa; border-radius: 20px; padding: 24px; margin-bottom: 16px; border: 2px solid transparent; transition: all 0.4s; }.wst-doingu-horizontal-profile .wst-hp-card:hover { border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 10px 35px rgba(13,110,253,0.1); transform: translateX(8px); }.wst-doingu-horizontal-profile .wst-hp-avatar { width: 90px; height: 90px; min-width: 90px; border-radius: 50%; overflow: hidden; border: 3px solid #e9ecef; transition: all 0.4s; }.wst-doingu-horizontal-profile .wst-hp-card:hover .wst-hp-avatar { border-color: var(--ws-color-main, #0d6efd); }.wst-doingu-horizontal-profile .wst-hp-avatar img { width: 100%; height: 100%; object-fit: cover; }.wst-doingu-horizontal-profile .wst-hp-body { flex: 1; }.wst-doingu-horizontal-profile .wst-hp-name { font-size: 17px; font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }.wst-doingu-horizontal-profile .wst-hp-role { font-size: 13px; color: var(--ws-color-main, #0d6efd); font-weight: 600; display: block; margin-bottom: 8px; }.wst-doingu-horizontal-profile .wst-hp-bio { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-doingu-horizontal-profile .wst-hp-social { display: flex; flex-direction: column; gap: 6px; opacity: 0; transform: translateX(10px); transition: all 0.3s; }.wst-doingu-horizontal-profile .wst-hp-card:hover .wst-hp-social { opacity: 1; transform: translateX(0); }.wst-doingu-horizontal-profile .wst-hp-social a { width: 34px; height: 34px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 13px; transition: background 0.3s; }.wst-doingu-horizontal-profile .wst-hp-social a:hover { background: #1a1a2e; }@media (max-width: 575px) { .wst-doingu-horizontal-profile .wst-hp-card { flex-direction: column; text-align: center; } .wst-doingu-horizontal-profile .wst-hp-social { flex-direction: row; } }.wst-doingu-slide-up-info { padding: 60px 0;}.wst-doingu-slide-up-info .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-slide-up-info .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doingu-slide-up-info .wst-sui-card { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.06); }.wst-doingu-slide-up-info .wst-sui-card img { display: block; transition: transform 0.5s; }.wst-doingu-slide-up-info .wst-sui-card:hover img { transform: scale(1.06); }.wst-doingu-slide-up-info .wst-sui-base { position: absolute; bottom: 0; left: 0; right: 0; padding: 16px 18px; background: linear-gradient(transparent, rgba(0,0,0,0.75)); color: #fff; transition: opacity 0.4s; }.wst-doingu-slide-up-info .wst-sui-card:hover .wst-sui-base { opacity: 0; }.wst-doingu-slide-up-info .wst-sui-base h5 { font-size: 16px; font-weight: 700; margin-bottom: 0; }.wst-doingu-slide-up-info .wst-sui-base span { font-size: 12px; opacity: 0.8; }.wst-doingu-slide-up-info .wst-sui-detail { position: absolute; bottom: 0; left: 0; right: 0; padding: 24px 20px; background: linear-gradient(transparent 0%, rgba(13,110,253,0.9) 40%); color: #fff; transform: translateY(100%); transition: transform 0.5s cubic-bezier(0.23,1,0.32,1); }.wst-doingu-slide-up-info .wst-sui-card:hover .wst-sui-detail { transform: translateY(0); }.wst-doingu-slide-up-info .wst-sui-detail h5 { font-size: 16px; font-weight: 700; margin-bottom: 2px; }.wst-doingu-slide-up-info .wst-sui-detail span { font-size: 12px; opacity: 0.7; display: block; margin-bottom: 8px; }.wst-doingu-slide-up-info .wst-sui-detail p { font-size: 13px; line-height: 1.6; opacity: 0.85; margin-bottom: 10px; }.wst-doingu-slide-up-info .wst-sui-social { display: flex; gap: 6px; }.wst-doingu-slide-up-info .wst-sui-social a { width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,0.2); color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 13px; transition: background 0.3s; }.wst-doingu-slide-up-info .wst-sui-social a:hover { background: rgba(255,255,255,0.4); }.wst-doingu-split-left-right { padding: 60px 0; }.wst-doingu-split-left-right .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-split-left-right .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doingu-split-left-right .wst-slr-img { position: relative; overflow: hidden; border-radius: 20px; }.wst-doingu-split-left-right .wst-slr-img img { transition: transform 0.5s; }.wst-doingu-split-left-right .wst-slr-img:hover img { transform: scale(1.04); }.wst-doingu-split-left-right .wst-slr-tag { display: inline-block; background: var(--ws-color-main, #0d6efd); color: #fff; padding: 4px 16px; border-radius: 20px; font-size: 12px; font-weight: 700; margin-bottom: 10px; }.wst-doingu-split-left-right .wst-slr-name { font-size: 28px; font-weight: 800; color: #1a1a2e; margin-bottom: 12px; }.wst-doingu-split-left-right .wst-slr-bio { font-size: 15px; color: #6c757d; line-height: 1.8; }.wst-doingu-split-left-right .wst-slr-stats strong { font-size: 22px; color: var(--ws-color-main, #0d6efd); display: block; }.wst-doingu-split-left-right .wst-slr-stats small { font-size: 12px; color: #999; }.wst-doingu-split-left-right .wst-slr-social { display: flex; gap: 8px; }.wst-doingu-split-left-right .wst-slr-social a { width: 36px; height: 36px; border-radius: 50%; background: #fff; border: 1px solid #e9ecef; color: #555; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 14px; transition: all 0.3s; }.wst-doingu-split-left-right .wst-slr-social a:hover { background: var(--ws-color-main, #0d6efd); border-color: var(--ws-color-main, #0d6efd); color: #fff; }.wst-doingu-masonry-gallery { padding: 60px 0; }.wst-doingu-masonry-gallery .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-masonry-gallery .wst-heading { font-size: 32px; font-weight: 700; color: #fff; }.wst-doingu-masonry-gallery .wst-mg-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 180px; gap: 12px; }.wst-doingu-masonry-gallery .wst-mg-item { position: relative; border-radius: 16px; overflow: hidden; }.wst-doingu-masonry-gallery .wst-mg-tall { grid-row: span 2; }.wst-doingu-masonry-gallery .wst-mg-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s, filter 0.4s; }.wst-doingu-masonry-gallery .wst-mg-item:hover img { transform: scale(1.08); filter: brightness(0.6); }.wst-doingu-masonry-gallery .wst-mg-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; opacity: 0; transition: opacity 0.4s; }.wst-doingu-masonry-gallery .wst-mg-item:hover .wst-mg-overlay { opacity: 1; }.wst-doingu-masonry-gallery .wst-mg-overlay h5 { font-size: 18px; font-weight: 700; margin-bottom: 2px; transform: translateY(10px); transition: transform 0.4s 0.1s; }.wst-doingu-masonry-gallery .wst-mg-item:hover .wst-mg-overlay h5 { transform: translateY(0); }.wst-doingu-masonry-gallery .wst-mg-overlay span { font-size: 13px; opacity: 0.8; transform: translateY(10px); transition: transform 0.4s 0.15s; }.wst-doingu-masonry-gallery .wst-mg-item:hover .wst-mg-overlay span { transform: translateY(0); }.wst-doingu-masonry-gallery .wst-mg-social { margin-top: 12px; transform: translateY(10px); transition: transform 0.4s 0.2s; }.wst-doingu-masonry-gallery .wst-mg-item:hover .wst-mg-social { transform: translateY(0); }.wst-doingu-masonry-gallery .wst-mg-social a { width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,0.2); color: #fff; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-size: 14px; transition: background 0.3s; }.wst-doingu-masonry-gallery .wst-mg-social a:hover { background: var(--ws-color-main, #0d6efd); }@media (max-width: 767px) { .wst-doingu-masonry-gallery .wst-mg-grid { grid-template-columns: 1fr 1fr; } }.wst-doingu-gradient-bottom { padding: 60px 0; }.wst-doingu-gradient-bottom .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-gradient-bottom .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doingu-gradient-bottom .wst-gb-card { border-radius: 20px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.05); transition: transform 0.4s; }.wst-doingu-gradient-bottom .wst-gb-card:hover { transform: translateY(-8px); }.wst-doingu-gradient-bottom .wst-gb-img { overflow: hidden; }.wst-doingu-gradient-bottom .wst-gb-img img { width: 100%; display: block; transition: transform 0.5s; }.wst-doingu-gradient-bottom .wst-gb-card:hover .wst-gb-img img { transform: scale(1.06); }.wst-doingu-gradient-bottom .wst-gb-bottom { padding: 18px 16px; color: #fff; text-align: center; position: relative; overflow: hidden; }.wst-doingu-gradient-bottom .wst-gb-b1 { background: linear-gradient(135deg, #667eea, #764ba2); }.wst-doingu-gradient-bottom .wst-gb-b2 { background: linear-gradient(135deg, #f093fb, #f5576c); }.wst-doingu-gradient-bottom .wst-gb-b3 { background: linear-gradient(135deg, #4facfe, #00f2fe); }.wst-doingu-gradient-bottom .wst-gb-b4 { background: linear-gradient(135deg, #43e97b, #38f9d7); }.wst-doingu-gradient-bottom .wst-gb-bottom h5 { font-size: 16px; font-weight: 700; margin-bottom: 2px; }.wst-doingu-gradient-bottom .wst-gb-bottom span { font-size: 12px; opacity: 0.8; }.wst-doingu-gradient-bottom .wst-gb-hover-info { max-height: 0; overflow: hidden; opacity: 0; transition: all 0.5s; }.wst-doingu-gradient-bottom .wst-gb-card:hover .wst-gb-hover-info { max-height: 120px; opacity: 1; margin-top: 10px; }.wst-doingu-gradient-bottom .wst-gb-hover-info p { font-size: 12px; line-height: 1.6; opacity: 0.85; margin-bottom: 8px; }.wst-doingu-gradient-bottom .wst-gb-links { display: flex; justify-content: center; gap: 8px; }.wst-doingu-gradient-bottom .wst-gb-links a { font-size: 12px; color: #fff; text-decoration: underline; opacity: 0.8; }.wst-doingu-gradient-bottom .wst-gb-links a:hover { opacity: 1; }.wst-doingu-bento-grid { padding: 60px 0; }.wst-doingu-bento-grid .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-bento-grid .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doingu-bento-grid .wst-dbg-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 220px; gap: 14px; }.wst-doingu-bento-grid .wst-dbg-item { position: relative; border-radius: 20px; overflow: hidden; }.wst-doingu-bento-grid .wst-dbg-hero { grid-column: 1; grid-row: span 2; }.wst-doingu-bento-grid .wst-dbg-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }.wst-doingu-bento-grid .wst-dbg-item:hover img { transform: scale(1.06); }.wst-doingu-bento-grid .wst-dbg-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 18px; background: linear-gradient(transparent, rgba(0,0,0,0.75)); color: #fff; transform: translateY(100%); transition: transform 0.4s cubic-bezier(0.23,1,0.32,1); }.wst-doingu-bento-grid .wst-dbg-item:hover .wst-dbg-info { transform: translateY(0); }.wst-doingu-bento-grid .wst-dbg-info h4, .wst-doingu-bento-grid .wst-dbg-info h5 { font-weight: 700; margin-bottom: 2px; }.wst-doingu-bento-grid .wst-dbg-info h4 { font-size: 20px; }.wst-doingu-bento-grid .wst-dbg-info h5 { font-size: 16px; }.wst-doingu-bento-grid .wst-dbg-info span { font-size: 12px; opacity: 0.8; }.wst-doingu-bento-grid .wst-dbg-social { display: flex; gap: 6px; margin-top: 8px; }.wst-doingu-bento-grid .wst-dbg-social a { width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,0.2); color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 13px; transition: background 0.3s; }.wst-doingu-bento-grid .wst-dbg-social a:hover { background: var(--ws-color-main, #0d6efd); }.wst-doingu-bento-grid .wst-dbg-stat { background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; }.wst-doingu-bento-grid .wst-dbg-stat-num { font-size: 42px; font-weight: 900; line-height: 1; }.wst-doingu-bento-grid .wst-dbg-stat-label { font-size: 14px; opacity: 0.7; margin-top: 6px; }@media (max-width: 767px) { .wst-doingu-bento-grid .wst-dbg-grid { grid-template-columns: 1fr 1fr; } .wst-doingu-bento-grid .wst-dbg-hero { grid-column: span 2; grid-row: span 1; } }.wst-doingu-minimal-line { padding: 60px 0; }.wst-doingu-minimal-line .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-minimal-line .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doingu-minimal-line .wst-ml-card { padding: 16px 8px; }.wst-doingu-minimal-line .wst-ml-avatar { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin: 0 auto; border: 3px solid #e9ecef; transition: all 0.4s; }.wst-doingu-minimal-line .wst-ml-card:hover .wst-ml-avatar { border-color: var(--ws-color-main, #0d6efd); transform: scale(1.08); box-shadow: 0 8px 25px rgba(13,110,253,0.2); }.wst-doingu-minimal-line .wst-ml-avatar img { width: 100%; height: 100%; object-fit: cover; }.wst-doingu-minimal-line .wst-ml-line { width: 30px; height: 2px; background: #e9ecef; margin: 14px auto; transition: all 0.4s; }.wst-doingu-minimal-line .wst-ml-card:hover .wst-ml-line { width: 50px; background: var(--ws-color-main, #0d6efd); }.wst-doingu-minimal-line .wst-ml-card h6 { font-size: 15px; font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }.wst-doingu-minimal-line .wst-ml-card small { font-size: 12px; color: var(--ws-color-main, #0d6efd); font-weight: 500; }.wst-doingu-border-shift { padding: 60px 0; }.wst-doingu-border-shift .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-border-shift .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doingu-border-shift .wst-bs-card { background: #fff; border-radius: 20px; padding: 30px 22px; text-align: center; border-bottom: 4px solid #e9ecef; transition: all 0.4s; height: 100%; }.wst-doingu-border-shift .wst-bs-c1:hover { border-bottom-color: #667eea; box-shadow: 0 12px 35px rgba(102,126,234,0.15); }.wst-doingu-border-shift .wst-bs-c2:hover { border-bottom-color: #f093fb; box-shadow: 0 12px 35px rgba(240,147,251,0.15); }.wst-doingu-border-shift .wst-bs-c3:hover { border-bottom-color: #4facfe; box-shadow: 0 12px 35px rgba(79,172,254,0.15); }.wst-doingu-border-shift .wst-bs-c4:hover { border-bottom-color: #43e97b; box-shadow: 0 12px 35px rgba(67,233,123,0.15); }.wst-doingu-border-shift .wst-bs-card:hover { transform: translateY(-8px); }.wst-doingu-border-shift .wst-bs-avatar { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; margin: 0 auto 16px; transition: transform 0.4s; }.wst-doingu-border-shift .wst-bs-card:hover .wst-bs-avatar { transform: scale(1.06); }.wst-doingu-border-shift .wst-bs-avatar img { width: 100%; height: 100%; object-fit: cover; }.wst-doingu-border-shift .wst-bs-card h5 { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }.wst-doingu-border-shift .wst-bs-card span { font-size: 13px; color: var(--ws-color-main, #0d6efd); font-weight: 600; display: block; margin-bottom: 10px; }.wst-doingu-border-shift .wst-bs-card p { font-size: 13px; color: #6c757d; line-height: 1.6; margin-bottom: 12px; }.wst-doingu-border-shift .wst-bs-social { opacity: 0; transform: translateY(8px); transition: all 0.3s; }.wst-doingu-border-shift .wst-bs-card:hover .wst-bs-social { opacity: 1; transform: translateY(0); }.wst-doingu-border-shift .wst-bs-social a { width: 32px; height: 32px; border-radius: 50%; background: #f0f0f0; color: #555; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-size: 14px; transition: all 0.3s; }.wst-doingu-border-shift .wst-bs-social a:hover { background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-doingu-parallax-bg .wst-dpb-overlay { padding: 70px 0;}.wst-doingu-parallax-bg .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 3px; text-transform: uppercase; }.wst-doingu-parallax-bg .wst-heading { font-size: 32px; font-weight: 700; color: #fff; }.wst-doingu-parallax-bg .wst-dpb-card { padding: 28px 16px; color: #fff; transition: transform 0.4s; }.wst-doingu-parallax-bg .wst-dpb-card:hover { transform: translateY(-10px); }.wst-doingu-parallax-bg .wst-dpb-avatar { width: 120px; height: 120px; border-radius: 50%; overflow: hidden; margin: 0 auto 16px; border: 4px solid rgba(255,255,255,0.1); transition: all 0.4s; }.wst-doingu-parallax-bg .wst-dpb-card:hover .wst-dpb-avatar { border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 0 30px rgba(13,110,253,0.35); }.wst-doingu-parallax-bg .wst-dpb-avatar img { width: 100%; height: 100%; object-fit: cover; }.wst-doingu-parallax-bg .wst-dpb-card h5 { font-size: 17px; font-weight: 700; margin-bottom: 2px; }.wst-doingu-parallax-bg .wst-dpb-card span { font-size: 13px; color: var(--ws-color-main, #0d6efd); font-weight: 500; display: block; margin-bottom: 12px; }.wst-doingu-parallax-bg .wst-dpb-social { display: flex; justify-content: center; gap: 6px; opacity: 0; transition: opacity 0.4s 0.1s; }.wst-doingu-parallax-bg .wst-dpb-card:hover .wst-dpb-social { opacity: 1; }.wst-doingu-parallax-bg .wst-dpb-social a { width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,0.1); color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 13px; transition: background 0.3s; }.wst-doingu-parallax-bg .wst-dpb-social a:hover { background: var(--ws-color-main, #0d6efd); }.wst-doingu-tilt-shadow { padding: 60px 0; }.wst-doingu-tilt-shadow .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-tilt-shadow .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doingu-tilt-shadow .wst-ts-card { background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.04); transition: transform 0.4s, box-shadow 0.4s; position: relative; }.wst-doingu-tilt-shadow .wst-ts-card:hover { transform: perspective(600px) rotateY(-3deg) translateY(-8px); box-shadow: 15px 15px 40px rgba(0,0,0,0.12); }.wst-doingu-tilt-shadow .wst-ts-img { overflow: hidden; }.wst-doingu-tilt-shadow .wst-ts-img img { width: 100%; display: block; transition: transform 0.5s; }.wst-doingu-tilt-shadow .wst-ts-card:hover .wst-ts-img img { transform: scale(1.05); }.wst-doingu-tilt-shadow .wst-ts-body { padding: 16px 18px; text-align: center; }.wst-doingu-tilt-shadow .wst-ts-body h5 { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }.wst-doingu-tilt-shadow .wst-ts-body span { font-size: 13px; color: var(--ws-color-main, #0d6efd); font-weight: 500; }.wst-doingu-tilt-shadow .wst-ts-hover-social { position: absolute; top: 12px; right: 12px; display: flex; flex-direction: column; gap: 6px; opacity: 0; transform: translateX(15px); transition: all 0.4s; }.wst-doingu-tilt-shadow .wst-ts-card:hover .wst-ts-hover-social { opacity: 1; transform: translateX(0); }.wst-doingu-tilt-shadow .wst-ts-hover-social a { width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,0.9); color: var(--ws-color-main, #0d6efd); display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 13px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s; }.wst-doingu-tilt-shadow .wst-ts-hover-social a:hover { background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-doingu-scroll-carousel { padding: 60px 0; overflow: hidden; }.wst-doingu-scroll-carousel .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-scroll-carousel .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doingu-scroll-carousel .wst-dsc-btn { width: 42px; height: 42px; border-radius: 50%; border: 2px solid #e9ecef; background: #fff; color: #555; font-size: 14px; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; justify-content: center; }.wst-doingu-scroll-carousel .wst-dsc-btn:hover { border-color: var(--ws-color-main, #0d6efd); background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-doingu-scroll-carousel .wst-dsc-track { overflow-x: auto; scrollbar-width: none; scroll-behavior: smooth; padding: 10px 0; }.wst-doingu-scroll-carousel .wst-dsc-track::-webkit-scrollbar { display: none; }.wst-doingu-scroll-carousel .wst-dsc-inner { display: inline-flex; gap: 20px; padding: 0 40px; }.wst-doingu-scroll-carousel .wst-dsc-card { min-width: 240px; max-width: 240px; border-radius: 20px; overflow: hidden; background: #f8f9fa; box-shadow: 0 2px 10px rgba(0,0,0,0.04); transition: all 0.4s; }.wst-doingu-scroll-carousel .wst-dsc-card:hover { transform: translateY(-8px); box-shadow: 0 12px 35px rgba(0,0,0,0.1); }.wst-doingu-scroll-carousel .wst-dsc-img { overflow: hidden; }.wst-doingu-scroll-carousel .wst-dsc-img img { width: 100%; display: block; transition: transform 0.5s; }.wst-doingu-scroll-carousel .wst-dsc-card:hover .wst-dsc-img img { transform: scale(1.06); }.wst-doingu-scroll-carousel .wst-dsc-info { padding: 14px 16px; text-align: center; }.wst-doingu-scroll-carousel .wst-dsc-info h5 { font-size: 15px; font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }.wst-doingu-scroll-carousel .wst-dsc-info span { font-size: 12px; color: var(--ws-color-main, #0d6efd); font-weight: 500; }.wst-doingu-numbered-bio { padding: 60px 0; }.wst-doingu-numbered-bio .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-numbered-bio .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doingu-numbered-bio .wst-nb-list { max-width: 800px; }.wst-doingu-numbered-bio .wst-nb-item { display: flex; align-items: center; gap: 20px; background: #fff; border-radius: 16px; padding: 22px 24px; margin-bottom: 14px; border: 2px solid transparent; transition: all 0.4s; }.wst-doingu-numbered-bio .wst-nb-item:hover { border-color: var(--ws-color-main, #0d6efd); transform: translateX(6px); box-shadow: 0 6px 25px rgba(13,110,253,0.08); }.wst-doingu-numbered-bio .wst-nb-num { font-size: 28px; font-weight: 900; color: var(--ws-color-main, #0d6efd); opacity: 0.2; min-width: 40px; }.wst-doingu-numbered-bio .wst-nb-avatar { width: 64px; height: 64px; min-width: 64px; border-radius: 50%; overflow: hidden; border: 2px solid #e9ecef; transition: border-color 0.3s; }.wst-doingu-numbered-bio .wst-nb-item:hover .wst-nb-avatar { border-color: var(--ws-color-main, #0d6efd); }.wst-doingu-numbered-bio .wst-nb-avatar img { width: 100%; height: 100%; object-fit: cover; }.wst-doingu-numbered-bio .wst-nb-content { flex: 1; }.wst-doingu-numbered-bio .wst-nb-content h5 { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 4px; }.wst-doingu-numbered-bio .wst-nb-tag { background: #f0f4ff; color: var(--ws-color-main, #0d6efd); padding: 2px 10px; border-radius: 10px; font-size: 11px; font-weight: 700; margin-left: 6px; }.wst-doingu-numbered-bio .wst-nb-content p { font-size: 14px; color: #6c757d; line-height: 1.6; margin: 0; }.wst-doingu-numbered-bio .wst-nb-social { opacity: 0; transition: opacity 0.3s; }.wst-doingu-numbered-bio .wst-nb-item:hover .wst-nb-social { opacity: 1; }.wst-doingu-numbered-bio .wst-nb-social a { width: 34px; height: 34px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 13px; }@media (max-width: 575px) { .wst-doingu-numbered-bio .wst-nb-item { flex-wrap: wrap; } .wst-doingu-numbered-bio .wst-nb-num { display: none; } }.wst-doingu-hexagon-avatar { padding: 60px 0; }.wst-doingu-hexagon-avatar .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-hexagon-avatar .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doingu-hexagon-avatar .wst-ha-card { padding: 16px 8px; }.wst-doingu-hexagon-avatar .wst-ha-hex { width: 110px; height: 110px; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); overflow: hidden; margin: 0 auto 14px; transition: all 0.4s; background: #e9ecef; }.wst-doingu-hexagon-avatar .wst-ha-card:hover .wst-ha-hex { transform: rotate(15deg) scale(1.1); }.wst-doingu-hexagon-avatar .wst-ha-hex img { width: 100%; height: 100%; object-fit: cover; }.wst-doingu-hexagon-avatar .wst-ha-card h6 { font-size: 15px; font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }.wst-doingu-hexagon-avatar .wst-ha-card small { font-size: 12px; color: var(--ws-color-main, #0d6efd); font-weight: 500; }.wst-doingu-left-img-right-stack { padding: 60px 0; }.wst-doingu-left-img-right-stack .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-left-img-right-stack .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-doingu-left-img-right-stack .wst-desc { font-size: 15px; color: #6c757d; line-height: 1.8; }.wst-doingu-left-img-right-stack .wst-lirs-card { display: flex; gap: 14px; background: #fff; border-radius: 14px; padding: 16px; border: 1px solid #e9ecef; transition: all 0.4s; height: 100%; }.wst-doingu-left-img-right-stack .wst-lirs-card:hover { border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 6px 20px rgba(13,110,253,0.08); transform: translateY(-3px); }.wst-doingu-left-img-right-stack .wst-lirs-avatar { width: 56px; height: 56px; min-width: 56px; border-radius: 50%; overflow: hidden; border: 2px solid #e9ecef; transition: border-color 0.3s; }.wst-doingu-left-img-right-stack .wst-lirs-card:hover .wst-lirs-avatar { border-color: var(--ws-color-main, #0d6efd); }.wst-doingu-left-img-right-stack .wst-lirs-avatar img { width: 100%; height: 100%; object-fit: cover; }.wst-doingu-left-img-right-stack .wst-lirs-info h6 { font-size: 15px; font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }.wst-doingu-left-img-right-stack .wst-lirs-info span { font-size: 12px; color: var(--ws-color-main, #0d6efd); font-weight: 600; display: block; margin-bottom: 6px; }.wst-doingu-left-img-right-stack .wst-lirs-info p { font-size: 13px; color: #6c757d; line-height: 1.5; margin: 0; }.wst-doingu-diagonal-clip { padding: 60px 0; }.wst-doingu-diagonal-clip .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-diagonal-clip .wst-heading { font-size: 32px; font-weight: 700; color: #fff; }.wst-doingu-diagonal-clip .wst-dc-card { overflow: hidden; border-radius: 20px; background: rgba(255,255,255,0.04); transition: transform 0.4s; }.wst-doingu-diagonal-clip .wst-dc-card:hover { transform: translateY(-8px); }.wst-doingu-diagonal-clip .wst-dc-img-wrap { position: relative; overflow: hidden; }.wst-doingu-diagonal-clip .wst-dc-img-wrap img { width: 100%; display: block; transition: transform 0.5s; }.wst-doingu-diagonal-clip .wst-dc-card:hover .wst-dc-img-wrap img { transform: scale(1.06); }.wst-doingu-diagonal-clip .wst-dc-clip { position: absolute; bottom: -1px; left: 0; right: 0; height: 40px; background: rgba(255,255,255,0.04); clip-path: polygon(0 100%, 100% 0, 100% 100%); }.wst-doingu-diagonal-clip .wst-dc-card:hover .wst-dc-clip { background: var(--ws-color-main, #0d6efd); }.wst-doingu-diagonal-clip .wst-dc-info { padding: 16px 18px; text-align: center; color: #fff; }.wst-doingu-diagonal-clip .wst-dc-info h5 { font-size: 16px; font-weight: 700; margin-bottom: 2px; }.wst-doingu-diagonal-clip .wst-dc-info span { font-size: 12px; opacity: 0.6; display: block; margin-bottom: 10px; }.wst-doingu-diagonal-clip .wst-dc-social { display: flex; justify-content: center; gap: 6px; opacity: 0; transform: translateY(8px); transition: all 0.3s 0.1s; }.wst-doingu-diagonal-clip .wst-dc-card:hover .wst-dc-social { opacity: 1; transform: translateY(0); }.wst-doingu-diagonal-clip .wst-dc-social a { width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,0.1); color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 13px; transition: background 0.3s; }.wst-doingu-diagonal-clip .wst-dc-social a:hover { background: var(--ws-color-main, #0d6efd); }.wst-doingu-marquee-scroll { padding: 60px 0; overflow: hidden; }.wst-doingu-marquee-scroll .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-marquee-scroll .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doingu-marquee-scroll .wst-dms-track { overflow: hidden; }.wst-doingu-marquee-scroll .wst-dms-inner { display: inline-flex; animation: wstDmsScroll 35s linear infinite; }.wst-doingu-marquee-scroll .wst-dms-track:hover .wst-dms-inner { animation-play-state: paused; }@keyframes wstDmsScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }.wst-doingu-marquee-scroll .wst-dms-card { min-width: 170px; max-width: 170px; margin: 0 10px; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.04); text-align: center; transition: all 0.3s; }.wst-doingu-marquee-scroll .wst-dms-card:hover { transform: translateY(-6px); box-shadow: 0 10px 30px rgba(0,0,0,0.1); }.wst-doingu-marquee-scroll .wst-dms-card img { width: 100%; display: block; transition: transform 0.4s; }.wst-doingu-marquee-scroll .wst-dms-card:hover img { transform: scale(1.05); }.wst-doingu-marquee-scroll .wst-dms-card h6 { font-size: 14px; font-weight: 700; color: #1a1a2e; margin: 10px 0 2px; }.wst-doingu-marquee-scroll .wst-dms-card small { font-size: 12px; color: var(--ws-color-main, #0d6efd); display: block; padding-bottom: 12px; }.wst-lienhe-split-dark-form { overflow: hidden; }.wst-lienhe-split-dark-form .wst-sdf-left { color: #fff; padding: 60px 50px; height: 100%; display: flex; flex-direction: column; justify-content: center; }.wst-lienhe-split-dark-form .wst-label { font-size: 12px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 3px; text-transform: uppercase; }.wst-lienhe-split-dark-form .wst-heading { font-size: 36px; font-weight: 800; line-height: 1.2; }.wst-lienhe-split-dark-form .wst-desc { font-size: 15px; color: rgba(255,255,255,0.5); line-height: 1.8; }.wst-lienhe-split-dark-form .wst-sdf-info-item { display: flex; gap: 16px; margin-bottom: 24px; }.wst-lienhe-split-dark-form .wst-sdf-icon { width: 44px; height: 44px; min-width: 44px; border-radius: 12px; background: rgba(13,110,253,0.15); color: var(--ws-color-main, #0d6efd); display: flex; align-items: center; justify-content: center; font-size: 16px; }.wst-lienhe-split-dark-form .wst-sdf-info-item h6 { font-size: 14px; font-weight: 700; margin-bottom: 2px; }.wst-lienhe-split-dark-form .wst-sdf-info-item p { font-size: 13px; color: rgba(255,255,255,0.45); margin: 0; }.wst-lienhe-split-dark-form .wst-sdf-social { display: flex; gap: 10px; }.wst-lienhe-split-dark-form .wst-sdf-social a { width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 14px; transition: all 0.3s; }.wst-lienhe-split-dark-form .wst-sdf-social a:hover { background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-lienhe-split-dark-form .wst-sdf-right { padding: 60px 50px; background: #fff; height: 100%; display: flex; flex-direction: column; justify-content: center; }.wst-lienhe-split-dark-form .wst-sdf-form-title { font-size: 26px; font-weight: 800; color: #1a1a2e; }.wst-lienhe-split-dark-form .wst-sdf-form-sub { font-size: 14px; color: #6c757d; }.wst-lienhe-split-dark-form .wst-sdf-form-area { min-height: 300px; background: #f8f9fa; border-radius: 16px; padding: 30px; display: flex; align-items: center; justify-content: center; font-size: 15px; color: #999; font-style: italic; }@media (max-width: 991px) { .wst-lienhe-split-dark-form .wst-sdf-left, .wst-lienhe-split-dark-form .wst-sdf-right { padding: 40px 24px; } }.wst-lienhe-glass-gradient .wst-lgg-bg { padding: 70px 0; }.wst-lienhe-glass-gradient .wst-label { font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 3px; text-transform: uppercase; }.wst-lienhe-glass-gradient .wst-heading { font-size: 36px; font-weight: 800; color: #fff; line-height: 1.2; }.wst-lienhe-glass-gradient .wst-desc { font-size: 15px; color: rgba(255,255,255,0.65); line-height: 1.8; }.wst-lienhe-glass-gradient .wst-lgg-card { display: flex; align-items: center; gap: 14px; background: rgba(255,255,255,0.08); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.15); border-radius: 14px; padding: 16px 18px; margin-bottom: 10px; color: #fff; transition: all 0.3s; }.wst-lienhe-glass-gradient .wst-lgg-card:hover { background: rgba(255,255,255,0.15); transform: translateX(6px); }.wst-lienhe-glass-gradient .wst-lgg-card i { font-size: 20px; opacity: 0.7; min-width: 24px; }.wst-lienhe-glass-gradient .wst-lgg-card strong { display: block; font-size: 14px; }.wst-lienhe-glass-gradient .wst-lgg-card span { font-size: 13px; opacity: 0.6; }.wst-lienhe-glass-gradient .wst-lgg-form-wrap { background: rgba(255,255,255,0.1); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.2); border-radius: 24px; padding: 36px 32px; }.wst-lienhe-glass-gradient .wst-lgg-form-title { font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 20px; }.wst-lienhe-glass-gradient .wst-lgg-form-area { min-height: 280px; background: rgba(255,255,255,0.06); border-radius: 14px; padding: 30px; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.4); font-style: italic; }.wst-lienhe-bento-grid { padding: 60px 0; }.wst-lienhe-bento-grid .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-lienhe-bento-grid .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-lienhe-bento-grid .wst-lbg-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-auto-rows: auto; gap: 16px; }.wst-lienhe-bento-grid .wst-lbg-item { border-radius: 20px; padding: 28px 24px; transition: all 0.3s; }.wst-lienhe-bento-grid .wst-lbg-item:hover { transform: translateY(-4px); }.wst-lienhe-bento-grid .wst-lbg-form { grid-row: span 3; background: #fff; border: 1px solid #e9ecef; }.wst-lienhe-bento-grid .wst-lbg-form h4 { font-size: 22px; font-weight: 800; color: #1a1a2e; margin-bottom: 4px; }.wst-lienhe-bento-grid .wst-lbg-sub { font-size: 13px; color: #999; margin-bottom: 20px; }.wst-lienhe-bento-grid .wst-lbg-form-area { min-height: 250px; background: #f8f9fa; border-radius: 12px; padding: 24px; display: flex; align-items: center; justify-content: center; color: #999; font-style: italic; }.wst-lienhe-bento-grid .wst-lbg-phone { background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); color: #fff; text-align: center; }.wst-lienhe-bento-grid .wst-lbg-email { background: #1a1a2e; color: #fff; text-align: center; }.wst-lienhe-bento-grid .wst-lbg-big-text { font-size: 20px; font-weight: 900; margin-bottom: 4px; }.wst-lienhe-bento-grid .wst-lbg-item h5 { font-size: 16px; font-weight: 700; margin-bottom: 8px; }.wst-lienhe-bento-grid .wst-lbg-item p { font-size: 13px; opacity: 0.7; line-height: 1.6; margin: 0; }.wst-lienhe-bento-grid .wst-lbg-address { background: #fff; border: 1px solid #e9ecef; color: #1a1a2e; }.wst-lienhe-bento-grid .wst-lbg-address i { color: var(--ws-color-main, #0d6efd); }.wst-lienhe-bento-grid .wst-lbg-social { background: #fff3cd; border: 1px solid #ffc107; color: #856404; display: flex; flex-direction: column; align-items: center; justify-content: center; grid-column: span 2; }.wst-lienhe-bento-grid .wst-lbg-social-links { display: flex; gap: 8px; margin-top: 8px; }.wst-lienhe-bento-grid .wst-lbg-social-links a { width: 38px; height: 38px; border-radius: 50%; background: rgba(133,100,4,0.1); color: #856404; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 15px; transition: all 0.3s; }.wst-lienhe-bento-grid .wst-lbg-social-links a:hover { background: #856404; color: #fff; }@media (max-width: 767px) { .wst-lienhe-bento-grid .wst-lbg-grid { grid-template-columns: 1fr; } .wst-lienhe-bento-grid .wst-lbg-form { grid-row: span 1; } .wst-lienhe-bento-grid .wst-lbg-social { grid-column: span 1; } }.wst-lienhe-parallax-floating .wst-lpf-overlay { padding: 70px 0; }.wst-lienhe-parallax-floating .wst-label { font-size: 12px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 3px; text-transform: uppercase; }.wst-lienhe-parallax-floating .wst-heading { font-size: 36px; font-weight: 800; color: #fff; }.wst-lienhe-parallax-floating .wst-lpf-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); border-radius: 20px; padding: 32px 24px; text-align: center; color: #fff; transition: all 0.4s; }.wst-lienhe-parallax-floating .wst-lpf-card:hover { background: rgba(255,255,255,0.1); transform: translateY(-8px); border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 20px 50px rgba(13,110,253,0.15); }.wst-lienhe-parallax-floating .wst-lpf-icon { width: 60px; height: 60px; border-radius: 50%; background: rgba(13,110,253,0.15); color: var(--ws-color-main, #0d6efd); display: flex; align-items: center; justify-content: center; font-size: 22px; margin: 0 auto 14px; }.wst-lienhe-parallax-floating .wst-lpf-card h5 { font-size: 16px; font-weight: 700; margin-bottom: 8px; }.wst-lienhe-parallax-floating .wst-lpf-big { font-size: 20px; font-weight: 800; margin-bottom: 4px; }.wst-lienhe-parallax-floating .wst-lpf-card span { font-size: 12px; opacity: 0.5; }.wst-lienhe-parallax-floating .wst-lpf-form-box { max-width: 700px; background: rgba(255,255,255,0.06); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.1); border-radius: 24px; padding: 36px 32px; text-align: center; }.wst-lienhe-parallax-floating .wst-lpf-form-box h3 { font-size: 24px; font-weight: 700; color: #fff; margin-bottom: 20px; }.wst-lienhe-parallax-floating .wst-lpf-form-area { min-height: 260px; background: rgba(255,255,255,0.04); border-radius: 14px; padding: 30px; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.3); font-style: italic; }.wst-lienhe-map-info-form { padding: 60px 0; }.wst-lienhe-map-info-form .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-lienhe-map-info-form .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-lienhe-map-info-form .wst-mif-offices { display: flex; gap: 16px; }.wst-lienhe-map-info-form .wst-mif-office { display: flex; gap: 12px; align-items: center; flex: 1; background: #f8f9fa; border-radius: 12px; padding: 14px 16px; transition: all 0.3s; }.wst-lienhe-map-info-form .wst-mif-office:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.06); transform: translateY(-2px); }.wst-lienhe-map-info-form .wst-mif-badge { width: 40px; height: 40px; min-width: 40px; border-radius: 10px; background: var(--ws-color-main, #0d6efd); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; }.wst-lienhe-map-info-form .wst-mif-badge-alt { background: #6610f2; }.wst-lienhe-map-info-form .wst-mif-office strong { font-size: 14px; color: #1a1a2e; display: block; }.wst-lienhe-map-info-form .wst-mif-office p { font-size: 12px; color: #999; margin: 0; }.wst-lienhe-map-info-form .wst-mif-form-wrap { background: #f8f9fa; border-radius: 24px; padding: 36px 32px; height: 100%; }.wst-lienhe-map-info-form .wst-mif-form-header h3 { font-size: 24px; font-weight: 800; color: #1a1a2e; margin-bottom: 4px; }.wst-lienhe-map-info-form .wst-mif-form-header p { font-size: 14px; color: #6c757d; margin-bottom: 20px; }.wst-lienhe-map-info-form .wst-mif-form-area { min-height: 260px; background: #fff; border-radius: 14px; padding: 24px; display: flex; align-items: center; justify-content: center; color: #999; font-style: italic; margin-bottom: 20px; }.wst-lienhe-map-info-form .wst-mif-alt-contact { text-align: center; }.wst-lienhe-map-info-form .wst-mif-alt-contact span { font-size: 13px; color: #999; }.wst-lienhe-map-info-form .wst-mif-alt-btn { display: inline-flex; align-items: center; padding: 8px 18px; border-radius: 30px; background: #fff; border: 1px solid #e9ecef; color: #1a1a2e; text-decoration: none; font-size: 13px; font-weight: 600; transition: all 0.3s; }.wst-lienhe-map-info-form .wst-mif-alt-btn:hover { border-color: var(--ws-color-main, #0d6efd); color: var(--ws-color-main, #0d6efd); }.wst-lienhe-minimal-center { padding: 70px 0; }.wst-lienhe-minimal-center .wst-lmc-wrapper { max-width: 650px; }.wst-lienhe-minimal-center .wst-lmc-icon-big { width: 80px; height: 80px; border-radius: 50%; background: #f0f4ff; color: var(--ws-color-main, #0d6efd); display: flex; align-items: center; justify-content: center; font-size: 32px; margin: 0 auto; }.wst-lienhe-minimal-center .wst-heading { font-size: 32px; font-weight: 800; color: #1a1a2e; }.wst-lienhe-minimal-center .wst-desc { font-size: 15px; color: #6c757d; max-width: 450px; line-height: 1.7; }.wst-lienhe-minimal-center .wst-lmc-channel { display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; border-radius: 40px; border: 2px solid #e9ecef; color: #1a1a2e; text-decoration: none; font-size: 14px; font-weight: 600; transition: all 0.3s; }.wst-lienhe-minimal-center .wst-lmc-channel:hover { border-color: var(--ws-color-main, #0d6efd); color: var(--ws-color-main, #0d6efd); transform: translateY(-2px); }.wst-lienhe-minimal-center .wst-lmc-channel i { font-size: 16px; }.wst-lienhe-minimal-center .wst-lmc-zalo { border-color: #0068ff; color: #0068ff; }.wst-lienhe-minimal-center .wst-lmc-messenger { border-color: #0084ff; color: #0084ff; }.wst-lienhe-minimal-center .wst-lmc-divider { text-align: center; position: relative; }.wst-lienhe-minimal-center .wst-lmc-divider::before { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: #e9ecef; }.wst-lienhe-minimal-center .wst-lmc-divider span { position: relative; background: #fff; padding: 0 16px; font-size: 13px; color: #999; }.wst-lienhe-minimal-center .wst-lmc-form-area { min-height: 280px; background: #f8f9fa; border-radius: 16px; padding: 30px; display: flex; align-items: center; justify-content: center; color: #999; font-style: italic; }.wst-lienhe-img-overlay-form .wst-liof-overlay { padding: 70px 0; }.wst-lienhe-img-overlay-form .wst-heading { font-size: 36px; font-weight: 800; line-height: 1.2; }.wst-lienhe-img-overlay-form .wst-desc { font-size: 16px; line-height: 1.8; }.wst-lienhe-img-overlay-form .wst-liof-features { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.wst-lienhe-img-overlay-form .wst-liof-feat { font-size: 14px; }.wst-lienhe-img-overlay-form .wst-liof-feat i { margin-right: 6px; }.wst-lienhe-img-overlay-form .wst-liof-stars { font-size: 14px; }.wst-lienhe-img-overlay-form .wst-liof-trust span { font-size: 13px; }.wst-lienhe-img-overlay-form .wst-liof-form-box { background: #fff; border-radius: 24px; padding: 36px 32px; box-shadow: 0 20px 60px rgba(0,0,0,0.2); }.wst-lienhe-img-overlay-form .wst-liof-form-box h4 { font-size: 22px; font-weight: 800; color: #1a1a2e; margin-bottom: 20px; }.wst-lienhe-img-overlay-form .wst-liof-form-area { min-height: 280px; background: #f8f9fa; border-radius: 14px; padding: 24px; display: flex; align-items: center; justify-content: center; color: #999; font-style: italic; }.wst-lienhe-tabbed-offices { padding: 60px 0; }.wst-lienhe-tabbed-offices .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-lienhe-tabbed-offices .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-lienhe-tabbed-offices .wst-lto-tab { display: flex; align-items: center; gap: 14px; text-align: left; background: #fff; border: 2px solid #e9ecef; padding: 16px 18px; margin-bottom: 8px; border-radius: 14px; width: 100%; transition: all 0.3s; }.wst-lienhe-tabbed-offices .wst-lto-tab.active { border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 4px 15px rgba(13,110,253,0.12); }.wst-lienhe-tabbed-offices .wst-lto-tab-icon { width: 40px; height: 40px; min-width: 40px; border-radius: 10px; background: #f0f4ff; color: var(--ws-color-main, #0d6efd); display: flex; align-items: center; justify-content: center; font-size: 16px; }.wst-lienhe-tabbed-offices .wst-lto-tab.active .wst-lto-tab-icon { background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-lienhe-tabbed-offices .wst-lto-tab strong { font-size: 14px; color: #1a1a2e; display: block; }.wst-lienhe-tabbed-offices .wst-lto-tab small { font-size: 12px; color: #999; }.wst-lienhe-tabbed-offices .wst-lto-form-wrap { background: #fff; border-radius: 16px; padding: 24px; }.wst-lienhe-tabbed-offices .wst-lto-form-wrap h5 { font-size: 18px; font-weight: 700; color: #1a1a2e; margin-bottom: 16px; }.wst-lienhe-tabbed-offices .wst-lto-form-area { min-height: 200px; background: #f8f9fa; border-radius: 12px; padding: 24px; display: flex; align-items: center; justify-content: center; color: #999; font-style: italic; }.wst-lienhe-tabbed-offices .wst-lto-office-detail { background: #fff; border-radius: 20px; padding: 24px; box-shadow: 0 2px 15px rgba(0,0,0,0.04); }.wst-lienhe-tabbed-offices .wst-lto-info { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #555; }.wst-lienhe-tabbed-offices .wst-lto-info i { color: var(--ws-color-main, #0d6efd); font-size: 16px; min-width: 18px; }.wst-lienhe-big-number-form { padding: 60px 0; }.wst-lienhe-big-number-form .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-lienhe-big-number-form .wst-heading { font-size: 36px; font-weight: 800; color: #1a1a2e; line-height: 1.2; }.wst-lienhe-big-number-form .wst-lbnf-stats { display: flex; gap: 24px; padding: 20px 0; border-top: 1px solid #e9ecef; border-bottom: 1px solid #e9ecef; }.wst-lienhe-big-number-form .wst-lbnf-stat-num { font-size: 30px; font-weight: 900; color: var(--ws-color-main, #0d6efd); line-height: 1; }.wst-lienhe-big-number-form .wst-lbnf-stat-label { font-size: 12px; color: #999; margin-top: 4px; }.wst-lienhe-big-number-form .wst-lbnf-quick { font-size: 14px; color: #555; }.wst-lienhe-big-number-form .wst-lbnf-form-wrap { background: #f8f9fa; border-radius: 24px; padding: 36px 32px; }.wst-lienhe-big-number-form .wst-lbnf-form-wrap h3 { font-size: 24px; font-weight: 800; color: #1a1a2e; margin-bottom: 4px; }.wst-lienhe-big-number-form .wst-lbnf-form-area { min-height: 320px; background: #fff; border-radius: 16px; padding: 24px; display: flex; align-items: center; justify-content: center; color: #999; font-style: italic; }.wst-lienhe-quick-action-grid { padding: 60px 0; }.wst-lienhe-quick-action-grid .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-lienhe-quick-action-grid .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-lienhe-quick-action-grid .wst-lqa-card { display: block; background: #fff; border-radius: 20px; padding: 30px 20px; border: 2px solid #e9ecef; text-decoration: none; color: #1a1a2e; transition: all 0.4s; height: 100%; position: relative; overflow: hidden; }.wst-lienhe-quick-action-grid .wst-lqa-card:hover { border-color: var(--ws-color-main, #0d6efd); transform: translateY(-8px); box-shadow: 0 15px 40px rgba(13,110,253,0.1); }.wst-lienhe-quick-action-grid .wst-lqa-icon { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; transition: transform 0.3s; }.wst-lienhe-quick-action-grid .wst-lqa-card:hover .wst-lqa-icon { transform: scale(1.12); }.wst-lienhe-quick-action-grid .wst-lqa-blue { background: #e3f2fd; color: #1565c0; }.wst-lienhe-quick-action-grid .wst-lqa-green { background: #e8f5e9; color: #2e7d32; }.wst-lienhe-quick-action-grid .wst-lqa-purple { background: #ede7f6; color: #6a1b9a; }.wst-lienhe-quick-action-grid .wst-lqa-orange { background: #fff3e0; color: #e65100; }.wst-lienhe-quick-action-grid .wst-lqa-card h5 { font-size: 16px; font-weight: 700; margin-bottom: 4px; }.wst-lienhe-quick-action-grid .wst-lqa-card p { font-size: 13px; color: #6c757d; margin-bottom: 0; }.wst-lienhe-quick-action-grid .wst-lqa-arrow { position: absolute; bottom: 12px; right: 12px; width: 28px; height: 28px; border-radius: 50%; background: #f0f0f0; color: #999; display: flex; align-items: center; justify-content: center; font-size: 12px; opacity: 0; transform: translateX(-8px); transition: all 0.3s; }.wst-lienhe-quick-action-grid .wst-lqa-card:hover .wst-lqa-arrow { opacity: 1; transform: translateX(0); background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-lienhe-quick-action-grid .wst-lqa-form-section { max-width: 700px; background: #fff; border-radius: 24px; padding: 36px 32px; }.wst-lienhe-quick-action-grid .wst-lqa-form-section h3 { font-size: 22px; font-weight: 700; color: #1a1a2e; margin-bottom: 20px; }.wst-lienhe-quick-action-grid .wst-lqa-form-area { min-height: 260px; background: #f8f9fa; border-radius: 14px; padding: 24px; display: flex; align-items: center; justify-content: center; color: #999; font-style: italic; }.wst-lienhe-dark-full-icon .wst-ldfi-bg { padding: 70px 0; }.wst-lienhe-dark-full-icon .wst-heading { font-size: 36px; font-weight: 800; }.wst-lienhe-dark-full-icon .wst-desc { font-size: 16px; max-width: 480px; line-height: 1.7; }.wst-lienhe-dark-full-icon .wst-ldfi-box { border: 1px solid rgba(255,255,255,0.06); border-radius: 16px; padding: 24px 18px; text-align: center; transition: all 0.3s; height: 100%; }.wst-lienhe-dark-full-icon .wst-ldfi-box:hover { transform: translateY(-4px); }.wst-lienhe-dark-full-icon .wst-ldfi-box i { font-size: 24px; display: block; margin-bottom: 10px; }.wst-lienhe-dark-full-icon .wst-ldfi-box strong { font-size: 14px; display: block; margin-bottom: 4px; }.wst-lienhe-dark-full-icon .wst-ldfi-box span { font-size: 13px; }.wst-lienhe-dark-full-icon .wst-ldfi-form-wrap { max-width: 700px; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.08); border-radius: 24px; padding: 36px 32px; }.wst-lienhe-dark-full-icon .wst-ldfi-form-area { min-height: 280px; border-radius: 14px; padding: 24px; display: flex; align-items: center; justify-content: center; font-style: italic; }.wst-lienhe-left-img-right-stack { padding: 60px 0; }.wst-lienhe-left-img-right-stack .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-lienhe-left-img-right-stack .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-lienhe-left-img-right-stack .wst-desc { font-size: 15px; color: #6c757d; line-height: 1.7; }.wst-lienhe-left-img-right-stack .wst-lirs-float-card { position: absolute; bottom: 20px; right: -20px; background: #fff; border-radius: 14px; padding: 14px 18px; box-shadow: 0 6px 25px rgba(0,0,0,0.1); display: flex; gap: 12px; align-items: center; }.wst-lienhe-left-img-right-stack .wst-lirs-float-icon { width: 40px; height: 40px; min-width: 40px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; }.wst-lienhe-left-img-right-stack .wst-lirs-float-card strong { font-size: 14px; color: #1a1a2e; display: block; }.wst-lienhe-left-img-right-stack .wst-lirs-float-card span { font-size: 12px; color: #999; }.wst-lienhe-left-img-right-stack .wst-lirs-info-card { display: flex; gap: 12px; align-items: center; background: #f8f9fa; border-radius: 12px; padding: 14px 16px; transition: all 0.3s; }.wst-lienhe-left-img-right-stack .wst-lirs-info-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.05); transform: translateY(-2px); }.wst-lienhe-left-img-right-stack .wst-lirs-info-card i { font-size: 20px; color: var(--ws-color-main, #0d6efd); }.wst-lienhe-left-img-right-stack .wst-lirs-info-card strong { font-size: 13px; color: #1a1a2e; display: block; }.wst-lienhe-left-img-right-stack .wst-lirs-info-card span { font-size: 12px; color: #999; }.wst-lienhe-left-img-right-stack .wst-lirs-form-area { min-height: 280px; background: #f8f9fa; border-radius: 16px; padding: 24px; display: flex; align-items: center; justify-content: center; color: #999; font-style: italic; }.wst-lienhe-numbered-steps { padding: 60px 0; }.wst-lienhe-numbered-steps .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-lienhe-numbered-steps .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-lienhe-numbered-steps .wst-lns-step { display: flex; gap: 16px; margin-bottom: 24px; }.wst-lienhe-numbered-steps .wst-lns-num { width: 44px; height: 44px; min-width: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 900; }.wst-lienhe-numbered-steps .wst-lns-step h5 { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 4px; }.wst-lienhe-numbered-steps .wst-lns-step p { font-size: 14px; color: #6c757d; line-height: 1.6; margin: 0; }.wst-lienhe-numbered-steps .wst-lns-contact { font-size: 14px; color: #555; }.wst-lienhe-numbered-steps .wst-lns-form-wrap { background: #fff; border-radius: 24px; padding: 36px 32px; box-shadow: 0 4px 20px rgba(0,0,0,0.04); height: 100%; }.wst-lienhe-numbered-steps .wst-lns-form-wrap h3 { font-size: 24px; font-weight: 800; color: #1a1a2e; margin-bottom: 4px; }.wst-lienhe-numbered-steps .wst-lns-form-area { min-height: 300px; background: #f8f9fa; border-radius: 14px; padding: 24px; display: flex; align-items: center; justify-content: center; color: #999; font-style: italic; }.wst-lienhe-faq-side-form { padding: 60px 0; }.wst-lienhe-faq-side-form .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-lienhe-faq-side-form .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-lienhe-faq-side-form .wst-lfsf-item { border: none; border-radius: 12px !important; margin-bottom: 10px; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,0.04); }.wst-lienhe-faq-side-form .accordion-button { font-weight: 600; font-size: 15px; color: #1a1a2e; padding: 16px 20px; background: #fff; }.wst-lienhe-faq-side-form .accordion-button:not(.collapsed) { background: var(--ws-color-main, #0d6efd); color: #fff; box-shadow: none; }.wst-lienhe-faq-side-form .accordion-button:focus { box-shadow: none; }.wst-lienhe-faq-side-form .accordion-body { font-size: 14px; line-height: 1.8; color: #555; padding: 14px 20px; }.wst-lienhe-faq-side-form .wst-lfsf-help { font-size: 14px; color: #6c757d; background: #fff; border-radius: 12px; padding: 16px 20px; }.wst-lienhe-faq-side-form .wst-lfsf-form-wrap { background: #fff; border-radius: 24px; padding: 32px 28px; height: 100%; box-shadow: 0 2px 15px rgba(0,0,0,0.04); }.wst-lienhe-faq-side-form .wst-lfsf-form-wrap h4 { font-size: 22px; font-weight: 800; color: #1a1a2e; margin-bottom: 20px; }.wst-lienhe-faq-side-form .wst-lfsf-form-area { min-height: 300px; background: #f8f9fa; border-radius: 14px; padding: 24px; display: flex; align-items: center; justify-content: center; color: #999; font-style: italic; }.wst-sanpham-gradient-hover-cards { padding: 60px 0; }.wst-sanpham-gradient-hover-cards .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-sanpham-gradient-hover-cards .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-sanpham-gradient-hover-cards .wst-subtext { font-size: 15px; color: #6c757d; max-width: 480px; }.wst-sanpham-gradient-hover-cards .wst-ghc-card { border-radius: 20px; overflow: hidden; background: #fff; box-shadow: 0 2px 20px rgba(0,0,0,0.05); transition: all 0.4s; height: 100%; }.wst-sanpham-gradient-hover-cards .wst-ghc-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.12); }.wst-sanpham-gradient-hover-cards .wst-ghc-img { position: relative; overflow: hidden; }.wst-sanpham-gradient-hover-cards .wst-ghc-img img { transition: transform 0.5s; display: block; }.wst-sanpham-gradient-hover-cards .wst-ghc-card:hover .wst-ghc-img img { transform: scale(1.08); }.wst-sanpham-gradient-hover-cards .wst-ghc-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; opacity: 0; transition: opacity 0.4s; }.wst-sanpham-gradient-hover-cards .wst-ghc-card:hover .wst-ghc-overlay { opacity: 1; }.wst-sanpham-gradient-hover-cards .wst-ghc-g1 { background: linear-gradient(135deg, rgba(102,126,234,0.85), rgba(118,75,162,0.85)); }.wst-sanpham-gradient-hover-cards .wst-ghc-g2 { background: linear-gradient(135deg, rgba(240,147,251,0.85), rgba(245,87,108,0.85)); }.wst-sanpham-gradient-hover-cards .wst-ghc-g3 { background: linear-gradient(135deg, rgba(79,172,254,0.85), rgba(0,242,254,0.85)); }.wst-sanpham-gradient-hover-cards .wst-ghc-badge { background: #fff; color: var(--ws-color-main, #0d6efd); padding: 4px 16px; border-radius: 20px; font-size: 12px; font-weight: 700; }.wst-sanpham-gradient-hover-cards .wst-ghc-hot { background: #dc3545; color: #fff; }.wst-sanpham-gradient-hover-cards .wst-ghc-body { padding: 20px 22px; }.wst-sanpham-gradient-hover-cards .wst-ghc-cat { font-size: 12px; font-weight: 600; color: var(--ws-color-main, #0d6efd); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }.wst-sanpham-gradient-hover-cards .wst-ghc-name { font-size: 18px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }.wst-sanpham-gradient-hover-cards .wst-ghc-desc { font-size: 14px; color: #6c757d; line-height: 1.7; margin-bottom: 16px; }.wst-sanpham-gradient-hover-cards .wst-ghc-footer { display: flex; justify-content: space-between; align-items: center; }.wst-sanpham-gradient-hover-cards .wst-ghc-price { font-size: 16px; font-weight: 800; color: var(--ws-color-main, #0d6efd); }.wst-sanpham-gradient-hover-cards .wst-ghc-rating { font-size: 13px; color: #fbbf24; font-weight: 600; }.wst-sanpham-dark-gradient-showcase .wst-dgs-bg { padding: 70px 0; }.wst-sanpham-dark-gradient-showcase .wst-label { font-size: 12px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; }.wst-sanpham-dark-gradient-showcase .wst-heading { font-size: 36px; font-weight: 800; }.wst-sanpham-dark-gradient-showcase .wst-dgs-card { border-radius: 24px; padding: 32px 28px; position: relative; overflow: hidden; transition: all 0.4s; height: 100%; display: flex; flex-direction: column; }.wst-sanpham-dark-gradient-showcase .wst-dgs-card:hover { transform: translateY(-6px); }.wst-sanpham-dark-gradient-showcase .wst-dgs-c1 { background: linear-gradient(135deg, #1e1b4b, #312e81); border: 1px solid rgba(99,102,241,0.2); }.wst-sanpham-dark-gradient-showcase .wst-dgs-c1:hover { box-shadow: 0 20px 50px rgba(99,102,241,0.2); }.wst-sanpham-dark-gradient-showcase .wst-dgs-c2 { background: linear-gradient(135deg, #4a1942, #831843); border: 1px solid rgba(236,72,153,0.2); }.wst-sanpham-dark-gradient-showcase .wst-dgs-c2:hover { box-shadow: 0 20px 50px rgba(236,72,153,0.2); }.wst-sanpham-dark-gradient-showcase .wst-dgs-c3 { background: linear-gradient(135deg, #042f2e, #065f46); border: 1px solid rgba(16,185,129,0.2); }.wst-sanpham-dark-gradient-showcase .wst-dgs-c3:hover { box-shadow: 0 20px 50px rgba(16,185,129,0.2); }.wst-sanpham-dark-gradient-showcase .wst-dgs-c4 { background: linear-gradient(135deg, #451a03, #92400e); border: 1px solid rgba(251,191,36,0.2); }.wst-sanpham-dark-gradient-showcase .wst-dgs-c4:hover { box-shadow: 0 20px 50px rgba(251,191,36,0.2); }.wst-sanpham-dark-gradient-showcase .wst-dgs-glow { position: absolute; top: -50px; right: -50px; width: 150px; height: 150px; border-radius: 50%; filter: blur(60px); opacity: 0.3; }.wst-sanpham-dark-gradient-showcase .wst-dgs-c1 .wst-dgs-glow { background: #6366f1; }.wst-sanpham-dark-gradient-showcase .wst-dgs-c2 .wst-dgs-glow { background: #ec4899; }.wst-sanpham-dark-gradient-showcase .wst-dgs-c3 .wst-dgs-glow { background: #10b981; }.wst-sanpham-dark-gradient-showcase .wst-dgs-c4 .wst-dgs-glow { background: #fbbf24; }.wst-sanpham-dark-gradient-showcase .wst-dgs-icon { color: rgba(255,255,255,0.6); margin-bottom: 16px; }.wst-sanpham-dark-gradient-showcase .wst-dgs-name { font-size: 22px; font-weight: 800; color: #fff; margin-bottom: 10px; }.wst-sanpham-dark-gradient-showcase .wst-dgs-desc { font-size: 14px; color: rgba(255,255,255,0.5); line-height: 1.8; margin-bottom: 16px; }.wst-sanpham-dark-gradient-showcase .wst-dgs-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 20px; }.wst-sanpham-dark-gradient-showcase .wst-dgs-tags span { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.6); padding: 3px 12px; border-radius: 20px; font-size: 11px; font-weight: 600; }.wst-sanpham-dark-gradient-showcase .wst-dgs-bottom { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.08); }.wst-sanpham-dark-gradient-showcase .wst-dgs-price { font-size: 16px; font-weight: 800; color: #fff; }.wst-sanpham-dark-gradient-showcase .wst-dgs-link { color: rgba(255,255,255,0.6); text-decoration: none; font-size: 14px; font-weight: 600; transition: all 0.3s; }.wst-sanpham-dark-gradient-showcase .wst-dgs-link:hover { color: #fff; }.wst-sanpham-bento-product { padding: 60px 0; }.wst-sanpham-bento-product .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-sanpham-bento-product .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-sanpham-bento-product .wst-sbp-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.wst-sanpham-bento-product .wst-sbp-item { border-radius: 20px; padding: 28px 24px; transition: all 0.3s; border: 1px solid #e9ecef; }.wst-sanpham-bento-product .wst-sbp-item:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(0,0,0,0.06); }.wst-sanpham-bento-product .wst-sbp-hero { grid-column: 1; grid-row: span 2; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; border: none; display: flex; flex-direction: column; justify-content: center; }.wst-sanpham-bento-product .wst-sbp-badge { display: inline-block; background: rgba(255,255,255,0.2); padding: 4px 16px; border-radius: 20px; font-size: 12px; font-weight: 700; margin-bottom: 14px; width: fit-content; }.wst-sanpham-bento-product .wst-sbp-hero h3 { font-size: 26px; font-weight: 800; margin-bottom: 10px; }.wst-sanpham-bento-product .wst-sbp-hero p { font-size: 15px; opacity: 0.8; line-height: 1.7; margin-bottom: 20px; }.wst-sanpham-bento-product .wst-sbp-price-row { display: flex; align-items: center; justify-content: space-between; margin-top: auto; }.wst-sanpham-bento-product .wst-sbp-price { font-size: 18px; font-weight: 800; }.wst-sanpham-bento-product .wst-sbp-sm { background: #fff; }.wst-sanpham-bento-product .wst-sbp-accent { background: linear-gradient(135deg, #fce4ec, #fff); border-color: #f8bbd0; }.wst-sanpham-bento-product .wst-sbp-sm-icon { width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; margin-bottom: 12px; }.wst-sanpham-bento-product .wst-sbp-item h5 { font-size: 17px; font-weight: 700; color: #1a1a2e; margin-bottom: 6px; }.wst-sanpham-bento-product .wst-sbp-item p { font-size: 13px; color: #6c757d; line-height: 1.6; }.wst-sanpham-bento-product .wst-sbp-sm-price { font-size: 14px; font-weight: 800; color: var(--ws-color-main, #0d6efd); }.wst-sanpham-bento-product .wst-sbp-wide { grid-column: span 2; background: #fff; }@media (max-width: 767px) { .wst-sanpham-bento-product .wst-sbp-grid { grid-template-columns: 1fr; } .wst-sanpham-bento-product .wst-sbp-hero, .wst-sanpham-bento-product .wst-sbp-wide { grid-column: span 1; grid-row: span 1; } }.wst-sanpham-h-scroll { padding: 60px 0; overflow: hidden; }.wst-sanpham-h-scroll .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-sanpham-h-scroll .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-sanpham-h-scroll .wst-shs-btn { width: 42px; height: 42px; border-radius: 50%; border: 2px solid #e9ecef; background: #fff; color: #555; font-size: 14px; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; justify-content: center; }.wst-sanpham-h-scroll .wst-shs-btn:hover { border-color: var(--ws-color-main, #0d6efd); background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-sanpham-h-scroll .wst-shs-track { overflow-x: auto; scrollbar-width: none; scroll-behavior: smooth; padding: 10px 0; }.wst-sanpham-h-scroll .wst-shs-track::-webkit-scrollbar { display: none; }.wst-sanpham-h-scroll .wst-shs-inner { display: inline-flex; gap: 20px; padding: 0 40px; }.wst-sanpham-h-scroll .wst-shs-card { min-width: 280px; max-width: 280px; border-radius: 24px; padding: 32px 24px; color: #fff; transition: all 0.4s; display: flex; flex-direction: column; }.wst-sanpham-h-scroll .wst-shs-card:hover { transform: translateY(-8px); }.wst-sanpham-h-scroll .wst-shs-g1 { background: linear-gradient(135deg, #667eea, #764ba2); }.wst-sanpham-h-scroll .wst-shs-g1:hover { box-shadow: 0 20px 50px rgba(102,126,234,0.3); }.wst-sanpham-h-scroll .wst-shs-g2 { background: linear-gradient(135deg, #f093fb, #f5576c); }.wst-sanpham-h-scroll .wst-shs-g2:hover { box-shadow: 0 20px 50px rgba(240,147,251,0.3); }.wst-sanpham-h-scroll .wst-shs-g3 { background: linear-gradient(135deg, #4facfe, #00f2fe); }.wst-sanpham-h-scroll .wst-shs-g3:hover { box-shadow: 0 20px 50px rgba(79,172,254,0.3); }.wst-sanpham-h-scroll .wst-shs-g4 { background: linear-gradient(135deg, #43e97b, #38f9d7); color: #1a1a2e; }.wst-sanpham-h-scroll .wst-shs-g4:hover { box-shadow: 0 20px 50px rgba(67,233,123,0.3); }.wst-sanpham-h-scroll .wst-shs-g5 { background: linear-gradient(135deg, #fa709a, #fee140); color: #1a1a2e; }.wst-sanpham-h-scroll .wst-shs-g5:hover { box-shadow: 0 20px 50px rgba(250,112,154,0.3); }.wst-sanpham-h-scroll .wst-shs-icon { font-size: 32px; opacity: 0.7; margin-bottom: 16px; }.wst-sanpham-h-scroll .wst-shs-card h4 { font-size: 22px; font-weight: 800; margin-bottom: 8px; }.wst-sanpham-h-scroll .wst-shs-card p { font-size: 14px; opacity: 0.8; line-height: 1.6; margin-bottom: 16px; flex: 1; }.wst-sanpham-h-scroll .wst-shs-price { font-size: 18px; font-weight: 800; margin-bottom: 12px; }.wst-sanpham-h-scroll .wst-shs-link { color: inherit; text-decoration: none; font-size: 14px; font-weight: 600; opacity: 0.7; transition: opacity 0.3s; }.wst-sanpham-h-scroll .wst-shs-link:hover { opacity: 1; }.wst-sanpham-split-hero .wst-ssh-bg { padding: 80px 0; }.wst-sanpham-split-hero .wst-label { font-size: 12px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; }.wst-sanpham-split-hero .wst-heading { font-size: 40px; font-weight: 900; line-height: 1.2; }.wst-sanpham-split-hero .wst-ssh-ver { background: rgba(255,255,255,0.15); padding: 2px 12px; border-radius: 8px; font-size: 16px; vertical-align: middle; }.wst-sanpham-split-hero .wst-desc { font-size: 16px; line-height: 1.8; }.wst-sanpham-split-hero .wst-ssh-features { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.wst-sanpham-split-hero .wst-ssh-feat { font-size: 14px; }.wst-sanpham-split-hero .wst-ssh-feat i { color: #4ade80; margin-right: 6px; }.wst-sanpham-split-hero .wst-ssh-mockup { position: relative; }.wst-sanpham-split-hero .wst-ssh-mockup img { box-shadow: 0 30px 80px rgba(0,0,0,0.3); }@media (max-width: 991px) { .wst-sanpham-split-hero .wst-heading { font-size: 28px; } .wst-sanpham-split-hero .wst-ssh-bg { padding: 50px 0; } }.wst-sanpham-zigzag-img-info { padding: 60px 0; }.wst-sanpham-zigzag-img-info .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-sanpham-zigzag-img-info .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-sanpham-zigzag-img-info .wst-szi-img { position: relative; }.wst-sanpham-zigzag-img-info .wst-szi-img img { transition: transform 0.5s; }.wst-sanpham-zigzag-img-info .wst-szi-img:hover img { transform: scale(1.04); }.wst-sanpham-zigzag-img-info .wst-szi-g1 { box-shadow: 0 20px 50px rgba(102,126,234,0.2); }.wst-sanpham-zigzag-img-info .wst-szi-g2 { box-shadow: 0 20px 50px rgba(240,147,251,0.2); }.wst-sanpham-zigzag-img-info .wst-szi-tag { display: inline-block; padding: 4px 16px; border-radius: 20px; font-size: 12px; font-weight: 700; margin-bottom: 10px; }.wst-sanpham-zigzag-img-info .wst-szi-tg1 { background: #e3f2fd; color: #1565c0; }.wst-sanpham-zigzag-img-info .wst-szi-tg2 { background: #fce4ec; color: #c62828; }.wst-sanpham-zigzag-img-info .wst-szi-name { font-size: 28px; font-weight: 800; color: #1a1a2e; margin-bottom: 10px; }.wst-sanpham-zigzag-img-info .wst-szi-desc { font-size: 15px; color: #6c757d; line-height: 1.8; margin-bottom: 14px; }.wst-sanpham-zigzag-img-info .wst-szi-features { display: flex; flex-wrap: wrap; gap: 8px; }.wst-sanpham-zigzag-img-info .wst-szi-features span { font-size: 13px; color: #555; background: #fff; padding: 4px 12px; border-radius: 8px; border: 1px solid #e9ecef; }.wst-sanpham-zigzag-img-info .wst-szi-features i { color: #198754; margin-right: 4px; font-size: 11px; }.wst-sanpham-zigzag-img-info .wst-szi-price-row { display: flex; align-items: center; gap: 16px; }.wst-sanpham-zigzag-img-info .wst-szi-price { font-size: 18px; font-weight: 800; color: var(--ws-color-main, #0d6efd); }.wst-sanpham-gradient-border-4col { padding: 60px 0; }.wst-sanpham-gradient-border-4col .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-sanpham-gradient-border-4col .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-sanpham-gradient-border-4col .wst-sgb-card { background: #fff; border-radius: 20px; padding: 30px 22px; text-align: center; border-top: 4px solid transparent; box-shadow: 0 2px 15px rgba(0,0,0,0.04); transition: all 0.4s; height: 100%; display: flex; flex-direction: column; }.wst-sanpham-gradient-border-4col .wst-sgb-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); }.wst-sanpham-gradient-border-4col .wst-sgb-b1 { border-image: linear-gradient(90deg, #667eea, #764ba2) 1; }.wst-sanpham-gradient-border-4col .wst-sgb-b2 { border-image: linear-gradient(90deg, #f093fb, #f5576c) 1; }.wst-sanpham-gradient-border-4col .wst-sgb-b3 { border-image: linear-gradient(90deg, #4facfe, #00f2fe) 1; }.wst-sanpham-gradient-border-4col .wst-sgb-b4 { border-image: linear-gradient(90deg, #43e97b, #38f9d7) 1; }.wst-sanpham-gradient-border-4col .wst-sgb-icon { font-size: 32px; color: var(--ws-color-main, #0d6efd); margin-bottom: 16px; }.wst-sanpham-gradient-border-4col .wst-sgb-b2 .wst-sgb-icon { color: #ec4899; }.wst-sanpham-gradient-border-4col .wst-sgb-b3 .wst-sgb-icon { color: #06b6d4; }.wst-sanpham-gradient-border-4col .wst-sgb-b4 .wst-sgb-icon { color: #10b981; }.wst-sanpham-gradient-border-4col .wst-sgb-card h5 { font-size: 18px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }.wst-sanpham-gradient-border-4col .wst-sgb-card p { font-size: 14px; color: #6c757d; line-height: 1.7; margin-bottom: 16px; flex: 1; }.wst-sanpham-gradient-border-4col .wst-sgb-price { font-size: 18px; font-weight: 800; color: #1a1a2e; margin-bottom: 14px; }.wst-sanpham-gradient-border-4col .wst-sgb-btn { display: inline-block; padding: 8px 24px; border-radius: 30px; background: #f0f4ff; color: var(--ws-color-main, #0d6efd); text-decoration: none; font-size: 14px; font-weight: 600; transition: all 0.3s; }.wst-sanpham-gradient-border-4col .wst-sgb-btn:hover { background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-sanpham-parallax-showcase .wst-sps-overlay { padding: 70px 0; }.wst-sanpham-parallax-showcase .wst-label { font-size: 12px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; }.wst-sanpham-parallax-showcase .wst-heading { font-size: 36px; font-weight: 800; }.wst-sanpham-parallax-showcase .wst-desc { font-size: 15px; max-width: 460px; }.wst-sanpham-parallax-showcase .wst-sps-card { border-radius: 24px; overflow: hidden; position: relative; transition: all 0.4s; height: 100%; }.wst-sanpham-parallax-showcase .wst-sps-card:hover { transform: translateY(-8px); }.wst-sanpham-parallax-showcase .wst-sps-gradient { position: absolute; inset: 0; opacity: 0.9; }.wst-sanpham-parallax-showcase .wst-sps-gr1 { background: linear-gradient(180deg, rgba(99,102,241,0.8) 0%, rgba(30,27,75,0.95) 100%); }.wst-sanpham-parallax-showcase .wst-sps-gr2 { background: linear-gradient(180deg, rgba(236,72,153,0.8) 0%, rgba(74,25,66,0.95) 100%); }.wst-sanpham-parallax-showcase .wst-sps-gr3 { background: linear-gradient(180deg, rgba(16,185,129,0.8) 0%, rgba(4,47,46,0.95) 100%); }.wst-sanpham-parallax-showcase .wst-sps-content { position: relative; z-index: 1; padding: 32px 24px; color: #fff; }.wst-sanpham-parallax-showcase .wst-sps-content i { opacity: 0.7; }.wst-sanpham-parallax-showcase .wst-sps-content h5 { font-size: 20px; font-weight: 700; margin-bottom: 8px; }.wst-sanpham-parallax-showcase .wst-sps-content p { font-size: 14px; opacity: 0.7; line-height: 1.7; margin-bottom: 12px; }.wst-sanpham-parallax-showcase .wst-sps-meta { display: flex; gap: 16px; font-size: 13px; opacity: 0.6; }.wst-sanpham-marquee-cards { padding: 0 0 60px; overflow: hidden; }.wst-sanpham-marquee-cards .wst-smc-marquee { background: linear-gradient(90deg, #667eea, #764ba2, #f093fb, #667eea); background-size: 200% 100%; animation: wstSmcGrad 6s linear infinite; padding: 12px 0; overflow: hidden; }@keyframes wstSmcGrad { 0% { background-position: 0 0; } 100% { background-position: 200% 0; } }.wst-sanpham-marquee-cards .wst-smc-inner { display: inline-flex; animation: wstSmcScroll 18s linear infinite; white-space: nowrap; }.wst-sanpham-marquee-cards .wst-smc-inner span { font-size: 14px; font-weight: 700; color: #fff; letter-spacing: 2px; text-transform: uppercase; padding: 0 14px; }@keyframes wstSmcScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }.wst-sanpham-marquee-cards .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-sanpham-marquee-cards .wst-subtext { font-size: 15px; color: #6c757d; max-width: 480px; }.wst-sanpham-marquee-cards .wst-smc-card { border-radius: 24px; padding: 36px 28px; color: #fff; transition: all 0.4s; height: 100%; display: flex; flex-direction: column; position: relative; overflow: hidden; }.wst-sanpham-marquee-cards .wst-smc-card:hover { transform: translateY(-8px); }.wst-sanpham-marquee-cards .wst-smc-g1 { background: linear-gradient(135deg, #1e1b4b, #4338ca); }.wst-sanpham-marquee-cards .wst-smc-g1:hover { box-shadow: 0 20px 50px rgba(67,56,202,0.3); }.wst-sanpham-marquee-cards .wst-smc-g2 { background: linear-gradient(135deg, #831843, #be185d); }.wst-sanpham-marquee-cards .wst-smc-g2:hover { box-shadow: 0 20px 50px rgba(190,24,93,0.3); }.wst-sanpham-marquee-cards .wst-smc-g3 { background: linear-gradient(135deg, #064e3b, #059669); }.wst-sanpham-marquee-cards .wst-smc-g3:hover { box-shadow: 0 20px 50px rgba(5,150,105,0.3); }.wst-sanpham-marquee-cards .wst-smc-num { font-size: 48px; font-weight: 900; opacity: 0.1; position: absolute; top: 16px; right: 20px; }.wst-sanpham-marquee-cards .wst-smc-card h4 { font-size: 24px; font-weight: 800; margin-bottom: 10px; }.wst-sanpham-marquee-cards .wst-smc-card p { font-size: 14px; opacity: 0.7; line-height: 1.8; flex: 1; }.wst-sanpham-marquee-cards .wst-smc-card a { color: rgba(255,255,255,0.7); text-decoration: none; font-size: 14px; font-weight: 600; transition: color 0.3s; margin-top: 10px; }.wst-sanpham-marquee-cards .wst-smc-card a:hover { color: #fff; }.wst-gioithieu-hero-split { padding: 60px 0; }.wst-gioithieu-hero-split .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-hero-split .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-gioithieu-hero-split .wst-text { font-size: 15px; line-height: 1.8; }.wst-gioithieu-hero-split .wst-img-wrapper img { transition: transform 0.4s ease; }.wst-gioithieu-hero-split .wst-img-wrapper:hover img { transform: scale(1.03); }.wst-dichvu-cards { padding: 60px 0; }.wst-dichvu-cards .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-dichvu-cards .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-dichvu-cards .wst-service-card { padding: 30px 24px; border-radius: 16px; border: 1px solid #e9ecef; background: #fff; transition: all 0.3s; height: 100%; }.wst-dichvu-cards .wst-service-card:hover { border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 10px 40px rgba(13,110,253,0.12); transform: translateY(-4px); }.wst-dichvu-cards .wst-service-icon { font-size: 36px; color: var(--ws-color-main, #0d6efd); margin-bottom: 16px; }.wst-dichvu-cards .wst-service-title { font-size: 17px; font-weight: 700; color: #1a1a2e; margin-bottom: 10px; }.wst-dichvu-cards .wst-service-desc { font-size: 14px; color: #6c757d; line-height: 1.7; margin-bottom: 16px; }.wst-dichvu-cards .wst-service-link { font-size: 14px; font-weight: 600; color: var(--ws-color-main, #0d6efd); text-decoration: none; }.wst-dichvu-cards .wst-service-link:hover { text-decoration: underline; }.wst-hoidap-accordion { padding: 60px 0; }.wst-hoidap-accordion .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-hoidap-accordion .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-hoidap-accordion .wst-faq-item { border: none; border-radius: 12px !important; margin-bottom: 12px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }.wst-hoidap-accordion .accordion-button { font-weight: 600; font-size: 15px; color: #1a1a2e; padding: 16px 20px; background: #fff; }.wst-hoidap-accordion .accordion-button:not(.collapsed) { background: var(--ws-color-main, #0d6efd); color: #fff; box-shadow: none; }.wst-hoidap-accordion .accordion-button:focus { box-shadow: none; }.wst-hoidap-accordion .accordion-body { font-size: 14px; line-height: 1.8; color: #555; padding: 16px 20px; }.wst-timeline-vertical { padding: 60px 0; background: #f8f9fa; }.wst-timeline-vertical .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-timeline-vertical .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-timeline-vertical .wst-timeline { position: relative; padding-left: 40px; }.wst-timeline-vertical .wst-timeline::before { content: ""; position: absolute; left: 12px; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, var(--ws-color-main, #0d6efd), #6610f2); }.wst-timeline-vertical .wst-timeline-item { position: relative; margin-bottom: 32px; }.wst-timeline-vertical .wst-timeline-dot { position: absolute; left: -34px; top: 6px; width: 16px; height: 16px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); border: 3px solid #fff; box-shadow: 0 0 0 3px var(--ws-color-main, #0d6efd); }.wst-timeline-vertical .wst-timeline-content { background: #fff; border-radius: 12px; padding: 24px; box-shadow: 0 2px 15px rgba(0,0,0,0.06); }.wst-timeline-vertical .wst-timeline-year { display: inline-block; background: var(--ws-color-main, #0d6efd); color: #fff; padding: 2px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; margin-bottom: 8px; }.wst-timeline-vertical .wst-timeline-content h5 { font-size: 17px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }.wst-timeline-vertical .wst-timeline-content p { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-timeline-vertical .wst-reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }.wst-timeline-vertical .wst-reveal.wst-visible { opacity: 1; transform: translateY(0); }.wst-doingu-cards { padding: 60px 0; }.wst-doingu-cards .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-doingu-cards .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; }.wst-doingu-cards .wst-subtext { font-size: 15px; color: #6c757d; max-width: 480px; }.wst-doingu-cards .wst-team-card { padding: 28px 20px; border-radius: 16px; background: #fff; box-shadow: 0 2px 20px rgba(0,0,0,0.05); transition: transform 0.3s; }.wst-doingu-cards .wst-team-card:hover { transform: translateY(-6px); }.wst-doingu-cards .wst-team-avatar { width: 120px; height: 120px; border-radius: 50%; overflow: hidden; margin: 0 auto 16px; border: 4px solid #e9ecef; }.wst-doingu-cards .wst-team-avatar img { width: 100%; height: 100%; object-fit: cover; }.wst-doingu-cards .wst-team-name { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 4px; }.wst-doingu-cards .wst-team-role { font-size: 13px; color: var(--ws-color-main, #0d6efd); font-weight: 500; margin-bottom: 12px; }.wst-doingu-cards .wst-team-social a { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #f0f0f0; color: #555; margin: 0 3px; font-size: 13px; transition: all 0.3s; text-decoration: none; }.wst-doingu-cards .wst-team-social a:hover { background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-lienhe-form { padding: 60px 0; }.wst-lienhe-form .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-lienhe-form .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-lienhe-form .wst-contact-icon { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; }.wst-lienhe-form .wst-form-wrapper { background: #f8f9fa; border-radius: 16px; }.wst-lienhe-form .wst-input { border: 1px solid #dee2e6; border-radius: 10px; padding: 12px 16px; font-size: 14px; transition: border-color 0.3s; }.wst-lienhe-form .wst-input:focus { border-color: var(--ws-color-main, #0d6efd); box-shadow: 0 0 0 3px rgba(13,110,253,0.1); }.wst-tieuchi-left-icon-list { padding: 60px 0; }.wst-tieuchi-left-icon-list .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-left-icon-list .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-tieuchi-left-icon-list .wst-li-icon { width: 56px; height: 56px; min-width: 56px; border-radius: 12px; background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; }.wst-tieuchi-left-icon-list .wst-li-title { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 6px; }.wst-tieuchi-left-icon-list .wst-li-desc { font-size: 14px; color: #6c757d; line-height: 1.7; margin: 0; }.wst-tieuchi-minimal-check { padding: 60px 0; }.wst-tieuchi-minimal-check .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-minimal-check .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-tieuchi-minimal-check .wst-check-icon { width: 28px; height: 28px; min-width: 28px; border-radius: 50%; background: var(--ws-color-main, #0d6efd); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; margin-top: 2px; }.wst-tieuchi-minimal-check .wst-check-item h6 { font-size: 15px; color: #1a1a2e; }.wst-tieuchi-minimal-check .wst-check-item p { font-size: 13px; line-height: 1.6; }.wst-tieuchi-split-feature { padding: 0; overflow: hidden; }.wst-tieuchi-split-feature .wst-sf-image img { height: 100%; object-fit: cover; min-height: 500px; }.wst-tieuchi-split-feature .wst-sf-content { padding: 50px 40px; }.wst-tieuchi-split-feature .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-tieuchi-split-feature .wst-heading { font-size: 30px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-tieuchi-split-feature .wst-sf-num { width: 44px; height: 44px; min-width: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; }.wst-tieuchi-split-feature .wst-sf-item h5 { font-size: 16px; color: #1a1a2e; }.wst-tieuchi-split-feature .wst-sf-item p { font-size: 14px; line-height: 1.7; }@media (max-width: 991px) { .wst-tieuchi-split-feature .wst-sf-content { padding: 40px 20px; } }.wst-gioithieu-stats-bar { padding: 60px 0; }.wst-gioithieu-stats-bar .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-stats-bar .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-gioithieu-stats-bar .wst-desc { font-size: 15px; color: #6c757d; line-height: 1.8; }.wst-gioithieu-stats-bar .wst-sb-label { font-size: 14px; font-weight: 600; color: #1a1a2e; }.wst-gioithieu-stats-bar .wst-sb-value { font-size: 14px; font-weight: 800; color: var(--ws-color-main, #0d6efd); }.wst-gioithieu-stats-bar .wst-sb-bar { height: 8px; background: #e9ecef; border-radius: 4px; overflow: hidden; }.wst-gioithieu-stats-bar .wst-sb-fill { height: 100%; background: linear-gradient(90deg, var(--ws-color-main, #0d6efd), #6610f2); border-radius: 4px; transition: width 1.5s ease; }.wst-gioithieu-dark-split { overflow: hidden; }.wst-gioithieu-dark-split .wst-ds-content { background: #0f172a; padding: 60px 50px; color: #fff; height: 100%; display: flex; flex-direction: column; justify-content: center; }.wst-gioithieu-dark-split .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-dark-split .wst-heading { font-size: 32px; font-weight: 700; line-height: 1.3; }.wst-gioithieu-dark-split .wst-desc { font-size: 15px; color: rgba(255,255,255,0.65); line-height: 1.8; }.wst-gioithieu-dark-split .wst-ds-stat-num { font-size: 28px; font-weight: 900; color: var(--ws-color-main, #0d6efd); }.wst-gioithieu-dark-split .wst-ds-stat-label { font-size: 13px; color: rgba(255,255,255,0.5); }.wst-gioithieu-dark-split .wst-ds-image { height: 100%; min-height: 400px; }.wst-gioithieu-dark-split .wst-ds-image img { width: 100%; height: 100%; object-fit: cover; }@media (max-width: 991px) { .wst-gioithieu-dark-split .wst-ds-content { padding: 40px 24px; } }.wst-gioithieu-parallax-split { overflow: hidden; }.wst-gioithieu-parallax-split .wst-ps-parallax { height: 100%; min-height: 500px; background-size: cover; background-position: center; background-attachment: fixed; }.wst-gioithieu-parallax-split .wst-ps-content { padding: 60px 50px; background: #fff; height: 100%; display: flex; flex-direction: column; justify-content: center; }.wst-gioithieu-parallax-split .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-gioithieu-parallax-split .wst-heading { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; }.wst-gioithieu-parallax-split .wst-desc { font-size: 15px; color: #6c757d; line-height: 1.8; margin-bottom: 12px; }.wst-gioithieu-parallax-split .wst-ps-signature strong { font-size: 15px; color: #1a1a2e; }@media (max-width: 991px) { .wst-gioithieu-parallax-split .wst-ps-parallax { background-attachment: scroll; min-height: 300px; } .wst-gioithieu-parallax-split .wst-ps-content { padding: 40px 24px; } }.wst-hoidap-dark-left-right-list { overflow: hidden; }.wst-hoidap-dark-left-right-list .wst-dlrl-left { background: #0f172a; color: #fff; padding: 50px 40px; height: 100%; display: flex; flex-direction: column; justify-content: center; }.wst-hoidap-dark-left-right-list .wst-label { font-size: 13px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 2px; text-transform: uppercase; }.wst-hoidap-dark-left-right-list .wst-heading { font-size: 32px; font-weight: 700; }.wst-hoidap-dark-left-right-list .wst-desc { font-size: 15px; color: rgba(255,255,255,0.6); line-height: 1.8; }.wst-hoidap-dark-left-right-list .wst-dlrl-stat { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 16px; }.wst-hoidap-dark-left-right-list .wst-dlrl-stat-row { font-size: 14px; color: rgba(255,255,255,0.5); }.wst-hoidap-dark-left-right-list .wst-dlrl-stat-row strong { color: var(--ws-color-main, #0d6efd); }.wst-hoidap-dark-left-right-list .wst-dlrl-right { padding: 40px 36px; background: #fff; height: 100%; }.wst-hoidap-dark-left-right-list .wst-dlrl-item { border: none; border-radius: 12px !important; margin-bottom: 10px; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,0.04); }.wst-hoidap-dark-left-right-list .accordion-button { font-weight: 600; font-size: 15px; color: #1a1a2e; padding: 16px 20px; background: #f8f9fa; }.wst-hoidap-dark-left-right-list .accordion-button:not(.collapsed) { background: #f0f4ff; color: var(--ws-color-main, #0d6efd); box-shadow: none; }.wst-hoidap-dark-left-right-list .accordion-button:focus { box-shadow: none; }.wst-hoidap-dark-left-right-list .accordion-body { font-size: 14px; line-height: 1.8; color: #555; padding: 14px 20px; }@media (max-width: 991px) { .wst-hoidap-dark-left-right-list .wst-dlrl-left { padding: 40px 24px; } .wst-hoidap-dark-left-right-list .wst-dlrl-right { padding: 30px 20px; } }.wst-lienhe-gradient-diagonal .wst-lgd-bg { padding: 70px 0; background: linear-gradient(135deg, #0f172a 0%, #0f172a 45%, var(--ws-color-main, #0d6efd) 45%, #6610f2 100%); position: relative; }.wst-lienhe-gradient-diagonal .wst-heading { font-size: 40px; font-weight: 900; color: #fff; line-height: 1.1; }.wst-lienhe-gradient-diagonal .wst-desc { font-size: 16px; color: rgba(255,255,255,0.55); line-height: 1.8; }.wst-lienhe-gradient-diagonal .wst-lgd-contact-row { display: flex; flex-wrap: wrap; gap: 8px; }.wst-lienhe-gradient-diagonal .wst-lgd-pill { display: inline-flex; align-items: center; gap: 6px; padding: 8px 18px; border-radius: 30px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); color: #fff; text-decoration: none; font-size: 13px; font-weight: 500; transition: all 0.3s; }.wst-lienhe-gradient-diagonal .wst-lgd-pill:hover { background: rgba(255,255,255,0.15); transform: translateY(-2px); }.wst-lienhe-gradient-diagonal .wst-lgd-social { display: flex; gap: 8px; }.wst-lienhe-gradient-diagonal .wst-lgd-social a { width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 14px; transition: all 0.3s; }.wst-lienhe-gradient-diagonal .wst-lgd-social a:hover { background: rgba(255,255,255,0.15); color: #fff; }.wst-lienhe-gradient-diagonal .wst-lgd-form-wrap { background: #fff; border-radius: 24px; padding: 36px 32px; box-shadow: 0 20px 60px rgba(0,0,0,0.15); }.wst-lienhe-gradient-diagonal .wst-lgd-form-wrap h4 { font-size: 22px; font-weight: 800; color: #1a1a2e; margin-bottom: 4px; }.wst-lienhe-gradient-diagonal .wst-lgd-form-sub { font-size: 14px; color: #999; margin-bottom: 20px; }.wst-lienhe-gradient-diagonal .wst-lgd-form-area { min-height: 280px; background: #f8f9fa; border-radius: 14px; padding: 24px; display: flex; align-items: center; justify-content: center; color: #999; font-style: italic; }@media (max-width: 991px) { .wst-lienhe-gradient-diagonal .wst-lgd-bg { background: linear-gradient(180deg, #0f172a 0%, #0f172a 40%, var(--ws-color-main, #0d6efd) 40%, #6610f2 100%); } .wst-lienhe-gradient-diagonal .wst-heading { font-size: 30px; } }.wst-lienhe-full-cta-banner .wst-lfcb-top { padding: 60px 0 100px; background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); }.wst-lienhe-full-cta-banner .wst-label { font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 3px; text-transform: uppercase; }.wst-lienhe-full-cta-banner .wst-heading { font-size: 36px; font-weight: 800; color: #fff; }.wst-lienhe-full-cta-banner .wst-desc { font-size: 16px; color: rgba(255,255,255,0.6); max-width: 520px; line-height: 1.7; }.wst-lienhe-full-cta-banner .wst-lfcb-form-box { max-width: 900px; background: #fff; border-radius: 24px; padding: 36px 32px; margin-top: -60px; box-shadow: 0 20px 60px rgba(0,0,0,0.1); position: relative; z-index: 2; }.wst-lienhe-full-cta-banner .wst-lfcb-guarantee { color: var(--ws-color-main, #0d6efd); }.wst-lienhe-full-cta-banner .wst-lfcb-guarantee h5 { font-size: 18px; font-weight: 700; color: #1a1a2e; margin-bottom: 6px; }.wst-lienhe-full-cta-banner .wst-lfcb-guarantee p { font-size: 13px; color: #6c757d; line-height: 1.6; margin: 0; }.wst-lienhe-full-cta-banner .wst-lfcb-form-area { min-height: 220px; background: #f8f9fa; border-radius: 14px; padding: 24px; display: flex; align-items: center; justify-content: center; color: #999; font-style: italic; }.wst-lienhe-compact-inline { padding: 60px 0; background: #fff; }.wst-lienhe-compact-inline .wst-lci-wrapper { background: linear-gradient(135deg, var(--ws-color-main, #0d6efd), #6610f2); border-radius: 24px; padding: 40px 36px; color: #fff; }.wst-lienhe-compact-inline .wst-heading { font-size: 28px; font-weight: 800; }.wst-lienhe-compact-inline .wst-desc { font-size: 15px; opacity: 0.7; }.wst-lienhe-compact-inline .wst-lci-form-area { min-height: 80px; background: rgba(255,255,255,0.1); border-radius: 14px; padding: 20px; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.4); font-style: italic; }.wst-lienhe-compact-inline .wst-lci-bottom { border-top: 1px solid rgba(255,255,255,0.15); padding-top: 16px; }.wst-lienhe-compact-inline .wst-lci-bottom span { font-size: 13px; color: rgba(255,255,255,0.6); }.wst-lienhe-compact-inline .wst-lci-bottom i { color: rgba(255,255,255,0.4); }.wst-lienhe-two-tone-split { overflow: hidden; }.wst-lienhe-two-tone-split .wst-ltts-dark { background: #0f172a; color: #fff; padding: 60px 50px; height: 100%; display: flex; flex-direction: column; justify-content: center; }.wst-lienhe-two-tone-split .wst-label { font-size: 12px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 3px; text-transform: uppercase; }.wst-lienhe-two-tone-split .wst-heading { font-size: 30px; font-weight: 800; }.wst-lienhe-two-tone-split .wst-ltts-item { display: flex; gap: 14px; margin-bottom: 20px; }.wst-lienhe-two-tone-split .wst-ltts-icon { width: 40px; height: 40px; min-width: 40px; border-radius: 10px; background: rgba(13,110,253,0.15); color: var(--ws-color-main, #0d6efd); display: flex; align-items: center; justify-content: center; font-size: 15px; }.wst-lienhe-two-tone-split .wst-ltts-item h6 { font-size: 14px; font-weight: 700; margin-bottom: 2px; }.wst-lienhe-two-tone-split .wst-ltts-item p { font-size: 13px; color: rgba(255,255,255,0.45); margin: 0; }.wst-lienhe-two-tone-split .wst-ltts-social { display: flex; gap: 8px; }.wst-lienhe-two-tone-split .wst-ltts-social a { width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 13px; transition: all 0.3s; }.wst-lienhe-two-tone-split .wst-ltts-social a:hover { background: var(--ws-color-main, #0d6efd); color: #fff; }.wst-lienhe-two-tone-split .wst-ltts-light { background: #f8f9fa; padding: 60px 50px; height: 100%; display: flex; flex-direction: column; justify-content: center; }.wst-lienhe-two-tone-split .wst-ltts-light h3 { font-size: 26px; font-weight: 800; color: #1a1a2e; }.wst-lienhe-two-tone-split .wst-ltts-form-area { min-height: 320px; background: #fff; border-radius: 16px; padding: 24px; display: flex; align-items: center; justify-content: center; color: #999; font-style: italic; flex: 1; }@media (max-width: 991px) { .wst-lienhe-two-tone-split .wst-ltts-dark, .wst-lienhe-two-tone-split .wst-ltts-light { padding: 40px 24px; } }.wst-lienhe-testimonial-form { padding: 60px 0; background: #fff; }.wst-lienhe-testimonial-form .wst-ltf-left { background: linear-gradient(135deg, #0f172a, #1e3a5f); color: #fff; border-radius: 24px 0 0 24px; padding: 40px 36px; height: 100%; display: flex; flex-direction: column; justify-content: center; }.wst-lienhe-testimonial-form .wst-label { font-size: 12px; font-weight: 600; color: var(--ws-color-main, #0d6efd); letter-spacing: 3px; text-transform: uppercase; }.wst-lienhe-testimonial-form .wst-heading { font-size: 28px; font-weight: 800; line-height: 1.3; }.wst-lienhe-testimonial-form .wst-ltf-q-icon { font-size: 28px; opacity: 0.2; margin-bottom: 8px; }.wst-lienhe-testimonial-form .wst-ltf-quote p { font-size: 15px; line-height: 1.7; opacity: 0.8; font-style: italic; }.wst-lienhe-testimonial-form .wst-ltf-avatar { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; }.wst-lienhe-testimonial-form .wst-ltf-author { display: flex; align-items: center; margin-top: 14px; }.wst-lienhe-testimonial-form .wst-ltf-author strong { font-size: 14px; }.wst-lienhe-testimonial-form .wst-ltf-author small { font-size: 12px; opacity: 0.5; }.wst-lienhe-testimonial-form .wst-ltf-trust strong { font-size: 20px; color: var(--ws-color-main, #0d6efd); }.wst-lienhe-testimonial-form .wst-ltf-trust small { font-size: 12px; opacity: 0.5; }.wst-lienhe-testimonial-form .wst-ltf-right { background: #f8f9fa; border-radius: 0 24px 24px 0; padding: 40px 36px; height: 100%; }.wst-lienhe-testimonial-form .wst-ltf-right h3 { font-size: 24px; font-weight: 800; color: #1a1a2e; }.wst-lienhe-testimonial-form .wst-ltf-sub { font-size: 14px; color: #6c757d; }.wst-lienhe-testimonial-form .wst-ltf-form-area { min-height: 300px; background: #fff; border-radius: 16px; padding: 24px; display: flex; align-items: center; justify-content: center; color: #999; font-style: italic; }@media (max-width: 991px) { .wst-lienhe-testimonial-form .wst-ltf-left { border-radius: 24px 24px 0 0; } .wst-lienhe-testimonial-form .wst-ltf-right { border-radius: 0 0 24px 24px; } }.wst-lienhe-marquee-trust { padding: 0 0 60px; background: #fff; overflow: hidden; }.wst-lienhe-marquee-trust .wst-lmt-marquee { background: #0f172a; padding: 14px 0; overflow: hidden; margin-bottom: 50px; }.wst-lienhe-marquee-trust .wst-lmt-inner { display: inline-flex; animation: wstLmtScroll 20s linear infinite; white-space: nowrap; }.wst-lienhe-marquee-trust .wst-lmt-inner span { font-size: 14px; font-weight: 700; color: rgba(255,255,255,0.6); letter-spacing: 2px; text-transform: uppercase; padding: 0 16px; }@keyframes wstLmtScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }.wst-lienhe-marquee-trust .wst-heading { font-size: 36px; font-weight: 800; color: #1a1a2e; }.wst-lienhe-marquee-trust .wst-desc { font-size: 16px; color: #6c757d; max-width: 480px; line-height: 1.7; }.wst-lienhe-marquee-trust .wst-lmt-form-wrap { max-width: 650px; background: #f8f9fa; border-radius: 20px; padding: 32px; }.wst-lienhe-marquee-trust .wst-lmt-form-area { min-height: 280px; background: #fff; border-radius: 14px; padding: 24px; display: flex; align-items: center; justify-content: center; color: #999; font-style: italic; }.wst-lienhe-marquee-trust .wst-lmt-chip { display: inline-flex; align-items: center; padding: 8px 18px; border-radius: 30px; background: #f0f4ff; color: var(--ws-color-main, #0d6efd); text-decoration: none; font-size: 13px; font-weight: 600; transition: all 0.3s; }.wst-lienhe-marquee-trust .wst-lmt-chip:hover { background: var(--ws-color-main, #0d6efd); color: #fff; transform: translateY(-2px); }.wst-sanpham-glass-grid .wst-sgg-bg { padding: 70px 0; background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%); }.wst-sanpham-glass-grid .wst-label { font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 3px; text-transform: uppercase; }.wst-sanpham-glass-grid .wst-heading { font-size: 36px; font-weight: 800; color: #fff; }.wst-sanpham-glass-grid .wst-subtext { font-size: 15px; color: rgba(255,255,255,0.6); max-width: 480px; }.wst-sanpham-glass-grid .wst-sgg-card { background: rgba(255,255,255,0.08); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.15); border-radius: 24px; padding: 30px 24px; color: #fff; transition: all 0.4s; height: 100%; }.wst-sanpham-glass-grid .wst-sgg-card:hover { background: rgba(255,255,255,0.15); transform: translateY(-6px); border-color: rgba(255,255,255,0.3); box-shadow: 0 20px 50px rgba(0,0,0,0.15); }.wst-sanpham-glass-grid .wst-sgg-icon-wrap { width: 56px; height: 56px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 16px; color: #fff; }.wst-sanpham-glass-grid .wst-sgg-i1 { background: linear-gradient(135deg, #6366f1, #8b5cf6); }.wst-sanpham-glass-grid .wst-sgg-i2 { background: linear-gradient(135deg, #ec4899, #f43f5e); }.wst-sanpham-glass-grid .wst-sgg-i3 { background: linear-gradient(135deg, #14b8a6, #06b6d4); }.wst-sanpham-glass-grid .wst-sgg-i4 { background: linear-gradient(135deg, #f59e0b, #ef4444); }.wst-sanpham-glass-grid .wst-sgg-i5 { background: linear-gradient(135deg, #22c55e, #10b981); }.wst-sanpham-glass-grid .wst-sgg-card h5 { font-size: 18px; font-weight: 700; margin-bottom: 8px; }.wst-sanpham-glass-grid .wst-sgg-card p { font-size: 14px; opacity: 0.7; line-height: 1.7; margin-bottom: 14px; }.wst-sanpham-glass-grid .wst-sgg-price { font-size: 16px; font-weight: 800; margin-bottom: 8px; }.wst-sanpham-glass-grid .wst-sgg-link { color: rgba(255,255,255,0.7); text-decoration: none; font-size: 14px; font-weight: 600; transition: color 0.3s; }.wst-sanpham-glass-grid .wst-sgg-link:hover { color: #fff; }