/* ===============================
LAM CHU TAM TRI – FLATSOME CSS
Scoped by .lc-flatsome
================================ */

.lc-flatsome{
–lc-brown:#5A3E2B;
–lc-green:#6B7A5A;
–lc-beige:#E7DDC6;
–lc-ivory:#FAF6EF;
–lc-gold:#E6B85C;
–lc-text:#3E342D;
–lc-soft:#F4EFE6;
–lc-white:#FFFFFF;
–lc-shadow:0 12px 36px rgba(60,45,30,.10);
–lc-radius:22px;
–lc-max:1180px;

color:var(–lc-text);
background:var(–lc-ivory);
font-size:16px;
line-height:1.7;
overflow:hidden;
}

.lc-flatsome *{
box-sizing:border-box;
}

.lc-flatsome a{
text-decoration:none;
}

.lc-container{
width:min(92%, var(–lc-max));
margin:0 auto;
}

.lc-section{
padding:88px 0;
position:relative;
}

.lc-soft{
background:var(–lc-soft);
}

.lc-dark{
background:var(–lc-green);
color:#fff;
}

.lc-center{
text-align:center;
}

.lc-kicker{
color:var(–lc-green);
font-size:13px;
font-weight:700;
letter-spacing:1.6px;
text-transform:uppercase;
margin-bottom:16px;
}

.lc-dark .lc-kicker{
color:var(–lc-gold);
}

.lc-title{
font-size:44px;
line-height:1.18;
color:var(–lc-brown);
margin:0 0 18px;
font-weight:700;
}

.lc-dark .lc-title,
.lc-dark h3,
.lc-dark h4{
color:#fff;
}

.lc-subtitle{
max-width:760px;
margin:0 auto;
color:#6D6157;
font-size:18px;
line-height:1.7;
}

.lc-dark .lc-subtitle{
color:rgba(255,255,255,.86);
}

.lc-grid-2{
display:grid;
grid-template-columns:1.05fr .95fr;
gap:54px;
align-items:center;
}

.lc-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:14px 26px;
border-radius:999px;
font-size:15px;
font-weight:700;
line-height:1.2;
transition:.25s ease;
margin:6px 10px 0 0;
}

.lc-btn-primary{
background:var(–lc-green);
color:#fff !important;
}

.lc-btn-primary:hover{
opacity:.92;
transform:translateY(-1px);
}

.lc-btn-secondary{
border:1.5px solid var(–lc-brown);
color:var(–lc-brown) !important;
background:transparent;
}

.lc-btn-secondary:hover{
background:var(–lc-brown);
color:#fff !important;
}

.lc-dark .lc-btn-secondary{
color:#fff !important;
border-color:#fff;
}

.lc-hero{
min-height:88vh;
display:flex;
align-items:center;
padding:96px 0;
background:
linear-gradient(90deg, rgba(250,246,239,.96), rgba(250,246,239,.72)),
url(“YOUR-HERO-IMAGE.jpg”) center/cover no-repeat;
}

.lc-hero h1{
font-size:72px;
line-height:1.05;
color:var(–lc-brown);
margin:0 0 20px;
letter-spacing:-1px;
}

.lc-hero-lead{
max-width:660px;
font-size:19px;
color:#584D44;
margin:0 0 26px;
}

.lc-badge-row{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:28px;
}

.lc-badge{
background:rgba(255,255,255,.78);
border:1px solid rgba(90,62,43,.10);
box-shadow:var(–lc-shadow);
padding:10px 16px;
border-radius:999px;
font-size:14px;
}

.lc-card{
background:rgba(255,255,255,.82);
border:1px solid rgba(90,62,43,.10);
border-radius:var(–lc-radius);
box-shadow:var(–lc-shadow);
padding:32px;
}

.lc-card h3,
.lc-card h4{
color:var(–lc-brown);
margin-top:0;
}

.lc-dark .lc-card{
background:rgba(255,255,255,.08);
border-color:rgba(255,255,255,.18);
}

.lc-quote{
position:relative;
}

.lc-quote:before{
content:””;
width:92px;
height:92px;
position:absolute;
top:-24px;
right:-18px;
border-radius:50%;
background:radial-gradient(circle, rgba(230,184,92,.25), rgba(230,184,92,0));
}

.lc-check-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px 34px;
margin-top:38px;
}

.lc-check{
display:flex;
gap:12px;
align-items:flex-start;
background:rgba(255,255,255,.55);
border-radius:16px;
padding:16px 18px;
}

.lc-check b{
color:var(–lc-green);
}

.lc-card-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin-top:42px;
}

.lc-icon{
width:54px;
height:54px;
border-radius:50%;
background:rgba(107,122,90,.12);
color:var(–lc-green);
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
margin-bottom:18px;
}

.lc-experience-card p{
font-size:15px;
color:#62574E;
margin-bottom:0;
}

.lc-schedule{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:26px;
margin-top:42px;
}

.lc-schedule-day h3{
font-size:28px;
margin-bottom:22px;
}

.lc-time-item{
border-top:1px solid rgba(255,255,255,.18);
padding:14px 0;
color:rgba(255,255,255,.92);
}

.lc-time-item:first-of-type{
border-top:0;
padding-top:0;
}

.lc-time{
display:block;
font-weight:700;
color:var(–lc-gold);
margin-bottom:3px;
}

.lc-info-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:18px;
margin-top:36px;
}

.lc-info-box{
background:#fff;
border-radius:18px;
box-shadow:var(–lc-shadow);
padding:20px 16px;
text-align:center;
}

.lc-info-box strong{
display:block;
color:var(–lc-brown);
margin-bottom:8px;
}

.lc-img{
width:100%;
display:block;
border-radius:var(–lc-radius);
box-shadow:var(–lc-shadow);
}

.lc-list{
padding-left:20px;
margin-bottom:0;
}

.lc-list li{
margin:10px 0;
}

.lc-form-wrap{
max-width:860px;
margin:36px auto 0;
}

.lc-form-note{
color:rgba(255,255,255,.78);
text-align:center;
font-size:14px;
margin-top:16px;
}

.lc-form-wrap input,
.lc-form-wrap select,
.lc-form-wrap textarea{
width:100%;
min-height:50px;
border-radius:14px;
border:1px solid rgba(90,62,43,.14);
padding:13px 16px;
margin-bottom:14px;
background:#fff;
font-size:15px;
}

.lc-form-wrap textarea{
min-height:120px;
}

.lc-form-wrap input[type=”submit”],
.lc-form-wrap button{
background:var(–lc-gold);
color:var(–lc-brown);
border:0;
font-weight:700;
cursor:pointer;
border-radius:999px;
padding:14px 26px;
}

.lc-faq{
max-width:900px;
margin:42px auto 0;
}

.lc-faq details{
background:#fff;
border-radius:18px;
padding:20px 22px;
margin-bottom:14px;
box-shadow:var(–lc-shadow);
}

.lc-faq summary{
cursor:pointer;
font-weight:700;
color:var(–lc-brown);
}

.lc-faq p{
margin:14px 0 0;
}

.lc-final{
text-align:center;
}

.lc-sticky{
position:fixed;
left:0;
right:0;
bottom:0;
z-index:9999;
background:rgba(250,246,239,.96);
border-top:1px solid rgba(90,62,43,.10);
padding:10px 12px;
display:flex;
gap:10px;
justify-content:center;
}

.lc-sticky .lc-btn{
flex:1;
max-width:250px;
margin:0;
}

@media(max-width:1024px){
.lc-grid-2,
.lc-card-grid,
.lc-schedule,
.lc-info-grid,
.lc-check-grid{
grid-template-columns:1fr;
}

.lc-section{
padding:64px 0;
}

.lc-hero{
min-height:auto;
padding:72px 0;
}

.lc-hero h1{
font-size:48px;
}

.lc-title{
font-size:34px;
}
}

@media(max-width:640px){
.lc-section{
padding:52px 0;
}

.lc-container{
width:90%;
}

.lc-hero{
padding:58px 0 70px;
background:
linear-gradient(rgba(250,246,239,.94), rgba(250,246,239,.92)),
url(“YOUR-HERO-IMAGE.jpg”) center/cover no-repeat;
}

.lc-hero h1{
font-size:40px;
}

.lc-hero-lead{
font-size:17px;
}

.lc-title{
font-size:30px;
}

.lc-subtitle{
font-size:16px;
}

.lc-card{
padding:24px;
}

.lc-btn{
width:100%;
margin:6px 0;
}

.lc-sticky .lc-btn{
width:auto;
font-size:14px;
padding:12px 14px;
}
}