.elementor-80067 .elementor-element.elementor-element-122ef71{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-80067 .elementor-element.elementor-element-122ef71{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-80067 .elementor-element.elementor-element-122ef71{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS *//* ===== ClassIn · Theme sáng (brand guideline) — ghi đè theme tối, giữ nguyên font/bố cục/hình ảnh ===== */
html body .cl-lp{--green:#04BC09;--lime:#04BC09;--ink:#038307;--bg:#F7F7F7;--card:#FFFFFF;--line:rgba(58,58,58,.12);--text:#3A3A3A;--muted:#6B6B6B;--shadow:0 18px 40px -28px rgba(58,58,58,.28)}
html body .cl-lp .brandbar .cl-logo{background-image:url(https://classin.vn/wp-content/uploads/2024/06/ClassIn-logo_new-green.png)!important}
/* nền: element brand hiển thị bình thường trên nền sáng */
html body .cl-lp .bg i{mix-blend-mode:normal}
html body .cl-lp .bg .dots{background-image:radial-gradient(rgba(4,188,9,.30) 1px,transparent 1.3px)}
html body .cl-lp .bg .a{opacity:.5;filter:blur(2px)}
html body .cl-lp .bg .b{opacity:.32;filter:blur(12px)}
html body .cl-lp .bg .c{opacity:.22}
html body .cl-lp .bg .d{opacity:.28;filter:blur(8px)}
html body .cl-lp .bg::after{background:linear-gradient(180deg,rgba(247,247,247,0) 0,rgba(247,247,247,0) 40%,rgba(247,247,247,.75) 100%)}
/* chữ nhấn nhỏ dùng xanh đậm hơn một nấc để đủ tương phản trên nền sáng */
html body .cl-lp .eyebrow,html body .cl-lp .tab .no,html body .cl-lp .tab .meta em,html body .cl-lp .stage .box h4,html body .cl-lp .kit .box h4,html body .cl-lp .diag .dl,html body .cl-lp .row .when b{color:var(--ink)}
html body .cl-lp .tab .go{color:var(--ink)}
/* thẻ giải pháp */
html body .cl-lp .tab,html body .cl-lp .box,html body .cl-lp .tstats>div{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow)}
html body .cl-lp .tab:hover,html body .cl-lp .tab:focus-visible{background:#fff;border-color:var(--green);box-shadow:0 22px 48px -26px rgba(4,188,9,.45)}
html body .cl-lp .tab.on{background:linear-gradient(160deg,rgba(4,188,9,.10),#fff 62%);box-shadow:0 0 0 1px var(--green),0 22px 54px -28px rgba(4,188,9,.45)}
html body .cl-lp .tab .no{background:rgba(255,255,255,.94);box-shadow:0 2px 10px -4px rgba(58,58,58,.25)}
html body .cl-lp .tab .ph{background:radial-gradient(circle at 70% 30%,rgba(4,188,9,.22),#EEF7EE 72%)}
html body .cl-lp .tab .ph::after{background:linear-gradient(180deg,transparent 55%,rgba(255,255,255,.96))}
html body .cl-lp .tab .meta{color:#555}
html body .cl-lp .tab .chips b{color:var(--text);background:#F7F7F7}
html body .cl-lp .tab p,html body .cl-lp .box p,html body .cl-lp .lead,html body .cl-lp .tabhint{color:var(--muted)}
/* nút */
html body .cl-lp .btn{color:#fff}
html body .cl-lp .btn:hover{background:#039A07;border-color:#039A07;color:#fff}
html body .cl-lp .btn.ghost{background:#fff;color:var(--text);border-color:rgba(58,58,58,.2)}
html body .cl-lp .btn.ghost:hover{border-color:var(--green);background:rgba(4,188,9,.08);color:var(--text)}
/* panel nội dung */
html body .cl-lp .checks li{color:var(--text)}
html body .cl-lp .pi::before{background:linear-gradient(150deg,rgba(4,188,9,.22),rgba(187,238,35,.10));filter:blur(34px)}
html body .cl-lp .pi.photo img{border:1px solid var(--line);box-shadow:0 30px 70px -36px rgba(58,58,58,.4)}
html body .cl-lp .stats3>div{background:linear-gradient(160deg,rgba(4,188,9,.10),#fff 70%);box-shadow:var(--shadow)}
html body .cl-lp .stats3 small,html body .cl-lp .tstats small{color:var(--muted)}
html body .cl-lp .stage li{color:var(--text)}
html body .cl-lp .row .im{background:#fff;box-shadow:var(--shadow)}
html body .cl-lp .row .im.mock{background:radial-gradient(circle at 60% 40%,rgba(4,188,9,.16),#fff 72%)}
html body .cl-lp .row p{color:var(--muted)}
html body .cl-lp .row li{color:var(--text)}
html body .cl-lp .row .when{color:var(--text);background:rgba(4,188,9,.07);border-color:rgba(4,188,9,.30)}
html body .cl-lp .row .tag,html body .cl-lp .sol .box .tag{color:var(--ink);background:rgba(4,188,9,.12)}
html body .cl-lp .kit .box{background:linear-gradient(160deg,rgba(4,188,9,.09),#fff 70%);border-color:rgba(4,188,9,.35)}
html body .cl-lp .aud .box h4{color:var(--text)}
html body .cl-lp .omo-eq span{background:#fff;box-shadow:var(--shadow)}
html body .cl-lp .omo-eq span.r{background:rgba(4,188,9,.12)}
html body .cl-lp .diag{background:radial-gradient(circle at 60% 30%,rgba(4,188,9,.18),#fff 75%)}
html body .cl-lp .diag .d1{background:#fff}
html body .cl-lp .diag .d1.r{background:rgba(4,188,9,.12)}
html body .cl-lp .diag small{color:var(--muted)}
/* case study, logo khách hàng */
html body .cl-lp .case{box-shadow:var(--shadow)}
html body .cl-lp .case .stats{background:linear-gradient(160deg,rgba(4,188,9,.14),rgba(164,216,0,.10))}
html body .cl-lp .case .stats small{color:var(--muted)}
html body .cl-lp .lwall{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
html body .cl-lp .logos div{background:#fff;border-color:var(--line)}
html body .cl-lp .logos img{filter:grayscale(1);opacity:.8}
/* form */
html body .cl-lp .formbox{background:linear-gradient(160deg,rgba(4,188,9,.09),#fff 65%);box-shadow:var(--shadow)}
html body .cl-lp .formbox::before{mix-blend-mode:normal;opacity:.3}
html body .cl-lp .wpcf7 label{color:var(--text)}
html body .cl-lp .wpcf7 input[type=text],html body .cl-lp .wpcf7 input[type=email],html body .cl-lp .wpcf7 input[type=tel],html body .cl-lp .wpcf7 select,html body .cl-lp .wpcf7 textarea{background:#fff;color:var(--text);border-color:rgba(58,58,58,.2)}
html body .cl-lp .wpcf7 input::placeholder,html body .cl-lp .wpcf7 textarea::placeholder{color:#9a9a9a}
html body .cl-lp .wpcf7 input[type=submit]:hover{background:#039A07;color:#fff}
html body .cl-lp .wpcf7-response-output{color:var(--text)}
/* thư viện ảnh + lightbox */
html body .cl-lp .gal .gi{background:#fff;border-color:var(--line);box-shadow:var(--shadow)}
.cl-lb{background:rgba(247,247,247,.96)}
.cl-lb img{box-shadow:0 30px 70px -30px rgba(58,58,58,.45)}
.cl-lb button{color:#3A3A3A;background:rgba(58,58,58,.08);border-color:rgba(58,58,58,.18)}
.cl-lb button:hover{background:#04BC09;border-color:#04BC09;color:#fff}
.cl-lb .c{color:#6B6B6B}

/* ===== MENU SITE: trang dùng header của website nên ẩn thanh logo riêng và chừa chỗ cho menu ===== */
html body .cl-lp .brandbar{display:none}
html body .cl-lp .hero{padding-top:150px}
@media(max-width:900px){html body .cl-lp .hero{padding-top:110px}}

/* ===== Số liệu tin dùng: 4 khối trên một hàng ===== */
html body .cl-lp .tstats{grid-template-columns:1fr 1.25fr 1fr 1.5fr}
html body .cl-lp .tstats b{white-space:nowrap}
@media(max-width:900px){html body .cl-lp .tstats{grid-template-columns:repeat(2,1fr)}html body .cl-lp .tstats>div:last-child{grid-column:1/-1}}
/* ===== Hình thức áp dụng (Offline) ===== */
html body .cl-lp .fmt{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
html body .cl-lp .fmt .box{padding:16px 16px 26px}
html body .cl-lp .fmt .box video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#ECECEC;margin-bottom:20px}
html body .cl-lp .fmt .box h4{font-size:22px;line-height:1.3;margin:0 8px 8px}
html body .cl-lp .fmt .box p{margin:0 8px}
@media(max-width:900px){html body .cl-lp .fmt{grid-template-columns:1fr}}/* End custom CSS */