@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai+Looped:wght@100;200;300;400;500;600;700&family=Noto+Sans+Thai:wght@100;200;300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap";.hero-container{width:100%;height:100vh;position:relative}.hero-container img{height:100vh;width:100%;object-fit:cover}.hero-container .hero-text{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}.hero-container .hero-text .title{font-size:var(--fs-title-hero);font-weight:800;background:var(--clr-white);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-container .hero-text .description{font-size:var(--fs-title-description);color:var(--clr-white);padding:.5rem 0 2rem}.hero-container .hero-text .show{background:var(--clr-white);padding:1rem 2rem;border-radius:6px;font-size:1.1rem;font-weight:700;letter-spacing:2px;color:var(dark)}.hero-container-mid{width:100%;height:70vh;position:relative}.hero-container-mid .section-image img{height:70vh;width:100%;object-fit:cover}.hero-container-mid .hero-text{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}.hero-container-mid .hero-text .title{padding-top:4rem;font-size:var(--fs-title-hero);font-weight:800;background:var(--clr-white);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-container-mid .hero-text .description{font-size:var(--fs-title-description);color:var(--clr-white);padding:.5rem 0 2rem}.hero-container-mid .hero-text .show{background:var(--clr-white);padding:1rem 2rem;border-radius:6px;font-size:1.1rem;font-weight:700;letter-spacing:2px;color:var(dark)}@media screen and (max-width: 555px){.hero-text .titel{padding:10px 20px}.hero-text .description{font-size:1.1rem;padding:0 0 2rem}.hero-text .show{padding:1rem 2rem;border-radius:6px;font-size:1.1rem}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 1.875rem;box-shadow:var(--box-shadow);width:var(--nav-width);height:var(--nav-height);border-radius:var(--border-nav);position:fixed;top:1.2rem;left:50%;transform:translate(-50%);background-color:#fff;z-index:999}.navbar .logo{font-size:2rem;color:var(--clr-purple);cursor:pointer}.navbar .menu-icon{display:none}.navbar .nav-menu{display:grid;grid-template-columns:repeat(6,auto);gap:1.5rem}.navbar .nav-menu li .nav-link{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;padding:.7rem 1rem;border-radius:10px;font-weight:600;transition:var(--transition)}.navbar .nav-menu li .nav-link:hover{background-color:var(--clr-hover);color:var(--clr-purple)}.navbar .nav-menu li .nav-link-mobile{display:none}button{padding:.5rem 1rem;border:none;cursor:pointer;font-size:1rem;font-weight:600;border-radius:10px;transition:var(--transition);color:var(--clr-purple)}button:hover{background-color:var(--clr-dark);color:var(--clr-white)}@media screen and (max-width: 850px){.navbar .logo{color:#000}.navbar .menu-icon{display:block;background:var(--clr-purple);width:2rem;height:2rem;display:flex;justify-content:center;align-items:center}.navbar .menu-icon .bar-i{font-size:1.5rem;color:var(--clr-white)}.navbar .nav-menu{display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:auto;position:absolute;top:0;left:-100%;opacity:0;background:var(--clr-hover);padding:0 1rem 1rem;margin:0;margin-top:5rem;border-radius:10px;transition:var(--transition)}.navbar .nav-menu li:nth-child(1){margin-top:2rem}.navbar .nav-menu li .nav-link{display:block;font-size:1.5rem;padding:2rem 0;display:flex;justify-content:center}.navbar .active{left:0;opacity:1;z-index:-1}button{display:none}.nav-link-mobile{background:white;width:50%;margin:0 auto;font-weight:700}.nav-link-mobile .icon{font-size:2rem}}.Destination{text-align:center;margin:4rem 6rem}.Destination h1{font-size:3rem}.Destination .first-des{display:flex;gap:3rem;align-items:center;justify-content:start;text-align:left;margin-top:4.5rem}.Destination .first-des .des-text{text-align:justify;width:45%}.Destination .first-des .des-text h2{padding-bottom:1rem}.Destination .first-des .des-image{position:relative;width:50%;justify-content:space-around;cursor:pointer}.Destination .first-des .des-image img:nth-child(2){position:absolute;top:-20px;right:0}.Destination .first-des .des-image img{width:48%;height:350px;object-fit:cover;border-radius:6px;box-shadow:var(--box-shadow);transition:var(--transition)}.Destination .first-des .des-image img:hover{transform:scale(1.1)}.Destination .secon-des{display:flex;flex-direction:row-reverse;gap:3rem;align-items:center;justify-content:start;text-align:left;margin-top:6rem}.Destination .secon-des .des-text{text-align:justify;width:45%}.Destination .secon-des .des-text h2{padding-bottom:1rem}.Destination .secon-des .des-image{position:relative;width:50%;justify-content:space-around;cursor:pointer}.Destination .secon-des .des-image img:nth-child(2){position:absolute;top:-20px;right:0}.Destination .secon-des .des-image img{width:48%;height:350px;object-fit:cover;border-radius:6px;box-shadow:var(--box-shadow);transition:var(--transition)}.Destination .secon-des .des-image img:hover{transform:scale(1.1)}@media screen and (max-width: 850px){.Destination{margin:4rem 2rem}.Destination .first-des{flex-direction:column-reverse;margin-top:2.5rem}.Destination .first-des .des-text{width:100%}.Destination .first-des .des-image{width:100%;margin:1.8rem 0}.Destination .secon-des{flex-direction:column-reverse;margin-top:2.5rem}.Destination .secon-des .des-text{width:100%}.Destination .secon-des .des-image{width:100%;margin:1.8rem 0}}.sec-trip{text-align:center;margin:6rem}.sec-trip h1{font-size:var(--fs-title-hero)}.sec-trip .trip-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.sec-trip .trip-card{background-color:var(--clr-white);box-shadow:var(--box-shadow);border-radius:12px;padding:1.5rem;width:100%;text-align:left;cursor:pointer;overflow:hidden}.sec-trip .trip-card h4{margin-top:1rem;font-size:1.2rem}.sec-trip .trip-card .trip-image{height:300px;overflow:hidden;border-radius:10px}.sec-trip .trip-card .trip-image img{height:100%;width:1100%;border-radius:10px;transition:var(--transition);object-fit:cover}.sec-trip .trip-card .trip-image img:hover{transform:scale(1.1)}@media screen and (max-width: 1000px){.sec-trip .trip-card-grid{grid-template-columns:1fr}}.footer{padding:4rem 6rem;background-color:var(--clr-dark);color:var(--clr-white);box-shadow:var(--box-shadow)}.footer .footer-top{display:flex;justify-content:space-between;align-items:center}.footer .footer-top .right{display:flex;gap:1rem}.footer .footer-top .right .footer-i{font-size:1.5rem;cursor:pointer}.footer .footer-bottom{margin-top:3rem;display:flex;justify-content:space-between}.footer .footer-bottom h4{font-size:1.25rem;color:#fff}.footer .footer-bottom ul{display:flex;gap:1rem;flex-direction:column;margin-top:2rem}.footer .footer-bottom ul a{color:var(--clr-white)}@media screen and (max-width: 850px){.footer .footer-bottom{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}}.about-container{margin:4rem 6rem}.about-container h1{padding-bottom:1rem}.about-container p{padding-bottom:2rem;text-align:justify}:root{--clr-dark: #222;--clr-hover: #85E6C5;--clr-white: #fafafa;--clr-purple: #614BC3;--font-family-th: "Noto Sans Thai", "Rubik";--box-shadow: rgba(60, 64, 67, .3) 0px 1px 2px 0px, rgba(60, 64, 67, .15) 0px 1px 3px 1px;--nav-width: 95%;--nav-height: 5rem;--border-nav: .825rem;--transition: all .4s ease-in-out;--fs-title-hero: 4rem;--fs-title-description: 1.5rem}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;list-style:none;text-decoration:none}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:var(--font-family-th)}img,picture,video,canvas,svg{display:block;max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:#000}