html{font-size:62.5%;scroll-behavior:smooth}*{box-sizing:border-box;padding:0;margin:0}img{width:100%;height:100%;object-fit:cover}:root{--main-color: #418e5b;--main-color-dark: #35794d;--max-width: 240rem;--content-witdh: 144rem;--primary-font: "Kanit", sans-serif}body{font-family:var(--primary-font);font-size:2rem}.main-wrapper{max-width:var(--max-width);width:100%;display:flex;justify-content:center;padding-inline:10rem;margin:0 auto}.inner-container{max-width:var(--content-witdh);width:100%}.main-content{display:flex;flex-direction:column;align-items:center}.flex-col{display:flex;flex-direction:column;justify-content:center}.header{display:flex;justify-content:center;padding-top:4rem;padding-bottom:4rem}.header__nav{display:flex;gap:6rem;align-items:center}.header__list{display:flex;gap:6rem;list-style-type:none}.header__list a{text-decoration:none;color:#000}.header__mobile-list{display:none;gap:1.5rem;list-style-type:none}.header__mobile-list li{font-size:1.6rem}.hero_header_wrapper{display:flex;flex-direction:column;justify-content:center;text-align:center;max-width:90rem}.hero_header_tittle_wrapper{display:flex;justify-content:center;align-items:center}.hero__title{font-weight:600;font-size:10rem;color:var(--main-color);text-align:center}.hero__subtitle{font-weight:400;font-size:30px;margin-bottom:4rem}.hero__video{margin-bottom:6rem}.hero__icon{height:9rem;width:9rem}.services_wrapper{display:flex;flex-direction:column;text-align:center;margin-bottom:6rem}.services__title{font-weight:600;font-size:60px;color:var(--main-color);margin-bottom:3rem}.services_grid_wrapper{display:flex}.services_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 3rem}.services_item{display:flex;gap:2.5rem}.services_icon{height:5rem;width:5rem}.services__element{font-weight:400;font-size:25px;text-align:left}.gallery_wrapper{display:flex;flex-direction:column;text-align:center;gap:5.3rem;margin-bottom:6rem;width:100%;padding-top:6rem}.gallery__title{font-weight:600;font-size:35px;color:var(--main-color);margin-bottom:1rem}.gallery__description{font-weight:500;font-size:20px}.gallery__images{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem}.gallery__image--item{aspect-ratio:1/1;border-radius:3rem;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 4px #00000040}.gallery__image{position:absolute;top:0;left:0;z-index:1}.gallery__image--icon{position:relative;z-index:2}.testimonials__wrapper{display:flex;flex-direction:column;text-align:center;margin:6rem 10rem}.testimonials__title{font-weight:600;font-size:35px;color:var(--main-color);margin-bottom:1rem}.testimonials__description{font-weight:500;font-size:2rem;margin-bottom:6rem}.testimonial__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7rem;width:100%}.testimonial-card__wrapper{box-shadow:0 4px 4px #00000040;border-radius:30px}.testimonial-card__inner{display:flex;flex-direction:column;justify-content:center;padding:5rem}.testimonial-card__header{display:flex;gap:1.5rem;align-items:center;margin-bottom:2rem}.testimonial-card__photo{height:5.5rem;width:5.5rem}.testimonial-card__name{font-weight:500;font-style:normal;font-size:1.7rem}.testimonial-card__rating-wrapper{display:flex;gap:.7rem;margin:0 auto;margin-bottom:2rem}.testimonial__rating-star{height:2.4rem;width:2.4rem}.testimonial-card__comment{text-align:left}.contact__wrapper{display:flex;flex-direction:column;text-align:center;max-width:var(--max-width);margin:6rem 10rem}.contact__title{font-weight:600;font-size:35px;color:var(--main-color);margin-bottom:3rem}.contact__description{font-weight:500;font-size:20px;margin-bottom:4.5rem}.contact__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7.5rem;width:100%}.contact-card__wrapper{display:flex;flex-direction:column;background:#fff;box-shadow:0 4px 4px #00000040;border-radius:30px;justify-content:center}.contact-card__inner{display:flex;flex-direction:column;align-items:center;padding:0 8.5rem 6.7rem}.contact-card__icon-wrapper{width:7.5rem;height:7.5rem;background-color:var(--main-color);border-radius:100%;display:flex;justify-content:center;align-items:center;margin-bottom:3rem}.contact-card__icon{width:4rem;height:4rem}.contact-card__description{margin-bottom:2rem}.contact-card__button{display:flex;align-items:center;align-self:center;padding:1.3rem 3.5rem;gap:1rem;background:#418e5b;border-radius:3rem;border:none;text-decoration:none}.contact-card__text{color:#fff}.contact-card__button-icon{height:3rem;width:3rem}.btn-scroll-to-top{width:40px;height:40px;position:fixed;z-index:99;bottom:0;right:0;border-radius:50%;margin-bottom:24px;margin-right:24px;display:none;background-color:var(--main-color);color:#fff;cursor:pointer}.footer_wrapper{display:flex;flex-direction:column;max-width:var(--max-width);margin:4rem 10rem}.footer__inner{display:flex;background:#418e5b;border-radius:30px;padding:3.6rem 35.6rem;justify-content:center}.footer__title{color:#fff}@property --hue{syntax: "<angle>"; inherits: true; initial-value: 180deg;}@keyframes rotateHue{0%{--hue: 180deg}25%{--hue: 360deg}to{--hue: 180deg}}select{appearance:none}@supports (appearance: base-select){select,select::picker(select){appearance:base-select;animation:rotateHue 10s infinite}}select{display:flex;justify-content:space-between;align-items:center;color:#fff;border-radius:15px;cursor:pointer;background:var(--main-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A") right 15px center / 20px no-repeat;font-size:1.7rem;padding:.5rem 3rem}@supports (appearance: base-select){select{padding-inline:20px;background-image:none}select img{width:30px;line-height:1}select::picker-icon{content:"";width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'  class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");transition:rotate .2s ease-out;filter:invert(1)}select:open::picker-icon{rotate:180deg}select::picker(select){padding:0;margin-top:5px;border:4px solid #1d201d;background:#c7ccc7;border-radius:10px;font-weight:semi-bold;opacity:0;height:0;overflow:clip;transition:height .5s ease-out,opacity .5s ease-out,overlay .5s,display .5s;transition-behavior:allow-discrete}select:open::picker(select){opacity:1;height:calc-size(auto,size);overflow:auto}@starting-style{select:open::picker(select){opacity:0;height:0}}select option{display:flex;align-items:center;cursor:pointer;padding:10px;gap:10px;border-top:1px solid #444}select option:where(:hover,:focus,:active){background:#4b534b;color:#fff;font-weight:700}select option:checked{background:var(--main-color);color:#fff;font-weight:700}select option::checkmark{display:none}select selectedcontent{display:flex;align-items:center;gap:10px}}.background-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.lightbox-img{display:flex;justify-content:center;align-items:center;max-width:min(1200px,90vw);max-height:90vh;padding:1rem}.lightbox-img img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.hidden{display:none}.block{display:block}.bg-green{background-color:var(--main-color)}.bg-green:hover{background-color:var(--main-color-dark)}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.max-h-\[90vh\]{max-height:90vh}.max-h-\[80vh\]{max-height:80vh}.h-full{height:100%}.min-w-full{min-width:100%}.p-4{padding:1rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.p-12{padding:3rem}.mx-4{margin-left:1rem;margin-right:1rem}.mb-8{margin-bottom:2rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:.5rem}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.left-4{left:1rem}.right-4{right:1rem}.top-4{top:1rem}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.aspect-video{aspect-ratio:16 / 9}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.h-2{height:.5rem}.w-8{width:2rem}.w-2{width:.5rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-6xl{font-size:3.75rem;line-height:1}.text-xl{font-size:1.25rem}.text-sm{font-size:.875rem}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-500{color:#6b7280}.text-gray-800{color:#1f2937}.bg-white{background-color:#fff}.bg-white\/20{background-color:#fff3}.bg-white\/80{background-color:#fffc}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20:hover{background-color:#fff3}.bg-gray-200{background-color:#e5e7eb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-800{background-color:#1f2937}.bg-black\/95{background-color:#000000f2}.bg-purple-600{background-color:#7c3aed}.bg-gray-300{background-color:#d1d5db}.bg-gray-400{background-color:#9ca3af}.bg-gradient-to-br{background-image:linear-gradient(135deg,#0f172a,#6d28d9,#0f172a)}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.backdrop-blur-md{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hover\:bg-white:hover{background-color:#fff}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-gray-400:hover{background-color:#9ca3af}.hover\:scale-110:hover{transform:scale(1.1)}.active\:scale-95:active{transform:scale(.95)}.z-50{z-index:50}.z-10{z-index:10}.transition-transform{transition-property:transform}.duration-500{transition-duration:.5s}.duration-300{transition-duration:.3s}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:ease-out}@keyframes pulse-custom{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.animate-pulse{animation:pulse-custom 1.5s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-scaleIn{animation:scaleIn .3s ease-out}.text-center{text-align:center}.justify-center{justify-content:center}.transition-all{transition:all .2s ease}.text-gray-600{color:#4b5563}.text-gray-400{color:#9ca3af}.absolute.left-4.top-1\/2{left:1rem;top:50%;transform:translateY(-50%)}@media(max-width:75em){.main-wrapper{padding-inline:6rem}}@media(max-width:65em){.gallery__images,.testimonial__grid{grid-template-columns:repeat(2,1fr)}.footer__inner{padding:3.6rem}}@media(max-width:59em){.header__list{display:none}.header__mobile-list{display:flex}.header{display:flex;justify-content:center;padding:2.5rem 4rem}.hero__title{font-size:4rem;font-style:normal;font-weight:600}.header__mobile-list a{color:#000;text-decoration:none}.hero__icon{height:4.8rem;width:4.8rem}.services__title{font-size:6rem}.services_grid{grid-template-columns:repeat(1,1fr);gap:2rem 3rem}.services_wrapper{margin:3rem 7.5rem}.testimonials__wrapper{margin:3rem 4.2rem}.testimonial__grid{grid-template-columns:repeat(1,1fr)}.contact__grid{grid-template-columns:repeat(1,1fr);gap:4rem;justify-content:center}.footer_wrapper{margin:3rem 4rem}.footer__inner{padding:3rem 4.4rem}.footer__title{font-size:1.6rem}}@media(max-width:34em){.main-wrapper{padding-inline:3rem}.header__nav{gap:1rem}.services__title{font-size:4.5rem}.services_wrapper{margin:3rem 0rem}.services__element{font-weight:400;font-size:2rem;text-align:left}.gallery__images{grid-template-columns:repeat(1,1fr)}}