@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');:root{--ink:#182744;--blue:#2563eb;--teal:#04a7a0;--cream:#f7f9ff;--line:#e1e8f4}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:white}h1,h2,h3{font-family:Outfit,Arial,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(3.2rem,7vw,6.6rem);line-height:1.03;margin:20px 0}h2{font-size:clamp(2.2rem,4vw,3.9rem);line-height:1.1;margin:12px 0 22px}h3{font-size:1.45rem;margin:0 0 12px}p{line-height:1.8;color:#586780}a{text-decoration:none;color:inherit}header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(16px);z-index:10;border-bottom:1px solid var(--line)}.nav{max-width:1250px;margin:auto;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{width:170px;height:auto;display:block}.links{display:flex;align-items:center;gap:21px;flex-wrap:wrap}.links a{font-size:13px;font-weight:700}.links a:hover,.links .active{color:var(--blue)}.button{display:inline-block;background:var(--blue);color:white;padding:15px 24px;border-radius:100px;font-weight:700;box-shadow:0 10px 25px #2563eb25}.button.alt{background:white;color:var(--blue);border:1px solid #dce5f8;box-shadow:none}.hero{background:linear-gradient(115deg,#eff7ff 0%,#fff 52%,#f0fff8 100%);overflow:hidden}.wrap{max-width:1250px;margin:auto;padding:95px 24px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;min-height:590px}.eyebrow{color:#138f92;font-size:12px;letter-spacing:.2em;font-weight:800;text-transform:uppercase}.lead{font-size:19px;max-width:650px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.photo{width:100%;height:470px;object-fit:cover;border-radius:36px 120px 36px 36px;box-shadow:25px 30px 0 #bcefe6}.photo.small{height:390px}.section-alt{background:#f6f9ff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.card{padding:32px;background:white;border:1px solid var(--line);border-radius:22px;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #172f5210}.num{color:#14a5a5;font-size:13px;font-weight:800;letter-spacing:.15em;margin-bottom:20px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.strip{background:#162b51;color:white}.strip p{color:#c9d7ed}.strip .wrap{padding-top:60px;padding-bottom:60px}.footer{background:#101f3a;color:white}.footer p,.footer a{color:#c4d0e1}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:50px}.footer-logo{width:200px;background:white;padding:9px;border-radius:10px}.pill{display:inline-block;border:1px solid #bedbe4;border-radius:30px;padding:8px 14px;font-size:12px;font-weight:700;color:#138f92;margin:5px}.feature{display:flex;gap:18px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--line)}.feature strong{font-size:19px}.feature span{font-size:24px;color:#00a59f}.art-logo{max-width:320px;width:100%;height:auto;margin:18px 0}.banner{background:linear-gradient(115deg,#eaf7ff,#f8eaff);padding:72px 0}.banner .wrap{padding-top:0;padding-bottom:0}.banner h1{font-size:clamp(3rem,6vw,5.3rem)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-grid .card{min-height:160px}input,textarea,select{font:inherit;width:100%;padding:15px;border:1px solid #dbe4ef;border-radius:12px;margin:7px 0 16px}label{font-size:13px;font-weight:700}button{border:0;cursor:pointer;font:inherit}.note{font-size:13px}footer .wrap{padding-top:65px;padding-bottom:30px}.copyright{border-top:1px solid #34445c;margin-top:45px;padding-top:22px;font-size:12px;color:#aabbd1}@media(max-width:900px){.hero-grid,.split,.footer-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.links{gap:11px}.links a{font-size:12px}.photo{height:340px}.wrap{padding:65px 22px}}@media(max-width:600px){.grid,.contact-grid{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}.links{overflow:auto;max-width:100%;flex-wrap:nowrap;padding-bottom:6px}.links a{white-space:nowrap}.hero-grid{gap:35px}.photo{height:280px;border-radius:22px}.wrap{padding:55px 20px}.lead{font-size:16px}}
/* Accessible responsive navigation: desktop layout unchanged */
.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:10px;flex-shrink:0}.menu-toggle span{display:block;width:22px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){.nav{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 20px}.logo{width:min(170px,55vw)}.menu-toggle{display:flex;margin-left:auto}.links{display:none;flex-basis:100%;width:100%;max-width:100%;overflow:visible;flex-wrap:nowrap;flex-direction:column;align-items:stretch;gap:2px;padding:10px 0 6px;border-top:1px solid var(--line)}.links.is-open{display:flex}.links a{display:block;font-size:15px;padding:12px 14px;border-radius:10px;white-space:normal}.links a:hover,.links a.active{background:#eff5ff}.links a:focus-visible,.menu-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:2px}}
@media(max-width:600px){.nav{flex-direction:row;align-items:center}.links{overflow:visible;max-width:100%;flex-wrap:nowrap;padding:10px 0 6px}.links a{white-space:normal;font-size:15px}.hero h1{font-size:clamp(2.6rem,11vw,4rem);overflow-wrap:break-word}.hero .wrap{min-width:0}.hero-grid>*{min-width:0}}


/* Office location cards — monochrome, softly faded photography */
.office-group{margin-top:3.3rem}.office-group-title{font-size:clamp(1.45rem,2.7vw,2.1rem);margin:0 0 .35rem}.office-group-description{color:#65748a;margin:0 0 1.35rem}.office-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.office-card{position:relative;isolation:isolate;overflow:hidden;min-height:285px;border:1px solid #e2e9f0;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(21,41,67,.06)}.office-card:before{content:"";position:absolute;z-index:-2;inset:0 0 0 38%;background-image:var(--office-image);background-size:cover;background-position:center;filter:grayscale(1);opacity:.75}.office-card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 38%,rgba(255,255,255,.89) 54%,rgba(255,255,255,.12) 100%)}.office-card-content{padding:1.7rem;max-width:82%;position:relative}.office-country{display:block;color:#1365d4;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.73rem;margin-bottom:.6rem}.office-card h4{font-size:1.5rem;margin:0 0 1rem;color:#14253e}.office-card p{margin:.6rem 0;line-height:1.55;color:#34455c}.office-card a{color:#1759b6;overflow-wrap:anywhere}.office-address{max-width:34ch}@media(max-width:760px){.office-grid{grid-template-columns:1fr}.office-card{min-height:270px}.office-card-content{max-width:94%;padding:1.4rem}.office-card:before{left:35%;opacity:.48}.office-card:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 42%,rgba(255,255,255,.42) 100%)}}

/* Location landmark photographs: clearly visible with a gentle text-side fade. */
.office-card{min-height:310px}
.office-card::before{inset:0 0 0 42%;opacity:1;background-position:center;background-size:cover;filter:grayscale(1) contrast(1.08)}
.office-card::after{background:linear-gradient(90deg,#fff 0%,#fff 36%,rgba(255,255,255,.96) 47%,rgba(255,255,255,.55) 61%,rgba(255,255,255,0) 80%)}
.office-card-content{max-width:72%;z-index:1}
@media(max-width:760px){.office-card::before{inset:0 0 0 34%;opacity:1}.office-card::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 39%,rgba(255,255,255,.76) 57%,rgba(255,255,255,.08) 100%)}.office-card-content{max-width:78%}}

/* Final fix: paint photos above the card background, with overlay above photos. */
.office-card{isolation:isolate;background:#fff;}
.office-card::before{z-index:0!important;inset:0 0 0 37%!important;opacity:1!important;filter:grayscale(1) contrast(1.12)!important;background-size:cover!important;background-position:center!important;}
.office-card::after{z-index:1!important;background:linear-gradient(90deg,#fff 0%,#fff 30%,rgba(255,255,255,.94) 42%,rgba(255,255,255,.42) 61%,rgba(255,255,255,0) 83%)!important;}
.office-card-content{z-index:2!important;position:relative;}
@media(max-width:760px){.office-card::before{inset:0 0 0 31%!important}.office-card::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 37%,rgba(255,255,255,.70) 59%,rgba(255,255,255,.08) 100%)!important}}

/* Explicit stylesheet-relative landmark paths; avoid CSS custom-property URL base mismatch. */
.office-card.office-kochi::before{background-image:url("office-kochi.webp")!important;}
.office-card.office-hyderabad::before{background-image:url("office-hyderabad.webp")!important;}
.office-card.office-bahrain::before{background-image:url("office-bahrain.webp")!important;}
.office-card.office-uae::before{background-image:url("office-uae.webp")!important;}

/* Final contact card clarity and responsive layout */
.office-card::before{background-size:cover!important;background-position:center center!important;filter:grayscale(1) contrast(1.17)!important;}
.office-card::after{background:linear-gradient(90deg,#fff 0%,#fff 29%,rgba(255,255,255,.96) 40%,rgba(255,255,255,.63) 55%,rgba(255,255,255,.02) 83%)!important;}
@media(max-width:700px){.office-card::before{inset:0 0 0 35%!important;background-position:center!important}.office-card::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 42%,rgba(255,255,255,.78) 66%,rgba(255,255,255,.32) 100%)!important}.office-card-content{max-width:100%!important}}

/* Crisp, original vector landmark artwork: no source image cropping or upscaling. */
.office-card.office-kochi::before{background-image:url("office-kochi.svg")!important;}
.office-card.office-hyderabad::before{background-image:url("office-hyderabad.svg")!important;}
.office-card.office-bahrain::before{background-image:url("office-bahrain.svg")!important;}
.office-card.office-uae::before{background-image:url("office-uae.svg")!important;}

.office-card::before{background-size:contain!important;background-repeat:no-repeat!important;background-position:right center!important;background-color:#eef1f5!important;}
/* Verified photographic landmark backgrounds. Infopark Kochi photograph hosted by Wikimedia Commons. */
.office-card.office-kochi::before{background-image:url('https://upload.wikimedia.org/wikipedia/commons/2/22/Carnival_Info_Park_Phase_-_4.jpg')!important;}
.office-card.office-hyderabad::before{background-image:url('office-hyderabad.webp')!important;}
.office-card.office-bahrain::before{background-image:url('office-bahrain.webp')!important;}
.office-card.office-uae::before{background-image:url('office-uae.webp')!important;}
.office-card::before{background-size:cover!important;background-position:center!important;background-color:#f0f2f6!important;}

/* Approved generated photographic panels: native size, never enlarged. */
.office-card.office-kochi::before{background-image:url("office-kochi.webp")!important;}
.office-card.office-hyderabad::before{background-image:url("office-hyderabad.webp")!important;}
.office-card.office-bahrain::before{background-image:url("office-bahrain.webp")!important;}
.office-card.office-uae::before{background-image:url("office-uae.webp")!important;}
.office-card::before{background-size:auto 310px!important;background-repeat:no-repeat!important;background-position:right center!important;background-color:#fff!important;filter:none!important;}
.office-card::after{background:linear-gradient(90deg,#fff 0%,#fff 29%,rgba(255,255,255,.90) 40%,rgba(255,255,255,.25) 62%,transparent 85%)!important;}

/* Contact office photographs: stronger fade for readable text, without image enlargement */
.office-card::after{background:linear-gradient(90deg,#fff 0%,#fff 31%,rgba(255,255,255,.98) 43%,rgba(255,255,255,.88) 56%,rgba(255,255,255,.58) 73%,rgba(255,255,255,.22) 100%)!important;}
@media(max-width:760px){.office-card::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 42%,rgba(255,255,255,.93) 63%,rgba(255,255,255,.65) 100%)!important;}}

.form-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
#form-status:not(:empty){margin-top:14px;font-weight:600}