:root{--g:#075b3c;--mint:#eef6ef}.site-header{height:48px;position:relative;box-shadow:none}.nav-wrap{width:min(1000px,96%);gap:18px}.brand{min-width:137px;font-size:13px}.brand b{font-size:15px}.brand-mark{width:34px;height:34px}.main-nav{gap:17px}.main-nav a{font-size:11px}.header-action{gap:10px}.header-action small{font-size:8px}.header-action .btn{padding:9px 13px;font-size:10px}.contact-page{max-width:1280px;margin:auto}.contact-page>h1{text-align:center;color:#0a5237;font:700 27px "Barlow Condensed";margin:18px 0}.contact-top{display:grid;grid-template-columns:1fr 1fr;gap:60px;width:min(820px,90%);margin:0 auto 29px}.contact-top h2{font:700 22px "Barlow Condensed";color:#164b35;margin:0 0 14px}.company-info ul{list-style:none;padding:0;margin:0}.company-info li{display:flex;align-items:flex-start;gap:11px;margin:9px 0}.company-info li span{color:var(--g);font-size:21px;width:22px;text-align:center}.company-info p{font-size:11px;line-height:1.35;margin:1px 0}.quote h2{text-align:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}.form-grid label span{display:block;font:600 10px "Be Vietnam Pro";margin-bottom:4px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #bdc7c1;border-radius:3px;padding:8px;font:400 10px "Be Vietnam Pro"}.form-grid .full{grid-column:span 2}.form-grid textarea{height:64px;resize:vertical}.quote button[type=submit]{width:100%;border:0;border-radius:3px;background:var(--g);color:#fff;padding:10px;margin-top:10px;font:700 12px "Be Vietnam Pro";cursor:pointer}.form-message{text-align:center;color:var(--g);font-size:9px;min-height:12px}.contact-map{height:228px;background:#e8edeb;position:relative;overflow:hidden}.road{position:absolute;background:#fff;border:1px solid #d4dad7}.r1{width:120%;height:20px;left:-10%;top:48%;transform:rotate(-9deg)}.r2{height:140%;width:16px;left:57%;top:-20%;transform:rotate(27deg)}.r3{width:65%;height:9px;right:-5%;top:40%;transform:rotate(-24deg)}.place-label{position:absolute;background:#fff;border-radius:4px;box-shadow:0 2px 6px #0002;padding:8px 12px;font-size:9px}.label1{left:24%;top:21%}.label2{left:50%;top:39%}.map-pin{position:absolute;left:49%;top:45%;width:18px;height:18px;border-radius:50% 50% 50% 0;background:#d34b37;transform:rotate(-45deg);box-shadow:0 0 0 4px #fff}.zoom{position:absolute;right:34%;bottom:8px;display:flex;flex-direction:column}.zoom button{width:28px;height:28px;background:#fff;border:1px solid #ddd;font-size:20px}.contact-bottom{height:94px;display:grid;grid-template-columns:67% 33%;background:linear-gradient(90deg,#075337,#087449);color:#fff}.contact-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:9px}.contact-gallery i{border-radius:4px;background:url("assets/hero-pharmaceutical.png") 65% center/cover}.contact-gallery i:nth-child(2){background-image:url("assets/growing-hero.png")}.contact-gallery i:nth-child(3){background-image:url("assets/about-hero.png")}.contact-gallery i:nth-child(4){background-image:url("assets/hero-pharmaceutical.png");background-position:85%}.contact-legal{padding:10px 25px;display:grid;grid-template-columns:1.5fr 1fr;gap:10px}.contact-legal h3{font:700 13px "Barlow Condensed";margin:0}.contact-legal p{font-size:6px;margin:3px}.small-map{background:#f5f1df;color:#476a58;padding:7px;font-size:7px;position:relative}.small-map i{position:absolute;left:54%;top:45%;width:9px;height:9px;border-radius:50% 50% 50% 0;background:#c74332;transform:rotate(-45deg)}@media(max-width:1024px){.site-header{height:64px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;height:auto;background:#fff;flex-direction:column;align-items:stretch;padding:12px 5%;z-index:20}.main-nav.open{display:flex}.main-nav a{height:36px}.header-action{display:none}.contact-top{width:90%;gap:35px}.contact-map{height:340px}.contact-bottom{height:auto;grid-template-columns:1fr}.contact-gallery{height:150px}.contact-legal{min-height:120px}}@media(max-width:640px){.contact-top{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.contact-page>h1{font-size:30px}.contact-top h2{font-size:25px}.contact-map{height:300px}.label1{left:7%}.label2{left:35%}.contact-legal{grid-template-columns:1fr}.contact-gallery{grid-template-columns:1fr 1fr;height:220px}}
