/*
Theme Name: Techwise Offshore Consultancy
Theme URI: https://www.techwise-offshore.com/
Author: Techwise Offshore Consultancy
Description: Custom theme for the Techwise Offshore Consultancy website. Projects, News and Vacancies are editable in the WordPress dashboard. Activating the theme sets up the pages and imports the current projects, news and vacancies.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: techwise
*/
*{box-sizing:border-box}
html,body{margin:0}
body{background:#fff;font-family:Verdana,Tahoma,"Segoe UI",sans-serif;color:#4f5b6f;-webkit-text-size-adjust:100%;overflow-x:hidden}
img{max-width:100%}
.tw-right{display:flex;align-items:center;gap:12px}
.tw-burger{display:none;width:44px;height:44px;border:0;border-radius:12px;background:#00205b;cursor:pointer;padding:0}
.tw-burger span,.tw-burger span::before,.tw-burger span::after{display:block;width:20px;height:2px;background:#fff;margin:0 auto;position:relative;content:""}
.tw-burger span::before{position:absolute;top:-6px;left:0}.tw-burger span::after{position:absolute;top:6px;left:0}
.tw-burger:focus-visible{outline:3px solid #6fd0ea;outline-offset:3px}
.tw-menu{display:none;position:fixed;z-index:50;left:16px;right:16px;top:calc(env(safe-area-inset-top,0px) + 76px);max-height:calc(100% - 96px);overflow:auto;background:#fff;border-radius:16px;padding:10px 22px 18px;box-shadow:0 12px 30px rgba(0,16,45,.3);font-family:Verdana,Tahoma,"Segoe UI",sans-serif}
.tw-menu a{display:block;color:#0b1f4d;font-weight:700;text-decoration:none;padding:13px 0;border-bottom:1px solid #e3e9f1}
.tw-menu a.cur{color:#1a82a0}
.tw-menu.open{display:block}
.tw-lang{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:40px;padding:0 12px;border:1.5px solid #c9d6e3;border-radius:999px;color:#0b1f4d;font-weight:700;font-size:14px;text-decoration:none;font-family:Verdana,"PingFang SC","Microsoft YaHei",sans-serif;background:#fff}
.tw-lang:hover{border-color:#1a82a0;color:#1a82a0}
.tw-lang:focus-visible{outline:3px solid #6fd0ea;outline-offset:2px}
.right .tw-lang{margin-right:12px}
.tw-menu .tw-lang-m,.menu .tw-lang-m{color:#1a82a0!important}
@media (max-width:820px){.tw-burger{display:block}.tw-right a.pill{display:none}}
.tw-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

.tw-ftr{--bg:#00205b;--foot:#001437;--line:rgba(255,255,255,.14);--soft:#b9c7e2;--accent:#6fd0ea;box-sizing:border-box;
  }
.tw-ftr *{box-sizing:border-box}
.tw-ftr{margin:0;background:var(--bg);color:#fff;font-family:Verdana,Tahoma,"Segoe UI",sans-serif;line-height:1.6}
.tw-ftr a{color:inherit;text-decoration:none}
.tw-ftr a:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}
.tw-ftr footer{background:var(--foot);margin-top:0}
.tw-ftr .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.tw-ftr .top{display:grid;grid-template-columns:1.3fr .6fr 1fr .95fr 1.25fr;gap:28px;padding:40px 0 28px}
.tw-ftr .brand{display:flex;align-items:center;gap:16px}
.tw-ftr .logo{display:block;line-height:0}
.tw-ftr .logo img{display:block;height:38px;width:auto}
.tw-ftr .in{display:block;width:36px;height:36px;color:#fff;border-radius:6px}
.tw-ftr .in svg{display:block;width:36px;height:36px}
.tw-ftr .in:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.tw-ftr .in:hover{color:var(--accent)}
.tw-ftr .slogan{margin:12px 0 4px;color:#fff;font-size:15px;font-weight:700}
.tw-ftr .desc{margin:0 0 12px;color:var(--soft);font-size:14px;max-width:30ch}
.tw-ftr .mail{font-size:14px;color:var(--soft);margin:0}
.tw-ftr .mail a{display:block;color:#fff;white-space:nowrap}
.tw-ftr .mail a:hover,.tw-ftr .off li a:hover{text-decoration:underline}
.tw-ftr h4{margin:0 0 10px;font-size:15px;color:#fff}
.tw-ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.tw-ftr ul.two{grid-template-columns:1fr 1fr;column-gap:20px}
.tw-ftr .reps ul{grid-template-columns:auto auto;column-gap:28px;justify-content:start}
.tw-ftr .reps li{white-space:nowrap}
.tw-ftr .reps ul{grid-auto-flow:column;grid-template-rows:repeat(4,auto)}
.tw-ftr .col a,.tw-ftr .off li,.tw-ftr .reps li{font-size:14px;color:var(--soft)}
.tw-ftr .col a:hover{color:#fff}
.tw-ftr .off h5{margin:0 0 4px;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.02em}
.tw-ftr .off + .off{margin-top:12px}
.tw-ftr .off li{color:#fff}
.tw-ftr .bar{border-top:1px solid var(--line);padding:14px 0 18px;font-size:13px;color:var(--soft);display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.tw-ftr .all{display:inline-block;margin-top:14px;font-size:14px;color:#fff;text-decoration:underline;text-underline-offset:4px}
.tw-ftr .all:hover{color:var(--accent)}
@media (max-width:980px){.tw-ftr .top{grid-template-columns:1fr 1fr;gap:36px}
.tw-ftr .brandcol{grid-column:1/-1}}
@media (max-width:520px){.tw-ftr .top{grid-template-columns:1fr;padding:32px 0 24px;gap:24px}}
.tw-ftr .off li a{color:#fff;text-decoration:none}
img.wp-post-image{height:auto}