*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff;font-size:14px;line-height:1.42}.container{width:1200px;margin:0 auto}.clear{clear:both}a{color:#006a93;text-decoration:none}ul{list-style:none;margin:0;padding:0}.header{height:143px;background:#fff url('Projects_assets/header.png') top center no-repeat;position:relative;box-shadow:0 0 5px rgba(0,0,0,.25);overflow:hidden}.logo{float:left;width:310px;height:auto;margin:14px 0 0}.slogan{position:absolute;top:18px;right:12px;color:#fff;font-size:22px;font-weight:bold}.menu{float:right;margin-top:82px}.menu li{display:inline}.menu li+li:before{content:"\2022";color:#087aa3;font-weight:bold;font-size:13px;vertical-align:middle}.menu a{display:inline-block;padding:0 10px;color:#999;text-transform:uppercase;font-size:18px}.menu a.active{color:#00729f}.hero{height:167px;background:url('Projects_assets/inner.jpg') top center no-repeat;border-bottom:1px solid #ddd}.hero h1{position:absolute;left:-9999px}.breadcrumb{height:50px;background:#f3f3f3}.breadcrumb .container{padding-top:14px}.breadcrumb span,.breadcrumb a{font-size:12px;margin-right:12px}.layout{padding:50px 0 100px}.sidebar{float:left;width:330px}.sidebar li{margin:0 0 9px}.sidebar a{display:block;background:#f3f3f3;border-bottom:1px solid #ddd;color:#222;padding:10px 14px;font-size:14px}.sidebar a.current{background:#005b79;color:#fff}.main{float:right;width:760px;padding-bottom:80px}.main h2{font-size:30px;line-height:1.05;color:#00729f;margin:12px 0 25px;font-weight:700}.main h3{font-size:22px;line-height:1.05;margin:0 0 20px;color:#111}.main p{font-size:14px;line-height:1.42;margin:0 0 18px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 13px;margin-top:18px}.project-card{background:#f3f3f3;min-height:201px;text-align:center;padding:14px 12px 12px;box-shadow:0 0 1px rgba(0,0,0,.45);color:#222}.project-card img{display:block;max-width:180px;width:auto;height:120px;object-fit:contain;margin:0 auto 10px}.project-card span{display:block;font-size:14px;line-height:1.22}.india-grid{gap:48px 13px}.india-grid .project-card{min-height:210px;padding-top:14px}.india-grid .project-card.no-image{padding-top:28px}.india-grid .project-card img{height:130px;max-width:181px}.detail-main{width:700px;margin-right:70px}.detail-main h2{margin-top:12px;margin-bottom:22px}.detail-main h3{font-size:22px}.article-img{display:block;max-width:520px;margin:6px auto 20px}.article-img.small{max-width:150px;margin:6px 0 20px}.article-img.center{margin-left:auto;margin-right:auto}.image-alt{font-size:14px;color:#222;margin:4px 0 20px}.image-alt.center{text-align:center}.top-footer{background:#087da4;color:#fff;height:427px;padding:48px 0}.top-footer a{color:#fff}.top-footer h3{font-size:20px;text-transform:uppercase;margin:0 0 18px;border-bottom:1px solid #2892bb;padding-bottom:7px}.fcol-1{float:left;width:190px}.fcol-2{float:left;width:470px;margin-left:80px}.fcol-3{float:right;width:280px}.top-footer li{margin-bottom:8px;font-size:14px}.fcol-2 li{margin-bottom:10px}.office-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px}.social-media{margin-top:22px}.social-media img{width:40px;height:auto;margin-right:10px}.footer{background:#222;color:#ccc;text-align:center;padding:19px 0;font-size:11px}.footer p{margin:4px 0}.footer a{color:#fff}.footer .brochure-link,.footer .designer{display:block}.project-hero-img{width:100%;max-width:560px;height:auto;background:#f3f3f3}.back-link{font-weight:bold}.region-note{margin-top:10px;color:#333}.region-card{background:#f7f7f7;border:1px solid #eee;padding:20px;margin-top:20px}@media(max-width:900px){.container{width:92%}.header{height:auto;min-height:132px;background-image:none}.logo{float:none;width:260px;margin:14px 0}.slogan{display:none}.menu{float:none;margin:8px 0 15px}.menu a{font-size:14px;padding:0 6px}.hero{height:110px;background-size:1050px auto;background-position:center top}.layout{padding:30px 0}.sidebar,.main,.detail-main{float:none;width:100%;margin:0}.main{margin-top:25px}.projects-grid{grid-template-columns:1fr 1fr}.top-footer{height:auto}.fcol-1,.fcol-2,.fcol-3{float:none;width:100%;margin:0 0 30px}.office-cols{max-width:320px}}@media(max-width:560px){.projects-grid{grid-template-columns:1fr}.project-card img{max-width:190px}.main h2{font-size:25px}} /* Shared Windtech header styling */ .header{height:140px;background:#fff;position:relative;border-top:5px solid #05739f;box-shadow:0 1px 6px rgba(0,0,0,.2);overflow:visible} .header:before{content:"";position:absolute;inset:0 0 auto auto;height:58px;width:60%;background:#05739f;clip-path:polygon(0 0,100% 0,100% 100%,16% 100%);z-index:0} .header .container{position:relative;width:min(1200px,calc(100% - 36px));height:100%;z-index:1} .header .logo{float:none;width:360px;max-width:44vw;height:auto;margin:7px 0 0} .header .slogan{position:absolute;top:18px;right:0;color:#fff;font-size:24px;line-height:1;font-weight:700;white-space:nowrap} .header nav{position:absolute;right:0;bottom:23px} .header .menu{float:none;margin:0;display:flex;align-items:center;gap:16px;list-style:none;padding:0;text-transform:uppercase} .header .menu li{display:flex;align-items:center;gap:16px;color:#999} .header .menu li+li:before{content:"";width:4px;height:4px;background:#05739f;display:inline-block;vertical-align:middle} .header .menu a{display:block;padding:0;color:#999;text-transform:uppercase;font-size:20px;line-height:28px;text-decoration:none} .header .menu a.active,.header .menu a:hover{color:#00577a} @media(max-width:900px){.header{height:auto;min-height:0;background:#fff}.header:before{height:48px;width:72%}.header .container{min-height:0;padding:10px 0}.header .logo{width:235px;max-width:66vw;margin:0}.header .slogan{display:none}.header nav{position:static;margin-top:10px}.header .menu{display:grid;grid-template-columns:1fr;gap:0}.header .menu li{display:block}.header .menu li+li:before{display:none}.header .menu a{font-size:15px;line-height:24px;padding:4px 0}} /* News-style shared header */ .header{height:96px;background:#fff url('Projects_assets/header.png') top center no-repeat;border-top:0;box-shadow:0 0 5px rgba(0,0,0,.24);overflow:hidden} .header:before{display:none} .header .container{height:96px} .header .logo{width:260px;max-width:34vw;margin:12px 0 0} .header .slogan{top:16px;right:12px;font-size:18px;line-height:1} .header nav{bottom:13px} .header .menu{gap:0} .header .menu li{display:inline-flex;gap:0} .header .menu li+li:before{content:"\2022";width:auto;height:auto;background:transparent;color:#087aa3;font-size:12px;font-weight:700;padding:0 8px} .header .menu a{font-size:15px;line-height:22px;color:#999} .header .menu a.active,.header .menu a:hover{color:#00729f} @media(max-width:900px){.header{height:auto;overflow:visible}.header .container{height:auto}.header .logo{width:250px;max-width:66vw}.header .menu li+li:before{display:none}.header .menu a{font-size:13px;line-height:22px}} /* Exact News header basis */ .header{height:96px;background:#fff url('Projects_assets/header.png') top center no-repeat;border-top:0;box-shadow:0 0 5px rgba(0,0,0,.24);position:relative;overflow:hidden} .header:before{display:none} .header .container{width:960px;max-width:calc(100% - 36px);height:96px;position:relative;display:block} .header .logo{float:left;width:260px;max-width:none;height:auto;margin:12px 0 0} .header .slogan{position:absolute;top:16px;right:12px;margin:0;color:#fff;font-size:18px;line-height:1;font-weight:700;white-space:nowrap} .header nav{position:static;right:auto;bottom:auto} .header .menu{float:right;display:block;margin:60px 0 0;padding:0;list-style:none;text-transform:none} .header .menu li{display:inline;margin:0;color:inherit} .header .menu li+li:before{content:"\2022";width:auto;height:auto;background:transparent;color:#087aa3;font-weight:700;font-size:12px;vertical-align:middle;padding:0} .header .menu a{display:inline-block;padding:0 8px;color:#999;text-transform:uppercase;text-decoration:none;font-size:15px;line-height:normal} .header .menu a.active,.header .menu a:hover{color:#00729f} @media(max-width:900px){.header{height:auto;min-height:120px;background-image:none;overflow:visible}.header .container{width:92%;height:auto;padding:0}.header .logo{float:none;width:250px;max-width:66vw;margin:12px 0 0}.header .slogan{display:none}.header nav{position:static;display:block;width:auto}.header .menu{float:none;display:block;margin:10px 0 16px}.header .menu li{display:inline}.header .menu li+li:before{display:inline}.header .menu a{font-size:13px;line-height:normal;padding:0 8px}} /* Screenshot-matched shared header */ .header{height:140px;background:#fff;border-top:6px solid #05739f;box-shadow:none;position:relative;overflow:hidden} .header:before{content:"";display:block;position:absolute;inset:0 0 auto auto;width:60%;height:55px;background:#05739f;clip-path:polygon(0 0,100% 0,100% 100%,16% 100%);z-index:0} .header .container{width:min(1200px,calc(100% - 36px));height:134px;position:relative;display:block;z-index:1} .header .logo{float:left;width:360px;max-width:42vw;height:auto;margin:14px 0 0} .header .slogan{display:block;position:absolute;top:13px;right:0;margin:0;color:#fff;font-size:24px;line-height:1;font-weight:700;white-space:nowrap} .header nav{position:static} .header .menu{float:right;display:flex;align-items:center;gap:26px;margin:84px 0 0;padding:0;list-style:none} .header .menu li{display:block;margin:0;color:inherit} .header .menu li:before,.header .menu li:after{display:none!important;content:none!important} .header .menu a{display:block;padding:0;color:#111;text-transform:uppercase;text-decoration:none;font-size:20px;line-height:28px;font-weight:400} .header .menu a.active,.header .menu a:hover{color:#05739f} @media(max-width:900px){.header{height:auto;min-height:0;overflow:visible}.header:before{height:48px;width:72%}.header .container{height:auto;padding:10px 0}.header .logo{float:none;width:250px;max-width:66vw;margin:0}.header .slogan{display:none}.header nav{display:block;width:auto}.header .menu{float:none;display:grid;grid-template-columns:1fr;gap:0;margin:10px 0 0}.header .menu a{font-size:15px;line-height:24px;padding:4px 0}}