header{height:15vh;background:linear-gradient(50deg,#000,#0c4a6e,#000);background-size:300% 300%;animation:gradientAnimation 10s infinite ease-in-out;color:#fff;text-align:center;font-size:1.2em}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}nav{background-color:#fff;padding:13px}nav a{text-decoration:none;color:#1e5a66;padding:5px 15px;border-radius:15px;transition:background-color .3s;font-weight:700}nav a:hover{background-color:#1e5a66;color:#fff}ul{display:flex;align-items:center;justify-content:center;gap:20px;padding:0;margin:0;list-style:none}@media (max-width: 768px){header{font-size:1em;height:auto;padding:30px}nav{padding:5px}nav a{padding:8px 10px;font-size:.9em}ul{flex-direction:column;gap:10px}}footer{position:fixed;left:0;bottom:0;width:100%;background-color:#202020;color:#fff;text-align:center;opacity:.7}.card{background:none;border-radius:5%;display:flex;height:200px;width:320px;margin:2%;text-align:center;animation:fade-in 1s ease-in-out}.card-content{background:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.card img{height:100%;width:100%;border-radius:5%}.form{display:flex;height:700px;width:400px;background-color:#348297;color:#000;border:.5px solid rgb(136,219,255);border-radius:10px;box-shadow:0 4px 8px #0000001a;flex-direction:column;align-items:center;justify-content:center;margin:20px auto;padding:20px;box-sizing:border-box;transition:transform .3s,box-shadow .3s}.form:hover{transform:translateY(-10px);box-shadow:0 8px 16px #0003}.form h1,.form h2,.form h3{margin-bottom:20px;text-align:center;color:#fff}.form input,.form textarea{width:90%;padding:10px;margin-bottom:20px;border:1px solid rgb(200,200,200);border-radius:5px;box-sizing:border-box;font-size:16px}.form button{width:50%;padding:10px;background-color:#f588ff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.form button:hover{background-color:#c864c8}@media (max-width: 768px){.form{height:auto;width:90%;padding:20px;box-sizing:border-box;margin:20px auto;box-shadow:none}}*{margin:0;padding:0;box-sizing:border-box;font-family:Kanit,sans-serif}body{background-color:#fff;color:#000;height:100vh;width:100%}main{display:flex;flex-direction:column;align-items:center;justify-content:center}section{margin:2%}button{background-color:#000;color:#fff;border-radius:20px;padding:10px 20px;font-size:16px;cursor:pointer}.abUs{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:40px}.tourSec{display:flex;height:fit-content;width:70%;flex-direction:row;justify-content:center;gap:30px;flex-wrap:wrap}.checkTour{display:flex;flex-direction:column;align-items:center;justify-content:center}.checkTour img{margin-bottom:20px;border-radius:10px;height:400px;width:700px}.checkTour p{width:50%}.contacts{display:flex;flex-direction:column;text-align:center;justify-content:center}.contacts iframe{height:400px;width:700px}@media (max-width: 768px){main{width:100%;font-size:16px;line-height:1.5;padding:10px}.tourSec{width:100%;flex-direction:column;align-items:center;justify-content:center;margin-bottom:30px;margin-right:15px}.checkTour img{height:200px;width:400px}.checkTour p{width:100%}.abUs img{border-radius:40px;height:200px;width:300px}.contacts iframe{height:400px;width:400px}}
