/*
Theme Name: Tijarat Xpert
Author: Tijarat Xpert
Description: Dark responsive e-commerce and digital marketing agency theme with native editable service pages, a categorized blog and WhatsApp enquiries.
Version: 1.3.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tijarat-xpert
*/

500;600;700;800&display=swap');
#tx-site{font-family:Manrope,Arial,sans-serif;color:#edf3ff;background:#080c16;line-height:1.65;position:relative;--tx-muted:#a0afc7;--tx-line:#27334a;container-type:inline-size}#tx-site *{box-sizing:border-box}#tx-site button,#tx-site a,#tx-site input{font:inherit}#tx-site button,#tx-site a{touch-action:manipulation}#tx-site button:focus-visible,#tx-site a:focus-visible{outline:3px solid #a2d7ff;outline-offset:4px}#tx-site button{color:inherit}#tx-site .unused-review{padding:10px 5%;display:flex;gap:15px;justify-content:space-between;background:#111827;border-bottom:1px solid var(--tx-line);font-size:11px;color:#9eadc2}#tx-site .review button{border:0;background:none;font-size:11px}#tx-site header{padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#0a101b}#tx-site header img{width:117px;height:55px;object-fit:contain}#tx-site nav{display:flex;align-items:center;gap:23px;flex-wrap:wrap}#tx-site nav button{border:0;background:none;font-size:12px;color:#c2cce0;padding:10px 0}#tx-site .tx-button{display:inline-flex;gap:15px;align-items:center;justify-content:center;background:#c5e5ff;color:#102237;border:0;border-radius:40px;padding:14px 23px;text-decoration:none;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}#tx-site .tx-button:hover{transform:translateY(-3px);box-shadow:0 9px 30px #5899ee30}#tx-site .tx-button.outline{background:transparent;color:#d2e4ff;border:1px solid #52627c}#tx-site .hero{position:relative;isolation:isolate;padding:80px 6% 35px;min-height:560px;overflow:hidden;background:#080e20}#tx-site .hero-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}#tx-site .hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070e20f5 0%,#080f20dc 30%,#080f2066 55%,#080f2010 100%)}#tx-site .eyebrow{font-size:10px;letter-spacing:2px;color:#a6c8ed;text-transform:uppercase}#tx-site h1{font-size:clamp(42px,6.7cqw,73px);font-weight:500;line-height:1.08;letter-spacing:-3px;margin:25px 0;max-width:580px}#tx-site h1 span{color:#b0cbff}#tx-site h2{font-size:clamp(28px,4.1cqw,44px);font-weight:500;line-height:1.2;letter-spacing:-1.6px;margin:12px 0 18px}#tx-site h3{font-size:20px;line-height:1.4;font-weight:600;margin:12px 0}#tx-site p{font-size:14px;color:var(--tx-muted);line-height:1.8}#tx-site .hero p{max-width:390px;color:#b9c9e1;margin-bottom:27px}#tx-site .actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#tx-site .hero-bottom{display:flex;gap:24px;flex-wrap:wrap;font-size:10px;letter-spacing:1.3px;color:#a9bfdf;margin-top:65px}#tx-site .hero-bottom span:before{content:'•';color:#a4d3ff;margin-right:9px}#tx-site .ribbon{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 6%;background:#0e1420;border-bottom:1px solid var(--tx-line);color:#98a9c4;font-size:13px}#tx-site .ribbon b{font-weight:500;color:#d6e2f7}#tx-site section{padding:65px 6%}#tx-site .section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}#tx-site .section-title p{max-width:300px;margin:0 0 18px}#tx-site .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}#tx-site .commerce-card{position:relative;padding:30px;border:1px solid #2b3a52;border-radius:20px;background:radial-gradient(ellipse at 90% 0,#25466a55,transparent 65%),#101927;transition:transform .3s,border-color .3s}#tx-site .commerce-card:hover{transform:translateY(-5px);border-color:#6c91bb}#tx-site .brand-letter{font-size:43px;font-weight:600;color:#a3d7ff;line-height:1;margin-bottom:35px}#tx-site .commerce-card:nth-child(2) .brand-letter{color:#bab6ff}#tx-site .commerce-card:nth-child(3) .brand-letter{color:#edb4dd}#tx-site .link{border:0;background:none;padding:8px 0;color:#c2dfff;font-size:12px;font-weight:600;min-height:40px}#tx-site .service-list{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}#tx-site .service-list span{font-size:10px;border:1px solid #34445b;border-radius:30px;padding:5px 10px;color:#b6c4dc}#tx-site .digital{background:radial-gradient(ellipse at 0 30%,#302b542e,transparent 55%),#0d1220;border-block:1px solid #232e43}#tx-site .digital-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}#tx-site .service-tile{padding:23px 19px;text-align:left;border:1px solid #2c374c;background:linear-gradient(140deg,#192034,#111825);border-radius:15px;transition:transform .2s,background .2s}#tx-site .service-tile:hover{background:#202d44;transform:translateY(-4px)}#tx-site .service-tile i{color:#b0bfff}#tx-site .service-tile h3{font-size:15px;margin-top:23px}#tx-site .service-tile p{font-size:12px;margin-bottom:16px}#tx-site .service-tile .arrow{color:#b7c9ed;font-size:12px}#tx-site .film-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}#tx-site .film-card{background:#111a29;border:1px solid #2d3b53;border-radius:18px;overflow:hidden}#tx-site .film-card video{width:100%;display:block;aspect-ratio:16/9;background:#080d18}#tx-site .film-copy{padding:20px 25px}#tx-site .film-copy h3{margin:0;font-size:18px}#tx-site .film-copy p{font-size:12px;margin-bottom:0}#tx-site .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}#tx-site .step{border-top:1px solid #344562;padding-top:20px}#tx-site .step span{font-size:12px;color:#b8bbff}#tx-site .blog-card{background:#0e1625;border:1px solid #29384e;border-radius:16px;overflow:hidden}#tx-site .blog-art{height:150px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#445c91,#121c32 65%)}#tx-site .blog-art span{font-size:45px;letter-spacing:-2px;color:#cbddff;border:1px solid #7ca7df5e;border-radius:18px;padding:8px 25px;transform:rotate(-9deg);box-shadow:0 10px 40px #0004}#tx-site .blog-art.purple{background:radial-gradient(ellipse at 20% 60%,#554775,#151a30 70%)}#tx-site .blog-art.green{background:radial-gradient(ellipse at 70% 30%,#29566a,#101b2c 70%)}#tx-site .blog-copy{padding:23px}#tx-site .blog-copy h3{font-size:18px}#tx-site .blog-copy .eyebrow{font-size:9px}#tx-site .contact{background:radial-gradient(ellipse at 50% 120%,#234468,transparent 70%),#111a2c;text-align:center;border-block:1px solid #2b3952}#tx-site .contact h2{font-size:clamp(34px,5.7cqw,60px)}#tx-site .contact p{max-width:530px;margin:0 auto 25px}#tx-site footer{padding:35px 6%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#070c15;color:#8295b1;font-size:11px}#tx-site footer a{color:#b1c9e9;text-decoration:none}#tx-site details{border-bottom:1px solid #2a3850;padding:20px 0}#tx-site summary{font-size:14px;color:#d4e0f1}#tx-site .notice{font-size:12px;background:#1b2d44;border:1px solid #3b5272;padding:15px;border-radius:10px}#tx-site .hero-image{animation:tx3-pan 12s ease-in-out 2}#tx-site .paused *{animation-play-state:paused!important}#tx-site [hidden]{display:none!important}#tx-site.mobile{max-width:390px;margin:auto}@keyframes tx3-pan{50%{transform:scale(1.045)}}@media(prefers-reduced-motion:reduce){#tx-site *{animation:none!important;transition:none!important}}
@container(max-width:750px){#tx-site .digital-grid{grid-template-columns:repeat(2,1fr)}#tx-site .hero{padding-top:45px}#tx-site .hero h1{font-size:52px}#tx-site nav{gap:13px}#tx-site nav button{font-size:11px}}@container(max-width:550px){#tx-site header{flex-wrap:wrap;gap:10px}#tx-site nav{gap:15px}#tx-site h1{letter-spacing:-2px!important;font-size:44px!important}#tx-site .hero{min-height:640px;padding:40px 6% 25px}#tx-site .hero-image{object-position:66% center}#tx-site .hero:after{background:linear-gradient(#071022e8,#081023bd 60%,#08102255)}#tx-site .hero-bottom{margin-top:65px;gap:10px}#tx-site .three,#tx-site .film-grid,#tx-site .steps{grid-template-columns:1fr}#tx-site .section-title{display:block}#tx-site section{padding:45px 6%}#tx-site .digital-grid{gap:10px}#tx-site .service-tile{padding:18px 13px}#tx-site .service-tile h3{font-size:14px}#tx-site .ribbon{font-size:11px;gap:12px}#tx-site .unused-review{flex-wrap:wrap}}
#tx-site header img{width:200px;height:66px;object-fit:contain;object-position:left center}#tx-site header{padding-block:15px}#tx-site .hero{min-height:580px;padding-top:55px}#tx-site .hero h1{font-size:clamp(39px,5.8cqw,64px);max-width:590px}#tx-site .hero p{max-width:430px}#tx-site .hero:after{background:linear-gradient(90deg,#070e20fa,#080f20d9 42%,#080f2044 80%)}#tx-site .hero-image{animation:tx4-drift 10s ease-in-out infinite}#tx-site .floating-brands{position:absolute;right:4%;top:90px;width:31%;height:340px;pointer-events:none}#tx-site .float-brand{position:absolute;display:flex;gap:9px;align-items:center;padding:12px 17px;background:#111f34ed;border:1px solid #6c9ace8c;border-radius:13px;box-shadow:0 12px 45px #0008;color:#edf6ff;font-size:12px;animation:tx4-float 4s ease-in-out infinite}#tx-site .float-brand img{width:27px;height:27px;object-fit:contain}#tx-site .float-brand:nth-child(1){top:0;left:0;transform:rotate(-6deg)}#tx-site .float-brand:nth-child(2){top:82px;right:0;animation-delay:-1s}#tx-site .float-brand:nth-child(3){top:178px;left:0;animation-delay:-2s}#tx-site .float-brand:nth-child(4){top:268px;right:0;animation-delay:-3s}#tx-site .brand-strip{padding:24px 6%;background:#101a2a;border-block:1px solid #2b3c55}#tx-site .brand-strip-label{font-size:10px;color:#91a9c7;letter-spacing:1.5px;text-align:center;margin-bottom:19px}#tx-site .brand-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}#tx-site .platform-button{display:flex;align-items:center;gap:9px;background:none;border:0;padding:8px 3px;color:#d9e7fa;font-size:13px;transition:translate .2s}#tx-site .platform-button:hover{translate:0 -5px}#tx-site .platform-button img{width:25px;height:25px;object-fit:contain}#tx-site .brand-letter{height:52px;display:flex;align-items:center;gap:13px;font-size:24px;margin-bottom:25px}#tx-site .brand-letter img{width:45px;height:45px;object-fit:contain}#tx-site .service-brand-icons{display:flex;gap:10px;align-items:center;height:28px}#tx-site .service-brand-icons img{width:28px;height:28px;object-fit:contain}#tx-site .commerce-card{overflow:hidden}#tx-site .commerce-card:after{content:'';position:absolute;left:-25%;top:0;width:35%;height:100%;background:linear-gradient(90deg,transparent,#a8d3ff0c,transparent);transform:skewX(-20deg);animation:tx4-sheen 7s ease-in-out infinite;pointer-events:none}#tx-site .commerce-card:nth-child(2):after{animation-delay:1.5s}#tx-site .commerce-card:nth-child(3):after{animation-delay:3s}#tx-site .hero .tx-button:first-child{animation:tx4-glow 3s ease-in-out infinite}#tx-site footer{display:block;padding:0;background:linear-gradient(150deg,#132844,#0c1423 65%);border-top:1px solid #456185;color:#adc0da}#tx-site .footer-top{padding:37px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #354965}#tx-site .footer-top h2{font-size:30px;margin:0;color:#e6f2ff}#tx-site .footer-grid{padding:45px 6%;display:grid;grid-template-columns:1.5fr 1fr 1.1fr 1fr;gap:30px}#tx-site .footer-brand img{width:215px;max-width:100%;height:75px;object-fit:contain;object-position:left}#tx-site .footer-brand p{font-size:12px;max-width:240px;color:#aabdd7}#tx-site footer h3{font-size:13px;color:#edf5ff;margin:8px 0 17px}#tx-site .footer-links{display:flex;flex-direction:column;gap:9px}#tx-site footer button:not(.tx-button){border:0;background:none;padding:3px 0;text-align:left;color:#aabfdc;font-size:12px;min-height:30px}#tx-site footer button:hover,#tx-site footer a:hover{color:#fff}#tx-site .footer-socials{display:flex;gap:12px;margin-top:20px;align-items:center}#tx-site .footer-socials img{width:24px;height:24px;object-fit:contain}#tx-site .footer-bottom{padding:20px 6%;border-top:1px solid #2b3c56;display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;font-size:10px;color:#8ea5c3}#tx-site .footer-note{padding:0 6% 22px;font-size:10px;color:#8da3c0}#tx-site .tap-ripple{position:absolute;width:24px;height:24px;border:2px solid #abd9ff;border-radius:50%;pointer-events:none;animation:tx4-ripple .65s ease-out forwards;z-index:8}#tx-site .paused *,#tx-site .paused *:after{animation-play-state:paused!important}#tx-site.paused *,#tx-site.paused *:after{animation-play-state:paused!important}@keyframes tx4-float{0%,100%{translate:0 0}50%{translate:0 -21px}}@keyframes tx4-drift{50%{transform:scale(1.07) translateX(-8px)}}@keyframes tx4-glow{50%{box-shadow:0 0 32px #5cb4ff70}}@keyframes tx4-sheen{0%,30%{left:-40%}80%,100%{left:140%}}@keyframes tx4-ripple{to{transform:scale(5);opacity:0}}@media(prefers-reduced-motion:reduce){#tx-site *{animation:none!important}}@container(max-width:750px){#tx-site .floating-brands{right:2%;width:27%}#tx-site .float-brand{padding:9px;font-size:10px}#tx-site .float-brand img{width:21px;height:21px}#tx-site .footer-grid{grid-template-columns:1fr 1fr}}@container(max-width:550px){#tx-site header img{width:180px;height:58px}#tx-site .hero{padding-bottom:25px;min-height:0}#tx-site .hero h1{font-size:41px!important}#tx-site .floating-brands{position:relative;right:auto;top:auto;height:185px;width:100%;margin-top:38px}#tx-site .float-brand{font-size:12px;padding:12px 15px}#tx-site .float-brand:nth-child(1){top:5px;left:2%}#tx-site .float-brand:nth-child(2){top:30px;right:2%}#tx-site .float-brand:nth-child(3){top:103px;left:3%}#tx-site .float-brand:nth-child(4){top:124px;right:2%}#tx-site .hero-bottom{margin-top:20px}#tx-site .brand-row{justify-content:center;gap:8px 16px}#tx-site .platform-button{font-size:12px}#tx-site .footer-top{align-items:start;flex-direction:column}#tx-site .footer-grid{gap:25px}#tx-site .footer-brand{grid-column:1/-1}#tx-site .footer-top h2{font-size:27px}}

#tx-site .light-logo{filter:brightness(0) invert(1)}