@import"https://fonts.googleapis.com/css2?family=Anuphan:wght@300;400;500;700&display=swap";:root{--color-primary: #06ACB6;--color-secondary: #D4CF52;--color-text: #333;--color-text-light: #fff;--color-bg-light: #fff;--color-bg-gray: #f8f8f8;--color-bg-header: #e0e6eb;--color-bg-dark: #121317;--color-shadow: rgba(0, 0, 0, .1);--color-overlay: rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Anuphan,sans-serif;line-height:1.6;color:var(--color-text);p{max-width:70ch}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal-content{background-color:var(--color-text-light);margin:15% auto;padding:20px;border-radius:5px;width:80%;max-width:500px;position:relative;text-align:center}.close-modal{position:absolute;right:10px;top:10px;font-size:28px;font-weight:700;cursor:pointer}.modal-close{margin-top:20px}.success-message{color:#28a745;margin:20px 0}.error-message{color:#dc3545;margin:20px 0}.container{width:90%;max-width:1200px;margin:0 auto}html{scroll-behavior:smooth;scroll-padding-top:100px}@media (max-width: 768px){html{scroll-padding-top:110px}}.site-header{background-color:var(--color-bg-header);padding:20px 0;position:sticky;top:0;z-index:100}.site-header .container{display:flex;justify-content:space-between;align-items:center;position:relative}.logo img{transform:scale(.8)}.site-nav ul{list-style:none;display:flex}.site-nav ul li{margin-left:30px}.site-nav ul li a{text-decoration:none;color:var(--color-text);font-weight:400;transition:color .3s ease}.site-nav ul li a:hover{color:var(--color-primary)}.btn{display:inline-block;padding:10px 20px;text-decoration:none;border-radius:5px;transition:background-color .3s ease;font-weight:600}.site-nav,.btn-contact{transition:opacity .3s ease}.btn-contact{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-contact:hover{background-color:var(--color-primary);color:var(--color-text-light)}.hamburger-icon{display:none;background-color:transparent;border:none;cursor:pointer;font-size:1.8em;color:var(--color-text);padding:10px;z-index:101}.mobile-menu{display:none;position:absolute;top:100%;left:0;width:100%;background-color:var(--color-bg-header);box-shadow:0 2px 5px var(--color-shadow);z-index:99;overflow-y:auto;padding:20px 0}.mobile-menu.open{display:block}.mobile-menu nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center}.mobile-menu nav ul li{margin-bottom:15px}.mobile-menu nav ul li:last-child{margin-bottom:0}.mobile-menu nav ul li a{text-decoration:none;color:var(--color-text);font-size:1.2em;font-weight:600;transition:color .3s ease}.mobile-menu nav ul li a:hover{color:var(--color-primary)}.section-title{display:block;font-size:2em;color:var(--color-primary);margin-bottom:10px;text-align:center}.section-title-left{text-align:initial}.hero-section{background-image:url(/images/hero-background.jpg);background-size:cover;background-position:center;height:90vh;display:flex;justify-content:center;align-items:center;color:var(--color-text-light);text-align:center;position:relative}.hero-content{position:relative;z-index:1}.hero-section h1{font-size:3.5em;margin-bottom:20px}@media (max-width: 768px){.logo{transform:scale(.5)}.site-header .container{flex-direction:row;justify-content:space-between;align-items:center}.site-nav ul{margin-top:10px;flex-direction:column;align-items:center}.site-nav ul li{margin:5px 0}.site-nav,.btn-contact{display:none}.hamburger-icon{display:block}.btn-contact{margin-top:10px}.hero-section h1{font-size:2.5em}}.about-section{padding:80px 0;text-align:justify;background-color:var(--color-text-light)}.about-section .container{display:flex;flex-direction:column;max-width:800px}.about-section .container img{margin:auto 0;align-self:center;max-width:350px}.about-section p{font-size:1.2em;line-height:1.8;margin-bottom:0}.about-section strong{font-weight:600}@media (max-width: 768px){.about-section{padding:50px 0}.about-section .container img{max-width:100%}.about-section .container{width:95%}.about-section p{font-size:1em}}.values-section{padding:80px 0;background-color:var(--color-bg-gray)}.values-content{display:flex;align-items:center;gap:40px}.values-image{flex:1;text-align:center}.values-image img{max-width:100%;height:auto;display:block;border-radius:10px}.values-info{flex:1}.values-tabs{display:flex;margin-bottom:20px;flex-wrap:wrap}.tab-button{padding:10px 20px;border:none;background-color:var(--color-bg-header);color:var(--color-text);cursor:pointer;font-weight:600;border-radius:5px;margin-right:10px;transition:background-color .3s ease,color .3s ease;margin-bottom:10px}.tab-button.active{background-color:var(--color-primary);color:var(--color-text-light)}.values-tab-content .tab-pane{display:none}.values-tab-content .tab-pane.active{display:block;background-color:var(--color-primary);color:var(--color-text-light);padding:30px;border-radius:10px}.values-tab-content .tab-pane h2{font-size:2em;margin-bottom:10px}.values-tab-content .tab-pane p{font-size:1.1em;line-height:1.6}@media (max-width: 768px){.values-content{flex-direction:column;gap:30px}.section-title-left{text-align:center}.values-image,.values-info{flex:none;width:100%}.values-tabs{justify-content:center}.tab-button{margin-right:5px;margin-bottom:5px}.values-tab-content .tab-pane{padding:20px}.values-tab-content .tab-pane h2{font-size:1.6em}.values-tab-content .tab-pane p{font-size:1em}}.purpose-section{padding:80px 0;background-color:var(--color-text-light)}.purpose-section .container{max-width:1000px}.purpose-content{display:flex;align-items:center;justify-content:space-between;gap:30px}.purpose-content p{font-size:1.2em;line-height:1.8;flex:1}.purpose-content strong{font-weight:600}.social-icons{display:flex;gap:15px;flex-shrink:0}.social-icons a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:#000;color:var(--color-text-light);font-size:20px;transition:background-color .3s ease;text-decoration:none}.social-icons a:hover{background-color:var(--color-text)}@media (max-width: 768px){.purpose-content{flex-direction:column;text-align:center;gap:20px}.purpose-content p{font-size:1em}.social-icons{justify-content:center}}.carousel-section{padding:0;overflow:hidden;background-color:#f8f8f8;position:relative}.carousel-container{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;cursor:grab}.carousel-container::-webkit-scrollbar{display:none}.carousel-track{display:flex}.carousel-slide{flex:0 0 auto;width:80vw;max-width:500px;margin-right:15px;border-radius:10px;overflow:hidden}.carousel-slide:last-child{margin-right:0}.carousel-slide img{display:block;width:100%;height:auto;object-fit:cover;border-radius:10px}@media (max-width: 480px){.carousel-slide{width:90vw}}.carousel-arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background-color:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;z-index:10;transition:background-color .3s ease}.carousel-arrow:hover{background-color:#000000b3}.carousel-arrow.prev{left:20px}.carousel-arrow.next{right:20px}@media (min-width: 769px){.carousel-arrow{display:flex;align-items:center;justify-content:center}}.services-section{padding:80px 0 0 20px;background-color:var(--color-text-light)}.services-section-alt{padding:80px 0;background-color:var(--color-bg-dark);color:var(--color-text-light)}.services-list{max-width:800px;margin:0 auto;position:relative}.moving-icon{position:absolute;top:0;left:0;width:24px;height:24px;transition:top .3s ease,left .3s ease;z-index:1}.moving-icon img{display:block;width:100%;height:auto}.service-item{margin-bottom:15px;cursor:pointer;position:relative;padding-left:30px}.service-header{display:flex;align-items:center;padding:10px 0;transition:color .3s ease}.service-header h3{font-size:1em;font-weight:600;margin:0}.service-content{height:0;overflow:hidden;transition:height .3s ease,padding .3s ease;padding:0 20px;background-color:var(--color-bg-gray);border-radius:0 0 5px 5px;box-sizing:border-box}.service-content p{font-size:.8em;line-height:1.6;color:var(--color-text);margin:0}@media (max-width: 768px){.services-section{padding:50px 0}.services-list{width:95%}.service-item{padding-left:25px}.moving-icon{width:20px;height:20px}.service-header h3{font-size:1.3em}.service-content{padding:0 15px}.service-content p{font-size:.95em}}.laboratory-section{padding:80px 0;background-color:var(--color-text-light);text-align:center}.laboratory-section .container{display:flex;flex-direction:column;align-items:center}.laboratory-section h2{font-size:2.5em;margin-bottom:20px}.laboratory-section p{font-size:1.1em;line-height:1.8;margin-bottom:20px;text-align:justify}.laboratory-section strong{font-weight:600}.laboratory-points{display:flex;min-width:80%;justify-content:space-around;align-items:flex-start;margin-top:40px;background-color:var(--color-primary);color:var(--color-text-light);padding:30px 20px;border-radius:10px;flex-wrap:wrap}.point-item{flex:1;padding:0 15px;text-align:center;min-width:250px}.point-item i{font-size:2.5em;margin-bottom:15px;color:var(--color-text-light)}.point-item h4{font-size:1.2em;margin-bottom:10px}.point-item p{font-size:1em;line-height:1.6;margin-bottom:0}.laboratory-cta{margin-top:60px}.laboratory-cta h3{font-size:2em;margin-bottom:20px}.btn-yellow{background-color:var(--color-secondary);color:var(--color-text);border:none;padding:12px 30px;font-size:1.1em;font-weight:600}.btn-yellow:hover{background-color:#f0c538}@media (max-width: 768px){.laboratory-section{padding:50px 0}.laboratory-section h2{font-size:2em}.laboratory-section p{font-size:1em}.laboratory-points{flex-direction:column;gap:30px;padding:20px;align-items:center}.point-item{padding:0;min-width:auto}.point-item i{font-size:2em;margin-bottom:10px}.point-item h4{font-size:1.1em}.point-item p{font-size:.95em}.laboratory-cta{margin-top:40px}.laboratory-cta h3{font-size:1.6em}.btn-yellow{padding:10px 25px;font-size:1em}}.methodology-section{padding:80px 0;background-color:var(--color-bg-dark);color:var(--color-text-light)}.methodology-content{display:flex;gap:40px;align-items:flex-start;margin-top:40px}.methodology-left{flex:1;max-width:400px}.methodology-left h2{font-size:2.8em;line-height:1.2;margin-bottom:20px}.methodology-left p{font-size:1.1em;line-height:1.8}.methodology-right{flex:1.5}.methodology-right .phase{margin-bottom:20px}.methodology-right .phase h3,.methodology-right .team h3,.methodology-right .results h3{font-size:1.5em;font-weight:600;margin-bottom:5px;color:var(--color-secondary)}.methodology-right .results h3,.methodology-right .team h3{color:var(--color-primary)}.methodology-right p{font-size:1.1em;line-height:1.6;margin-bottom:20px}.methodology-right .team,.methodology-right .results{margin-top:30px}@media (max-width: 768px){.methodology-section{padding:50px 0}.methodology-content{flex-direction:column;gap:30px;margin-top:30px}.methodology-left,.methodology-right{flex:none;width:100%;max-width:100%}.methodology-left h2{font-size:2em;text-align:center}.methodology-left p{font-size:1em;text-align:center}.methodology-right .phase h3,.methodology-right .team h3,.methodology-right .results h3{font-size:1.3em}.methodology-right p{font-size:1em;margin-bottom:15px}}.contact-section{background-image:url(/images/contact-background.jpg);background-size:cover;background-position:center;padding:100px 0;position:relative;color:var(--color-text)}.contact-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay);z-index:1}.contact-section .container{display:flex;justify-content:flex-end;position:relative;z-index:2}.contact-form-container{background-color:var(--color-bg-header);padding:40px;border-radius:10px;width:100%;max-width:500px}.contact-form-container h2{font-size:2em;margin-bottom:30px;text-align:left}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:1em;margin-bottom:5px;font-weight:600}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group textarea{width:100%;padding:10px;border:none;border-bottom:1px solid var(--color-shadow);background-color:transparent;font-size:1em;color:var(--color-text);outline:none;transition:border-color .3s ease}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=tel]:focus,.form-group textarea:focus{border-bottom-color:var(--color-primary)}.form-group textarea{resize:vertical}.contact-form-container .btn-yellow{width:100%;padding:12px}@media (max-width: 768px){.contact-section{padding:60px 0}.contact-section .container{justify-content:center}.contact-form-container{padding:30px;max-width:95%}.contact-form-container h2{font-size:1.8em}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group textarea{padding:8px;font-size:.95em}.contact-form-container .btn-yellow{padding:10px;font-size:1em}}.site-footer{background-color:var(--color-primary);color:var(--color-text);padding:40px 0 20px}.site-footer .container{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--color-overlay);padding-bottom:30px}.footer-left{flex:1;max-width:250px}.footer-left h2{font-size:1.8em;line-height:1.3;margin:0}.footer-center{flex:1;text-align:center}.footer-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center}.footer-nav ul li{margin-bottom:5px}.footer-nav ul li:first-child{scroll-margin-top:0}.footer-nav ul li a{text-decoration:none;color:var(--color-text);font-size:1em;transition:color .3s ease}.footer-nav ul li a:hover{color:var(--color-text)}.footer-right{flex:1;max-width:200px;text-align:right}.footer-right .social-icons{display:flex;justify-content:flex-end;gap:10px;margin-bottom:20px}.site-footer .social-icons a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background-color:var(--color-text);color:var(--color-text-light);font-size:16px;transition:background-color .3s ease,color .3s ease}.site-footer .social-icons a:hover{background-color:var(--color-bg-gray);color:var(--color-text)}.footer-logo{color:var(--color-text);display:block;max-width:100%;height:auto}.footer-logo img{max-width:100%;height:auto}.footer-bottom{padding-top:20px;font-size:.9em;text-align:center;color:var(--color-overlay)}@media (max-width: 768px){.site-footer .container{flex-direction:column;align-items:center;border-bottom:none;padding-bottom:0}.footer-left,.footer-center,.footer-right{flex:none;width:100%;max-width:100%;text-align:center;margin-bottom:20px}.footer-nav ul{flex-direction:column;align-items:center}.footer-right .social-icons{justify-content:center;margin-bottom:15px}.site-footer{padding:30px 0 15px}}