@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:400;font-display:swap;src:url(noto-sans-thai-400.ttf) format('truetype');unicode-range:U+0E00-0E7F}
@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:700;font-display:swap;src:url(noto-sans-thai-700.ttf) format('truetype');unicode-range:U+0E00-0E7F}
body.bobbot-contact-page{margin:0;background:white}
.bobbot-contact{font-family:'Noto Sans Thai',Figtree,Arial,sans-serif;color:#4c4c4c;overflow:hidden;background:linear-gradient(#f7f2e2 350px,white 973px)}
.bobbot-contact .bc-phone-title{margin-top:20px}
.bobbot-contact *{box-sizing:border-box}
.bobbot-contact h2,.bobbot-contact h3{font-weight:700}
.bobbot-contact .bc-hero{height:350px;position:relative;background:linear-gradient(#0003,#0003),url("https://bobbottech.com/wp-content/uploads/2026/10/B-1-02-1.png") center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding-top:82px;overflow:hidden}
.bobbot-contact h1{position:relative;font-size:40px;font-weight:700;color:white;text-transform:uppercase;margin:0}
.bobbot-contact .bc-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,574px);gap:70px;padding:129px 14px 80px}
.bobbot-contact h2{font-size:39px;line-height:50px;color:#102763;text-transform:uppercase;margin:0 0 20px}
.bobbot-contact p{font-size:16px;line-height:25px;margin:0}
.bobbot-contact .bc-info>p{max-width:389px;margin-bottom:40px}
.bobbot-contact .bc-info-row{display:flex;align-items:flex-start;gap:28px;margin-bottom:32px}
.bobbot-contact .bc-icon{width:50px;height:50px;flex:none;display:flex;align-items:center;justify-content:center;background:#102763;border-radius:8px;box-shadow:8px 8px 9px #9c9c9c40}
.bobbot-contact .bc-icon img{max-width:24px;max-height:24px}
.bobbot-contact h3{font-size:18px;line-height:26px;color:#b28d1b;margin:0 0 8px}
.bobbot-contact a{color:inherit;text-decoration:none;overflow-wrap:anywhere}
.bobbot-contact .bc-social{display:flex;gap:10px}
.bobbot-contact .bc-social>span{display:flex;width:32px;height:32px;border:1px solid #4c4c4c;border-radius:50%;align-items:center;justify-content:center}
.bobbot-contact .bc-social img{max-width:16px;max-height:16px}
.bobbot-contact .bc-badge{display:inline-block;color:white;background:#102763;border-radius:24px;padding:12px 20px;font-weight:700;margin-bottom:18px}
.bobbot-contact .bc-form{background:white;box-shadow:0 2px 20px #0000000f;border-radius:16px;padding:40px;display:flex;flex-direction:column;gap:24px}
.bobbot-contact fieldset{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:8px}
.bobbot-contact legend{font-size:18px;color:#102763;font-weight:700;margin-bottom:8px;padding:0}
.bobbot-contact label{display:flex;flex-direction:column;gap:4px;font-size:16px;line-height:25px;min-width:0}
.bobbot-contact input:not([type=hidden]),.bobbot-contact select,.bobbot-contact textarea{width:100%;min-width:0;border:1px solid #e6e6e6;border-radius:24px;background:white;padding:7px 20px;font:inherit;color:#4c4c4c;min-height:40px}
.bobbot-contact select{appearance:none;background:white url(arrow.svg) right 12px center/24px 24px no-repeat;padding-right:42px}
.bobbot-contact textarea{resize:vertical}
.bobbot-contact .bc-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bobbot-contact .bc-other[hidden]{display:none}
.bobbot-contact .bc-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.bobbot-contact .bc-submit{align-self:center;border:0;border-radius:24px;padding:12px 20px;background:#b28d1b;color:white;font:inherit;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:background .2s,transform .2s,box-shadow .2s}
.bobbot-contact .bc-submit:before{content:'';position:absolute;top:-50%;bottom:-50%;left:-40%;width:25%;background:#ffffff60;transform:skewX(-25deg)}
.bobbot-contact .bc-submit:hover,.bobbot-contact .bc-submit:focus-visible{background:#967514;transform:translateY(-2px);box-shadow:0 7px 18px #0002}
.bobbot-contact .bc-submit:hover:before{animation:bc-shine .65s forwards}
@keyframes bc-shine{to{left:130%}}
.bobbot-contact .bc-submit:disabled{opacity:.6;cursor:wait}
.bobbot-contact :is(input,select,textarea,button,a):focus-visible{outline:3px solid #338cff;outline-offset:3px}
.bobbot-contact .bc-dev-note{font-size:12px;line-height:18px;color:#666}
.bobbot-contact .bc-status:empty{display:none}
/* Preserve map alignment against Elementor's higher-specificity figure reset. */
.bobbot-contact .bc-map{max-width:1200px;margin:0 auto 100px!important}
.bobbot-contact .bc-map>iframe{display:block;width:100%;height:382px;border:0;border-radius:16px;box-shadow:10px 10px 20px #9c9c9c40}
.bobbot-contact .bc-map-link{display:inline-block;margin-top:8px;color:#102763;text-decoration:underline;text-underline-offset:3px}
.bobbot-contact .bc-map-link:hover{color:#967514}
.bobbot-contact figcaption{font-size:12px;text-align:center;margin-top:12px}
@media(max-width:1248px){.bobbot-contact .bc-wrap{margin:0 24px;gap:40px;padding-inline:0}.bobbot-contact .bc-map{margin-inline:24px!important}.bobbot-contact .bc-form{padding:28px}}
@media(max-width:800px){.bobbot-contact .bc-wrap{grid-template-columns:1fr;padding-top:60px}.bobbot-contact .bc-info>p{max-width:none}.bobbot-contact .bc-map>iframe{height:280px}}
@media(max-width:480px){.bobbot-contact .bc-hero{height:280px}.bobbot-contact h1{font-size:34px}.bobbot-contact h2{font-size:32px;line-height:1.3}.bobbot-contact .bc-wrap{margin:0 20px;gap:28px}.bobbot-contact .bc-form{padding:24px 18px}.bobbot-contact .bc-pair{grid-template-columns:1fr}.bobbot-contact .bc-info-row{gap:18px}.bobbot-contact .bc-map{margin:0 20px 60px!important}.bobbot-contact .bc-map>iframe{height:220px}}
@media(prefers-reduced-motion:reduce){.bobbot-contact .bc-submit{transition:none}.bobbot-contact .bc-submit:hover:before{animation:none}}