@charset "UTF-8";body{-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}#contact *{box-sizing:border-box}#contact .section-hero-contact{margin-bottom:64px}#contact .content{background-color:#f8f6f5;padding-top:16px;position:relative}#contact .content .content-wrapper{padding:0 20px;display:flex;flex-direction:column;gap:16px;padding-bottom:64px}#contact .content .content-wrapper .left,#contact .content .content-wrapper .right{background-color:var(--studio-bg-color,#fefefe);padding:32px;border-radius:24px;display:flex;flex-direction:column;gap:32px;position:relative;z-index:1;transition:var(--theme-transition)}#contact .content .content-wrapper .right{gap:8px}#contact .content .bg-icon--desktop,#contact .content .bg-icon--mobile{color:var(--studio-gray-01,#eeeceb);opacity:.5}#contact .content .bg-icon--mobile{position:absolute;bottom:0;left:0}#contact .content .bg-icon--desktop{display:none;position:absolute;bottom:0;right:0}#contact .content h1{color:var(--studio-black,#0f0d0c);font-size:32px;line-height:38px;font-weight:600;font-family:Kanit;letter-spacing:.25px;margin:0}#contact .content .highlight{color:var(--studio-orange,#ff6028)}#contact .content .left ul{list-style:none;display:flex;flex-direction:column;gap:24px}#contact .content .left .link{display:flex;align-items:center;gap:20px;text-decoration:none;transition:var(--theme-transition)}#contact .content .left .link svg{min-width:24px;color:var(--studio-orange,#ff6028)}#contact .content .left .link .link-text{display:flex;flex-direction:column;gap:2px}#contact .content .left .link .link-text .label{color:var(--studio-gray-02,#878584);font-size:12px;line-height:14px;font-weight:300;font-family:Kanit;letter-spacing:.1px;text-transform:uppercase;opacity:.7}#contact .content .left .link .link-text .value{color:var(--studio-black,#0f0d0c);font-size:16px;line-height:20px;font-weight:400;font-family:Kanit;letter-spacing:.1px}#contact .content .left .link:hover .value{color:var(--studio-orange,#ff6028)}#contact .content .right span.form-subtitle{color:var(--studio-gray-02,#878584);font-size:13px;line-height:17px;font-weight:300;font-family:Kanit;letter-spacing:.1px}#contact .content .right h2{color:var(--studio-black,#0f0d0c);font-size:15px;line-height:19px;font-weight:600;font-family:Kanit;letter-spacing:.15px;margin-bottom:32px}#contact .content .right h2 .highlight{color:var(--studio-orange,#ff6028);font-size:15px;line-height:19px;font-weight:600;font-family:Kanit}#contact .content .right form{display:flex;flex-direction:column;gap:24px}#contact .content .right form .input-group,#contact .content .right form .input-row{position:relative;width:100%}#contact .content .right form .phone-split{display:flex!important;flex-direction:row!important;gap:12px;align-items:flex-end;margin-bottom:8px}#contact .content .right form .phone-split__country{width:110px!important;flex-shrink:0}#contact .content .right form .phone-split__country select{width:100%!important;height:56px!important;padding:0 12px 0 12px!important;font-weight:600;background-color:#f0eeeb!important;border-radius:12px!important;border:1px solid #d5d3d1;cursor:pointer;color:var(--studio-black,#0f0d0c);font-size:15px;line-height:1;font-weight:600;font-family:Kanit;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 10px center}#contact .content .right form .phone-split .phone-main-group{flex:1;margin-bottom:0!important}#contact .content .right form .phone-split .phone-main-group input{padding-left:20px!important}#contact .content .right form .input-group label{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--studio-gray,#605e5d);font-size:14px;line-height:1;font-weight:300;font-family:Kanit;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:transparent;z-index:10}#contact .content .right form .input-group input,#contact .content .right form .input-group textarea{width:100%;outline:0;background-color:#f9f7f5;border:2px solid #d1d1d1;border-radius:12px;color:var(--studio-black,#0f0d0c);font-size:16px;line-height:18px;font-weight:400;font-family:Kanit;padding:18px 24px;transition:all .2s ease;position:relative;z-index:1}#contact .content .right form .input-group input:hover,#contact .content .right form .input-group textarea:hover{border-color:#a0a0a0}#contact .content .right form .input-group input:focus,#contact .content .right form .input-group input:not(:placeholder-shown),#contact .content .right form .input-group textarea:focus,#contact .content .right form .input-group textarea:not(:placeholder-shown),.input-group.has-value #contact .content .right form .input-group input,.input-group.has-value #contact .content .right form .input-group textarea,.input-group:focus-within #contact .content .right form .input-group input,.input-group:focus-within #contact .content .right form .input-group textarea{border:2px solid var(--studio-orange,#ff6028);background-color:#fff;box-shadow:0 4px 15px rgba(var(--studio-black,#0f0d0c),.05)}#contact .content .right form .input-group input:focus+label,#contact .content .right form .input-group input:focus~label,#contact .content .right form .input-group input:not(:placeholder-shown)+label,#contact .content .right form .input-group input:not(:placeholder-shown)~label,#contact .content .right form .input-group textarea:focus+label,#contact .content .right form .input-group textarea:focus~label,#contact .content .right form .input-group textarea:not(:placeholder-shown)+label,#contact .content .right form .input-group textarea:not(:placeholder-shown)~label,.input-group.has-value #contact .content .right form .input-group input+label,.input-group.has-value #contact .content .right form .input-group input~label,.input-group.has-value #contact .content .right form .input-group textarea+label,.input-group.has-value #contact .content .right form .input-group textarea~label,.input-group:focus-within #contact .content .right form .input-group input+label,.input-group:focus-within #contact .content .right form .input-group input~label,.input-group:focus-within #contact .content .right form .input-group textarea+label,.input-group:focus-within #contact .content .right form .input-group textarea~label{top:0;left:15px;font-size:11px;padding:0 8px;background-color:#fff;color:var(--studio-orange,#ff6028);font-weight:600;transform:translateY(-50%)}#contact .content .right form .input-group input .input-group.has-value label,#contact .content .right form .input-group input .input-group:focus-within label,#contact .content .right form .input-group textarea .input-group.has-value label,#contact .content .right form .input-group textarea .input-group:focus-within label{top:0;left:15px;font-size:11px;padding:0 8px;background-color:#fff;color:var(--studio-orange,#ff6028);font-weight:600;transform:translateY(-50%);z-index:25}#contact .content .right form .input-group.valid input,#contact .content .right form .input-group.valid textarea{border-color:#28a745!important}#contact .content .right form .input-group.valid label{color:#28a745!important}#contact .content .right form .input-group.valid .status-icon::after{content:"✓";color:#28a745;opacity:1}#contact .content .right form .input-group.error-state input,#contact .content .right form .input-group.error-state textarea{border-color:var(--studio-orange,#ff6028)!important}#contact .content .right form .input-group.error-state label{color:var(--studio-orange,#ff6028)!important}#contact .content .right form .input-group .status-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:15;pointer-events:none}#contact .content .right form .input-group .status-icon::after{content:"";font-size:18px;font-weight:700;opacity:0;transition:opacity .3s ease}#contact .content .right form .input-group .char-counter{position:absolute;right:15px;bottom:-20px;color:var(--studio-gray-02,#878584);font-size:11px;line-height:1;font-weight:400;font-family:Kanit}#contact .content .right form .input-group .char-counter .current.error{color:var(--studio-orange,#ff6028);font-weight:700}#contact .content .right form .input-group textarea{height:120px;border-radius:16px;resize:none}#contact .content .right form .input-group textarea+label{top:25px}#contact .content .right form .input-group textarea:focus+label,#contact .content .right form .input-group textarea:not(:placeholder-shown)+label{top:0}#contact .content .right form .btn-two{margin-top:16px;width:100%;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(192,71,24,.3);transition:all .3s cubic-bezier(.23,1,.32,1)}#contact .content .right form .btn-two:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(192,71,24,.4);background-color:#d1521d}#contact .content .right form .form-footer{margin-top:8px;text-align:center;display:flex;flex-direction:column;gap:16px}#contact .content .right form .form-footer .comfort-msg{color:var(--studio-gray-02,#878584);font-size:12px;line-height:16px;font-weight:300;font-family:Kanit;max-width:300px;margin:0 auto}#contact .content .right form .form-footer .legal-links{display:flex;align-items:center;justify-content:center;gap:12px}#contact .content .right form .form-footer .legal-links a{color:var(--studio-gray,#605e5d);font-size:11px;line-height:14px;font-weight:300;font-family:Kanit;text-decoration:underline;transition:color .3s ease}#contact .content .right form .form-footer .legal-links a:hover{color:var(--studio-orange,#ff6028)}#contact .content .right form .form-footer .legal-links .sep{color:var(--studio-gray-01,#eeeceb);font-size:10px}#contact .content .right form .contact-success{padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}#contact .content .right form .contact-success .success-icon-large{width:64px;height:64px;border-radius:50%;background-color:#28a745;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 8px 24px rgba(40,167,69,.3);margin-bottom:8px}#contact .content .right form .contact-success h3{color:var(--studio-black,#0f0d0c);font-size:24px;line-height:30px;font-weight:600;font-family:Kanit;margin:0}#contact .content .right form .contact-success p{color:var(--studio-gray,#605e5d);font-size:16px;line-height:24px;font-weight:300;font-family:Kanit;max-width:400px}[data-theme=dark] #contact .content .bg-icon--desktop,[data-theme=dark] #contact .content .bg-icon--mobile{opacity:.15}[data-theme=dark] #contact .content form .input-group input,[data-theme=dark] #contact .content form .input-group textarea{background-color:#1a1a1a;border:2px solid rgba(255,255,255,.2);color:var(--studio-white-01,#fefefe)}[data-theme=dark] #contact .content form .input-group input:hover,[data-theme=dark] #contact .content form .input-group textarea:hover{border-color:rgba(255,255,255,.4)}[data-theme=dark] #contact .content form .input-group input:focus,[data-theme=dark] #contact .content form .input-group input:not(:placeholder-shown),[data-theme=dark] #contact .content form .input-group textarea:focus,[data-theme=dark] #contact .content form .input-group textarea:not(:placeholder-shown){background-color:#0d0d0d;border:2px solid var(--studio-orange,#ff6028)}[data-theme=dark] #contact .content form .input-group input:focus+label,[data-theme=dark] #contact .content form .input-group input:not(:placeholder-shown)+label,[data-theme=dark] #contact .content form .input-group textarea:focus+label,[data-theme=dark] #contact .content form .input-group textarea:not(:placeholder-shown)+label{background-color:#1f1f1f;color:var(--studio-orange,#ff6028)}[data-theme=dark] #contact .content form .input-group label{color:rgba(255,255,255,.4)}#contact .faq-wrapper{margin-top:64px}