.homeHero{background:linear-gradient(135deg,#459b69,#9cedbe);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:100px 20px}.heroContent{margin:0 auto;max-width:1000px}.homeHero h1{font-size:42px;line-height:1.3;margin-bottom:16px}.homeHero p{font-size:18px;margin-bottom:28px;max-width:700px}.heroActions{display:flex;flex-wrap:wrap;gap:16px}.btnPrimary{background:#459b69;background:var(--primary);color:#fff;padding:12px 30px}.btnPrimary.light{background:#fff;color:#459b69;color:var(--primary)}.btnOutline{border:2px solid #fff;border-radius:30px;color:#fff;font-weight:600;padding:10px 28px;text-decoration:none}.homeSection{margin:0 auto;max-width:1100px;padding:70px 20px}.homeSection.soft{background:#f6fbf8}.homeSection h2{color:#459b69;color:var(--primary);margin-bottom:30px;text-align:center}.centerText{margin:0 auto 16px;max-width:700px;text-align:center}.servicePreview{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.previewCard{background:#fff;border-radius:16px;box-shadow:0 8px 20px #0000000f;padding:26px}.whyGrid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.articlePreview{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.articleCard{border-radius:14px;box-shadow:0 6px 18px #0000000f;padding:20px}.textLink{color:#459b69;color:var(--primary);display:block;font-weight:600;margin-top:16px;text-align:center;text-decoration:none}.homeCTA{background:#459b69;background:var(--primary);color:#fff;padding:80px 20px;text-align:center}.homeCTA p{margin-bottom:24px;opacity:.95}:root{--primary:#9cedbe;--primary-dark:#6fcf97;--text-main:#1f2937;--text-muted:#6b7280;--border-light:#e5e7eb;--bg-soft:#f9fdfb}.contact-page{color:#1f2937;color:var(--text-main);font-family:Inter,Segoe UI,sans-serif;padding:80px 20px}.contact-header{margin-bottom:48px;text-align:center}.contact-header h1{font-size:36px;margin-bottom:12px}.contact-header p{color:#6b7280;color:var(--text-muted);font-size:16px}.contact-container{grid-gap:48px;background:#fff;border-radius:16px;box-shadow:0 12px 32px #0000000d;display:grid;gap:48px;grid-template-columns:1fr 1fr;margin:auto;max-width:1100px;padding:48px}.contact-info h2{font-size:22px;margin-bottom:12px}.contact-info p{color:#6b7280;color:var(--text-muted);line-height:1.6;margin-bottom:24px}.contact-info ul{list-style:none;padding:0}.contact-info li{font-size:15px;margin-bottom:12px}.contact-form .form-group{margin-bottom:18px}.contact-form label{color:#6b7280;color:var(--text-muted);display:block;font-size:14px;margin-bottom:6px}.contact-form input,.contact-form textarea{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#9cedbe;border-color:var(--primary);box-shadow:0 0 0 3px #9cedbe59;outline:none}.contact-form button{background:#9cedbe;background:var(--primary);border:none;border-radius:12px;color:#065f46;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:14px;width:100%}.contact-form button:hover{background:#6fcf97;background:var(--primary-dark)}@media (max-width:768px){.contact-container{grid-template-columns:1fr;padding:32px}}.map-section{border:2px solid #9cedbe;border:2px solid var(--primary);border-radius:16px;box-shadow:0 12px 32px #0000000f;margin:48px auto 0;max-width:1100px;overflow:hidden}.map-section iframe{border:none;height:360px;width:100%}@media (max-width:768px){.map-section iframe{height:280px}}.ms-form-wrapper{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:12px;min-height:520px;overflow:hidden;width:100%}.ms-form-wrapper iframe{border:none;height:100%;max-height:100vh;max-width:100%;min-height:520px;width:100%}@media (max-width:768px){.ms-form-wrapper,.ms-form-wrapper iframe{min-height:600px}}.about{color:#1f2933;color:var(--text-dark);line-height:1.7}.aboutHero{background:linear-gradient(135deg,#459b69,#9cedbe);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:80px 20px;text-align:center}.aboutHero h1{font-size:40px;margin-bottom:12px}.aboutHero p{font-size:18px;opacity:.95}.aboutSection{margin:0 auto;max-width:1000px;padding:60px 20px}.aboutSection.soft{background:#f6fbf8;margin-bottom:4rem}.aboutSection h2{color:#459b69;color:var(--primary);margin-bottom:20px}.aboutGrid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1000px;padding:0 20px 60px}.card{background:#fff;border-radius:14px;box-shadow:0 8px 24px #0000000f;padding:28px}.card.outline{border-left:6px solid #459b69;border-left:6px solid var(--primary)}.featureList{padding-left:20px}.featureList li{margin-bottom:10px}.valueGrid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.valueGrid h4{color:#459b69;color:var(--primary);margin-bottom:6px}.aboutCTA{background:#459b69;background:var(--primary);color:#fff;padding:70px 20px;text-align:center}.aboutCTA h2{margin-bottom:10px}.aboutCTA p{margin-bottom:24px;opacity:.95}.btnPrimary{padding:12px 28px}.historySection{margin:0 auto;max-width:1000px;padding:60px 20px}.historyTitle{color:#459b69;color:var(--primary);font-size:32px;margin-bottom:50px;text-align:center}.timeline{padding-left:30px;position:relative}.timeline:before{background:#459b69;background:var(--primary);bottom:0;content:"";left:6px;opacity:.4;position:absolute;top:0;width:2px}.timelineItem{margin-bottom:40px;padding-left:40px;position:relative}.timelineDot{background:#459b69;background:var(--primary);border-radius:50%;height:14px;left:-2px;position:absolute;top:6px;width:14px}.timelineContent{background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000000f;padding:22px 24px}.timelineYear{color:#459b69;color:var(--primary);display:inline-block;font-size:14px;font-weight:600;margin-bottom:6px}.timelineContent h3{color:#1f2933;color:var(--text-dark);font-size:18px;margin:6px 0 10px}.timelineContent p{color:#4b5563;font-size:15px;line-height:1.6;margin:0}@media (max-width:640px){.timeline{padding-left:20px}.timelineItem{padding-left:30px}}.articlesSection{margin:0 auto;max-width:1100px;padding:70px 20px}.articlesTitle{color:#459b69;color:var(--primary);font-size:34px;font-weight:600;margin-bottom:48px;text-align:center}.articlesGrid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.articleCard{background:#fff;border-radius:18px;box-shadow:0 8px 22px #0000000f;padding:28px;transition:box-shadow .25s ease,transform .25s ease}.articleCard:hover{transform:translateY(-2px)}.articleCard.expanded{box-shadow:0 14px 36px #00000024}.articleHeader{margin-bottom:10px}.articleHeader h3{color:#1f2933;color:var(--text-dark);font-size:20px;margin:6px 0}.articleDate{color:#6b7280;font-size:13px}.articleSummary{color:#4b5563;font-size:15px;line-height:1.6;margin-bottom:12px}.articleContent{max-height:0;overflow-y:auto;padding-right:4px;transition:max-height .4s ease}.articleCard.expanded .articleContent{margin-top:12px;max-height:320px}.articleContent p{color:#374151;font-size:15px;line-height:1.7;margin:0 0 12px}.articleContent::-webkit-scrollbar{width:6px}.articleContent::-webkit-scrollbar-thumb{background:#c7e9d8;border-radius:6px}.readMoreBtn{background:none;border:none;color:#459b69;color:var(--primary);cursor:pointer;font-size:15px;font-weight:600;margin-top:18px;padding:0}.readMoreBtn:hover{text-decoration:underline}@media (max-width:600px){.articlesTitle{font-size:28px}.articleCard{padding:22px}}:root{--text-dark:#1f2933}.serviceSection{max-width:1100px}.serviceTitle{color:#459b69;color:var(--primary);font-size:32px;margin-bottom:40px;text-align:center}.serviceGrid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.serviceCard{background:#fff;border-radius:18px;box-shadow:0 8px 22px #0000000f;display:flex;flex-direction:column;padding:32px 28px}.serviceCard h3{color:#459b69;color:var(--primary);font-size:20px;margin-bottom:12px}.serviceDesc{color:#4b5563;font-size:15px;line-height:1.6;margin-bottom:16px}.serviceList{margin-bottom:24px}.serviceList li{font-size:14px;margin-bottom:8px}.serviceBtn{align-self:flex-start;background:#459b69;background:var(--primary);border-radius:24px;color:#fff;font-size:14px;font-weight:500;margin-top:auto;padding:10px 24px;text-decoration:none}.serviceBtn:hover{background:#3b8b5f}.servicePage{color:#1f2933}.serviceHero{background:linear-gradient(135deg,#459b69,#9cedbe);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:80px 20px;text-align:center}.serviceHero h1{font-size:38px;margin-bottom:10px}.serviceGallery{margin:0 auto;max-width:1100px;padding:40px 20px;position:relative}.slide{align-items:center;background:#0000;border-radius:18px;display:none;justify-content:center}.slide.active{display:flex}.slide img{border-radius:18px;height:auto;max-height:520px;max-width:100%;object-fit:contain;width:auto}.galleryDots{bottom:20px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.galleryDots button{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:10px;width:10px}.galleryDots button.active{background:#9cedbe;background:var(--secondary)}.serviceDetail{margin:0 auto;max-width:1000px;padding:60px 20px}.serviceDetail h2{color:#459b69;color:var(--primary);margin-bottom:16px}.serviceDetail ul{padding-left:18px}.serviceCTA{background:#459b69;background:var(--primary);color:#fff;padding:70px 20px;text-align:center}.btnPrimary{background:#fff;border-radius:30px;color:#459b69;color:var(--primary);display:inline-block;font-weight:600;padding:12px 32px;text-decoration:none}@media (max-width:768px){.serviceGallery{height:360px}.galleryOverlay{bottom:16px;left:16px;max-width:none;right:16px}}.serviceSection{color:#1f2933;margin:0 auto;max-width:1000px;padding:60px 20px}.serviceBlock{margin-bottom:48px}.serviceBlock.soft{background:#f6fbf8;border-radius:18px;padding:32px 28px}.serviceBlock h2{color:#459b69;color:var(--primary);font-size:24px;margin-bottom:16px}.serviceBlock p{font-size:16px;line-height:1.7;max-width:900px}.serviceList{margin:0;padding-left:18px}.serviceList li{font-size:15px;margin-bottom:10px}.benefitGrid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));list-style:none;padding:0}.benefitGrid li{background:#fff;border-radius:16px;box-shadow:0 6px 18px #0000000f;padding:22px}.benefitGrid h4{color:#459b69;color:var(--primary);font-size:16px;margin-bottom:6px}.benefitGrid p{font-size:14px;line-height:1.6;margin:0}:root{--primary:#459b69;--secondary:#9cedbe;--bg:#fff;--border:#0000001a;--text:#0f172a}@font-face{font-family:Inter;src:url(https://ymccompanywebsite.blob.core.windows.net/resource/Inter_24pt-Regular.ttf) format("truetype")}@font-face{font-family:Kanit;src:url(https://ymccompanywebsite.blob.core.windows.net/resource/Kanit-Regular.ttf) format("truetype")}*{box-sizing:border-box}body{background:linear-gradient(135deg,#fff,#e9f8f0 45%,#9cedbe);color:#0f172a;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:0}.kanit{font-family:Kanit}.inter{font-family:Inter}.appShell{height:100vh;overflow:hidden}.sidebar{background:linear-gradient(180deg,#459b69,#2f6f4f);background:linear-gradient(180deg,var(--primary),#2f6f4f);border-right:1px solid #0000001a;border-right:1px solid var(--border);bottom:0;color:#fff;left:0;position:fixed;top:0;transform:translateX(-100%);transition:width .25s ease;width:260px;z-index:20}.sidebar.open{transform:translateX(0)}.sidebar:not(.open){width:80px}.brand{align-items:center;border-bottom:1px solid #ffffff1f;display:flex;height:120px;justify-content:center;padding:2em 1em 1em}.brandLogo{height:auto;max-height:100%;max-width:100%;width:140px}.nav{padding:12px 8px}.navItem{align-items:center;border-radius:10px;color:#cbd5f5;display:flex;margin-bottom:6px;padding:12px 16px;position:relative;text-decoration:none;transition:background .25s ease,color .25s ease}.navAccent{background:#0000;border-radius:2px;height:20px;margin-right:14px;transition:background .25s ease;width:4px}.navItem:hover{background:#ffffff0f;color:#fff}.navItem.active{background:linear-gradient(90deg,#6366f140,#6366f10d);color:#fff}.navItem.active .navAccent{background:#6366f1}.navLabel{font-size:15px;font-weight:500}.sidebar:not(.open) .brandText,.sidebar:not(.open) .navLabel{display:none}.sidebar:not(.open) .navItem{justify-content:center}.sidebar:not(.open) .navAccent{margin-right:0}.navGroup{display:flex;flex-direction:column}.navItem.group{background:none;border:0;cursor:pointer;text-align:left}.chevron{font-size:14px;margin-left:auto;opacity:.7}.subMenu{max-height:0;overflow:hidden;padding-left:28px;transition:max-height .25s ease}.subMenu.open{max-height:300px}.subItem{color:#ffffffbf;display:block;font-size:14px;padding:10px 12px;text-decoration:none}.subItem:hover{color:#9cedbe}.subItem.active{color:#9cedbe;font-weight:500}.main{display:flex;flex-direction:column;height:100vh;margin-left:0;transition:margin-left .25s ease}@media (min-width:900px){.main.sidebar-open{margin-left:260px}}.overlay{background:#00000059;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s ease;z-index:15}.overlay.show{opacity:1;pointer-events:auto}.topbar{align-items:center;background-color:#459b69;background-color:var(--primary);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border);display:flex;height:64px;padding:0 16px;position:relative}.hamburger{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;gap:6px;height:40px;justify-content:center;padding:8px;width:40px}.hamburger-line{background-color:#fff;border-radius:2px;height:3px;transition:all .3s ease;width:100%}.content{flex:1 1;overflow:auto}.topbar .brand{border-bottom:none;height:100%;justify-content:center;padding:0 12px}.topbar .brand,.topbar .brand a{align-items:center;display:flex}.topbar .brand img,.topbar .brandLogo{display:block;height:auto;max-height:60px;object-fit:contain;width:auto}.sidebar .brand{border-bottom:1px solid #ffffff1f;height:120px;padding:2em 1em 1em}.sidebar .brand img,.sidebar .brandLogo{height:120px;object-fit:contain;width:auto}
/*# sourceMappingURL=main.7b2925f0.css.map*/