html,body{margin:0;padding:0}/* Cheritan draft homepage, Home page. Paste into Additional CSS without style tags. */
.cht-site,
.cht-site *{
box-sizing:border-box;
}
.cht-site{
--primary:#3f4551;
--heading:#3f4551;
--dark:#3f4551;
--accent:#e2e2e2;
--accent-light:#e2e2e2;
--page-bg:#f2f2f2;
--section-bg:#f2f2f2;
--text:#3f4551;
--muted:#606570;
--border:#dfe2e7;
--whatsapp:#3f4551;
width:100%;
margin:0;
padding:0;
overflow:hidden;
background:#ffffff;
color:var(--text);
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",
Helvetica,Arial,sans-serif;
line-height:1.65;
}
.cht-site h1,
.cht-site h2,
.cht-site h3,
.cht-site p{
margin-top:0;
}
.cht-container{
width:92%;
max-width:1180px;
margin:0 auto;
}
.cht-section{
padding:90px 0;
}
.cht-center{
text-align:center;
}
.cht-eyebrow{
display:inline-block;
margin-bottom:14px;
color:var(--primary);
font-size:12px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;
}
.cht-heading{
max-width:800px;
margin:0 auto 18px;
color:#3f4551;
font-size:44px;
line-height:1.12;
letter-spacing:-1.4px;
}
.cht-intro{
max-width:700px;
margin:0 auto;
color:var(--muted);
font-size:16px;
}
.cht-btn{
display:inline-block;
padding:15px 27px;
background:var(--primary);
color:#3f4551 !important;
border:1px solid var(--primary);
border-radius:6px;
box-shadow:0 8px 22px rgba(226,226,226,.17);
font-size:13px;
font-weight:800;
letter-spacing:.4px;
text-align:center;
text-decoration:none !important;
transition:.25s ease;
}
.cht-btn:hover{
background:var(--heading);
border-color:var(--heading);
color:#3f4551 !important;
transform:translateY(-2px);
}
.cht-btn-gold{
background:var(--accent);
border-color:var(--accent);
color:var(--dark) !important;
box-shadow:none;
}
.cht-btn-gold:hover{
background:#3f4551;
border-color:#3f4551;
color:var(--dark) !important;
}
.cht-btn-outline{
display:inline-block;
margin-left:8px;
padding:15px 27px;
color:#3f4551 !important;
border:1px solid rgba(255,255,255,.5);
border-radius:6px;
font-size:13px;
font-weight:800;
letter-spacing:.4px;
text-decoration:none !important;
transition:.25s ease;
}
.cht-btn-outline:hover{
background:#ffffff;
color:var(--heading) !important;
}
.cht-header{
position:relative;
z-index:50;
background:var(--heading);
border-bottom:1px solid rgba(255,255,255,.1);
}
.cht-header-inner{
min-height:82px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
}
.cht-logo{
display:block;
width:175px;
}
.cht-logo img{
display:block;
width:100%;
height:auto;
}
.cht-nav{
display:flex;
align-items:center;
justify-content:flex-end;
gap:25px;
}
.cht-nav a{
color:#606570 !important;
font-size:13px;
font-weight:600;
text-decoration:none !important;
}
.cht-nav a:hover{
color:#606570 !important;
}
.cht-nav .cht-header-cta{
padding:11px 18px;
background:var(--accent);
color:var(--dark) !important;
border-radius:5px;
font-weight:800;
}
.cht-hero{
position:relative;
padding:100px 0 105px;
overflow:hidden;
color:#3f4551;
background:
radial-gradient(
circle at 84% 25%,
rgba(226,226,226,.22) 0%,
rgba(226,226,226,.2) 25%,
transparent 50%
),
linear-gradient(
135deg,
#3f4551 0%,
#f0f1f4 48%,
#ffffff 100%
);
}
.cht-hero:before{
content:"";
position:absolute;
right:-190px;
top:-190px;
width:570px;
height:570px;
border:1px solid rgba(226,226,226,.12);
border-radius:50%;
}
.cht-hero-grid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.1fr .9fr;
gap:70px;
align-items:center;
}
.cht-hero-tag{
display:inline-block;
margin-bottom:23px;
padding:8px 14px;
color:#3f4551;
background:rgba(255,255,255,.05);
border:1px solid rgba(226,226,226,.32);
border-radius:30px;
font-size:10px;
font-weight:800;
letter-spacing:1.4px;
}
.cht-hero h1{
max-width:690px;
margin-bottom:23px;
color:#3f4551;
font-size:59px;
line-height:1.04;
letter-spacing:-2.3px;
}
.cht-hero h1 span{
color:#3f4551;
}
.cht-hero-text{
max-width:610px;
margin-bottom:27px;
color:#606570;
font-size:17px;
}
.cht-hero-points{
display:flex;
flex-wrap:wrap;
gap:10px 21px;
margin:0 0 34px;
padding:0;
list-style:none;
}
.cht-hero-points li{
color:#606570;
font-size:13px;
}
.cht-hero-points li:before{
content:"✓";
margin-right:7px;
color:#3f4551;
font-weight:900;
}
.cht-form-card{
position:relative;
padding:38px;
overflow:hidden;
background:#ffffff;
color:var(--text);
border-radius:14px;
box-shadow:0 28px 75px rgba(0,0,0,.35);
}
.cht-form-card:before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:4px;
background:var(--accent);
}
.cht-form-card h2{
margin-bottom:8px;
color:#3f4551;
font-size:28px;
line-height:1.2;
}
.cht-form-card p{
margin-bottom:21px;
color:#606570;
font-size:13px;
}
.cht-form-area{
padding:20px;
background:#ffffff;
border:1px solid #dfe2e7;
border-radius:8px;
color:#606570;
font-size:13px;
}
.cht-site input[type="text"],
.cht-site input[type="email"],
.cht-site input[type="tel"],
.cht-site input[type="date"],
.cht-site select,
.cht-site textarea{
width:100%;
max-width:100%;
min-height:48px;
padding:11px 13px;
margin-bottom:10px;
background:#ffffff;
border:1px solid #bfc3ca;
border-radius:5px;
color:#606570;
font-family:inherit;
font-size:14px;
}
.cht-site textarea{
min-height:90px;
}
.cht-site input[type="submit"],
.cht-site button[type="submit"]{
width:100%;
min-height:49px;
padding:12px 20px;
background:var(--primary);
color:#3f4551;
border:0;
border-radius:5px;
cursor:pointer;
font-family:inherit;
font-weight:800;
}
.cht-trust{
background:#ffffff;
border-bottom:1px solid var(--border);
}
.cht-trust-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
}
.cht-trust-item{
padding:29px 15px;
text-align:center;
border-right:1px solid var(--border);
}
.cht-trust-item:last-child{
border-right:0;
}
.cht-trust-item strong{
display:block;
margin-bottom:2px;
color:var(--heading);
font-size:22px;
}
.cht-trust-item span{
color:#606570;
font-size:12px;
}
.cht-courses{
background:var(--page-bg);
}
.cht-course-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:19px;
margin-top:47px;
}
.cht-course-card{
position:relative;
padding:34px 27px;
background:#ffffff;
border:1px solid #dfe2e7;
border-radius:10px;
transition:.25s ease;
}
.cht-course-card:hover{
transform:translateY(-5px);
border-color:#3f4551;
box-shadow:0 18px 45px rgba(0,0,0,.08);
}
.cht-course-number{
display:block;
margin-bottom:23px;
color:var(--accent);
font-family:Georgia,serif;
font-size:36px;
line-height:1;
}
.cht-course-card h3{
margin-bottom:10px;
color:#3f4551;
font-size:19px;
}
.cht-course-card p{
min-height:95px;
margin-bottom:20px;
color:#606570;
font-size:13px;
}
.cht-course-link{
color:var(--primary) !important;
font-size:11px;
font-weight:900;
letter-spacing:.6px;
text-decoration:none !important;
}
.cht-trainer-grid{
display:grid;
grid-template-columns:.9fr 1.1fr;
gap:70px;
align-items:center;
}
.cht-trainer-photo{
min-height:540px;
display:flex;
align-items:center;
justify-content:center;
padding:25px;
overflow:hidden;
background:linear-gradient(145deg,#f0f1f4,#ffffff);
border-radius:12px;
}
.cht-trainer-photo img{
display:block;
width:100%;
height:auto;
border-radius:8px;
}
.cht-image-placeholder{
padding:30px;
color:#606570;
text-align:center;
}
.cht-image-placeholder strong{
display:block;
margin-bottom:6px;
color:var(--heading);
font-size:18px;
}
.cht-trainer-content h2{
margin-bottom:8px;
color:#3f4551;
font-size:45px;
line-height:1.08;
}
.cht-trainer-role{
margin-bottom:20px;
color:var(--primary);
font-size:14px;
font-weight:800;
}
.cht-trainer-content p{
color:#606570;
}
.cht-trainer-points{
display:grid;
grid-template-columns:1fr 1fr;
gap:13px;
margin:27px 0 30px;
}
.cht-trainer-point{
padding:16px;
background:#f0f1f4;
border-left:3px solid var(--accent);
font-size:12px;
font-weight:800;
}
.cht-why{
color:#3f4551;
background:
radial-gradient(circle at 85% 10%,rgba(226,226,226,.13),transparent 30%),
linear-gradient(135deg,#3f4551,#ffffff);
}
.cht-why .cht-eyebrow{
color:#3f4551;
}
.cht-why .cht-heading{
color:#3f4551;
}
.cht-why .cht-intro{
color:#606570;
}
.cht-benefits{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:15px;
margin-top:48px;
}
.cht-benefit{
padding:28px 22px;
background:rgba(255,255,255,.045);
border:1px solid rgba(255,255,255,.11);
border-radius:9px;
}
.cht-benefit-icon{
width:38px;
height:38px;
margin-bottom:19px;
background:var(--accent);
color:var(--dark);
border-radius:50%;
line-height:38px;
text-align:center;
font-weight:900;
}
.cht-benefit h3{
margin-bottom:7px;
color:#3f4551;
font-size:16px;
}
.cht-benefit p{
margin:0;
color:#606570;
font-size:12px;
}
.cht-process-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
margin-top:48px;
}
.cht-process{
position:relative;
padding:29px;
border-top:1px solid #dfe2e7;
}
.cht-process:before{
content:"";
position:absolute;
top:-5px;
left:29px;
width:10px;
height:10px;
background:var(--primary);
border-radius:50%;
}
.cht-process strong{
display:block;
margin-bottom:8px;
color:var(--heading);
font-size:16px;
}
.cht-process p{
margin:0;
color:#606570;
font-size:12px;
}
.cht-services{
background:var(--section-bg);
}
.cht-service-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:23px;
margin-top:45px;
}
.cht-service-card{
min-height:360px;
display:flex;
align-items:flex-end;
padding:39px;
overflow:hidden;
color:#3f4551;
border-radius:12px;
background:
radial-gradient(circle at 80% 20%,rgba(226,226,226,.18),transparent 35%),
linear-gradient(145deg,#f0f1f4,#3f4551);
}
.cht-service-content{
max-width:430px;
}
.cht-service-label{
color:#3f4551;
font-size:10px;
font-weight:900;
letter-spacing:1.6px;
}
.cht-service-card h3{
margin:8px 0 11px;
color:#3f4551;
font-size:31px;
}
.cht-service-card p{
color:#606570;
font-size:13px;
}
.cht-gallery{
display:grid;
grid-template-columns:2fr 1fr 1fr;
grid-template-rows:225px 225px;
gap:11px;
margin-top:44px;
}
.cht-gallery-item{
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
padding:18px;
background:#f0f1f4;
border-radius:8px;
color:#606570;
font-size:12px;
text-align:center;
}
.cht-gallery-item:first-child{
grid-row:1 / 3;
}
.cht-gallery-item img{
width:100%;
height:100%;
object-fit:cover;
}
.cht-testimonials{
background:#3f4551;
}
.cht-testimonials .cht-eyebrow{
color:#3f4551;
}
.cht-testimonials .cht-heading{
color:#3f4551;
}
.cht-testimonials .cht-intro{
color:#606570;
}
.cht-review-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:19px;
margin-top:44px;
}
.cht-review{
padding:29px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.11);
border-radius:9px;
}
.cht-stars{
margin-bottom:14px;
color:#3f4551;
letter-spacing:2px;
}
.cht-review p{
color:#606570;
font-size:13px;
}
.cht-review strong{
color:#3f4551;
font-size:12px;
}
.cht-lead{
color:#3f4551;
background:
radial-gradient(circle at 80% 30%,rgba(226,226,226,.18),transparent 35%),
linear-gradient(120deg,#f0f1f4,#303640);
}
.cht-lead-grid{
display:grid;
grid-template-columns:1fr .9fr;
gap:65px;
align-items:center;
}
.cht-lead .cht-eyebrow{
color:#3f4551;
}
.cht-lead h2{
margin-bottom:16px;
color:#3f4551;
font-size:45px;
line-height:1.08;
}
.cht-lead p{
max-width:550px;
color:#606570;
}
.cht-lead-form{
padding:34px;
background:#ffffff;
border-radius:11px;
}
.cht-lead-form h3{
margin-bottom:7px;
color:#3f4551;
font-size:23px;
}
.cht-lead-form > p{
color:#606570;
font-size:12px;
}
.cht-faq{
max-width:850px;
margin:43px auto 0;
}
.cht-faq-item{
margin-bottom:11px;
padding:21px 23px;
background:#ffffff;
border:1px solid #dfe2e7;
border-radius:7px;
}
.cht-faq-item h3{
margin-bottom:7px;
color:#3f4551;
font-size:15px;
}
.cht-faq-item p{
margin:0;
color:#606570;
font-size:13px;
}
.cht-contact{
background:#ffffff;
}
.cht-contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:55px;
align-items:center;
}
.cht-contact h2{
margin-bottom:16px;
color:#3f4551;
font-size:39px;
line-height:1.15;
}
.cht-contact-list{
margin:24px 0 27px;
padding:0;
list-style:none;
}
.cht-contact-list li{
margin-bottom:14px;
color:#606570;
font-size:13px;
}
.cht-contact-list a{
color:var(--primary) !important;
text-decoration:none !important;
}
.cht-map{
min-height:350px;
display:flex;
align-items:center;
justify-content:center;
padding:30px;
background:#f0f1f4;
border-radius:11px;
color:#606570;
text-align:center;
}
.cht-footer{
position:relative;
padding:72px 0 0;
background:
radial-gradient(circle at 10% 0%,rgba(226,226,226,.09),transparent 30%),
linear-gradient(135deg,#3f4551 0%,#ffffff 100%);
color:#606570;
}
.cht-footer-grid{
display:grid;
grid-template-columns:1.35fr .7fr .75fr 1.05fr;
gap:50px;
padding-bottom:53px;
}
.cht-footer-brand img{
display:block;
width:170px;
max-width:100%;
height:auto;
margin-bottom:20px;
}
.cht-footer-brand p{
max-width:330px;
margin-bottom:20px;
color:#606570;
font-size:12px;
line-height:1.8;
}
.cht-footer-title{
position:relative;
margin:3px 0 21px;
padding-bottom:11px;
color:#3f4551;
font-size:13px;
font-weight:900;
letter-spacing:.7px;
text-transform:uppercase;
}
.cht-footer-title:after{
content:"";
position:absolute;
bottom:0;
left:0;
width:30px;
height:2px;
background:var(--accent);
}
.cht-footer-links{
margin:0;
padding:0;
list-style:none;
}
.cht-footer-links li{
margin-bottom:10px;
}
.cht-footer-links a{
color:#606570 !important;
font-size:12px;
text-decoration:none !important;
}
.cht-footer-links a:hover{
color:#606570 !important;
}
.cht-footer-contact{
padding:23px;
background:rgba(255,255,255,.055);
border:1px solid rgba(255,255,255,.11);
border-radius:10px;
}
.cht-footer-contact h3{
margin-bottom:7px;
color:#3f4551;
font-size:19px;
}
.cht-footer-contact > p{
color:#606570;
font-size:12px;
}
.cht-footer-contact-line{
margin-bottom:14px;
color:#606570;
font-size:12px;
}
.cht-footer-contact-line strong{
display:block;
margin-bottom:2px;
color:#3f4551;
font-size:10px;
letter-spacing:.5px;
}
.cht-footer-contact-line a{
color:#606570 !important;
text-decoration:none !important;
}
.cht-footer-contact .cht-btn{
width:100%;
background:var(--accent);
border-color:var(--accent);
color:var(--dark) !important;
box-shadow:none;
}
.cht-footer-bottom{
padding:19px 0;
border-top:1px solid rgba(255,255,255,.1);
}
.cht-footer-bottom-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}
.cht-copyright{
color:#606570;
font-size:10px;
}
.cht-footer-legal{
display:flex;
gap:18px;
}
.cht-footer-legal a{
color:#606570 !important;
font-size:10px;
text-decoration:none !important;
}
.cht-whatsapp{
position:fixed;
z-index:9998;
right:22px;
bottom:23px;
display:flex;
align-items:center;
gap:10px;
padding:9px 16px 9px 9px;
background:var(--whatsapp);
color:#3f4551 !important;
border-radius:50px;
box-shadow:0 10px 30px rgba(0,0,0,.23);
font-size:12px;
font-weight:800;
text-decoration:none !important;
transition:.25s ease;
}
.cht-whatsapp:hover{
color:#3f4551 !important;
transform:translateY(-3px);
}
.cht-wa-icon{
width:37px;
height:37px;
display:flex;
align-items:center;
justify-content:center;
background:#ffffff;
color:#3f4551;
border-radius:50%;
font-size:18px;
font-weight:900;
}
.cht-wa-text small{
display:block;
margin-bottom:-2px;
font-size:9px;
font-weight:500;
}
.cht-mobile-bar{
display:none;
}
@media(max-width:980px){
.cht-nav{
display:none;
}
.cht-header-inner{
justify-content:center;
}
.cht-hero-grid,
.cht-trainer-grid,
.cht-lead-grid,
.cht-contact-grid{
grid-template-columns:1fr;
}
.cht-hero-grid{
gap:42px;
}
.cht-hero-left{
text-align:center;
}
.cht-hero h1,
.cht-hero-text{
margin-left:auto;
margin-right:auto;
}
.cht-hero-points{
justify-content:center;
}
.cht-course-grid,
.cht-benefits{
grid-template-columns:1fr 1fr;
}
.cht-process-grid{
grid-template-columns:1fr 1fr;
}
.cht-review-grid{
grid-template-columns:1fr;
}
.cht-footer-grid{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:650px){
.cht-site{
overflow-x:hidden;
}
.cht-container{
width:calc(100% - 34px);
max-width:100%;
}
.cht-section{
padding:58px 0;
}
.cht-heading{
font-size:31px;
line-height:1.17;
letter-spacing:-.7px;
}
.cht-intro{
font-size:14px;
}
.cht-header-inner{
min-height:69px;
}
.cht-logo{
width:145px;
}
.cht-hero{
padding:57px 0 58px;
}
.cht-hero h1{
font-size:38px;
line-height:1.07;
letter-spacing:-1.4px;
}
.cht-hero-tag{
font-size:9px;
line-height:1.5;
}
.cht-hero-text{
font-size:15px;
}
.cht-hero-points{
display:grid;
grid-template-columns:1fr 1fr;
gap:9px;
text-align:left;
}
.cht-hero-points li{
font-size:11px;
}
.cht-btn,
.cht-btn-outline{
width:100%;
min-height:49px;
display:flex;
align-items:center;
justify-content:center;
margin:9px 0 0;
}
.cht-form-card{
margin-top:35px;
padding:27px 20px;
text-align:left;
}
.cht-form-card h2{
font-size:23px;
}
.cht-trust-grid{
grid-template-columns:1fr 1fr;
}
.cht-trust-item{
padding:22px 8px;
border-bottom:1px solid var(--border);
}
.cht-trust-item:nth-child(2){
border-right:0;
}
.cht-trust-item strong{
font-size:17px;
}
.cht-course-grid,
.cht-benefits,
.cht-process-grid,
.cht-service-grid{
grid-template-columns:1fr;
}
.cht-course-grid{
gap:13px;
margin-top:34px;
}
.cht-course-card{
padding:26px 22px;
}
.cht-course-card p{
min-height:0;
}
.cht-trainer-grid{
gap:34px;
}
.cht-trainer-photo{
min-height:320px;
}
.cht-trainer-content h2{
font-size:34px;
}
.cht-trainer-points{
grid-template-columns:1fr;
}
.cht-benefits{
gap:11px;
margin-top:34px;
}
.cht-process-grid{
margin-top:34px;
}
.cht-service-card{
min-height:310px;
padding:27px 22px;
}
.cht-service-card h3{
font-size:27px;
}
.cht-gallery{
grid-template-columns:1fr 1fr;
grid-template-rows:245px 165px 165px;
gap:8px;
}
.cht-gallery-item:first-child{
grid-column:1 / 3;
grid-row:auto;
}
.cht-lead-grid{
gap:28px;
}
.cht-lead h2{
font-size:33px;
}
.cht-lead-form{
padding:24px 19px;
}
.cht-contact-grid{
gap:30px;
}
.cht-contact h2{
font-size:31px;
}
.cht-map{
min-height:280px;
}
.cht-footer{
padding-top:53px;
padding-bottom:67px;
}
.cht-footer-grid{
grid-template-columns:1fr;
gap:33px;
padding-bottom:39px;
}
.cht-footer-brand{
text-align:center;
}
.cht-footer-brand img{
margin-left:auto;
margin-right:auto;
}
.cht-footer-brand p{
margin-left:auto;
margin-right:auto;
}
.cht-footer-bottom-inner{
display:block;
text-align:center;
}
.cht-footer-legal{
justify-content:center;
margin-top:8px;
}
.cht-whatsapp{
display:none;
}
.cht-mobile-bar{
position:fixed;
z-index:9999;
bottom:0;
left:0;
right:0;
display:grid;
grid-template-columns:1fr 1fr 1fr;
box-shadow:0 -4px 20px rgba(0,0,0,.2);
}
.cht-mobile-bar a{
min-height:59px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:8px 3px;
background:#3f4551;
color:#3f4551 !important;
border-right:1px solid rgba(255,255,255,.12);
font-size:9px;
font-weight:900;
letter-spacing:.4px;
text-decoration:none !important;
}
.cht-mobile-bar a span{
margin-bottom:1px;
font-size:16px;
}
.cht-mobile-bar .cht-mobile-wa{
background:#3f4551;
}
.cht-mobile-bar .cht-mobile-demo{
background:#3f4551;
color:#606570 !important;
}
}
@media(max-width:390px){
.cht-hero h1{
font-size:33px;
}
.cht-hero-points{
grid-template-columns:1fr;
}
.cht-heading{
font-size:28px;
}
}
.cht-site{background:var(--page-bg);}
.cht-site .cht-header{background:var(--heading);}
.cht-site .cht-hero{
background:radial-gradient(circle at 84% 25%,rgba(226,226,226,.15),transparent 50%),
linear-gradient(135deg,#3f4551,#303640);
}
.cht-site .cht-hero h1,
.cht-site .cht-nav a{color:#3f4551 !important;}
.cht-site .cht-hero h1 span{color:#606570;}
.cht-site .cht-hero-text,
.cht-site .cht-hero-points li{color:#606570;}
.cht-site .cht-hero-tag,
.cht-site .cht-hero-points li:before{color:#606570;}
.cht-site .cht-nav a:hover{color:#606570 !important;}
.cht-site .cht-form-card,
.cht-site .cht-lead-form,
.cht-site .cht-trust,
.cht-site .cht-course-card,
.cht-site .cht-faq-item{background:#fff;}
.cht-site .cht-form-card p,
.cht-site .cht-lead-form > p{color:var(--muted);}
.cht-site .cht-form-area{background:#ffffff;}
.cht-site input[type="text"],
.cht-site input[type="email"],
.cht-site input[type="tel"],
.cht-site input[type="date"],
.cht-site select,
.cht-site textarea{background:#fff;color:var(--text);}
.cht-site input::placeholder,
.cht-site textarea::placeholder{color:#606570;opacity:1;}
.cht-site .cht-course-number{color:#3f4551;}
.cht-site .cht-why,
.cht-site .cht-testimonials{background:#3f4551;}
.cht-site .cht-why .cht-heading,
.cht-site .cht-benefit h3,
.cht-site .cht-testimonials .cht-heading,
.cht-site .cht-review strong{color:#3f4551;}
.cht-site .cht-why .cht-eyebrow,
.cht-site .cht-testimonials .cht-eyebrow{color:#606570;}
.cht-site .cht-why .cht-intro,
.cht-site .cht-benefit p,
.cht-site .cht-testimonials .cht-intro,
.cht-site .cht-review p{color:#606570;}
.cht-site .cht-stars{color:#606570;}
.cht-site .cht-service-card{
background:radial-gradient(circle at 80% 20%,rgba(226,226,226,.14),transparent 45%),
linear-gradient(145deg,#303640,#3f4551);
}
.cht-site .cht-service-card h3{color:#3f4551;}
.cht-site .cht-service-card p{color:#606570;}
.cht-site .cht-service-label{color:#606570;}
.cht-site .cht-lead{background:#f0f1f4;color:var(--text);}
.cht-site .cht-lead .cht-eyebrow{color:var(--primary);}
.cht-site .cht-lead h2{color:var(--heading);}
.cht-site .cht-lead p{color:var(--muted);}
.cht-site .cht-btn,
.cht-site input[type="submit"],
.cht-site button[type="submit"]{
background:#3f4551;border-color:#3f4551;color:#3f4551 !important;
}
.cht-site .cht-btn:hover,
.cht-site input[type="submit"]:hover,
.cht-site button[type="submit"]:hover{
background:#303640;border-color:#303640;color:#3f4551 !important;
}
.cht-site .cht-btn-gold,
.cht-site .cht-nav .cht-header-cta,
.cht-site .cht-footer-contact .cht-btn{
background:#3f4551;border-color:#3f4551;color:#3f4551 !important;
}
.cht-site .cht-btn-gold:hover,
.cht-site .cht-nav .cht-header-cta:hover,
.cht-site .cht-footer-contact .cht-btn:hover{
background:#e2e2e2;border-color:#e2e2e2;color:#3f4551 !important;
}
.cht-site .cht-btn-outline{color:#3f4551 !important;}
.cht-site .cht-btn-outline:hover{background:#fff;color:#3f4551 !important;}
.cht-site .cht-footer{background:#3f4551;color:#606570;}
.cht-site .cht-footer-title,
.cht-site .cht-footer-contact h3,
.cht-site .cht-footer-contact-line strong{color:#3f4551;}
.cht-site .cht-footer-brand p,
.cht-site .cht-footer-contact > p,
.cht-site .cht-footer-contact-line{color:#606570;}
.cht-site .cht-footer-links a{color:#606570 !important;}
.cht-site .cht-footer-links a:hover,
.cht-site .cht-footer-contact-line a{color:#606570 !important;}
.cht-site .cht-copyright{color:#606570;}
.cht-site .cht-footer-legal a{color:#606570 !important;}
.cht-site .cht-whatsapp,
.cht-site .cht-whatsapp:hover{color:#3f4551 !important;}
.cht-site .cht-wa-icon{background:#fff;}
.cht-site .cht-wa-icon svg{fill:#3f4551;}
.cht-site .cht-mobile-bar a{color:#3f4551 !important;}
.cht-site .cht-mobile-bar .cht-mobile-wa{color:#3f4551 !important;}
.cht-site .cht-mobile-bar .cht-mobile-demo{background:#3f4551;color:#3f4551 !important;}
.cht-site a:focus-visible,
.cht-site input:focus-visible,
.cht-site select:focus-visible,
.cht-site textarea:focus-visible,
.cht-site button:focus-visible{outline:3px solid #828895;outline-offset:3px;}
.cht-site .cht-btn-gold,
.cht-site .cht-nav .cht-header-cta,
.cht-site .cht-footer-contact .cht-btn,
.cht-site .cht-mobile-bar .cht-mobile-demo{
background:#3f4551;border-color:#3f4551;color:#3f4551 !important;
}
.cht-site .cht-btn-gold:hover,
.cht-site .cht-nav .cht-header-cta:hover,
.cht-site .cht-footer-contact .cht-btn:hover,
.cht-site .cht-mobile-bar .cht-mobile-demo:hover{
background:#303640;border-color:#303640;color:#3f4551 !important;
}
.cht-site .cht-benefit-icon{color:#3f4551;}
.cht-site .cht-hero{
background:radial-gradient(circle at 84% 25%,rgba(226,226,226,.22),transparent 52%),#3f4551;
}
.cht-site .cht-header,
.cht-site .cht-footer,
.cht-site .cht-why,
.cht-site .cht-testimonials{background:#3f4551;}
.cht-site .cht-hero{background:linear-gradient(135deg,#3f4551,#303640);}
.cht-site .cht-btn,
.cht-site .cht-btn-gold,
.cht-site .cht-nav .cht-header-cta,
.cht-site .cht-footer-contact .cht-btn,
.cht-site input[type="submit"],
.cht-site button[type="submit"],
.cht-site .cht-mobile-bar .cht-mobile-demo{
background:#e2e2e2;border-color:#e2e2e2;color:#303640 !important;
box-shadow:0 8px 22px rgba(63,69,81,.10);
}
.cht-site .cht-btn:hover,
.cht-site .cht-btn-gold:hover,
.cht-site .cht-nav .cht-header-cta:hover,
.cht-site .cht-footer-contact .cht-btn:hover,
.cht-site input[type="submit"]:hover,
.cht-site button[type="submit"]:hover,
.cht-site .cht-mobile-bar .cht-mobile-demo:hover{
background:#eeeeee;border-color:#eeeeee;color:#303640 !important;
}
.cht-site .cht-hero h1 span,
.cht-site .cht-hero-tag,
.cht-site .cht-hero-points li:before,
.cht-site .cht-service-label,
.cht-site .cht-stars{color:#606570;}
.cht-site .cht-course-number{color:#606570;}
.cht-site .cht-benefit-icon{background:#e2e2e2;color:#303640;}
.cht-site .cht-form-card:before,
.cht-site .cht-footer-title:after{background:#e2e2e2;}
.cht-site .cht-form-area,
.cht-site .cht-lead,
.cht-site .cht-contact{background:#f0f1f4;}
.cht-site .cht-whatsapp{background:#3f4551;border:1px solid #bfc3ca;}
.cht-site a:focus-visible,
.cht-site input:focus-visible,
.cht-site select:focus-visible,
.cht-site textarea:focus-visible,
.cht-site button:focus-visible{outline:3px solid #606570;outline-offset:3px;}
.cht-site .cht-btn,
.cht-site .cht-btn-gold,
.cht-site .cht-nav .cht-header-cta,
.cht-site .cht-footer-contact .cht-btn,
.cht-site input[type="submit"],
.cht-site button[type="submit"],
.cht-site .cht-mobile-bar .cht-mobile-demo{
background:#f4a98a;border-color:#f4a98a;color:#303640 !important;
}
.cht-site .cht-btn:hover,
.cht-site .cht-btn-gold:hover,
.cht-site .cht-nav .cht-header-cta:hover,
.cht-site .cht-footer-contact .cht-btn:hover,
.cht-site input[type="submit"]:hover,
.cht-site button[type="submit"]:hover,
.cht-site .cht-mobile-bar .cht-mobile-demo:hover{
background:#f8bea5;border-color:#f8bea5;color:#303640 !important;
}
.cht-site,
.cht-site .cht-header,
.cht-site .cht-hero,
.cht-site .cht-courses,
.cht-site .cht-why,
.cht-site .cht-services,
.cht-site .cht-testimonials,
.cht-site .cht-lead,
.cht-site .cht-contact,
.cht-site .cht-footer{background:#f2f2f2;color:#3f4551;}
.cht-site .cht-service-card,
.cht-site .cht-benefit,
.cht-site .cht-review,
.cht-site .cht-footer-contact{background:#fff;border:1px solid #dfe2e7;}
.cht-site .cht-hero-tag{background:#fff;border-color:#dfe2e7;}
.cht-site .cht-hero:before{border-color:#dedede;}
.cht-site .cht-header,
.cht-site .cht-footer-bottom{border-color:#dfe2e7;}
.cht-site .cht-form-area,
.cht-site .cht-trainer-photo,
.cht-site .cht-trainer-point,
.cht-site .cht-gallery-item,
.cht-site .cht-map{background:#e9e9e9;}
.cht-site .cht-btn-outline{background:#fff;color:#3f4551 !important;border-color:#858a93;}
.cht-site .cht-btn-outline:hover{background:#e6e6e6;color:#303640 !important;}
.cht-site .cht-whatsapp,
.cht-site .cht-whatsapp:hover{background:#fff;color:#3f4551 !important;}
.cht-site .cht-mobile-bar a{background:#fff;border-color:#dfe2e7;}
.cht-site{
--page-bg:#f2f2f2;
--section-bg:#eceef1;
--border:#d9dde2;
}
.cht-site .cht-header{background:#fff;border-bottom:1px solid #d9dde2;}
.cht-site .cht-hero,
.cht-site .cht-footer{background:#3f4551;color:#fff;}
.cht-site .cht-hero:before{border-color:rgba(255,255,255,.14);}
.cht-site .cht-hero h1{color:#fff !important;}
.cht-site .cht-hero h1 span{color:#e0e3e8;}
.cht-site .cht-hero-text,
.cht-site .cht-hero-points li{color:#e0e3e8;}
.cht-site .cht-hero-tag{background:rgba(255,255,255,.06);border-color:#9299a4;color:#fff;}
.cht-site .cht-hero-points li:before{color:#fff;}
.cht-site .cht-hero .cht-btn-outline{background:transparent;border-color:#c6cbd2;color:#fff !important;}
.cht-site .cht-hero .cht-btn-outline:hover{background:#fff;color:#3f4551 !important;}
.cht-site .cht-courses,
.cht-site .cht-testimonials{background:#f2f2f2;}
.cht-site .cht-why,
.cht-site .cht-services,
.cht-site .cht-lead{background:#eceef1;}
.cht-site .cht-contact{background:#fff;}
.cht-site .cht-form-area,
.cht-site .cht-trainer-point{background:#f2f2f2;}
.cht-site .cht-trainer-photo,
.cht-site .cht-gallery-item,
.cht-site .cht-map{background:#dfe3e7;}
.cht-site .cht-service-card{background:#626a75;border-color:#626a75;}
.cht-site .cht-service-card h3,
.cht-site .cht-service-card p,
.cht-site .cht-service-card .cht-service-label{color:#fff;}
.cht-site .cht-footer .cht-footer-title,
.cht-site .cht-footer .cht-footer-contact h3,
.cht-site .cht-footer .cht-footer-contact-line strong{color:#fff;}
.cht-site .cht-footer .cht-footer-brand p,
.cht-site .cht-footer .cht-footer-contact > p,
.cht-site .cht-footer .cht-footer-contact-line{color:#e0e3e8;}
.cht-site .cht-footer .cht-footer-links a,
.cht-site .cht-footer .cht-footer-contact-line a{color:#e0e3e8 !important;}
.cht-site .cht-footer .cht-footer-links a:hover{color:#fff !important;}
.cht-site .cht-footer .cht-copyright{color:#d0d5dd;}
.cht-site .cht-footer .cht-footer-legal a{color:#d0d5dd !important;}
.cht-site .cht-footer-contact{background:#48505c;border-color:#767f8b;}
.cht-site .cht-footer-bottom{border-color:#767f8b;}
/* Compact photo hero and on-click enquiry popup. Page 770 only. */
.cht-site h1,
.cht-site h2,
.cht-site h3,
.cht-site .cht-btn,
.cht-site .cht-btn-outline,
.cht-site .cht-eyebrow,
.cht-site .cht-hero-tag,
.cht-site .cht-nav a{font-family:Arial,Helvetica,sans-serif !important;font-style:normal;}
.cht-site .cht-logo{width:112px;flex-shrink:0;}
.cht-site .cht-logo img{width:112px;height:70px;object-fit:contain;}
.cht-site .cht-header-inner{min-height:84px;gap:24px;}
.cht-site .cht-nav .cht-header-cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:44px;margin:0;}
.cht-site .cht-hero{
min-height:440px;padding:66px 0;display:flex;align-items:center;
background-color:#3f4551;
background-image:linear-gradient(90deg,rgba(28,34,43,.9) 0%,rgba(28,34,43,.75) 40%,rgba(28,34,43,.18) 100%),url("https://cheritan.com/wp-content/uploads/2026/09/cheritn-home.png");
background-size:cover;background-position:center 38%;
}
.cht-site .cht-hero:before{display:none;}
.cht-site .cht-hero-left{max-width:650px;text-align:left;}
.cht-site .cht-hero h1{font-size:52px;line-height:1.06;margin:0 0 18px;letter-spacing:-1.6px;}
.cht-site .cht-hero h1 span{color:#fff;}
.cht-site .cht-hero-tag{margin:0 0 20px;padding:0;border:0;background:transparent;color:#fff;font-size:11px;letter-spacing:1.7px;}
.cht-site .cht-hero-text{max-width:460px;font-size:16px;line-height:1.65;margin:0 0 26px;color:#fff;}
.cht-site .cht-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.cht-site .cht-hero-actions a{display:inline-flex;justify-content:center;align-items:center;width:auto;min-height:46px;margin:0;padding:12px 22px;}
.cht-site .cht-section{padding:64px 0;}
.cht-site .cht-lead-grid{grid-template-columns:1fr auto;gap:24px;}
.cht-site .cht-lead h2{font-size:34px;margin:0 0 10px;}
.cht-site .cht-lead p{margin:0;}
.cht-site .cht-enquiry-source{position:relative;max-width:560px;margin:40px auto;padding:30px;background:#fff;color:#3f4551;border-radius:12px;}
.cht-site .cht-enquiry-source h2{font-size:25px;line-height:1.2;margin:0 44px 10px 0;color:#303640;}
.cht-site .cht-enquiry-source > p{font-size:14px;line-height:1.5;margin:0 0 22px;color:#606570;}
.cht-site .cht-popup-close{display:none;}
.cht-site .cht-dialog{width:calc(100% - 32px);max-width:560px;max-height:88vh;max-height:88dvh;margin:auto;padding:0;border:0;border-radius:14px;overflow-y:auto;overscroll-behavior:contain;background:#fff;box-shadow:0 24px 90px rgba(0,0,0,.3);color:#3f4551;}
.cht-site .cht-dialog::backdrop{background:rgba(24,29,36,.72);}
.cht-site .cht-dialog .cht-enquiry-source{max-width:none;margin:0;border:0;border-radius:0;}
.cht-site .cht-dialog .cht-popup-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;min-width:44px;min-height:44px;padding:0;border:1px solid #d9dde2;border-radius:50%;font-family:Arial,sans-serif;font-size:25px;line-height:1;background:#f2f2f2;color:#303640;cursor:pointer;}
.cht-site .cht-dialog .cht-popup-close:hover{background:#e4e6e9;}
.cht-site .cht-popup-form .ff-el-group{margin-bottom:14px;}
.cht-site .cht-popup-form .ff-el-form-control{font-size:14px;min-height:44px;margin-bottom:0;}
.cht-site .cht-popup-form label{font-size:13px;color:#3f4551;}
.cht-site .cht-popup-form input[type="submit"],
.cht-site .cht-popup-form button[type="submit"]{font-family:Arial,Helvetica,sans-serif !important;background:#f4a98a !important;color:#303640 !important;font-size:14px;}
@media(max-width:1000px){
.cht-site .cht-nav{display:flex;gap:16px;}
.cht-site .cht-nav a:not(.cht-header-cta){display:none;}
}
@media(max-width:650px){
.cht-site .cht-header-inner{min-height:74px;}
.cht-site .cht-logo img{height:62px;width:98px;}
.cht-site .cht-hero{min-height:410px;padding:48px 0;background-position:58% center;background-image:linear-gradient(90deg,rgba(28,34,43,.84),rgba(28,34,43,.55)),url("https://cheritan.com/wp-content/uploads/2026/09/cheritn-home.png");}
.cht-site .cht-hero h1{font-size:38px;letter-spacing:-1px;}
.cht-site .cht-hero-text{font-size:15px;}
.cht-site .cht-hero-tag{font-size:9px;letter-spacing:1.1px;}
.cht-site .cht-hero-actions{gap:10px;}
.cht-site .cht-hero-actions a{padding:12px 15px;font-size:11px;}
.cht-site .cht-section{padding:44px 0;}
.cht-site .cht-lead-grid{grid-template-columns:1fr;}
.cht-site .cht-lead h2{font-size:28px;}
.cht-site .cht-dialog .cht-enquiry-source{padding:26px 20px;}
.cht-site .cht-enquiry-source h2{font-size:22px;}
}
/* ORIGINAL CHERITAN LAYOUT — spacing, WhatsApp and gentle motion refinements. */
.cht-site.cht-classic .cht-section{padding:40px 0!important;}
.cht-site.cht-classic .cht-course-grid,
.cht-site.cht-classic .cht-benefits,
.cht-site.cht-classic .cht-process-grid,
.cht-site.cht-classic .cht-service-grid,
.cht-site.cht-classic .cht-gallery,
.cht-site.cht-classic .cht-review-grid,
.cht-site.cht-classic .cht-faq{margin-top:28px!important;}
.cht-site.cht-classic .cht-heading{margin-bottom:12px;}
.cht-site.cht-classic .cht-intro{margin-bottom:0;}
.cht-site.cht-classic p:empty,
.cht-site.cht-classic p:has(>br:only-child),
.cht-site.cht-classic :is(.cht-course-card,.cht-hero-left,.cht-hero-actions,.cht-nav,.cht-trainer-points,.cht-benefits)>br{display:none!important;}
.cht-site.cht-classic .cht-course-card{display:flex;flex-direction:column;justify-content:flex-start;gap:12px;padding:26px!important;min-height:0!important;height:auto!important;}
.cht-site.cht-classic .cht-course-number{margin:0 0 6px!important;line-height:1!important;height:auto!important;min-height:0!important;}
.cht-site.cht-classic .cht-course-card h3{margin:0!important;line-height:1.35!important;}
.cht-site.cht-classic .cht-course-card p{min-height:0!important;height:auto!important;margin:0!important;line-height:1.65!important;}
.cht-site.cht-classic .cht-course-link{margin-top:auto;padding-top:10px;}
.cht-site.cht-classic .cht-trainer-grid{gap:38px;}
.cht-site.cht-classic .cht-trainer-photo{padding:0;min-height:0;overflow:hidden;}
.cht-site.cht-classic .cht-trainer-photo img{display:block;width:100%;height:auto;object-fit:contain;}
.cht-site.cht-classic .cht-trainer-content p{margin-bottom:14px;}
.cht-site.cht-classic .cht-service-card{min-height:290px;padding:30px;}
.cht-site.cht-classic .cht-faq-item{padding:19px 22px;margin-bottom:10px;}
.cht-site.cht-classic .cht-faq-item h3{font-weight:700!important;margin:0 0 8px!important;}
.cht-site.cht-classic .cht-faq-item p{margin:0!important;}
.cht-site.cht-classic .cht-footer{padding-top:38px!important;}
.cht-site.cht-classic .cht-footer-grid{padding-bottom:30px!important;gap:30px;}
.cht-site.cht-classic .cht-footer-bottom{padding:16px 0!important;margin-top:0;}
.cht-site.cht-classic .cht-footer-brand p{margin-bottom:0;}
.cht-site.cht-classic .cht-gallery-item{padding:0;}
.cht-site.cht-classic .cht-gallery-link{position:relative;display:block;width:100%;height:100%;}
.cht-site.cht-classic .cht-gallery-item img{display:block;width:100%;height:100%;object-fit:contain;}
.cht-site.cht-classic .cht-gallery-caption{position:absolute;bottom:10px;left:10px;right:10px;padding:6px 10px;background:#303640e6;color:#fff;font-size:11px;border-radius:4px;}
.cht-site.cht-classic .cht-map{display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden;}
.cht-site.cht-classic .cht-map iframe{display:block;width:100%;height:370px;border:0;}
.cht-site.cht-classic .cht-map-link{display:block;padding:12px;text-align:center;font-size:13px;color:#303640;}
.cht-site.cht-classic .cht-review{display:flex;flex-direction:column;align-items:flex-start;}
.cht-site.cht-classic .cht-review h3{font-size:18px!important;margin:0 0 10px;}
.cht-site.cht-classic .cht-review .cht-course-link{margin-top:auto;}
.cht-site.cht-classic .cht-stars{color:#e8ac00!important;}
.cht-site.cht-classic .cht-btn-whatsapp,
.cht-site.cht-classic .cht-mobile-wa,
.cht-site.cht-classic .cht-whatsapp{background:#128c4a!important;border-color:#128c4a!important;color:#fff!important;}
.cht-site.cht-classic .cht-btn-whatsapp{margin-left:7px;}
.cht-site.cht-classic .cht-btn-whatsapp:hover,
.cht-site.cht-classic .cht-mobile-wa:hover{background:#10763e!important;border-color:#10763e!important;}
.cht-site.cht-classic .cht-btn,
.cht-site.cht-classic .cht-btn-outline,
.cht-site.cht-classic .cht-header-cta{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;}
.cht-site.cht-classic .cht-benefit,
.cht-site.cht-classic .cht-service-card,
.cht-site.cht-classic .cht-review{transition:transform .25s ease,box-shadow .25s ease;}
.cht-site.cht-classic .cht-dialog:not([open]){display:none!important;}
.cht-site.cht-classic .cht-dialog[open]{display:block!important;}
.cht-site.cht-classic :is(a,button):focus-visible{outline:3px solid #6a7f97;outline-offset:4px;}
@media(prefers-reduced-motion:no-preference){
.cht-site.cht-classic .cht-entered{animation:chtClassicRise .5s ease-out both;}
.cht-site.cht-classic .cht-hero-left{animation:chtClassicRise .65s ease-out both;}
.cht-site.cht-classic .cht-dialog[open]{animation:chtClassicPop .22s ease-out;}
.cht-site.cht-classic :is(.cht-btn,.cht-btn-outline,.cht-header-cta):hover{transform:translateY(-2px);box-shadow:0 8px 20px #30364020;}
.cht-site.cht-classic :is(.cht-benefit,.cht-service-card,.cht-review):hover{transform:translateY(-4px);box-shadow:0 12px 28px #30364014;}
}
@keyframes chtClassicRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes chtClassicPop{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.cht-site.cht-classic *,.cht-site.cht-classic *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important;}.cht-site.cht-classic :is(.cht-course-card,.cht-benefit,.cht-service-card,.cht-review,.cht-btn):hover{transform:none!important;}}
@media(max-width:650px){
.cht-site.cht-classic .cht-section{padding:28px 0!important;}
.cht-site.cht-classic :is(.cht-course-grid,.cht-benefits,.cht-process-grid,.cht-service-grid,.cht-gallery,.cht-review-grid,.cht-faq){margin-top:22px!important;}
.cht-site.cht-classic .cht-course-card{padding:22px!important;}
.cht-site.cht-classic .cht-service-card{min-height:250px;padding:24px;}
.cht-site.cht-classic .cht-trainer-grid{gap:24px;}
.cht-site.cht-classic .cht-footer{padding-top:28px!important;}
.cht-site.cht-classic .cht-footer-grid{padding-bottom:22px!important;gap:24px;}
.cht-site.cht-classic .cht-map iframe{height:300px;}
.cht-site.cht-classic .cht-btn-whatsapp{margin-left:0;margin-top:8px;}
}
.cht-site.cht-classic .cht-round{display:inline-grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;padding:0;color:var(--ink);font-size:21px;line-height:1;flex-shrink:0;}
.cht-site.cht-classic .cht-round:hover{background:#e5e8ec;}
.cht-site.cht-classic .cht-round:disabled{opacity:.4;cursor:default;}
.cht-site.cht-classic .cht-lightbox{max-width:1000px;width:calc(100% - 24px);background:#fff;}
.cht-site.cht-classic .cht-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);}
.cht-site.cht-classic .cht-lightbox-toolbar h2{font-size:16px!important;margin:0;}
.cht-site.cht-classic .cht-lightbox-image{display:block;margin:0 auto;max-width:100%;max-height:65vh;max-height:65dvh;width:auto;height:auto;object-fit:contain;background:#f2f3f5;}
.cht-site.cht-classic .cht-lightbox-nav{display:flex;justify-content:center;align-items:center;gap:18px;padding:12px;}
.cht-site.cht-classic .cht-lightbox-caption{text-align:center;padding:0 20px 16px;font-size:13px;}
/* Retain the original banner format while fitting the photo vertically. */
.cht-site.cht-classic .cht-hero{background-size:100% 100%,auto 100%;background-position:center,right center;background-repeat:no-repeat;background-color:#303640;}
/* CONSISTENT TYPE, SMALL BENEFIT ICONS AND RESPONSIVE ORIGINAL LAYOUT */
.cht-site.cht-classic{--cht-font:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-family:var(--cht-font)!important;font-size:15px;line-height:1.65;}
.cht-site.cht-classic :is(h1,h2,h3,h4,p,a,button,input,textarea,select,label,strong,small,span,summary,li,.cht-trainer-role,.cht-trainer-point,.cht-copyright){font-family:var(--cht-font)!important;font-style:normal!important;}
.cht-site.cht-classic :is(h1,h2,h3,h4){font-weight:650!important;text-transform:none;letter-spacing:-.6px;}
.cht-site.cht-classic :is(p,li){font-weight:400;line-height:1.65;}
.cht-site.cht-classic .cht-hero h1{font-size:clamp(34px,4.4vw,56px)!important;font-weight:650!important;line-height:1.1!important;letter-spacing:-1.4px;margin:0 0 18px!important;}
.cht-site.cht-classic :is(.cht-heading,.cht-trainer-content h2,.cht-contact h2,.cht-lead h2){font-size:clamp(27px,3.1vw,38px)!important;line-height:1.2!important;font-weight:650!important;}
.cht-site.cht-classic :is(.cht-eyebrow,.cht-hero-tag,.cht-service-label){font-size:11px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:1.2px;}
.cht-site.cht-classic :is(.cht-btn,.cht-btn-outline,.cht-header-cta,.cht-course-link){font-weight:650!important;letter-spacing:.15px;}
.cht-site.cht-classic :is(.cht-btn,.cht-btn-outline){font-size:13px!important;min-height:46px;line-height:1.4!important;}
.cht-site.cht-classic .cht-course-number{font-family:var(--cht-font)!important;font-weight:400!important;font-size:30px!important;letter-spacing:-.6px;}
.cht-site.cht-classic .cht-course-card h3{font-size:20px!important;font-weight:600!important;}
.cht-site.cht-classic :is(.cht-course-card p,.cht-benefit p,.cht-review p,.cht-faq-item p){font-size:14px!important;line-height:1.65!important;}
.cht-site.cht-classic .cht-benefit h3{font-size:17px!important;font-weight:600!important;margin:0 0 8px!important;}
.cht-site.cht-classic :is(.cht-review h3,.cht-faq-item h3){font-size:17px!important;font-weight:650!important;line-height:1.45!important;}
.cht-site.cht-classic .cht-process strong{font-size:16px!important;font-weight:650!important;}
.cht-site.cht-classic .cht-process p{font-size:14px!important;}
.cht-site.cht-classic .cht-container{width:calc(100% - 64px);max-width:1180px;margin-inline:auto;}
.cht-site.cht-classic :is(.cht-header-inner,.cht-hero-left,.cht-trainer-grid,.cht-contact-grid,.cht-footer-grid)>*{min-width:0;}
.cht-site.cht-classic :is(.cht-course-card,.cht-benefit,.cht-process,.cht-service-card,.cht-review,.cht-footer-contact){min-width:0;}
.cht-site.cht-classic :is(.cht-contact-list a,.cht-footer-contact-line a,.cht-footer-brand p){overflow-wrap:anywhere;}
.cht-site.cht-classic .cht-header{position:relative;z-index:50;}
.cht-site.cht-classic .cht-header-inner{display:flex;justify-content:space-between!important;align-items:center;gap:20px;min-height:88px;}
.cht-site.cht-classic .cht-logo{width:100px;flex:0 0 100px;}
.cht-site.cht-classic .cht-logo img{width:100px;height:74px;object-fit:contain;}
.cht-site.cht-classic .cht-nav{display:flex;gap:22px;align-items:center;flex-wrap:nowrap;margin-left:auto;}
.cht-site.cht-classic .cht-nav a{display:inline-flex;align-items:center;font-size:13px!important;font-weight:500!important;white-space:nowrap;}
.cht-site.cht-classic .cht-nav .cht-header-cta{font-weight:650!important;padding:12px 18px;min-height:46px;}
.cht-site.cht-classic .cht-mobile-header-cta,.cht-site.cht-classic .cht-mobile-nav{display:none;}
.cht-site.cht-classic .cht-mobile-nav{position:relative;flex-shrink:0;}
.cht-site.cht-classic .cht-mobile-nav summary{display:flex;align-items:center;justify-content:center;gap:6px;min-width:70px;min-height:44px;list-style:none;border:1px solid #d9dde2;border-radius:6px;background:#fff;padding:8px 10px;cursor:pointer;font-size:13px;font-weight:600;color:#303640;}
.cht-site.cht-classic .cht-mobile-nav summary::-webkit-details-marker{display:none;}
.cht-site.cht-classic .cht-mobile-nav summary span:first-child{font-size:18px;}
.cht-site.cht-classic .cht-mobile-nav nav{position:absolute;right:0;top:calc(100% + 10px);width:min(260px,calc(100vw - 32px));padding:8px;background:#fff;border:1px solid #d9dde2;border-radius:10px;box-shadow:0 15px 35px #30364020;z-index:51;}
.cht-site.cht-classic .cht-mobile-nav nav a{display:block;padding:10px 12px;min-height:44px;font-size:14px;color:#303640!important;}
.cht-site.cht-classic .cht-mobile-nav nav a:hover{background:#f2f3f5;border-radius:5px;}
.cht-site.cht-classic .cht-hero-left{text-align:left;max-width:610px;}
.cht-site.cht-classic .cht-hero-text{margin:0 0 24px!important;max-width:460px;font-size:16px!important;}
.cht-site.cht-classic .cht-hero-actions{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;}
.cht-site.cht-classic .cht-hero-actions>a{min-height:46px;margin:0!important;}
.cht-site.cht-classic .cht-course-grid,.cht-site.cht-classic .cht-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.cht-site.cht-classic .cht-trainer-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:38px;}
.cht-site.cht-classic .cht-benefit{padding:22px;text-align:left;}
.cht-site.cht-classic .cht-benefit-icon{display:grid;place-items:center;width:38px;height:38px;margin:0 0 14px;border-radius:10px;background:#eceef1!important;font-size:0!important;flex-shrink:0;}
.cht-site.cht-classic .cht-benefit-icon::before{content:"";display:block;width:22px;height:22px;background:#454e5b;mask:var(--cht-small-icon) center/contain no-repeat;-webkit-mask:var(--cht-small-icon) center/contain no-repeat;}
.cht-site.cht-classic .cht-process-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.cht-site.cht-classic .cht-process{padding:24px 20px;}
.cht-site.cht-classic .cht-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.cht-site.cht-classic .cht-service-card{align-items:center;}
.cht-site.cht-classic .cht-service-card h3{font-size:30px!important;line-height:1.2!important;}
.cht-site.cht-classic .cht-service-content{width:100%;}
.cht-site.cht-classic .cht-gallery{grid-template-columns:2fr 1fr 1fr;grid-template-rows:210px 210px;gap:12px;}
.cht-site.cht-classic .cht-gallery-item:first-child{grid-row:1/3;grid-column:auto;}
.cht-site.cht-classic .cht-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.cht-site.cht-classic .cht-review{padding:24px;}
.cht-site.cht-classic .cht-lead-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;}
.cht-site.cht-classic .cht-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;align-items:center;}
.cht-site.cht-classic .cht-contact-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.cht-site.cht-classic .cht-contact-actions .cht-btn{margin:0!important;}
.cht-site.cht-classic .cht-map{width:100%;align-items:stretch;justify-content:flex-start;}
.cht-site.cht-classic .cht-map iframe{width:100%;max-width:100%;height:370px;}
.cht-site.cht-classic .cht-footer-grid{grid-template-columns:1.15fr .7fr .75fr 1.05fr;gap:28px;}
.cht-site.cht-classic .cht-footer-title{font-size:13px!important;font-weight:650!important;}
.cht-site.cht-classic .cht-footer-brand{text-align:left;}
.cht-site.cht-classic .cht-footer-brand img{margin-left:0;margin-right:0;width:140px;}
.cht-site.cht-classic .cht-footer-brand p{margin-left:0;margin-right:0;}
.cht-site.cht-classic .cht-mobile-bar{display:none!important;}
/* Keep the original contact popup: one white card and the existing Fluent Form 3. */
.cht-site.cht-classic .cht-dialog:not(.cht-lightbox){width:calc(100% - 32px);max-width:560px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);margin:auto;padding:0;border-radius:14px;}
.cht-site.cht-classic .cht-dialog .cht-enquiry-source{width:100%;padding:30px!important;text-align:left;}
.cht-site.cht-classic .cht-dialog .cht-enquiry-source h2{font-size:26px!important;font-weight:650!important;line-height:1.25!important;margin:0 45px 10px 0!important;letter-spacing:-.4px;}
.cht-site.cht-classic .cht-dialog #cht-enquiry-description{font-size:14px!important;line-height:1.6!important;margin:0 0 20px!important;}
.cht-site.cht-classic .cht-dialog .cht-popup-close{width:44px;height:44px;min-width:44px;min-height:44px;top:14px;right:14px;border-radius:50%;font-size:25px!important;line-height:1!important;}
.cht-site.cht-classic .cht-popup-form{padding:18px;background:#f3f4f6;border:1px solid #dfe2e7;border-radius:9px;}
.cht-site.cht-classic .cht-popup-form :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){width:100%;max-width:100%;box-sizing:border-box;font-family:var(--cht-font)!important;font-size:16px!important;line-height:1.4;min-height:44px;background:#fff;color:#303640;border:1px solid #c7ced7;border-radius:6px;padding:10px 12px;}
.cht-site.cht-classic .cht-popup-form label{font-size:13px!important;font-weight:500!important;color:#3f4551;}
.cht-site.cht-classic .cht-popup-form .ff-el-group{margin-bottom:14px!important;}
.cht-site.cht-classic .cht-popup-form button[type=submit]{width:100%;min-height:46px;font-size:14px!important;font-weight:650!important;line-height:1.4;background:#f4a98a!important;color:#303640!important;border:0;border-radius:6px;}
.cht-site.cht-classic .cht-popup-whatsapp{display:block;margin-top:16px;text-align:center;color:#128c4a!important;font-size:13px;font-weight:600;}
.cht-site.cht-classic .cht-popup-whatsapp:hover{text-decoration:underline!important;}
@media(prefers-reduced-motion:no-preference){.cht-site.cht-classic .cht-benefit-icon{transition:transform .2s ease;}.cht-site.cht-classic .cht-benefit:hover .cht-benefit-icon{transform:translateY(-2px);}}
@media(min-width:1100px){.cht-site.cht-classic .cht-nav a:not(.cht-header-cta){display:inline-flex!important;}}
@media(max-width:1099px){
.cht-site.cht-classic .cht-nav{display:none!important;}
.cht-site.cht-classic .cht-mobile-header-cta{display:inline-flex!important;margin-left:auto;}
.cht-site.cht-classic .cht-mobile-nav{display:block;}
.cht-site.cht-classic .cht-header-inner{gap:12px;min-height:80px;}
.cht-site.cht-classic .cht-course-grid,.cht-site.cht-classic .cht-benefits,.cht-site.cht-classic .cht-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.cht-site.cht-classic .cht-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;}
.cht-site.cht-classic .cht-footer-brand p{max-width:360px;}
.cht-site.cht-classic .cht-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:260px 200px 200px;}
.cht-site.cht-classic .cht-gallery-item:first-child{grid-column:1/-1;grid-row:1;}
.cht-site.cht-classic .cht-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.cht-site.cht-classic .cht-review{padding:20px;}
}
@media(max-width:899px){
.cht-site.cht-classic .cht-container{width:calc(100% - 40px);}
.cht-site.cht-classic .cht-trainer-grid,.cht-site.cht-classic .cht-contact-grid{grid-template-columns:1fr;gap:26px;}
.cht-site.cht-classic .cht-trainer-photo{max-width:460px;width:100%;margin:0 auto;}
.cht-site.cht-classic .cht-trainer-content{text-align:left;}
.cht-site.cht-classic .cht-trainer-content p{max-width:none;}
.cht-site.cht-classic .cht-service-card{padding:26px;min-height:300px;}
.cht-site.cht-classic .cht-service-card h3{font-size:27px!important;}
.cht-site.cht-classic .cht-contact h2{max-width:600px;}
.cht-site.cht-classic .cht-map iframe{height:320px;}
.cht-site.cht-classic .cht-hero-left{max-width:520px;}
.cht-site.cht-classic .cht-hero h1{font-size:44px!important;}
.cht-site.cht-classic .cht-hero{background-image:linear-gradient(90deg,rgba(28,34,43,.94),rgba(28,34,43,.55)),url("https://cheritan.com/wp-content/uploads/2026/09/cheritn-home.png");}
}
@media(max-width:699px){
.cht-site.cht-classic .cht-review-grid{grid-template-columns:1fr;}
.cht-site.cht-classic .cht-service-grid{grid-template-columns:1fr;}
.cht-site.cht-classic .cht-service-card{min-height:250px;}
.cht-site.cht-classic .cht-lead-grid{grid-template-columns:1fr;justify-items:start;}
.cht-site.cht-classic .cht-footer-bottom-inner{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:left;gap:10px;}
.cht-site.cht-classic .cht-footer-legal{justify-content:flex-start;margin-top:0;}
.cht-site.cht-classic .cht-footer{padding-bottom:0!important;}
.cht-site.cht-classic .cht-contact-list{margin:20px 0;}
}
@media(max-width:599px){
.cht-site.cht-classic .cht-container{width:calc(100% - 32px);}
.cht-site.cht-classic .cht-section{padding:30px 0!important;}
.cht-site.cht-classic .cht-header-inner{min-height:74px;gap:8px;}
.cht-site.cht-classic .cht-logo{flex:0 0 78px;width:78px;}
.cht-site.cht-classic .cht-logo img{width:78px;height:62px;}
.cht-site.cht-classic .cht-mobile-header-cta{padding:10px 13px;font-size:12px!important;min-height:44px;}
.cht-site.cht-classic .cht-mobile-nav summary{min-width:64px;padding:8px;}
.cht-site.cht-classic .cht-hero{min-height:390px;padding:38px 0;background-position:center,right center;}
.cht-site.cht-classic .cht-hero h1{font-size:clamp(32px,8.9vw,42px)!important;line-height:1.12!important;letter-spacing:-.9px;margin:0 0 16px!important;}
.cht-site.cht-classic .cht-hero-left{text-align:left;max-width:100%;}
.cht-site.cht-classic .cht-hero-text{font-size:15px!important;max-width:330px;margin:0 0 20px!important;}
.cht-site.cht-classic .cht-hero-tag{font-size:9px!important;letter-spacing:.8px;line-height:1.6!important;}
.cht-site.cht-classic .cht-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:390px;}
.cht-site.cht-classic .cht-hero-actions>a{padding:12px 8px;font-size:12px!important;min-width:0;white-space:normal;text-align:center;}
.cht-site.cht-classic :is(.cht-heading,.cht-trainer-content h2,.cht-contact h2,.cht-lead h2){font-size:28px!important;line-height:1.22!important;letter-spacing:-.5px;}
.cht-site.cht-classic .cht-why .cht-heading{max-width:360px;margin-inline:auto;}
.cht-site.cht-classic .cht-intro{font-size:14px!important;line-height:1.65!important;}
.cht-site.cht-classic .cht-course-grid,.cht-site.cht-classic .cht-benefits,.cht-site.cht-classic .cht-process-grid{grid-template-columns:1fr;gap:14px;}
.cht-site.cht-classic .cht-course-card{padding:22px!important;}
.cht-site.cht-classic .cht-benefit{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:14px;padding:20px;}
.cht-site.cht-classic .cht-benefit-icon{grid-row:1/3;margin:0;}
.cht-site.cht-classic .cht-benefit h3{margin:0 0 6px!important;}
.cht-site.cht-classic .cht-benefit p{grid-column:2;margin:0;}
.cht-site.cht-classic .cht-process{padding:20px 18px;}
.cht-site.cht-classic .cht-process::before{left:18px;}
.cht-site.cht-classic .cht-trainer-points{grid-template-columns:1fr;gap:10px;}
.cht-site.cht-classic .cht-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:260px 180px 180px;gap:10px;}
.cht-site.cht-classic .cht-gallery-caption{left:6px;right:6px;bottom:6px;padding:5px 6px;font-size:10px;}
.cht-site.cht-classic .cht-contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.cht-site.cht-classic .cht-contact-actions .cht-btn{padding:12px 8px;font-size:12px!important;}
.cht-site.cht-classic .cht-footer-grid{grid-template-columns:1fr;gap:24px;}
.cht-site.cht-classic .cht-footer-brand{text-align:left;}
.cht-site.cht-classic .cht-footer-brand img{width:120px;margin-left:0!important;margin-right:0!important;}
.cht-site.cht-classic .cht-footer-brand p{margin-left:0!important;margin-right:0!important;}
.cht-site.cht-classic .cht-footer-contact{padding:22px;}
.cht-site.cht-classic .cht-footer-contact .cht-btn{max-width:100%;}
.cht-site.cht-classic .cht-dialog:not(.cht-lightbox){width:calc(100% - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);}
.cht-site.cht-classic .cht-dialog .cht-enquiry-source{padding:24px 18px!important;}
.cht-site.cht-classic .cht-dialog .cht-enquiry-source h2{font-size:23px!important;margin-right:42px!important;}
.cht-site.cht-classic .cht-popup-form{padding:14px;}
.cht-site.cht-classic .cht-popup-form .ff-t-container{display:flex!important;flex-direction:column!important;gap:0!important;}
.cht-site.cht-classic .cht-popup-form .ff-t-cell{width:100%!important;max-width:100%!important;flex-basis:auto!important;padding-left:0!important;padding-right:0!important;float:none!important;}
.cht-site.cht-classic .cht-popup-form .ff-name-field-wrapper{display:flex;flex-direction:column;}
.cht-site.cht-classic .cht-popup-form .ff-el-group{margin-bottom:12px!important;}
.cht-site.cht-classic .cht-lightbox-toolbar h2{font-size:15px!important;line-height:1.35!important;}
.cht-site.cht-classic .cht-lightbox-image{max-height:60dvh;}
}
@media(max-width:359px){.cht-site.cht-classic .cht-header-inner{gap:6px;}.cht-site.cht-classic .cht-logo{flex-basis:65px;width:65px;}.cht-site.cht-classic .cht-logo img{width:65px;}.cht-site.cht-classic .cht-mobile-header-cta{padding-inline:10px;}.cht-site.cht-classic .cht-mobile-nav summary{min-width:58px;font-size:12px;}.cht-site.cht-classic .cht-hero h1{font-size:32px!important;}.cht-site.cht-classic .cht-gallery{grid-template-rows:230px 155px 155px;}}
.cht-site.cht-classic .cht-small-icon-brush{--cht-small-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23454e5b%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m14%204%206%206-9%209-6-6Z%20M14%204l3-3%206%206-3%203%20M5%2013c-4%200-4%206-4%209%203%200%209%200%209-4%22%2F%3E%3C%2Fsvg%3E");}
.cht-site.cht-classic .cht-small-icon-spark{--cht-small-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23454e5b%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%203%207%207%203-7%203-3%207-3-7-7-3%207-3Z%22%2F%3E%3C%2Fsvg%3E");}
.cht-site.cht-classic .cht-small-icon-camera{--cht-small-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23454e5b%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h5l2-3h4l2%203h5v15H3Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E");}
.cht-site.cht-classic .cht-small-icon-award{--cht-small-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23454e5b%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22m8%2012-2%2010%206-3%206%203-2-10%22%2F%3E%3C%2Fsvg%3E");}
.cht-site.cht-classic .cht-small-icon-bottle{--cht-small-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23454e5b%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%208V3h6v5%20M9%203h9%20M7%2014h10%22%2F%3E%3C%2Fsvg%3E");}
.cht-site.cht-classic .cht-small-icon-mentor{--cht-small-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23454e5b%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2022v-3a8%208%200%200%201%2016%200v3%22%2F%3E%3C%2Fsvg%3E");}
.cht-site.cht-classic .cht-small-icon-briefcase{--cht-small-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23454e5b%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%227%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%207V3h8v4%20M2%2012l10%203%2010-3%20M12%2012v5%22%2F%3E%3C%2Fsvg%3E");}
.cht-site.cht-classic .cht-small-icon-book{--cht-small-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23454e5b%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205C8%202%204%202%202%203v17c4-1%207-1%2010%201%203-2%206-2%2010-1V3c-2-1-6-1-10%202Z%20M12%205v16%22%2F%3E%3C%2Fsvg%3E");}
/* Final classic refinement: contact channels, keyboard navigation and compact spacing. */
.cht-site.cht-classic{--ink:#303640;--line:#dfe2e7;--whatsapp:#128c4a;}
.cht-site.cht-classic main{display:block;min-width:0;}
.cht-site.cht-classic .cht-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.cht-site.cht-classic .cht-skip-link{position:absolute;left:16px;top:8px;z-index:100;transform:translateY(-180%);background:#fff;color:#303640!important;padding:10px 16px;border:2px solid #303640;border-radius:6px;}
.cht-site.cht-classic .cht-skip-link:focus{transform:translateY(0);}
.cht-site.cht-classic .cht-trust-item{min-width:0;}
.cht-site.cht-classic .cht-course-link{display:inline-flex;align-items:center;min-height:44px;line-height:1.5;}
.cht-site.cht-classic .cht-faq-item h3{font-weight:700!important;}
.cht-site.cht-classic .cht-round{color:#303640;border-color:#dfe2e7;cursor:pointer;}
.cht-site.cht-classic .cht-mobile-nav summary:focus-visible{outline:3px solid #6a7f97;outline-offset:3px;}
.cht-site.cht-classic .cht-mobile-nav nav{max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;}
.cht-site.cht-classic .cht-mobile-nav:not([open]) nav{display:none;}
.cht-site.cht-classic .cht-mobile-nav[open] nav{display:block;}
.cht-site.cht-classic .cht-enquiry-source{scroll-margin-top:20px;}
@media(prefers-reduced-motion:no-preference){
.cht-site.cht-classic .cht-mobile-nav[open] nav{animation:chtClassicRise .18s ease-out;}
}
@media(max-width:599px){
.cht-site.cht-classic .cht-trust-item{padding:17px 8px;}
.cht-site.cht-classic .cht-trust-item strong{font-size:19px;line-height:1.25;}
.cht-site.cht-classic .cht-trust-item span{font-size:12px;line-height:1.45;}
.cht-site.cht-classic .cht-contact-actions .cht-btn{display:flex;align-items:center;justify-content:center;}
}
/* ==========================================================
CHERITAN HOME — FINAL SAFE ALIGNMENT
Matches the Courses page social-rail/content alignment.
========================================================== */
.cht-site.cht-classic{
--home-social-desktop:36px;
--home-social-tablet:32px;
--home-social-mobile:30px;
padding-left:0!important;
overflow-x:hidden!important;
}
/* Prevent long copy/links from creating horizontal overflow. */
.cht-site.cht-classic :is(
h1,h2,h3,p,li,a,
.cht-course-card,
.cht-trainer-content,
.cht-footer-contact-line,
.cht-footer-brand
){
overflow-wrap:anywhere;
}
/* LEFT SOCIAL RAIL — small floating strip */
.cht-site.cht-classic .cht-social-rail{
position:fixed!important;
left:0!important;
top:50%!important;
transform:translateY(-50%)!important;
z-index:9999!important;
display:flex!important;
flex-direction:column!important;
gap:0!important;
width:var(--home-social-desktop)!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
border-radius:0 5px 5px 0!important;
box-shadow:0 5px 15px rgba(0,0,0,.14)!important;
visibility:visible!important;
opacity:1!important;
}
.cht-site.cht-classic .cht-social-rail .cht-social-link{
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:var(--home-social-desktop)!important;
height:var(--home-social-desktop)!important;
min-width:var(--home-social-desktop)!important;
min-height:var(--home-social-desktop)!important;
flex:0 0 var(--home-social-desktop)!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
transform:none!important;
text-decoration:none!important;
color:#fff!important;
}
.cht-site.cht-classic .cht-social-facebook{background:#1877f2!important;}
.cht-site.cht-classic .cht-social-linkedin{background:#0a66c2!important;}
.cht-site.cht-classic .cht-social-instagram{
background:linear-gradient(180deg,#c13584 0%,#e1306c 52%,#f56040 100%)!important;
}
.cht-site.cht-classic .cht-social-youtube{background:#ff0000!important;}
.cht-site.cht-classic :is(.cht-social-rail,.cht-footer-social) .cht-social-icon{
display:block!important;
width:16px!important;
height:16px!important;
flex:0 0 16px!important;
margin:0!important;
padding:0!important;
font-size:0!important;
line-height:0!important;
background-color:transparent!important;
background-position:center!important;
background-size:contain!important;
background-repeat:no-repeat!important;
background-image:var(--cht-social-image)!important;
}
/* Self-contained platform SVG icons. */
.cht-site.cht-classic .cht-social-facebook{
--cht-social-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M14%2022v-9h3l.5-4H14V7c0-1%20.3-2%202-2h2V1.5C17.3%201.2%2016.2%201%2015%201c-3.3%200-5%202-5%205v3H7v4h3v9Z%22%2F%3E%3C%2Fsvg%3E");
}
.cht-site.cht-classic .cht-social-linkedin{
--cht-social-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22white%22%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%224.5%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%208h3v13H3zM9%208h3v1.7c1-1.4%202.2-2%203.9-2%203.5%200%205.1%202%205.1%205.7V21h-3.4v-7c0-2.1-.6-3.2-2.2-3.2-1.8%200-2.9%201.2-2.9%203.4V21H9Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cht-site.cht-classic .cht-social-instagram{
--cht-social-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.9%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%226.5%22%20r%3D%221%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}
.cht-site.cht-classic .cht-social-youtube{
--cht-social-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6%205h12a4%204%200%200%201%204%204v6a4%204%200%200%201-4%204H6a4%204%200%200%201-4-4V9a4%204%200%200%201%204-4Zm4%204v6l6-3Z%22%2F%3E%3C%2Fsvg%3E");
}
/* Footer social icons remain compact. */
.cht-site.cht-classic .cht-footer-social{
display:flex!important;
flex-wrap:wrap!important;
align-items:center!important;
justify-content:flex-start!important;
gap:8px!important;
margin:16px 0 0!important;
padding:0!important;
}
.cht-site.cht-classic .cht-footer-social .cht-social-link{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:36px!important;
height:36px!important;
flex:0 0 36px!important;
padding:0!important;
border:0!important;
border-radius:5px!important;
color:#fff!important;
text-decoration:none!important;
}
/* Protected content zone — same principle as Courses page. */
@media(max-width:1199px){
.cht-site.cht-classic main > section > .cht-container,
.cht-site.cht-classic main > .cht-container,
.cht-site.cht-classic .cht-footer > .cht-container,
.cht-site.cht-classic .cht-footer-bottom .cht-container{
padding-left:52px!important;
padding-right:8px!important;
}
.cht-site.cht-classic .cht-hero h1{
font-size:clamp(38px,5.3vw,52px)!important;
line-height:1.06!important;
letter-spacing:-1.4px!important;
}
}
@media(max-width:820px){
.cht-site.cht-classic .cht-social-rail{
width:var(--home-social-tablet)!important;
}
.cht-site.cht-classic .cht-social-rail .cht-social-link{
width:var(--home-social-tablet)!important;
height:var(--home-social-tablet)!important;
min-width:var(--home-social-tablet)!important;
min-height:var(--home-social-tablet)!important;
flex-basis:var(--home-social-tablet)!important;
}
.cht-site.cht-classic .cht-social-rail .cht-social-icon{
width:15px!important;
height:15px!important;
flex-basis:15px!important;
}
.cht-site.cht-classic main > section > .cht-container,
.cht-site.cht-classic main > .cht-container,
.cht-site.cht-classic .cht-footer > .cht-container,
.cht-site.cht-classic .cht-footer-bottom .cht-container{
padding-left:48px!important;
padding-right:6px!important;
}
.cht-site.cht-classic .cht-hero-left{
text-align:left!important;
}
.cht-site.cht-classic .cht-hero h1{
margin-left:0!important;
margin-right:0!important;
max-width:560px!important;
font-size:clamp(36px,6vw,44px)!important;
line-height:1.07!important;
letter-spacing:-1.1px!important;
}
.cht-site.cht-classic .cht-hero-text{
margin-left:0!important;
margin-right:0!important;
max-width:500px!important;
font-size:15px!important;
}
.cht-site.cht-classic .cht-hero-actions{
justify-content:flex-start!important;
}
.cht-site.cht-classic .cht-hero-points{
justify-content:flex-start!important;
}
.cht-site.cht-classic{
padding-bottom:78px!important;
}
}
@media(max-width:560px){
.cht-site.cht-classic{
--home-social-mobile:30px;
padding-bottom:74px!important;
}
.cht-site.cht-classic .cht-social-rail{
width:var(--home-social-mobile)!important;
}
.cht-site.cht-classic .cht-social-rail .cht-social-link{
width:var(--home-social-mobile)!important;
height:var(--home-social-mobile)!important;
min-width:var(--home-social-mobile)!important;
min-height:var(--home-social-mobile)!important;
flex-basis:var(--home-social-mobile)!important;
}
.cht-site.cht-classic .cht-social-rail .cht-social-icon{
width:14px!important;
height:14px!important;
flex-basis:14px!important;
}
.cht-site.cht-classic main > section > .cht-container,
.cht-site.cht-classic main > .cht-container,
.cht-site.cht-classic .cht-footer > .cht-container,
.cht-site.cht-classic .cht-footer-bottom .cht-container{
width:94%!important;
padding-left:42px!important;
padding-right:4px!important;
}
.cht-site.cht-classic .cht-hero{
min-height:390px!important;
}
.cht-site.cht-classic .cht-hero h1{
font-size:clamp(31px,9vw,36px)!important;
line-height:1.09!important;
letter-spacing:-.8px!important;
}
.cht-site.cht-classic .cht-hero-text{
max-width:330px!important;
font-size:14px!important;
line-height:1.6!important;
}
.cht-site.cht-classic .cht-heading,
.cht-site.cht-classic .cht-trainer-content h2,
.cht-site.cht-classic .cht-contact h2,
.cht-site.cht-classic .cht-lead h2{
font-size:28px!important;
line-height:1.2!important;
letter-spacing:-.5px!important;
}
.cht-site.cht-classic .cht-course-card,
.cht-site.cht-classic .cht-benefit,
.cht-site.cht-classic .cht-review{
min-width:0!important;
}
.cht-site.cht-classic .cht-footer-grid{
gap:26px!important;
}
}
@media(max-width:360px){
.cht-site.cht-classic{
--home-social-mobile:28px;
}
.cht-site.cht-classic .cht-social-rail .cht-social-icon{
width:13px!important;
height:13px!important;
flex-basis:13px!important;
}
.cht-site.cht-classic main > section > .cht-container,
.cht-site.cht-classic main > .cht-container,
.cht-site.cht-classic .cht-footer > .cht-container,
.cht-site.cht-classic .cht-footer-bottom .cht-container{
padding-left:38px!important;
}
.cht-site.cht-classic .cht-hero h1{
font-size:30px!important;
}
}
@media(prefers-reduced-motion:no-preference){
.cht-site.cht-classic .cht-social-rail .cht-social-icon{
transition:transform .18s ease!important;
}
.cht-site.cht-classic .cht-social-rail .cht-social-link:is(:hover,:focus-visible) .cht-social-icon{
transform:scale(1.08)!important;
}
}
/* ==========================================================
CHERITAN HOME — FINAL POPUP + MOBILE BAR
- enquiry form is popup-only
- mobile bar is CALL / WHATSAPP / BOOK NOW
- final responsive protection for all resolutions
========================================================== */
/* The enquiry source must never appear as a normal block after the footer. */
.cht-site.cht-classic > .cht-enquiry-source{
display:none!important;
}
/* Once JS moves it into the native dialog, show it normally. */
.cht-site.cht-classic .cht-dialog .cht-enquiry-source{
display:block!important;
}
/* Popup safety */
.cht-site.cht-classic .cht-dialog:not(.cht-lightbox){
width:min(560px,calc(100vw - 32px))!important;
max-height:calc(100dvh - 28px)!important;
margin:auto!important;
padding:0!important;
border:0!important;
border-radius:14px!important;
overflow:auto!important;
overscroll-behavior:contain!important;
background:#fff!important;
box-shadow:0 24px 90px rgba(0,0,0,.30)!important;
}
.cht-site.cht-classic .cht-dialog::backdrop{
background:rgba(24,29,36,.72)!important;
backdrop-filter:blur(2px);
}
.cht-site.cht-classic .cht-dialog .cht-enquiry-source{
width:100%!important;
margin:0!important;
padding:30px!important;
background:#fff!important;
}
.cht-site.cht-classic .cht-dialog .cht-popup-close{
display:flex!important;
align-items:center!important;
justify-content:center!important;
position:absolute!important;
top:14px!important;
right:14px!important;
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
margin:0!important;
padding:0!important;
border:1px solid #d9dde2!important;
border-radius:50%!important;
background:#f2f2f2!important;
color:#303640!important;
font-size:24px!important;
line-height:1!important;
cursor:pointer!important;
}
.cht-site.cht-classic .cht-dialog .cht-enquiry-source h2{
margin:0 48px 9px 0!important;
color:#303640!important;
font-size:25px!important;
line-height:1.2!important;
}
.cht-site.cht-classic .cht-dialog .cht-enquiry-source > p{
margin:0 0 18px!important;
color:#606570!important;
font-size:14px!important;
line-height:1.55!important;
}
.cht-site.cht-classic .cht-popup-form{
padding:16px!important;
background:#f3f4f6!important;
border:1px solid #dfe2e7!important;
border-radius:9px!important;
}
.cht-site.cht-classic .cht-popup-form :is(
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
select,
textarea
){
width:100%!important;
max-width:100%!important;
min-height:44px!important;
box-sizing:border-box!important;
padding:10px 12px!important;
background:#fff!important;
border:1px solid #c7ced7!important;
border-radius:6px!important;
color:#303640!important;
font-size:16px!important;
}
.cht-site.cht-classic .cht-popup-form textarea{
min-height:88px!important;
}
.cht-site.cht-classic .cht-popup-form button[type=submit],
.cht-site.cht-classic .cht-popup-form .ff-btn{
width:100%!important;
min-height:46px!important;
padding:11px 18px!important;
background:#f4a98a!important;
border:1px solid #f4a98a!important;
border-radius:6px!important;
color:#303640!important;
font-size:14px!important;
font-weight:700!important;
}
.cht-site.cht-classic .cht-popup-whatsapp{
display:block!important;
margin-top:14px!important;
text-align:center!important;
color:#128c4a!important;
font-size:13px!important;
font-weight:650!important;
}
/* Mobile fixed action bar — force visible despite older display:none!important rule. */
@media(max-width:820px){
.cht-site.cht-classic{
padding-bottom:72px!important;
}
.cht-site.cht-classic .cht-whatsapp{
display:none!important;
}
.cht-site.cht-classic .cht-mobile-bar{
position:fixed!important;
left:0!important;
right:0!important;
bottom:0!important;
z-index:9997!important;
display:grid!important;
grid-template-columns:1fr 1.12fr 1.12fr!important;
width:100%!important;
min-height:62px!important;
margin:0!important;
padding:0!important;
background:#fff!important;
box-shadow:0 -5px 22px rgba(0,0,0,.15)!important;
}
.cht-site.cht-classic .cht-mobile-bar a{
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
min-width:0!important;
min-height:62px!important;
margin:0!important;
padding:8px 5px!important;
border:0!important;
border-right:1px solid #dfe2e7!important;
border-radius:0!important;
background:#fff!important;
color:#303640!important;
font-size:10px!important;
font-weight:800!important;
letter-spacing:.25px!important;
line-height:1.2!important;
text-decoration:none!important;
white-space:nowrap!important;
}
.cht-site.cht-classic .cht-mobile-bar a span{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
margin:0!important;
font-size:13px!important;
line-height:1!important;
}
.cht-site.cht-classic .cht-mobile-bar .cht-mobile-wa{
background:#128c4a!important;
color:#fff!important;
}
.cht-site.cht-classic .cht-mobile-bar .cht-mobile-demo{
background:#f4a98a!important;
color:#303640!important;
border-right:0!important;
}
.cht-site.cht-classic .cht-dialog:not(.cht-lightbox){
width:calc(100vw - 24px)!important;
max-height:calc(100dvh - 20px)!important;
}
.cht-site.cht-classic .cht-dialog .cht-enquiry-source{
padding:24px 18px!important;
}
.cht-site.cht-classic .cht-popup-form{
padding:13px!important;
}
.cht-site.cht-classic .cht-popup-form .ff-t-container{
display:flex!important;
flex-direction:column!important;
gap:0!important;
}
.cht-site.cht-classic .cht-popup-form .ff-t-cell{
width:100%!important;
max-width:100%!important;
flex-basis:auto!important;
padding-left:0!important;
padding-right:0!important;
float:none!important;
}
}
/* Small phone tightening */
@media(max-width:560px){
.cht-site.cht-classic{
padding-bottom:68px!important;
}
.cht-site.cht-classic .cht-mobile-bar{
min-height:58px!important;
}
.cht-site.cht-classic .cht-mobile-bar a{
min-height:58px!important;
padding:7px 3px!important;
gap:4px!important;
font-size:9px!important;
}
.cht-site.cht-classic .cht-mobile-bar a span{
font-size:12px!important;
}
.cht-site.cht-classic .cht-dialog .cht-enquiry-source h2{
font-size:22px!important;
margin-right:42px!important;
}
}
@media(max-width:360px){
.cht-site.cht-classic .cht-mobile-bar{
grid-template-columns:.9fr 1.1fr 1.1fr!important;
}
.cht-site.cht-classic .cht-mobile-bar a{
font-size:8.5px!important;
}
}
/* ==========================================================
CHERITAN HOME — TESTIMONIALS ONLY + TEXT ALIGNMENT
========================================================== */
/* Shared text alignment */
.cht-site.cht-classic .cht-center{
text-align:center!important;
}
.cht-site.cht-classic .cht-heading,
.cht-site.cht-classic .cht-intro{
margin-left:auto!important;
margin-right:auto!important;
}
.cht-site.cht-classic .cht-testimonial-head{
max-width:760px!important;
margin:0 auto 34px!important;
text-align:center!important;
}
/* Testimonials section */
.cht-site.cht-classic .cht-testimonials{
background:#f2f2f2!important;
color:#303640!important;
}
.cht-site.cht-classic .cht-testimonials .cht-eyebrow{
color:#3f4551!important;
}
.cht-site.cht-classic .cht-testimonials .cht-heading{
color:#3f4551!important;
}
.cht-site.cht-classic .cht-testimonials .cht-intro{
max-width:650px!important;
color:#606570!important;
}
.cht-site.cht-classic .cht-review-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px!important;
margin-top:0!important;
align-items:stretch!important;
}
.cht-site.cht-classic .cht-review{
display:flex!important;
flex-direction:column!important;
min-width:0!important;
min-height:245px!important;
padding:28px 24px!important;
background:#fff!important;
border:1px solid #dfe2e7!important;
border-radius:10px!important;
color:#303640!important;
text-align:left!important;
box-shadow:none!important;
}
.cht-site.cht-classic .cht-stars{
margin:0 0 16px!important;
color:#f4a98a!important;
font-size:16px!important;
letter-spacing:2px!important;
line-height:1!important;
text-align:left!important;
}
.cht-site.cht-classic .cht-review-text{
flex:1 1 auto!important;
margin:0 0 22px!important;
color:#606570!important;
font-size:14px!important;
line-height:1.75!important;
text-align:left!important;
}
.cht-site.cht-classic .cht-review-author{
padding-top:15px!important;
border-top:1px solid #eceef1!important;
text-align:left!important;
}
.cht-site.cht-classic .cht-review-author strong{
display:block!important;
margin:0 0 3px!important;
color:#3f4551!important;
font-size:13px!important;
line-height:1.4!important;
}
.cht-site.cht-classic .cht-review-author span{
display:block!important;
color:#7a808a!important;
font-size:11px!important;
line-height:1.5!important;
}
/* General content alignment consistency */
.cht-site.cht-classic .cht-course-card,
.cht-site.cht-classic .cht-benefit,
.cht-site.cht-classic .cht-process,
.cht-site.cht-classic .cht-faq-item,
.cht-site.cht-classic .cht-footer-contact{
text-align:left!important;
}
.cht-site.cht-classic .cht-trainer-content,
.cht-site.cht-classic .cht-contact-grid > div:first-child{
text-align:left!important;
}
/* Tablet */
@media(max-width:980px){
.cht-site.cht-classic .cht-review-grid{
grid-template-columns:1fr!important;
max-width:760px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.cht-site.cht-classic .cht-review{
min-height:0!important;
}
}
/* Mobile */
@media(max-width:560px){
.cht-site.cht-classic .cht-testimonial-head{
margin-bottom:26px!important;
}
.cht-site.cht-classic .cht-review{
padding:22px 18px!important;
}
.cht-site.cht-classic .cht-review-text{
font-size:13px!important;
line-height:1.7!important;
}
.cht-site.cht-classic .cht-review-author strong{
font-size:12px!important;
}
}
/* ==========================================================
CHERITAN HOME — ONE FINAL FLEXIBLE VERSION
Final alignment for desktop / laptop / tablet / iPhone /
Android / small phones. Design/content remain unchanged.
========================================================== */
.cht-site.cht-classic{
--final-rail-desktop:36px;
--final-rail-tablet:32px;
--final-rail-mobile:28px;
width:100%!important;
max-width:100%!important;
padding-left:0!important;
overflow-x:hidden!important;
}
.cht-site.cht-classic *,
.cht-site.cht-classic *::before,
.cht-site.cht-classic *::after{
box-sizing:border-box!important;
}
.cht-site.cht-classic img,
.cht-site.cht-classic iframe{
max-width:100%!important;
}
/* Flexible global container */
.cht-site.cht-classic .cht-container{
width:min(92%,1180px)!important;
max-width:1180px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* Avoid overflow from long headings / emails / links */
.cht-site.cht-classic :is(
h1,h2,h3,p,li,a,strong,span,
.cht-contact-list,
.cht-footer-contact-line,
.cht-review,
.cht-course-card
){
overflow-wrap:anywhere;
word-break:normal;
}
/* ---------- LEFT SOCIAL RAIL ---------- */
.cht-site.cht-classic .cht-social-rail{
position:fixed!important;
left:0!important;
top:50%!important;
transform:translateY(-50%)!important;
z-index:9999!important;
display:flex!important;
flex-direction:column!important;
gap:0!important;
width:var(--final-rail-desktop)!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
border-radius:0 5px 5px 0!important;
box-shadow:0 5px 15px rgba(0,0,0,.14)!important;
}
.cht-site.cht-classic .cht-social-rail .cht-social-link{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:var(--final-rail-desktop)!important;
height:var(--final-rail-desktop)!important;
min-width:var(--final-rail-desktop)!important;
min-height:var(--final-rail-desktop)!important;
flex:0 0 var(--final-rail-desktop)!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
text-decoration:none!important;
}
.cht-site.cht-classic .cht-social-rail .cht-social-icon{
width:16px!important;
height:16px!important;
flex:0 0 16px!important;
}
/* ---------- HEADER ---------- */
.cht-site.cht-classic .cht-header{
width:100%!important;
}
.cht-site.cht-classic .cht-header-inner{
width:100%!important;
}
.cht-site.cht-classic .cht-nav{
min-width:0!important;
}
.cht-site.cht-classic .cht-nav a{
white-space:nowrap!important;
}
/* ---------- HERO ---------- */
.cht-site.cht-classic .cht-hero-left{
min-width:0!important;
}
.cht-site.cht-classic .cht-hero h1{
max-width:690px!important;
}
.cht-site.cht-classic .cht-hero-text{
max-width:560px!important;
}
.cht-site.cht-classic .cht-hero-actions{
display:flex!important;
flex-wrap:wrap!important;
gap:10px!important;
}
/* ---------- GRID SAFETY ---------- */
.cht-site.cht-classic :is(
.cht-course-grid,
.cht-benefits,
.cht-process-grid,
.cht-review-grid,
.cht-service-grid,
.cht-footer-grid,
.cht-trainer-grid,
.cht-contact-grid
){
min-width:0!important;
}
.cht-site.cht-classic :is(
.cht-course-card,
.cht-benefit,
.cht-process,
.cht-review,
.cht-service-card,
.cht-footer-grid > *,
.cht-trainer-grid > *,
.cht-contact-grid > *
){
min-width:0!important;
}
/* ---------- TESTIMONIALS ---------- */
.cht-site.cht-classic .cht-testimonial-head{
width:100%!important;
max-width:760px!important;
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;
}
.cht-site.cht-classic .cht-review-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
align-items:stretch!important;
}
.cht-site.cht-classic .cht-review{
width:100%!important;
height:100%!important;
}
/* ---------- MAP ---------- */
.cht-site.cht-classic .cht-map{
width:100%!important;
overflow:hidden!important;
}
.cht-site.cht-classic .cht-map iframe{
display:block!important;
width:100%!important;
max-width:100%!important;
border:0!important;
}
/* ---------- POPUP ---------- */
.cht-site.cht-classic > .cht-enquiry-source{
display:none!important;
}
.cht-site.cht-classic .cht-dialog .cht-enquiry-source{
display:block!important;
}
.cht-site.cht-classic .cht-dialog:not(.cht-lightbox){
width:min(560px,calc(100vw - 32px))!important;
max-width:560px!important;
max-height:calc(100dvh - 28px)!important;
margin:auto!important;
overflow:auto!important;
}
.cht-site.cht-classic .cht-popup-form :is(
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
select,
textarea
){
width:100%!important;
max-width:100%!important;
}
/* ---------- DESKTOP / LARGE LAPTOP ---------- */
@media(min-width:1200px){
.cht-site.cht-classic .cht-container{
width:min(92%,1180px)!important;
}
.cht-site.cht-classic .cht-course-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.cht-site.cht-classic .cht-benefits{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
}
/* ---------- LAPTOP / SMALL DESKTOP ---------- */
@media(min-width:981px) and (max-width:1199px){
.cht-site.cht-classic main > section > .cht-container,
.cht-site.cht-classic main > .cht-container,
.cht-site.cht-classic .cht-footer > .cht-container,
.cht-site.cht-classic .cht-footer-bottom .cht-container{
padding-left:44px!important;
}
.cht-site.cht-classic .cht-header .cht-container{
padding-left:0!important;
}
.cht-site.cht-classic .cht-nav{
gap:15px!important;
}
.cht-site.cht-classic .cht-nav a{
font-size:12px!important;
}
.cht-site.cht-classic .cht-hero h1{
font-size:clamp(46px,5vw,56px)!important;
line-height:1.05!important;
}
.cht-site.cht-classic .cht-course-grid,
.cht-site.cht-classic .cht-benefits{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.cht-site.cht-classic .cht-footer-grid{
grid-template-columns:1.1fr .8fr .8fr 1fr!important;
gap:28px!important;
}
}
/* ---------- TABLET / iPAD ---------- */
@media(max-width:980px){
.cht-site.cht-classic{
padding-bottom:76px!important;
}
.cht-site.cht-classic .cht-social-rail{
width:var(--final-rail-tablet)!important;
}
.cht-site.cht-classic .cht-social-rail .cht-social-link{
width:var(--final-rail-tablet)!important;
height:var(--final-rail-tablet)!important;
min-width:var(--final-rail-tablet)!important;
min-height:var(--final-rail-tablet)!important;
flex-basis:var(--final-rail-tablet)!important;
}
.cht-site.cht-classic .cht-social-rail .cht-social-icon{
width:15px!important;
height:15px!important;
flex-basis:15px!important;
}
.cht-site.cht-classic main > section > .cht-container,
.cht-site.cht-classic main > .cht-container,
.cht-site.cht-classic .cht-footer > .cht-container,
.cht-site.cht-classic .cht-footer-bottom .cht-container{
width:calc(100% - 24px)!important;
max-width:none!important;
margin-left:12px!important;
margin-right:12px!important;
padding-left:44px!important;
padding-right:8px!important;
}
.cht-site.cht-classic .cht-header .cht-container{
width:calc(100% - 28px)!important;
margin-inline:14px!important;
padding-left:0!important;
padding-right:0!important;
}
.cht-site.cht-classic .cht-header-inner{
justify-content:space-between!important;
gap:10px!important;
}
.cht-site.cht-classic .cht-hero-left{
text-align:left!important;
}
.cht-site.cht-classic .cht-hero h1,
.cht-site.cht-classic .cht-hero-text{
margin-left:0!important;
margin-right:0!important;
}
.cht-site.cht-classic .cht-hero h1{
font-size:clamp(38px,6vw,48px)!important;
line-height:1.06!important;
letter-spacing:-1.2px!important;
}
.cht-site.cht-classic .cht-hero-actions,
.cht-site.cht-classic .cht-hero-points{
justify-content:flex-start!important;
}
.cht-site.cht-classic .cht-course-grid,
.cht-site.cht-classic .cht-benefits,
.cht-site.cht-classic .cht-process-grid,
.cht-site.cht-classic .cht-review-grid{
grid-template-columns:1fr 1fr!important;
}
.cht-site.cht-classic .cht-trainer-grid,
.cht-site.cht-classic .cht-contact-grid,
.cht-site.cht-classic .cht-lead-grid{
grid-template-columns:1fr!important;
gap:32px!important;
}
.cht-site.cht-classic .cht-footer-grid{
grid-template-columns:1fr 1fr!important;
gap:28px!important;
}
.cht-site.cht-classic .cht-mobile-bar{
display:grid!important;
grid-template-columns:1fr 1.12fr 1.12fr!important;
}
}
/* ---------- PHONE / iPHONE / ANDROID ---------- */
@media(max-width:650px){
.cht-site.cht-classic{
--final-rail-mobile:28px;
padding-bottom:70px!important;
}
.cht-site.cht-classic .cht-social-rail{
width:var(--final-rail-mobile)!important;
}
.cht-site.cht-classic .cht-social-rail .cht-social-link{
width:var(--final-rail-mobile)!important;
height:var(--final-rail-mobile)!important;
min-width:var(--final-rail-mobile)!important;
min-height:var(--final-rail-mobile)!important;
flex-basis:var(--final-rail-mobile)!important;
}
.cht-site.cht-classic .cht-social-rail .cht-social-icon{
width:13px!important;
height:13px!important;
flex-basis:13px!important;
}
.cht-site.cht-classic main > section > .cht-container,
.cht-site.cht-classic main > .cht-container,
.cht-site.cht-classic .cht-footer > .cht-container,
.cht-site.cht-classic .cht-footer-bottom .cht-container{
width:calc(100% - 18px)!important;
margin-left:9px!important;
margin-right:9px!important;
padding-left:38px!important;
padding-right:5px!important;
}
.cht-site.cht-classic .cht-header .cht-container{
width:calc(100% - 18px)!important;
margin-inline:9px!important;
padding:0!important;
}
.cht-site.cht-classic .cht-header-inner{
min-height:70px!important;
}
.cht-site.cht-classic .cht-logo{
width:66px!important;
flex:0 0 66px!important;
}
.cht-site.cht-classic .cht-logo img{
width:66px!important;
height:54px!important;
object-fit:contain!important;
}
.cht-site.cht-classic .cht-mobile-header-cta{
min-height:40px!important;
padding:9px 10px!important;
font-size:10px!important;
white-space:nowrap!important;
}
.cht-site.cht-classic .cht-mobile-nav summary{
min-width:50px!important;
min-height:40px!important;
padding:7px!important;
font-size:11px!important;
}
.cht-site.cht-classic .cht-hero{
min-height:360px!important;
padding:38px 0 42px!important;
}
.cht-site.cht-classic .cht-hero h1{
max-width:310px!important;
font-size:clamp(29px,8.8vw,35px)!important;
line-height:1.09!important;
letter-spacing:-.75px!important;
}
.cht-site.cht-classic .cht-hero-text{
max-width:300px!important;
font-size:14px!important;
line-height:1.58!important;
}
.cht-site.cht-classic .cht-hero-actions{
display:grid!important;
grid-template-columns:1fr 1fr!important;
width:100%!important;
max-width:330px!important;
gap:8px!important;
}
.cht-site.cht-classic .cht-hero-actions > a{
width:100%!important;
min-height:44px!important;
margin:0!important;
padding:10px 6px!important;
font-size:10px!important;
}
.cht-site.cht-classic .cht-section{
padding:44px 0!important;
}
.cht-site.cht-classic .cht-heading,
.cht-site.cht-classic .cht-trainer-content h2,
.cht-site.cht-classic .cht-contact h2,
.cht-site.cht-classic .cht-lead h2{
font-size:27px!important;
line-height:1.18!important;
letter-spacing:-.45px!important;
}
.cht-site.cht-classic .cht-intro{
font-size:13px!important;
line-height:1.65!important;
}
.cht-site.cht-classic .cht-course-grid,
.cht-site.cht-classic .cht-benefits,
.cht-site.cht-classic .cht-process-grid,
.cht-site.cht-classic .cht-service-grid,
.cht-site.cht-classic .cht-review-grid,
.cht-site.cht-classic .cht-footer-grid{
grid-template-columns:1fr!important;
}
.cht-site.cht-classic .cht-course-card{
padding:21px 18px!important;
}
.cht-site.cht-classic .cht-review{
min-height:0!important;
padding:21px 18px!important;
}
.cht-site.cht-classic .cht-review-text{
font-size:13px!important;
line-height:1.68!important;
}
.cht-site.cht-classic .cht-trainer-points{
grid-template-columns:1fr!important;
}
.cht-site.cht-classic .cht-gallery{
grid-template-columns:1fr 1fr!important;
grid-template-rows:auto!important;
}
.cht-site.cht-classic .cht-gallery-item:first-child{
grid-column:1 / -1!important;
grid-row:auto!important;
}
.cht-site.cht-classic .cht-gallery-item{
min-height:150px!important;
}
.cht-site.cht-classic .cht-contact-actions{
display:grid!important;
grid-template-columns:1fr!important;
gap:9px!important;
}
.cht-site.cht-classic .cht-contact-actions .cht-btn{
width:100%!important;
margin:0!important;
}
.cht-site.cht-classic .cht-footer{
padding-top:44px!important;
padding-bottom:14px!important;
}
.cht-site.cht-classic .cht-footer-grid{
gap:24px!important;
}
.cht-site.cht-classic .cht-footer-brand{
text-align:left!important;
}
.cht-site.cht-classic .cht-footer-brand img{
width:110px!important;
margin:0 0 14px!important;
}
.cht-site.cht-classic .cht-footer-bottom-inner{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:6px!important;
text-align:left!important;
}
.cht-site.cht-classic .cht-footer-legal{
justify-content:flex-start!important;
margin-top:0!important;
}
.cht-site.cht-classic .cht-mobile-bar{
min-height:58px!important;
}
.cht-site.cht-classic .cht-mobile-bar a{
min-width:0!important;
min-height:58px!important;
padding:7px 2px!important;
gap:4px!important;
font-size:8.5px!important;
white-space:nowrap!important;
}
.cht-site.cht-classic .cht-dialog:not(.cht-lightbox){
width:calc(100vw - 18px)!important;
max-height:calc(100dvh - 16px)!important;
border-radius:11px!important;
}
.cht-site.cht-classic .cht-popup-form .ff-t-container{
display:flex!important;
flex-direction:column!important;
gap:0!important;
}
.cht-site.cht-classic .cht-popup-form .ff-t-cell{
width:100%!important;
max-width:100%!important;
flex-basis:auto!important;
padding-left:0!important;
padding-right:0!important;
float:none!important;
}
}
/* ---------- EXTRA SMALL PHONE ---------- */
@media(max-width:360px){
.cht-site.cht-classic{
--final-rail-mobile:26px;
}
.cht-site.cht-classic .cht-social-rail .cht-social-icon{
width:12px!important;
height:12px!important;
flex-basis:12px!important;
}
.cht-site.cht-classic main > section > .cht-container,
.cht-site.cht-classic main > .cht-container,
.cht-site.cht-classic .cht-footer > .cht-container,
.cht-site.cht-classic .cht-footer-bottom .cht-container{
padding-left:35px!important;
}
.cht-site.cht-classic .cht-hero h1{
max-width:275px!important;
font-size:28px!important;
}
.cht-site.cht-classic .cht-mobile-header-cta{
padding-inline:8px!important;
font-size:9px!important;
}
.cht-site.cht-classic .cht-mobile-nav summary{
min-width:46px!important;
}
.cht-site.cht-classic .cht-mobile-bar a{
font-size:8px!important;
}
}
/* Final visual stability: hero must be fully visible immediately on every device. */
.cht-site.cht-classic .cht-hero-left{
animation:none!important;
opacity:1!important;
transform:none!important;
}
.cht-site.cht-classic .cht-hero h1,
.cht-site.cht-classic .cht-hero h1 span,
.cht-site.cht-classic .cht-hero-tag{
color:#fff!important;
}
.cht-site.cht-classic .cht-hero-text{
color:#e0e3e8!important;
}
.cht-site.cht-classic .cht-hero .cht-btn-gold{
background:#f4a98a!important;
border-color:#f4a98a!important;
color:#303640!important;
}
.cht-site.cht-classic .cht-hero .cht-btn-outline{
background:transparent!important;
border-color:#c6cbd2!important;
color:#fff!important;
}
/* ==========================================================
CHERITAN HOME — FINAL ANIMATION + TESTIMONIAL GUARD
One testimonial section, 3 cards desktop, subtle animations.
========================================================== */
/* TESTIMONIALS: one clean section, no horizontal scrolling */
.cht-site.cht-classic #testimonials{
display:block!important;
overflow:hidden!important;
}
.cht-site.cht-classic #testimonials .cht-review-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px!important;
width:100%!important;
max-width:1180px!important;
margin-left:auto!important;
margin-right:auto!important;
overflow:visible!important;
}
.cht-site.cht-classic #testimonials .cht-review{
width:100%!important;
min-width:0!important;
max-width:none!important;
height:100%!important;
margin:0!important;
overflow:hidden!important;
}
/* If duplicate testimonial sections somehow exist in the rendered page,
keep only the first visually. JS below also removes them. */
.cht-site.cht-classic .cht-testimonials + .cht-testimonials{
display:none!important;
}
/* Professional motion: cards / buttons / images */
.cht-site.cht-classic :is(
.cht-course-card,
.cht-benefit,
.cht-process,
.cht-review,
.cht-service-card,
.cht-faq-item,
.cht-trainer-photo,
.cht-gallery-item
){
will-change:transform;
}
.cht-site.cht-classic :is(
.cht-course-card,
.cht-benefit,
.cht-review,
.cht-service-card,
.cht-faq-item
){
transition:
transform .25s ease,
box-shadow .25s ease,
border-color .25s ease!important;
}
.cht-site.cht-classic :is(
.cht-course-card,
.cht-benefit,
.cht-review,
.cht-service-card,
.cht-faq-item
):hover{
transform:translateY(-4px)!important;
box-shadow:0 14px 32px rgba(48,54,64,.10)!important;
}
.cht-site.cht-classic :is(
.cht-btn,
.cht-btn-outline,
.cht-course-link,
.cht-header-cta
){
transition:
transform .20s ease,
background-color .20s ease,
border-color .20s ease,
color .20s ease,
box-shadow .20s ease!important;
}
.cht-site.cht-classic :is(
.cht-btn,
.cht-btn-outline,
.cht-header-cta
):hover{
transform:translateY(-2px)!important;
}
.cht-site.cht-classic .cht-gallery-item img{
transition:transform .45s ease!important;
}
.cht-site.cht-classic .cht-gallery-item:hover img{
transform:scale(1.035)!important;
}
.cht-site.cht-classic .cht-trainer-photo img{
transition:transform .45s ease!important;
}
.cht-site.cht-classic .cht-trainer-photo:hover img{
transform:scale(1.02)!important;
}
.cht-site.cht-classic .cht-social-rail .cht-social-icon{
transition:transform .18s ease!important;
}
.cht-site.cht-classic .cht-social-rail .cht-social-link:hover .cht-social-icon{
transform:scale(1.12)!important;
}
/* Desktop: exactly 3 testimonial cards */
@media(min-width:981px){
.cht-site.cht-classic #testimonials .cht-review-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
}
/* Tablet: 2 cards then 1 */
@media(min-width:651px) and (max-width:980px){
.cht-site.cht-classic #testimonials .cht-review-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.cht-site.cht-classic #testimonials .cht-review:last-child{
grid-column:1 / -1!important;
max-width:560px!important;
margin-left:auto!important;
margin-right:auto!important;
}
}
/* Mobile: one card per row */
@media(max-width:650px){
.cht-site.cht-classic #testimonials .cht-review-grid{
grid-template-columns:1fr!important;
gap:12px!important;
}
.cht-site.cht-classic #testimonials .cht-review:last-child{
grid-column:auto!important;
max-width:none!important;
}
/* Keep hover motion from making mobile feel jumpy */
.cht-site.cht-classic :is(
.cht-course-card,
.cht-benefit,
.cht-review,
.cht-service-card,
.cht-faq-item
):hover{
transform:none!important;
}
}
@media(prefers-reduced-motion:reduce){
.cht-site.cht-classic *,
.cht-site.cht-classic *::before,
.cht-site.cht-classic *::after{
scroll-behavior:auto!important;
animation-duration:.01ms!important;
animation-iteration-count:1!important;
transition-duration:.01ms!important;
}
}
/* ==========================================================
CHERITAN HOME — PRODUCTION FINAL SAFETY
Final responsive and rendering safeguards only.
========================================================== */
html{
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
scroll-behavior:smooth;
}
body{
margin:0!important;
min-width:320px;
}
.cht-site.cht-classic{
width:100%!important;
max-width:100%!important;
overflow-x:clip!important;
}
.cht-site.cht-classic img{
max-width:100%!important;
height:auto;
}
.cht-site.cht-classic :is(
.cht-course-card,
.cht-benefit,
.cht-process,
.cht-service-card,
.cht-review,
.cht-trainer-grid > *,
.cht-contact-grid > *,
.cht-footer-grid > *
){
min-width:0!important;
}
/* Exactly 3 testimonials on desktop, 2+1 tablet, 1 mobile. */
@media(min-width:981px){
.cht-site.cht-classic #testimonials .cht-review-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
}
@media(min-width:651px) and (max-width:980px){
.cht-site.cht-classic #testimonials .cht-review-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.cht-site.cht-classic #testimonials .cht-review:last-child{
grid-column:1 / -1!important;
width:min(100%,560px)!important;
margin-inline:auto!important;
}
}
@media(max-width:650px){
.cht-site.cht-classic #testimonials .cht-review-grid{
grid-template-columns:1fr!important;
}
.cht-site.cht-classic .cht-mobile-bar{
padding-bottom:env(safe-area-inset-bottom,0px)!important;
}
.cht-site.cht-classic .cht-dialog:not(.cht-lightbox){
max-height:calc(100dvh - 16px)!important;
}
}
/* iPhone / notched-device bottom safe area. */
@supports(padding:max(0px)){
@media(max-width:820px){
.cht-site.cht-classic{
padding-bottom:max(76px,calc(60px + env(safe-area-inset-bottom)))!important;
}
}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto!important}
}
/* ==========================================================
CHERITAN MASTER NAVIGATION
Courses → Makeup Course / Beauty Course
Gallery standalone page removed.
========================================================== */
.cht-nav .cht-nav-dropdown{position:relative;display:flex;align-items:center;align-self:stretch}
.cht-nav .cht-nav-parent{display:inline-flex!important;align-items:center;gap:5px}
.cht-nav .cht-nav-caret{font-size:10px;line-height:1;transition:transform .18s ease}
.cht-nav .cht-nav-dropdown:hover .cht-nav-caret,
.cht-nav .cht-nav-dropdown:focus-within .cht-nav-caret{transform:rotate(180deg)}
.cht-nav .cht-nav-submenu{
position:absolute;left:50%;top:calc(100% - 7px);z-index:100;
transform:translate(-50%,8px);
width:250px;padding:8px;
background:#fff;border:1px solid #dfe2e7;border-radius:8px;
box-shadow:0 16px 38px rgba(34,40,49,.14);
opacity:0;visibility:hidden;pointer-events:none;
transition:opacity .18s ease,transform .18s ease,visibility .18s ease
}
.cht-nav .cht-nav-dropdown:hover .cht-nav-submenu,
.cht-nav .cht-nav-dropdown:focus-within .cht-nav-submenu{
opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)
}
.cht-nav .cht-nav-submenu a{
display:block!important;width:100%!important;
padding:10px 11px!important;border-radius:5px!important;
color:#303640!important;font-size:12px!important;
line-height:1.35!important;white-space:normal!important;text-decoration:none!important
}
.cht-nav .cht-nav-submenu a:hover,
.cht-nav .cht-nav-submenu a[aria-current="page"]{
background:#f2f2f2!important;color:#303640!important
}
.cht-nav .cht-nav-parent.is-current-section{color:#303640!important}
.cht-mobile-nav nav .cht-mobile-sub{
position:relative;padding-left:28px!important;
color:#606570!important;font-size:12px!important
}
.cht-mobile-nav nav .cht-mobile-sub::before{
content:"↳";position:absolute;left:12px;color:#f4a98a;font-weight:800
}
@media(min-width:821px){
.cht-site.cht-classic .cht-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:900px;margin-left:auto;margin-right:auto}
}
/* ==========================================================
CHERITAN FINAL HEADER RESPONSIVE GUARD
Prevents duplicate desktop/mobile CTA rendering.
========================================================== */
.cht-mobile-header-cta,
.cht-mobile-nav{
display:none!important;
}
@media(max-width:1099px){
.cht-nav{display:none!important;}
.cht-mobile-header-cta{display:inline-flex!important;}
.cht-mobile-nav{display:block!important;}
}
@media(min-width:1100px){
.cht-nav{display:flex!important;}
.cht-mobile-header-cta,
.cht-mobile-nav{display:none!important;}
}
/* ==========================================================
CHERITAN FINAL FLUENT FORM SUBMIT BUTTON
========================================================== */
.cht-site.cht-classic .cht-popup-form :is(button[type="submit"],input[type="submit"],.ff-btn-submit,.ff-btn){
display:flex!important;align-items:center!important;justify-content:center!important;
width:100%!important;min-height:48px!important;margin-top:8px!important;
padding:12px 18px!important;background:#f4a98a!important;border:1px solid #f4a98a!important;
border-radius:6px!important;color:#303640!important;font-family:inherit!important;
font-size:13px!important;font-weight:800!important;line-height:1.2!important;
letter-spacing:.25px!important;text-align:center!important;cursor:pointer!important;
opacity:1!important;visibility:visible!important;box-shadow:none!important;
}
.cht-site.cht-classic .cht-popup-form :is(button[type="submit"],input[type="submit"],.ff-btn-submit,.ff-btn):hover{
background:#f8bea5!important;border-color:#f8bea5!important;color:#303640!important;
}
.cht-site.cht-classic .cht-popup-form .ff-message-success{
margin-top:12px!important;padding:12px 14px!important;border-radius:6px!important;
background:#eef7ef!important;color:#285d31!important;font-size:13px!important;line-height:1.55!important;
}