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;--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}@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)}}