
:root{--blue:#075b8a;--deep:#063d67;--green:#16a55b;--ink:#143a50;--muted:#667d88;--line:#dfe9ed;--bg:#f4f9fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1220px,92%);margin:auto}
.topbar{background:#064f82;color:#fff;font-size:12px}.topinner{min-height:38px;display:flex;gap:22px;align-items:center;justify-content:center;flex-wrap:wrap}.header{background:#fff;box-shadow:0 2px 15px #063d6715;position:relative;z-index:20}.nav{height:90px;display:flex;align-items:center;gap:25px}.logo{display:flex;align-items:center;gap:10px;color:#0a4f80;font-weight:800;font-size:26px;line-height:1;margin-right:auto}.logoicon{width:51px;height:51px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#17a65b,#0873a8);color:#fff;font-size:29px}.logo strong{display:block;font-size:11px;color:#123e63;margin-top:5px}.logo i{display:block;font-size:9px;color:#18a55b;margin-top:5px;font-style:italic}.menu{display:flex;gap:21px;font-size:14px;align-items:center}.menu a{padding:35px 0}.menu a:hover,.menu a.active{color:#086da4}.menu a.active{border-bottom:3px solid var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--green);color:#fff;padding:14px 21px;font-weight:800;cursor:pointer}.headerbtn{white-space:nowrap}.menubtn{display:none;background:none;border:0;font-size:25px}
.hero{height:570px;position:relative;overflow:hidden}.slides,.slide{height:100%}.slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}.slide.active{opacity:1;z-index:1}.slide img{width:100%;height:100%;object-fit:cover;object-position:center}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,#003a60cc 0%,#064a678f 38%,#063e5222 72%)}.heroText{height:100%;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;color:#fff}.eyebrow{font-size:13px;letter-spacing:.17em;font-weight:800;color:#18a55b}.heroText .eyebrow{color:#8ce0f4}.heroText h1{font-size:76px;line-height:.9;margin:10px 0;color:#fff;letter-spacing:-.04em}.heroText h2{font-size:36px;line-height:1.1;margin:0 0 16px;color:#fff}.heroText p{max-width:650px;font-size:18px;margin:0 0 20px}.actions{display:flex;gap:13px;flex-wrap:wrap}.ghost{background:transparent;border:1px solid #fff}.prev,.next{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid #fff9;background:#063f5bb8;color:#fff;font-size:42px;cursor:pointer}.prev{left:24px}.next{right:24px}.dots{position:absolute;z-index:4;bottom:17px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.dot{width:11px;height:11px;border-radius:50%;border:2px solid #fff;background:transparent;padding:0;cursor:pointer}.dot.active{background:#1495ca}
.trustrow{background:#fff;box-shadow:0 4px 15px #063d670d}.trustgrid{display:grid;grid-template-columns:repeat(5,1fr);padding:17px 0}.trustgrid>div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--line);color:#086da6;font-size:23px}.trustgrid>div:last-child{border:0}.trustgrid span{font-size:13px;color:#264d62}.trustgrid b{font-weight:500}.section{padding:72px 0}.sectiontitle{text-align:center;margin-bottom:32px}.sectiontitle h2{font-size:33px;color:#084775;margin:8px 0}.line{display:block;width:48px;height:3px;background:var(--green);margin:12px auto}.servicecarousel{position:relative}.servicewindow{overflow:hidden}.serviceTrack{display:flex;gap:17px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.serviceTrack::-webkit-scrollbar{display:none}.servicecard{min-width:245px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 7px 22px #063d6710}.servicecard img{width:100%;height:140px;display:block;object-fit:cover}.servicecard h3{font-size:16px;color:#076aa1;margin:13px 14px 4px}.servicecard p{font-size:12px;color:var(--muted);margin:0 14px 9px}.servicecard a{display:block;color:#076aa1;font-size:13px;font-weight:700;margin:0 14px 16px}.sc{position:absolute;top:45%;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid #cfe0e7;background:#fff;color:#0870a5;font-size:28px;cursor:pointer;box-shadow:0 4px 12px #0001}.prev2{left:-18px}.next2{right:-18px}
.onlineband{background:linear-gradient(105deg,#063d67,#087c92);color:#fff;padding:48px 0}.onlineinside{display:flex;align-items:center;justify-content:space-between;gap:30px}.onlineinside h2{margin:8px 0;font-size:31px}.onlineinside p{margin:0;color:#dceff4}.white{background:#fff;color:#063d67}
.innerhero{background:var(--bg);padding:65px 0}.innerhero h1{font-size:53px;color:#073f67;margin:10px 0}.innerhero p{max-width:750px;color:var(--muted);font-size:18px}.twocol,.contact,.chatlayout{display:grid;grid-template-columns:1fr 1fr;gap:55px}.twocol h2,.contact h2,.chatlayout h2{font-size:34px;color:#073f67}.values{display:grid;grid-template-columns:1fr 1fr;gap:14px}.values div{padding:24px;background:var(--bg);border-radius:14px}.values b{color:var(--green);display:block}.servicegrid,.specialtygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.serviceitem,.specialtygrid article{padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff}.serviceitem span{font-size:25px;color:var(--green)}.specialtygrid article{display:flex;align-items:center;gap:13px}.specicon{width:43px;height:43px;border-radius:12px;background:#e9f5fb;color:#0872a5;display:grid;place-items:center}.specialtygrid h3{margin-right:auto}.formbox{max-width:650px;margin:auto}.formbox form{display:grid;gap:15px}.formbox label{font-size:14px;font-weight:700}.formbox input,.formbox select,.formbox textarea{display:block;width:100%;margin-top:5px;padding:13px;border:1px solid #ccdde3;border-radius:9px;font:inherit}.success{background:#edf9f2;padding:30px;border-radius:15px}.error{background:#fff0ef;color:#a31e18;padding:10px;border-radius:8px}.chatfeatures{display:grid;gap:11px;color:#176e55}.livechat{border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 15px 45px #063d6715;background:#fff}.chathead{background:#063d67;color:#fff;padding:16px 19px;display:flex;justify-content:space-between}.chathead i{display:inline-block;width:9px;height:9px;background:#4bd08c;border-radius:50%;margin-right:6px}.messages{height:330px;padding:18px;background:#f4f9fb;overflow:auto}.bubble{max-width:78%;padding:11px 13px;border-radius:14px;margin:8px 0;white-space:pre-wrap;word-break:break-word}.bubble.client{background:#fff;border:1px solid var(--line)}.bubble.admin{background:#dff4e9;margin-left:auto}.bubble small{display:block;font-size:10px;opacity:.55;margin-top:4px}.livechat form{padding:14px}.livechat input,.livechat textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;margin-bottom:8px;font:inherit}.sendrow{display:flex;gap:8px}.sendrow input{flex:1;margin:0}.contact .map iframe{width:100%;height:380px;border:0;border-radius:16px}.admincards{display:grid;grid-template-columns:1fr 1fr;gap:17px}.admincards div{padding:28px;background:var(--bg);border-radius:16px}.admincards strong{display:block;font-size:42px;color:#07679c}.admincards span{color:var(--muted)}.adminlinks{display:flex;gap:20px;align-items:center;margin-top:25px}.adminchat{display:grid;grid-template-columns:320px 1fr;gap:15px;height:650px}.chatlist,.chatpanel{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.chatlist{padding:18px;overflow:auto}.conversation{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;padding:14px;cursor:pointer}.conversation:hover,.conversation.selected{background:#eaf5fa}.conversation.selected{border-left:3px solid var(--green)}.conversation small{display:block;color:var(--muted);margin-top:4px}.chatpanel{display:flex;flex-direction:column}.chatpanel .messages{height:auto;flex:1}.chatpanel .sendrow{padding:12px;border-top:1px solid var(--line)}.chatpanel .sendrow input{border:1px solid var(--line);padding:12px;border-radius:9px}
.whatsapp,.chatbubble{position:fixed;z-index:30;bottom:18px;color:#fff;font-weight:800;box-shadow:0 10px 25px #0002;border-radius:30px}.whatsapp{left:17px;background:#19a85d;padding:10px 17px;display:flex;align-items:center;gap:8px}.whatsapp small{font-weight:500}.chatbubble{right:17px;background:#0875c1;padding:14px 20px}footer{background:#07334e;color:#d8e7ec;padding:50px 0 20px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footlogo{color:#fff}.copyright{text-align:center;border-top:1px solid #ffffff22;padding-top:18px;margin-top:35px;font-size:12px}
@media(max-width:1050px){.menu{display:none}.menubtn{display:block}.headerbtn{display:none}.nav{height:76px}.menuopen .menu{display:flex;position:absolute;left:0;right:0;top:76px;background:#fff;flex-direction:column;padding:20px;box-shadow:0 10px 20px #0002}.menuopen .menu a{padding:8px}.trustgrid{grid-template-columns:repeat(3,1fr)}.trustgrid>div{border:0}.heroText h1{font-size:62px}}
@media(max-width:750px){.topinner span:nth-child(n+3){display:none}.hero{height:560px}.heroText{padding:0 6%}.heroText h1{font-size:50px}.heroText h2{font-size:27px}.heroText p{font-size:15px}.trustgrid{grid-template-columns:1fr 1fr}.servicegrid,.specialtygrid,.twocol,.contact,.chatlayout{grid-template-columns:1fr}.onlineinside{display:block}.onlineinside .btn{margin-top:18px}.footgrid{grid-template-columns:1fr}.adminchat{grid-template-columns:1fr;height:auto}.chatlist{max-height:280px}.whatsapp{bottom:14px}.chatbubble{bottom:75px}.innerhero h1{font-size:40px}.prev2{left:0}.next2{right:0}}
