@charset "utf-8";
/** Reset Css **/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
a:focus, :focus{outline:none; border: 0;}
a:active,a:hover{outline:0;text-decoration:none}
h1{font-size:2em}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0;outline:none}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;outline:0}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;outline:none;color:#282828}
ul{margin:0;padding:0;list-style:none}
ul li{margin:0;padding:0}
.alignCenter{text-align:center}
body{background:#fff;font-size:100%;color:#1b1a1a;height:100%;position:relative;}
.clear,.after{clear:both}
.clear:after,.after:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clear,* html .after{zoom:1;clear:both;font-size:1px!important;line-height:1px!important}
:first-child+html .clear,:first-child+html .after{zoom:1;clear:both;font-size:1px!important;line-height:1px!important}
img{border:0 none}
.toRight{float:right!important}
.toLeft{float:left!important}
.toCenter{float:none!important;display:block;margin:0 auto}
.noPadTop{padding-top:0!important}
html,body{min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;width:100%;}
*{margin:0;padding:0}
/** Reset Css **/
@font-face {
    font-family: 'Emberly';
    src: url('../fonts/Emberly-Black.eot');
    src: url('../fonts/Emberly-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Emberly-Black.woff2') format('woff2'),
        url('../fonts/Emberly-Black.woff') format('woff'),
        url('../fonts/Emberly-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Emberly';
    src: url('../fonts/Emberly-Bold.eot');
    src: url('../fonts/Emberly-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Emberly-Bold.woff2') format('woff2'),
        url('../fonts/Emberly-Bold.woff') format('woff'),
        url('../fonts/Emberly-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Emberly Condensed';
    src: url('../fonts/Emberly-Condensed.eot');
    src: url('../fonts/Emberly-Condensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Emberly-Condensed.woff2') format('woff2'),
        url('../fonts/Emberly-Condensed.woff') format('woff'),
        url('../fonts/Emberly-Condensed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Emberly Extra';
    src: url('../fonts/Emberly-ExtraBold.eot');
    src: url('../fonts/Emberly-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Emberly-ExtraBold.woff2') format('woff2'),
        url('../fonts/Emberly-ExtraBold.woff') format('woff'),
        url('../fonts/Emberly-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Emberly Extra';
    src: url('../fonts/Emberly-ExtraLight.eot');
    src: url('../fonts/Emberly-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Emberly-ExtraLight.woff2') format('woff2'),
        url('../fonts/Emberly-ExtraLight.woff') format('woff'),
        url('../fonts/Emberly-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Emberly';
    src: url('../fonts/Emberly-Light.eot');
    src: url('../fonts/Emberly-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Emberly-Light.woff2') format('woff2'),
        url('../fonts/Emberly-Light.woff') format('woff'),
        url('../fonts/Emberly-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Emberly';
    src: url('../fonts/Emberly-Medium.eot');
    src: url('../fonts/Emberly-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Emberly-Medium.woff2') format('woff2'),
        url('../fonts/Emberly-Medium.woff') format('woff'),
        url('../fonts/Emberly-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Emberly Narrow';
    src: url('../fonts/Emberly-Narrow.eot');
    src: url('../fonts/Emberly-Narrow.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Emberly-Narrow.woff2') format('woff2'),
        url('../fonts/Emberly-Narrow.woff') format('woff'),
        url('../fonts/Emberly-Narrow.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Emberly Semi';
    src: url('../fonts/Emberly-SemiBold.eot');
    src: url('../fonts/Emberly-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Emberly-SemiBold.woff2') format('woff2'),
        url('../fonts/Emberly-SemiBold.woff') format('woff'),
        url('../fonts/Emberly-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Emberly';
    src: url('../fonts/Emberly-Thin.eot');
    src: url('../fonts/Emberly-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Emberly-Thin.woff2') format('woff2'),
        url('../fonts/Emberly-Thin.woff') format('woff'),
        url('../fonts/Emberly-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}



html{scroll-behavior: smooth;}
.mainWrapper{width:100%;height:auto;margin:0 auto;text-align:center;position:relative;overflow-x:hidden;background:transparent;font-family: "Roboto", sans-serif;font-weight:300;}
.innerMainWrapper{font-family: "Roboto", sans-serif;font-weight:400;}
.sectionWrapper{width:100%;height:auto;margin:0 auto;text-align:center;}
.fullWidthImg{display:block;width:100%;height:auto;margin:0 auto;text-align:center;}
.centerWrapper{width:85%;height:auto;margin:0 auto;}
h2{font-weight:normal;font-size:3em;}
html {scroll-behavior: smooth;}
.sectionTitle{font-size:7.5vw;display:block;color:#000;text-align:left;margin-bottom:.15em;font-family:'Emberly';font-weight:300;letter-spacing:1px;}
.sectionTitle span{color:#004D80;display:inline;position:relative;font-weight:600;}
.typeJsText {display:inline-block;padding:0;border-right:1px solid #414141;transition:opacity 0.3s ease;}
.sectionName{font-size:2.5vw;text-align:left;color:#000;margin-bottom:.2em;display:block;font-family:'Emberly';font-weight:500;letter-spacing:1px;display:none;}
.sectionSpacing{padding:150px 0;}
.paraTxt{color:#000;font-size:1.1vw;line-height:1.8em;margin-bottom:2em;text-align:left;font-weight:300;}
.devDetailHeader p.paraTxt {
    width: 80%;
    width: 65%;
    margin: 0 auto;
}
.paraTxt strong{font-weight:700;letter-spacing:.5px;}
.blueBtWrapper{display:inline-block;background:#004D80;margin:0;text-align:center;padding:0.8em 3.5em;color:#fff;border-radius:10px;font-weight:400;}

header{width:100%;height:auto;position:absolute;left:0;right:0;top:2.5em;z-index:1;}
header .centerWrapper{padding:.7em 1.5em;background:transparent;border: 1px solid transparent;width:calc(85% - 3em);border-radius:10px; transition: all 0.4s ease-in-out;}
header .centerWrapper:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
header a.headerLogo{width:16%;height:auto;text-align:left;margin:0;float:left;}
header a.hamburgerIcon{width:3%;height:auto;text-align:left;margin:0;transition: all 0.5s ease-in-out;float:right;margin-top:.3em;}
header a.hamburgerIcon img{transition: all 0.5s ease-in-out;}
header a.hamburgerIcon img.closeIcon{display:none;}

header .menuListWrapper{width:80%;height:auto;margin:0 5%;text-align:right;opacity: 0;
visibility: hidden;transition: opacity 0.4s ease-in-out, visibility 0s linear 0.4s;position:absolute;right:3%;top:50%;transform:translateY(-50%);}
header .menuListWrapper a{display:inline-block;margin-left:5%;font-size:1.05em;font-weight:300;transition:all 0.1s ease-in;}
header .menuListWrapper a:first-child{margin-left:0;}
header .menuListWrapper a:hover{font-weight:400;}

header.menuOpen .centerWrapper{background:rgba(255, 255, 255, 0.4);border: 1px solid rgba(255, 255, 255, 1);backdrop-filter: blur(44px);transition: all 0.4s ease-in-out}
header.menuOpen  .menuListWrapper{display:block;opacity:1;visibility:visible;transition:opacity 0.4s ease-in-out, visibility 0s;}
header.menuOpen  a.hamburgerIcon img.menuIcon{display:none;}
header.menuOpen  a.hamburgerIcon img.closeIcon{display:block;}


.bannerWrapper{height:100vh;position:relative;z-index:0;overflow:hidden;}
.bannerWrapper h1{position:absolute;bottom:.5em;left:0;right:0;z-index:1;color:#fff;font-size:9vw;font-weight:normal;text-align:center;font-family:'Emberly';font-weight:900;letter-spacing:1px; transform: translateY(0);transition: transform 0.3s ease-out;}
.bannerSwiper{width:100%;height:100%;background-size:cover;background-position:top center;background-repeat:no-repeat;transition: transform 0.3s ease-out;}
.bannerWrapper .swiper-slide{width:100%;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;opacity: 0;transition: opacity 1s ease-in-out;position:relative;z-index:0;}
.bannerWrapper .swiper-slide:before{content:'';width:100%;height:30%;position:absolute;left:0;right:0;top:0;z-index:1;background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
/* @-webkit-keyframes waves {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
@-moz-keyframes waves {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
@keyframes waves {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
} */

.bannerWrapper .swiper-slide.swiper-slide-active{opacity:1;}
.bannerSwiper .swiper-pagination{text-align:center;margin-top:0;bottom:1.5em;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet{width:13px;height:4px;display:inline-block;background:#fff;opacity:1;margin:0 3px;border-radius:100px;transition:opacity 0.5s,background-color 0.5s,width .5s;transition-delay:0.5s,0.5s,0s;cursor:pointer}
.bannerSwiper .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active{opacity:1;background:#fff;width:55px;transition-delay:0s;}

.hm_aboutWrapper{text-align:left;background:#fff;}
.hm_aboutWrapper .aboutInfoWrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:row;}
.hm_aboutWrapper .aboutLeftInfoWrapper{width:53%;height:auto;margin:0 auto;text-align:left;}
.hm_aboutWrapper .aboutRightWrapper{width:42%;height:auto;margin-left:5%;}
.hm_aboutWrapper .aboutRightWrapper img{width:100%;height:auto;margin:0 auto;text-align:center;display:block;}

.hm_aboutWrapper .aboutProjectNumWrapper{margin:2em auto 4em auto;}
.hm_aboutWrapper .aboutProjectNumWrapper ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:row;}
.hm_aboutWrapper .aboutProjectNumWrapper ul li{width:30%;height:auto;margin-right:5%;text-align:left;}
.hm_aboutWrapper .aboutProjectNumWrapper ul li:last-child{margin-right:0;}
.hm_aboutWrapper .aboutProjectNumWrapper ul li p{font-size:7.5vw;font-family: 'Emberly';font-weight:500;letter-spacing:1px;}
.hm_aboutWrapper .aboutProjectNumWrapper ul li p span{display:inline-block;}
.hm_aboutWrapper .aboutProjectNumWrapper ul li em{display:block;font-style:normal;font-weight:400;}

.hm_projectsWrapper{background:#F5F1ED}
.hm_ProjectSwiper{width:92.5%;height:auto;margin-left:7.5%;margin-top:5em}
.hm_ProjectSwiper .swiper-scrollbar{background:#d6d6d6}
.hm_ProjectSwiper .swiper-container-horizontal > .swiper-scrollbar{border-radius:2px;height:5px;width:200px;bottom:0;left:50%;transform:translateX(-50%)}
.hm_ProjectSwiper .swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:relative;margin:2em auto;width:35%;height:2px;background: rgba(0, 77, 128, .5);}
.hm_ProjectSwiper .swiper-scrollbar-drag{height:5px;top:-2px;background: #004D80;}
.hm_ProjectSwiper .swiper-slide .imgWrapper{width:100%;height:auto;margin:0 auto;text-align:center;position:relative;display:block;border-radius:10px;background-size:auto 100%;background-repeat:no-repeat;transition:all 0.3s ease-in-out;}
.hm_ProjectSwiper .swiper-slide .imgWrapper::before{content:'';background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);position:absolute;left:0;right:0;bottom:0;top:0;margin:0 auto;width:100%;height:100%;border-radius:10px;}
.hm_ProjectSwiper .swiper-slide .imgWrapper img{visibility:hidden;}
.hm_ProjectSwiper .swiper-slide .imgWrapper:hover{background-size:auto 105%}
.hm_ProjectSwiper .swiper-slide .textOverlayWrapper{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);position:absolute;left:0;right:0;bottom:1em;margin:0 auto;width:100%;height:auto;border-radius:20px;opacity:1;visibility:visible;transition:all .3s ease-in-out}
.hm_ProjectSwiper .swiper-slide .textOverlayWrapper span.projectTxt{opacity:0;transform:translateY(100%);transition:all .3s;position:absolute;bottom:1em;left:1em;margin:0 auto;font-size:1.35vw;font-weight:300;text-align:left;text-transform:capitalize;padding-right:1em;}
.hm_ProjectSwiper .swiper-slide:hover .textOverlayWrapper{opacity:1;visibility:visible}
.hm_ProjectSwiper .swiper-slide:hover .textOverlayWrapper span.projectTxt{opacity:1;transform:translateY(0px);transition:transform .4s 0.2s,opacity .5s ease-out .2s;color:#fff}

.hm_servicesWrapper{text-align:left;background:#fff;}
.hm_servicesWrapper ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;flex-direction:row;text-align:left;margin:4em auto 4em auto;}
.hm_servicesWrapper ul li{width:16%;height:auto;margin-right:5%;cursor: pointer;}
.hm_servicesWrapper ul li:last-child{margin-right:0;}
.hm_servicesWrapper ul li span{display:flex;align-items:center;justify-content:center;width:75px;height:auto;margin:0;text-align:center;border-radius:100%;margin-bottom:.5em;}
.hm_servicesWrapper ul li img[data-src]{visibility:hidden;}
.hm_servicesWrapper ul li img{width:40px;height:auto;margin:0 auto;text-align:center;display:block;line-height:60px;visibility:visible;}
.hm_servicesWrapper ul li p{line-height:1.5em;}

.businessLegacyWrapper{background:#F5F1ED;padding:2em 0;}
.businessLegacyWrapper .logoLeftWrapper{width:9%;height:auto;margin:0 auto 1em auto;}
.businessLegacyWrapper .logoLeftWrapper img{width:100%;height:auto;display:block;}
.businessLegacyWrapper .rightInfoWrapper{width:100%;height:auto;text-align:center;} 
.businessLegacyWrapper .rightInfoWrapper span{display:block;font-size:1.2em;}
.businessLegacyWrapper .rightInfoWrapper p{font-size:5.5vw;margin:.2em auto;font-family: 'Emberly';font-weight:300;}
.businessLegacyWrapper .rightInfoWrapper p span{display:inline-block;color:#004D80;font-weight:600;}
.businessLegacyWrapper .rightInfoWrapper a{display:inline-block;border:1px solid #000;border-radius:8px;padding:.8em 2em;font-size:1em;font-weight:400;}
.footerSubscriptionWrapper.footerOverlapWrapper{position:relative;margin-top:-2em;}

.hm_brandsCarryWrapper{background:#F5F1ED;}
.hm_brandsCarryWrapper ul{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-between;padding:3em 0 0 0;}
.hm_brandsCarryWrapper ul li{width:33.33%;height:auto;}
.hm_brandsCarryWrapper ul li img{width:60%;height:auto;display:block;margin:0 auto;text-align:center;}
.hm_brandsCarryWrapper ul li:nth-child(1) img{text-align:left;margin:0;}
.hm_brandsCarryWrapper ul li:nth-child(2) img{width:50%;}
.hm_brandsCarryWrapper ul li:nth-child(3) img{text-align:right;}


.hm_potentialWrapper{background:#fff;}
.hm_potentialWrapper .videoImgWrapper{width:100%;height:auto;margin:5em auto 0;text-align:center;position:relative}
.hm_potentialWrapper .videoImgWrapper a.btnPlayShowreel{display:block;position:relative;transition:clip-path .1s ease-in-out;clip-path:inset(0 99% 0% 0 round 20px)}
.hm_potentialWrapper .videoImgWrapper img.fullWidthImg{border-radius:20px}
.hm_potentialWrapper .videoImgWrapper img.playIcon{width:70px;height:auto;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;transition:opacity .5s ease-in-out}
.videoOverlayWrapper{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:0 auto}
.videoOverlayWrapper .videoWrapper{position:relative;padding-bottom:56.25%;height:0}
.videoOverlayWrapper .videoWrapper iframe{position:absolute;width:100%;height:100%;left:0;right:0;margin:0 auto}


.footerSubscriptionWrapper{background:#F5F1ED;padding:3em 0;border-top-left-radius:30px;border-top-right-radius:30px;text-align:left;}
.footerSubscriptionWrapper .centerWrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;flex-direction:row;}
.footerSubscriptionWrapper .subsLeftInfoWrapper{width:40%;height:auto;text-align:left;}
.footerSubscriptionWrapper .subsLeftInfoWrapper span{display:block;font-size:6vw;font-family: 'Emberly';font-weight:300;letter-spacing:1px;}
.footerSubscriptionWrapper .subsRightFormWrapper{width:40%;height:auto;text-align:center;}
.footerSubscriptionWrapper .subsRightFormWrapper form{width:100%;height:auto;margin:0 auto;text-align:right;display:flex;flex-wrap:nowrap;}
.footerSubscriptionWrapper .subsRightFormWrapper .fieldWrapper{width:70%;height:auto;}
.footerSubscriptionWrapper .subsRightFormWrapper .fieldWrapper input{width:calc(100% - 5.5em - 2px);height:auto;border:1px solid #004D80;padding:.9em 1em;border-radius:30px;font-size:.95em;color:#000;background:#fff;padding-right:3.5em;font-weight:300;}
.footerSubscriptionWrapper .subsRightFormWrapper .fieldSubmitWrapper{width:40%;height:auto;margin-left:-5em;}
.footerSubscriptionWrapper .subsRightFormWrapper .fieldSubmitWrapper input{width:calc(100% - 2em);background:#004D80;color:#fff;border:0;padding: 0.94em 1em; border-radius:30px;font-size:.95em;font-weight:400;}

footer.sectionWrapper{background:#212121;padding:3em 0;border-top-left-radius:30px;border-top-right-radius:30px;text-align:left;margin-top:-1em;position:relative;}
footer .footerLogo{display:block;text-align:left;}
footer .footerLogo a{display:inline-block;width:7%;}
footer ul.footerInfoWraper{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;flex-direction:row;padding:3em 0;}
footer ul.footerInfoWraper li:nth-child(1){width:25%;height:auto;text-align:left;margin-right:5%;}
footer ul.footerInfoWraper li:nth-child(1) span{display:block;font-size:.95em;color:#fff;margin-bottom:.5em;font-weight:500;}
footer ul.footerInfoWraper li:nth-child(1) p{color:#fff;font-size:.85em;margin-bottom:1.8em;line-height:1.7em;font-weight:300;}

footer ul.footerInfoWraper li:nth-child(2){width:15%;height:auto;text-align:left;margin-right:5%;}
footer ul.footerInfoWraper li:nth-child(2) span{display:block;font-size:.95em;color:#fff;margin-bottom:.5em;font-weight:500;}
footer ul.footerInfoWraper li:nth-child(2) a{color:#fff;font-size:.85em;margin-bottom:1.8em;line-height:1.7em;display:inline-block;font-weight:300;}

footer ul.footerInfoWraper li:nth-child(3){width:25%;height:auto;text-align:left;margin-right:5%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;flex-direction:row;}
footer ul.footerInfoWraper li:nth-child(3) span{display:block;color:#fff;font-size:.95em;text-align:left;width:100%;margin-bottom:1.2em;font-weight:500;}
footer ul.footerInfoWraper li:nth-child(3) .navLeftWrapper{width:45%;height:auto;}
footer ul.footerInfoWraper li:nth-child(3) .navLeftWrapper a{display:block;color:#fff;margin-bottom:.8em;font-size:.85em;font-weight:300;}

footer ul.footerInfoWraper li:nth-child(4){width:20%;height:auto;text-align:left;}
footer ul.footerInfoWraper li:nth-child(4) span{display:block;color:#fff;font-size:.95em;text-align:left;margin-bottom:1.2em;font-weight:500;}
footer ul.footerInfoWraper li:nth-child(4) a{display:inline-block;width:25px;height:auto;margin-right:10px;}
footer ul.footerInfoWraper li:nth-child(4) a:last-child{margin-right:0;}

footer .footerBottomWrapper{padding-top:3em;position:relative;}
footer .footerBottomWrapper::after{content:'';width:100%;height:1px;position:absolute;top:0;left:0;right:0;margin:0 auto;background-image:url('../images/footer-border.png');background-size:100%;}
footer .footerBottomWrapper .centerWrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;flex-direction:row;}
footer .footerBottomWrapper .privacyLinkWrapper{width:50%;color:#fff;text-align:left;}
footer .footerBottomWrapper .privacyLinkWrapper a{color:#fff;text-align:left;padding:0 10px;font-size:.8em;position:relative;}
footer .footerBottomWrapper .privacyLinkWrapper a:after{content:'';width:1px;height:100%;background:#fff;position:absolute;right:0;top:0;bottom:0;margin:auto 0;}
footer .footerBottomWrapper .privacyLinkWrapper a:first-child{padding-left:0;}
footer .footerBottomWrapper .privacyLinkWrapper a:last-child{padding-right:0;}
footer .footerBottomWrapper .privacyLinkWrapper a:last-child:after{display:none;}
footer .footerBottomWrapper p.copyTxt{width:50%;text-align:right;color:#fff;font-size:.8em;}

.aboutBannerWrapper{background:#F5F1ED;padding:15em 0 5em 0;text-align:left;position:relative;}
.aboutBannerWrapper h1{margin-bottom:.35em;}
.aboutBannerWrapper .downArrowImg{position:absolute;right:10%;bottom:-10%;width:100px;height:100px;z-index:1;background:#FFFFFF;border-radius:100%;display:flex;border-bottom:2px solid #000;display:none;}
.aboutBannerWrapper .downArrowImg img{display:block;width:50%;height:auto;}
.sectionWrapper.aboutImgWrapper{position:relative;}

.sectionWrapper.aboutImgWrapper img.mobImg{display:none;}

.aboutMissionWrapper{background:#fff;margin-top:1.5em;}
.aboutMissionWrapper p.paraTxt{margin-right:15%;}

.missionTabMainWrapper{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;margin-top:4em;}
.missionTabMainWrapper .leftTabWrapper{width:50%;height:auto;margin-right:5%;}
.missionTabMainWrapper .leftTabWrapper ul li{width:100%;border:1px solid #E0D3C6;border-radius:20px;margin-bottom:1.5em;text-align:left;transition:all 0.2s linear;}
.missionTabMainWrapper .leftTabWrapper ul li a{display:block;padding:1.5em 1em;background:transparent;border-radius:20px;}
.missionTabMainWrapper .leftTabWrapper ul li:nth-child(1) a{background:#F5F1ED;}
.missionTabMainWrapper .leftTabWrapper ul li a:hover{background:#F5F1ED;}
.missionTabMainWrapper .leftTabWrapper ul li span{font-weight:400;font-size:1.2em;text-align:left;margin-bottom:.3em;display:block;}
.missionTabMainWrapper .leftTabWrapper ul li p{font-size:1em;margin:0;}

.missionTabMainWrapper .rightInfoWrapper{width:45%;height:auto;margin:0;}
.missionTabMainWrapper .rightInfoWrapper .missionDetailThumb{width:calc(100% - 2.4em);height:auto;padding:1.2em;background:#fff;border:1px solid #E0D3C6;border-radius:20px;transition: opacity 0.3s ease-in-out;}
.missionTabMainWrapper .rightInfoWrapper .missionDetailThumb img.imgThumb{display:block;width:100%;height:auto;margin:0 auto 1.2em auto;text-align:center;border-radius:10px;}
.missionTabMainWrapper .rightInfoWrapper .missionDetailThumb span{font-weight:400;font-size:1.15em;text-align:left;margin-bottom:.4em;display:block;}
.missionTabMainWrapper .rightInfoWrapper .missionDetailThumb p.paraTxt{margin:0;font-size:1em;}

.aboutPhilisophyWrapper{background:#fff;}
.reTransformingLifestyle{background:#F5F1ED;}

.aboutBoardRoomWrapper{background:#FFFFFF;padding-top:5em;}
.aboutBoardRoomWrapper .centerWrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.aboutBoardRoomWrapper .leftImgWrapper{width:35%;height:auto;margin-right:10%;}
.aboutBoardRoomWrapper .rightInfoWrapper{width:55%;height:auto;}
.aboutBoardRoomWrapper .rightInfoWrapper .socialWrapper{margin-top:4em;}
.aboutBoardRoomWrapper .rightInfoWrapper .socialWrapper p.paraTxt{margin-bottom:1em;}
.aboutBoardRoomWrapper .rightInfoWrapper .socialWrapper .socialIcons{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;flex-direction:row;}
.aboutBoardRoomWrapper .rightInfoWrapper .socialWrapper .socialIcons a{width:40px;height:auto;display:inline-block;margin:0 4% 0 0;}

.aboutLegacyGroupWrapper{background:rgba(236, 228, 218, .5);}
.legacyGroupMainThumbWrapper{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;margin-top:4em;}
.legacyGroupMainThumbWrapper .thumbWrapper{width:calc(49% - 2px - 2em);height:auto;margin-right:2%;margin-bottom:2%;background:#FFFFFF;border:1px solid #E0D3C6;border-radius:20px;padding:1.5em 1em;text-align:left;}
.legacyGroupMainThumbWrapper .thumbWrapper:nth-child(2n){margin-right:0;}
.legacyGroupMainThumbWrapper .thumbWrapper span{display:block;text-align:left;font-size:1.1vw;font-weight:700;margin-bottom:.5em;}
.legacyGroupMainThumbWrapper .thumbWrapper p{text-align:left;margin-bottom:0;font-size:1vw;}
.legacyGroupMainThumbWrapper .thumbWrapper ul{width:92%;height:auto;margin:0 auto;list-style-type:disc;margin-top:.5em;}
.legacyGroupMainThumbWrapper .thumbWrapper ul li{text-align:left;margin-bottom:0;font-size:1vw;font-weight:300;margin-bottom:.5em;line-height:1.4em;}

.aboutOpportunitiesWrapper{background:#fff;display:none;}
.aboutOpportunitiesWrapper p.paraTxt{margin-right:15%;}
.newMarketsTabWrapper{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;margin-top:4em;display:none;}
.newMarketsTabWrapper .leftTabWrapper{width:50%;height:auto;margin-right:5%;}
.newMarketsTabWrapper .leftTabWrapper ul li{width:100%;border:1px solid #E0D3C6;border-radius:20px;margin-bottom:1.5em;text-align:left;transition:all 0.2s linear;}
.newMarketsTabWrapper .leftTabWrapper ul li a{display:block;padding:1.5em 1em;background:#F5F1ED;border-radius:20px;}

.newMarketsTabWrapper .leftTabWrapper ul li span{font-weight:500;font-size:1.2em;text-align:left;margin-bottom:.3em;display:block;}
.newMarketsTabWrapper .leftTabWrapper ul li p{font-size:1em;margin:0;}

.newMarketsTabWrapper .rightInfoWrapper{width:45%;height:auto;margin:0;}
.newMarketsTabWrapper .rightInfoWrapper .missionDetailThumb{width:100%;height:auto;}

.architecturalApproachWrapper{background:#fff;padding-top:5em;}
.architecturalApproachWrapper .centerWrapper{width:60%;height:auto;margin:0 0 0 7.5%;text-align:left;padding-bottom:4em;}
.architecturalApproachWrapper img.mobImg{display:none;}
.realApproachThumbMainWrappper .centerWrapper{width:85%;display:flex;align-items:stretch;justify-content:space-between;flex-direction:row;flex-wrap:wrap;}
.realApproachThumbMainWrappper .approachThumbWrapper{width:calc(49% - 3em);height:auto;background:#F5F1ED;border-radius:20px;padding:1.5em 1.5em;margin-right:1%;margin-bottom:1.5%;}
.realApproachThumbMainWrappper .approachThumbWrapper:nth-child(2n){margin-right:0;}
.realApproachThumbMainWrappper .approachThumbWrapper img.approachIcon{display:block;width:35px;height:auto;margin-bottom:1em;}
.realApproachThumbMainWrappper .approachThumbWrapper span{display:block;text-align:left;font-size:1.1vw;font-weight:700;margin-bottom:.5em;}
.realApproachThumbMainWrappper .approachThumbWrapper p{text-align:left;margin-bottom:0;font-size:1vw;}
.realApproachThumbMainWrappper .approachThumbWrapper ul{width:92%;height:auto;margin:0 auto;list-style-type:disc;margin-top:.5em;}
.realApproachThumbMainWrappper .approachThumbWrapper ul li{text-align:left;margin-bottom:0;font-size:1vw;font-weight:300;margin-bottom:.5em;line-height:1.4em;}

ul.salienceBulletWrapper{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;flex-direction:row;}
ul.salienceBulletWrapper li{width:45%;height:auto;margin-right:10%;margin-bottom:2em;text-align:left;display:flex;flex-wrap:wrap;align-items:center;}
ul.salienceBulletWrapper li:nth-child(2n){margin-right:0;}
ul.salienceBulletWrapper li em{display:inline-block;width:25px;height:auto;font-weight:700;font-size:1.1vw;}
ul.salienceBulletWrapper li span{display:block;width:calc(100% - 25px);font-size:1.1vw;font-weight:700;}

.transformLivingWrapper{background:#fff}
.transformLivingWrapper.aboutPhilosophyWrapper{background:#F5F1ED;}
.transformLivingWrapper .headerWrapper{width:75%;height:auto;margin:0}
.transformLivingWrapper .transformLivingThumbWrapper{width:85%;height:auto;margin:2em auto 0 auto;text-align:center;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;padding-bottom:2em;overflow:hidden;}
.transformLivingWrapper.aboutPhilosophyWrapper .transformLivingThumbWrapper{margin-top:4em;}
.transformLivingWrapper .transformLivingThumbWrapper .item{width:23.9% !important;margin-right:1.5% !important;}
.transformLivingWrapper .transformLivingThumbWrapper .item .iconWrapper{position:relative;width:calc(100% - 1.4em);height:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-direction:column;background:#F5F1ED;height:auto;padding:2.2em .7em;position:relative;border-radius:20px;margin-bottom:5%;overflow:hidden;display:block;cursor:pointer;}
.transformLivingWrapper.aboutPhilosophyWrapper .transformLivingThumbWrapper .item .iconWrapper{background:rgba(255, 255, 255, 0.8)}
.transformLivingWrapper .transformLivingThumbWrapper .item .iconWrapper img,
.transformLivingWrapper .transformLivingThumbWrapper .item .iconWrapper svg{display:block;width:75px;height:auto;margin:0 auto;text-align:center}
.transformLivingWrapper .transformLivingThumbWrapper .item .iconWrapper span{display:block;font-weight:700;font-size:1em;text-align:center;margin-top:1.25em}
.transformLivingWrapper .transformLivingThumbWrapper .item .infoOverlay{position:absolute;width:100%;height:100%;bottom:-100%;left:0;right:0;margin:auto;display:flex;align-items:center;justify-content:center;background:#F5F1ED;transition:bottom .5s ease,opacity .5s ease;color:#fff;text-align:center;border-radius:20px;opacity:0}
.transformLivingWrapper .transformLivingThumbWrapper .item .infoOverlay p.paraTxt{text-align:center;margin:0 auto;font-size:.9em;padding:1em}
/* .transformLivingWrapper .transformLivingThumbWrapper .item:hover .infoOverlay{bottom:0;opacity:1} */
.transformLivingWrapper .transformLivingThumbWrapper .swiper-pagination{text-align:center;margin-top:0;bottom:0;position:relative;}
.transformLivingWrapper .transformLivingThumbWrapper .swiper-pagination .swiper-pagination-bullet{width:13px;height:4px;display:inline-block;background:#000;opacity:1;margin:0 3px;border-radius:100px;transition:opacity 0.5s,background-color 0.5s,width .5s;transition-delay:0.5s,0.5s,0s;cursor:pointer}
.transformLivingWrapper .transformLivingThumbWrapper .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.transformLivingWrapper .transformLivingThumbWrapper .swiper-pagination .swiper-pagination-bullet-active{opacity:1;background:#000;width:55px;transition-delay:0s;}

.responsiblePlanet{background:rgba(236, 228, 218, .5);}
.responsiblePlanet .centerWrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:row;}
.responsiblePlanet .leftImgWrapper{width:40%;height:auto;margin-right:5%;}
.responsiblePlanet .leftImgWrapper img.fullWidthImg{border-radius:10px;}
.responsiblePlanet .rightInfoWrapper{width:55%;height:auto;}
.responsiblePlanet .rightInfoWrapper ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.responsiblePlanet .rightInfoWrapper ul li{width:45%;height:auto;margin-right:10%;}
.responsiblePlanet .rightInfoWrapper ul li:nth-child(2n){margin-right:0;}
.responsiblePlanet .rightInfoWrapper ul li img{width:75px;height:auto;display:block;margin:0 auto 1em auto}
.responsiblePlanet .rightInfoWrapper ul li span{display:block;font-size:1.1vw;text-align:center;font-weight:700;}

.businessLegacyWrapper.businessBlackWrapper{background:#212121;padding:4em 0 6em 0;}
.businessLegacyWrapper.businessBlackWrapper .rightInfoWrapper span{color:#fff;font-weight:500;font-size:1.3em;display:block;}
.businessLegacyWrapper.businessBlackWrapper .rightInfoWrapper p{color:#fff;}
.businessLegacyWrapper.businessBlackWrapper a{background: #004D80;color:#fff;border:1px solid #fff;border-radius:10px;}
.businessLegacyWrapper.businessBlackWrapper .rightInfoWrapper .textWithBorder{width:30%;margin:0 auto 1.5em auto;position:relative;}
.businessLegacyWrapper.businessBlackWrapper .rightInfoWrapper em{display:inline-block;color:#fff;font-size:1.3vw;font-style:normal;text-align:center;font-weight:500;padding:.5em 2em;background:#212121;position:relative;z-index:1;}
.businessLegacyWrapper.businessBlackWrapper .rightInfoWrapper .textWithBorder::after{content:"";position:absolute;width:100%;height:1px;background:#fff;top:50%;left:0;right:0;margin:0 auto;z-index:0;}

.architecturalApproachWrapper.spreadingLightWrapper .centerWrapper{padding-bottom:0;}

.hm_aboutWrapper.socialInitiativeCounterWrapper .aboutProjectNumWrapper ul{justify-content:flex-start;}
.hm_aboutWrapper.socialInitiativeCounterWrapper .aboutProjectNumWrapper ul li{width:30%;}
.hm_aboutWrapper.socialInitiativeCounterWrapper .aboutProjectNumWrapper ul li p{font-size:4em;font-weight:300;font-family: 'Emberly';}
.hm_aboutWrapper.socialInitiativeCounterWrapper .aboutProjectNumWrapper ul li p span{font-size:inherit;}
.hm_aboutWrapper.socialInitiativeCounterWrapper .aboutProjectNumWrapper ul li span.subCountTxt{display:block;margin-bottom:.5em;font-size:1em;font-weight:700;letter-spacing:.5px;}
.hm_aboutWrapper.socialInitiativeCounterWrapper .aboutProjectNumWrapper ul li em{font-weight:300;}

.responsibleFootprintWrapper{background:#F5F1ED;}
.footprintTabMainWrapper{background:#fff;border:1px solid #000;width:calc(100% - 2px);border-radius:10px}
.footprintTabMainWrapper .footprintTabWrapper{width:100%;height:auto;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;flex-direction:row;border-top-left-radius:10px;border-top-right-radius:10px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}
.footprintTabMainWrapper .footprintTabWrapper::-webkit-scrollbar{display:none}
.footprintTabMainWrapper .footprintTabWrapper a{display:inline-block;padding:1em 0;flex:0 0 20%;box-sizing:border-box;border-right:1px solid #000;font-weight:300;font-size:1em;text-align:center}
.footprintTabMainWrapper .footprintTabWrapper a:last-child{border-right:0}
.footprintTabMainWrapper .footprintTabWrapper a.activeTab{background:#000;color:#fff}
.footprintTabMainWrapper .footprintTabWrapper a:first-child.activeTab{border-top-left-radius:10px}
.footprintTabMainWrapper .footprintTabWrapper a:last-child.activeTab{border-top-right-radius:10px}

.footprintTabContentWrapper{width:100%;height:auto;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;flex-direction:row;border-top:1px solid #000;}
.footprintTabContentWrapper .footprintImgWrapper{width:47%;height:auto;margin-right:3%;}
.footprintTabContentWrapper .footprintImgWrapper img.mobImg{display:none;}
.footprintTabContentWrapper .footprintRightInfoWrapper{width:50%;height:auto;text-align:left;padding:2em 0;}
.footprintTabContentWrapper .footprintRightInfoWrapper p.paraTxt{font-size:1em;}
.footprintTabContentWrapper .footprintRightInfoWrapper ul{width:95%;list-style-type:disc;margin:0 auto;}
.footprintTabContentWrapper .footprintRightInfoWrapper ul li{margin-bottom:.5em;font-weight:300;font-size:1em;}

.ourOfficesMainWrapper{background:#fff;}
.ourOfficesMainWrapper ul.officesListWrapper{width:100%;height:auto;margin:0 auto;text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;flex-direction:row;}
.ourOfficesMainWrapper ul.officesListWrapper li{width:calc(31.93% - 4em);height:auto;background:#F5F1ED;margin-right:2%;padding:2em 2em;border-radius:20px;text-align:left;}
.ourOfficesMainWrapper ul.officesListWrapper li:nth-child(3n){margin-right:0;}
.ourOfficesMainWrapper ul.officesListWrapper li span.officeTitle{display:block;text-align:left;font-weight:500;font-size:1em;margin-bottom:1em;}
.ourOfficesMainWrapper ul.officesListWrapper li p.paraTxt{font-size:.9em;margin:0 auto;}
.ourOfficesMainWrapper ul.officesListWrapper li  a.viewMapBt{display:block;color:#004D80;font-size:.85em;margin:1em 0;font-weight:600;}
.ourOfficesMainWrapper ul.officesListWrapper li  a.viewMapBt img{display:inline-block;width:22px;height:auto;vertical-align:middle;}
.ourOfficesMainWrapper ul.officesListWrapper li .contactDetailsWrapper{width:100%;height:auto;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;flex-direction:row;}
.ourOfficesMainWrapper ul.officesListWrapper li .contactDetailsWrapper .contactDetails{width:47.5%;height:auto;margin-right:5%;}
.ourOfficesMainWrapper ul.officesListWrapper li .contactDetailsWrapper .contactDetails:last-child{margin-right:0;}
.ourOfficesMainWrapper ul.officesListWrapper li .contactDetailsWrapper .contactDetails span.contactTitle{font-size:.85em;display:block;font-weight:500;margin-bottom:.3em;}
.ourOfficesMainWrapper ul.officesListWrapper li .contactDetailsWrapper .contactDetails a{display:block;font-weight:300;font-size:.85em;word-wrap:break-word;}


.registeredOfficeWrapper{width:calc(100% - 2em);height:auto;margin:3em auto 3% auto;text-align:left;padding:1em;background:#F5F1ED;border-radius:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
.registeredOfficeWrapper .contactImgWrapper{width:47%;height:auto;margin-right:3%;}
.registeredOfficeWrapper .contactImgWrapper img{border-radius:20px;}
.registeredOfficeWrapper .rightInfoWrapper{width:50%;height:auto;}
.registeredOfficeWrapper span.officeTitle{display:block;text-align:left;font-weight:500;font-size:1em;margin-bottom:1em;}
.registeredOfficeWrapper .rightInfoWrapper p.paraTxt{font-size:.9em;margin:0 auto;}
.registeredOfficeWrapper .rightInfoWrapper  a.viewMapBt{display:block;color:#004D80;font-size:.85em;margin:1em 0;font-weight:600;}
.registeredOfficeWrapper .rightInfoWrapper  a.viewMapBt img{display:inline-block;width:22px;height:auto;vertical-align:middle;}
.registeredOfficeWrapper .rightInfoWrapper .contactDetailsWrapper{width:100%;height:auto;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;flex-direction:row;}
.registeredOfficeWrapper .rightInfoWrapper .contactDetailsWrapper .contactDetails{width:47.5%;height:auto;margin-right:5%;}
.registeredOfficeWrapper .rightInfoWrapper .contactDetailsWrapper .contactDetails:last-child{margin-right:0;}
.registeredOfficeWrapper .rightInfoWrapper .contactDetailsWrapper .contactDetails span.contactTitle{font-size:.85em;display:block;font-weight:500;margin-bottom:.3em;}
.registeredOfficeWrapper .rightInfoWrapper .contactDetailsWrapper .contactDetails a{display:block;font-weight:300;font-size:.85em;word-wrap:break-word;}
/* .developmentListWrapper .developmentThumbWrapper:nth-child(even){background:#F5F1ED;}
.developmentThumbWrapper span.sectionTitle{font-size:4.5vw;margin-bottom:.2em;}
.developmentThumbWrapper p.paraTxt{font-size:1em;margin-right:30%;}
.developmentThumbWrapper .centerWrapper{overflow:hidden;}
.developmentSliderWrapper .swiper-wrapper {display:flex;}
.developmentSliderWrapper .swiper-wrapper .swiper-slide{width:auto;flex-shrink:0;}
.developmentSliderWrapper .swiper-wrapper .swiper-slide img{border-radius: 15px;}
.developmentSliderWrapper .swiper-button-next,
.developmentSliderWrapper .swiper-button-prev{width:40px;height:40px;z-index:10;top:37%;}
.developmentSliderWrapper .swiper-button-next:after, 
.developmentSliderWrapper .swiper-button-prev:after{content:'';width:100%;height:100%;display:block;}
.developmentSliderWrapper .swiper-button-next:after{background-image:url('../images/development-next-arrow.png');background-repeat:no-repeat;background-size:100%;}
.developmentSliderWrapper .swiper-button-prev:after{background-image:url('../images/development-prev-icon.png');background-repeat:no-repeat;background-size:100%;}
.developmentSliderWrapper span.thumbTitle{display:block;margin-top:.5em;text-align:left;font-weight:400;font-size:.95em;letter-spacing:.5px;}
.developmentSliderWrapper .swiper-wrapper .swiper-slide.externalLink span.thumbTitle a{display:inline-block;padding-right:1.5em;position:relative;}
.developmentSliderWrapper .swiper-wrapper .swiper-slide.externalLink span.thumbTitle a:after{content:'';width:25px;height:25px;background-image:url('../images/up-arrow-icon.png');background-repeat:no-repeat;background-size:100%;position:absolute;right:0;top:0;bottom:0;margin:auto 0;}

.developmentTabWrapper{width:45%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:nowrap;border:1px solid #000;border-radius:15px;margin:1em 0 2em; overflow: hidden;}
.developmentTabWrapper a{padding:1em 2em;border-right:1px solid #000;color:#000;transition:all .3s ease;text-decoration:none;display:inline-block;width:calc(25% - 4em);font-size:1vw;background:transparent;}
.developmentTabWrapper a:last-child{border-right:0}
.developmentTabWrapper a.activeTab{background:#000;color:#fff}
.developmentTabWrapper a:hover{background:#000;color:#fff;}

.developmentSliderWrapper .swiper-pagination{text-align:center;margin-top:0;bottom:0;display:none;}
.developmentSliderWrapper .swiper-pagination .swiper-pagination-bullet{width:13px;height:4px;display:inline-block;background:#000;opacity:1;margin:0 3px;border-radius:100px;transition:opacity 0.5s,background-color 0.5s,width .5s;transition-delay:0.5s,0.5s,0s;cursor:pointer}
.developmentSliderWrapper .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.developmentSliderWrapper .swiper-pagination .swiper-pagination-bullet-active{opacity:1;background:#000;width:25px;transition-delay:0} */

.developmentListMainWrapper{width:100%;height:auto;margin:0 auto;}
.developmentListMainWrapper .developmentThumbListWrapper{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;flex-direction:row;}
.developmentThumbListWrapper .developmentThumbWrapper{width:31.33%;height:auto;margin-right:3%;background:#F5F1ED;border-radius:20px;margin-bottom:3%;}
.developmentThumbListWrapper .developmentThumbWrapper:nth-child(3n){margin-right:0;}
.developmentThumbListWrapper .developmentThumbWrapper .imgWrapper{width:100%;height:auto;margin:0 auto;text-align:center;position:relative;}
.developmentThumbListWrapper .developmentThumbWrapper .imgWrapper img{border-top-left-radius:20px;border-top-right-radius:20px;}
.developmentThumbListWrapper .developmentThumbWrapper .imgWrapper span.tagName{display:inline-flex;position:absolute;bottom:1em;left:1em;background:#EFFFE4;font-size:.8vw;padding:.6em .7em;align-items:center;justify-content:center;border-radius:5px;}
.developmentThumbListWrapper .developmentThumbWrapper .imgWrapper span.tagName img{display:block;width:15px;height:auto;margin-right:5px;}
.developmentThumbListWrapper .developmentThumbWrapper .prodInfo{width:calc(100% - 3em);height:auto;padding:1em 1.5em 1.5em 1.5em;text-align:left;}
.developmentThumbListWrapper .developmentThumbWrapper .prodInfo .prodDetails{width:100%;height:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:.8em;}
.developmentThumbListWrapper .developmentThumbWrapper .prodInfo .prodDetails em{display:block;width:47.5%;height:auto;margin-right:5%;font-style:normal;font-size:1vw;}
.developmentThumbListWrapper .developmentThumbWrapper .prodInfo .prodDetails em:nth-child(2){margin-right:0;text-align:right;}
.developmentThumbListWrapper .developmentThumbWrapper .prodInfo span{display:block;font-size:1.5vw;font-weight:500;text-align:left;}

.developmentSelectionWrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:4em;}
.developmentSelectionWrapper .devDDWrapper{width:31.33%;height:auto;margin-right:3%;}
.developmentSelectionWrapper .devDDWrapper:last-child{margin-right:0;}
.dropdown{width:calc(100% - 2px);border:1px solid #000;border-radius:10px}
.dropdown__switch:checked + .dropdown__options-filter .dropdown__select{transform:scaleY(1);opacity:1}
.dropdown__switch:checked + .dropdown__options-filter .dropdown__filter:after{transform:translateY(-50%) rotate(180deg)}
.dropdown__options-filter{width:100%;cursor:pointer}
.dropdown__filter{position:relative;display:flex;padding:1em;color:#000;background-color:#fff;border-radius:20px;font-size:1vw;transition:.3s}
.dropdown__filter:focus{outline:none}
.dropdown__filter::after{content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%);width:10px;height:10px;background-color:#000;clip-path:polygon(50% 100%,0 0,100% 0);border-radius:2px;transition:transform .3s ease}
.dropdown__select{position:absolute;top:100%;left:0;width:calc(100% - 2px);margin-top:.5%;overflow:hidden;transform:scaleY(0);transform-origin:top;border-bottom-left-radius:10px;border-bottom-right-radius:10px;opacity:0;transition:.2s ease-in-out;z-index:1;border:1px solid #000;border-top:0}
.dropdown__select-option{padding:1em;background-color:#fff;border-bottom:1px solid #000;transition:.3s}
.dropdown__select-option:last-of-type{border-bottom:0}
.dropdown__select-option:hover{background-color:#F5F1ED}
  
.aboutBannerWrapper ul.projectDetails{width:100%;height:auto;margin:0 auto 4em auto;text-align:left;}
.aboutBannerWrapper ul.projectDetails li{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;margin-bottom:1em;width:65%;}
.aboutBannerWrapper ul.projectDetails li span{display:inline-block;margin-right:1em;font-size:.95em;font-weight:300;width:33.33%;}
.aboutBannerWrapper ul.projectDetails li strong{font-weight:500;}
.aboutBannerWrapper ul.projectDetails li span:last-child{margin-right:0;}
.galleryMainWrapper{width: 85%; border-radius: 40px; margin: 0 auto; overflow: hidden; margin-top: 3em; position: relative;}
.galleryMainWrapper:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; content: " "; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); }
/* .projectGalleryMainWrapper{padding-bottom:7em;}
.galleryThumbWrapper img { border-radius: 10px; }
.galleryThumbWrapper{width:75%;margin:3em auto 0 auto;text-align:center;padding:0 1em 2em 1em; margin-top: -10em;}
.galleryThumbWrapper .swiper-slide a{display:block;}
.galleryThumbWrapper .swiper-button-prev{left:0;}
.galleryThumbWrapper .swiper-button-next{right:0;}
.galleryThumbWrapper .swiper-button-next,
.galleryThumbWrapper .swiper-button-prev{width:40px;height:40px;z-index:10;top:40%;}
.galleryThumbWrapper .swiper-button-next:after, 
.galleryThumbWrapper .swiper-button-prev:after{content:'';width:100%;height:100%;display:block;}
.galleryThumbWrapper .swiper-button-next:after{background-image:url('../images/development-next-arrow.png');background-repeat:no-repeat;background-size:100%;}
.galleryThumbWrapper .swiper-button-prev:after{background-image:url('../images/development-prev-icon.png');background-repeat:no-repeat;background-size:100%;}
.galleryThumbWrapper span.thumbTitle{display:block;margin-top:.5em;text-align:left;font-weight:500;font-size:.95em;}
.galleryThumbWrapper .swiper-pagination{text-align:center;margin-top:0;bottom:0;display:none;}
.galleryThumbWrapper .swiper-pagination .swiper-pagination-bullet{width:7px;height:4px;display:inline-block;background:#000;opacity:1;margin:0 3px;border-radius:100px;transition:opacity 0.5s,background-color 0.5s,width .5s;transition-delay:0.5s,0.5s,0s;cursor:pointer}
.galleryThumbWrapper .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.galleryThumbWrapper .swiper-pagination .swiper-pagination-bullet-active{opacity:1;background:#000;width:20px;transition-delay:0} */

.developmentThumbWrapper span.sectionTitle{font-size:1.8em;font-family:"Roboto", sans-serif;font-weight:700;}

.non-swiper-slide {display: none !important;}

.allyMainSectionWrapper{position:relative;}
.allyMainSectionWrapper:after{content:'';width:1px;height:calc(100% - 155px);left:13.5%;top:155px;position:absolute;background-image:url('../images/ally-border-line.png');background-repeat:repeat;background-size:100%;z-index:0;}
.allySectionWrapper:nth-child(even){background:#F5F1ED;}
.allySectionWrapper .allyHeaderWrapper{width:100%;height:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
.allySectionWrapper .allyHeaderWrapper .leftIconWrapper{width:14%;height:auto;margin-right:6%;background:#fff;position:relative;z-index:1;}
.allySectionWrapper:nth-child(even) .allyHeaderWrapper .leftIconWrapper{background:#F5F1ED;}
.allySectionWrapper .allyHeaderWrapper .leftIconWrapper img{display:block;width:75px;height:auto;margin:0 auto .7em auto;text-align:center;}
.allySectionWrapper .allyHeaderWrapper .leftIconWrapper span{font-size:1.5vw;text-align:center;}
.allySectionWrapper .allyHeaderWrapper .leftIconWrapper span em{display:inline-block;font-style:normal;color:#004D80;font-weight:600;}
.allySectionWrapper .allyHeaderWrapper .rightTitle{width:80%;height:auto;}

.allyMainSectionWrapper .allySectionInfoWrapper{width:80%;height:auto;margin-left:20%;}
.allyGridInfoWrapper{width:100%;height:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;flex-direction:column;}
.allyGridInfoWrapper.twogridInfoWrapper{flex-direction:row;}
.allyGridInfoWrapper .gridItem{width:calc(100% - 2px - 2em);height:auto;margin-bottom:3%;background:#F5F1ED;border:1px solid #E0D3C6;border-radius:10px;padding:1.5em 1em;}
.allyGridInfoWrapper.twogridInfoWrapper .gridItem{width:calc(48.5% - 2px - 2em);height:auto;margin-right:3%;}
.allyGridInfoWrapper.twogridInfoWrapper .gridItem:nth-child(2n){margin-right:0;}
.allyGridInfoWrapper .gridItem span{display:block;text-align:left;font-size:1.2vw;font-weight:500;}
.allyGridInfoWrapper .gridItem p.paraTxt{margin-bottom:0;}

.allySectionInfoWrapper .sectionTwoGridWrapper{width:100%;height:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;flex-direction:row;}
.allySectionInfoWrapper .sectionTwoGridWrapper .allyGridInfoWrapper{width:50%;margin-right:10%;}
.allySectionInfoWrapper .sectionTwoGridWrapper .allyGridInfoWrapper .gridItem{background:#fff;}
.allySectionInfoWrapper .sectionTwoGridWrapper .allySectionImgWrapper{width:40%;}

.allyGridInfoWrapper.whiteGrid .gridItem{background:#fff;}

.allySectionInfoWrapper .sectionTwoGridWrapper.reverseTwoGridWrapper{flex-direction:row-reverse;}
.allySectionInfoWrapper .sectionTwoGridWrapper.reverseTwoGridWrapper .allyGridInfoWrapper{margin-right:0;margin-left:10%;}



.devDetailHeader{background:#F5F1ED;}
.devDetailHeader img.projectLogo{width:180px;height:auto;margin:0 auto 1em auto;text-align:center;}
.devDetailHeader .sectionTitle,
.devDetailHeader .paraTxt{text-align:center;}

.internalNavWrapper{background:#E9F6FF;}
.internalNavWrapper .centerWrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:row;}
.internalNavWrapper .centerWrapper a{display:inline-block;padding:1.5em 1em;margin-right:3%;font-size:1.1vw;border-bottom:2px solid transparent;transition:all .3s ease-in;}
.internalNavWrapper .centerWrapper a.activeNav{border-color:#000;}
.internalNavWrapper .centerWrapper a:last-child{margin-right:0;}

.projectAboutWrapper .project_aboutThumbWrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:row;}
.projectAboutWrapper .project_aboutThumbWrapper .imgWrapper{width:40%;height:auto;margin-right:5%;}
.projectAboutWrapper .project_aboutThumbWrapper .infoWrapper{width:55%;height:auto;text-align:left;}
.projectAboutWrapper .project_aboutThumbWrapper .infoWrapper .sectionTitle{font-size:4.5vw;line-height:1.1em;}
.projectAboutWrapper .project_aboutThumbWrapper:nth-child(even){flex-direction:row-reverse;margin-top:3em;}
.projectAboutWrapper .project_aboutThumbWrapper:nth-child(even) .imgWrapper{margin-right:0;margin-left:5%;}
.projectAboutWrapper .project_aboutThumbWrapper img{border-radius: 20px;}

.projectAmenitiesWrapper{background:#F5F1ED;}
.projectAmenitiesWrapper p.iconParaTxt{font-weight:400;}
.projectAmenitiesWrapper p.iconParaTxt img{display:inline-block;vertical-align:middle;width:25px;height:auto;margin-right:5px;}
ul.amenitiesListWrapper{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:center;}
ul.amenitiesListWrapper li{width:16.66%;height:auto;margin-right:3%;padding-top:3em;}
ul.amenitiesListWrapper li:last-child{margin-right:0;}
ul.amenitiesListWrapper li img{display:block;width:65px;height:auto;margin:0 auto 1em auto;text-align:center;}
ul.amenitiesListWrapper li span{display:block;font-weight:400;font-size:1vw;}

.projectGalleryWrapper{padding:5em 0 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start; flex-direction:row;}
.projectGalleryWrapper a{width:31.33%;height:auto;margin-right:3%;margin-bottom:3%;}
.projectGalleryWrapper a:nth-child(3n){margin-right:0;}
.projectGalleryWrapper a img{border-radius:10px;}
img.mfp-img{border-radius:20px;}

.floorPlanTabWrapper{width:50%;height:auto;margin:0 auto;text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-bottom:1px solid #00000080;position:relative}
.floorPlanTabWrapper a{display:inline-block;padding:1em 1.5em;margin-right:2%;transition:all .3s ease-in-out}
.floorPlanTabWrapper a:last-child{margin-right:0}
.sliding-border{position:absolute;bottom:0;height:2.5px;background:#000;transition:all .3s ease-in-out}

.floorGalleryWrapper{margin-top:3em;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.floorGalleryWrapper .galleryImgWrapper{width:48.5%;height:auto;margin-right:3%;}
.floorGalleryWrapper .galleryImgWrapper:nth-child(2n){margin-right:0;}

.pricingPlansWrapper{padding-top:5em;text-align:left;}
.pricingPlansWrapper span{display:block;font-weight:400;font-size:1.4vw;text-align:left;margin-bottom:.5em;}
.pricingPlansWrapper .pricingBtWrapper{width:100%;height:auto;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;}
.pricingPlansWrapper .pricingBtWrapper a{display:inline-block;padding:.7em 1.8em;border:1px solid #004D80;border-radius:5px;color:#004D80;font-size:1vw;margin-right:2%;font-weight:500;}
.pricingPlansWrapper .pricingBtWrapper a:nth-child(2){background:#004D80;color:#fff;margin-right:0;}

.exploreNeighbourhoodWrapper{background:#F5F1ED;}
.locationInfoWrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;padding-top:5em;}
.locationInfoWrapper .leftImgWrapper{width:45%;height:auto;margin-right:5%;}
.locationInfoWrapper .infoRightWrapper{width:50%;height:auto;}
.locationInfoWrapper .infoRightWrapper .infoBullet{width:100%;height:auto;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;margin-bottom:1.5em;}
.locationInfoWrapper .infoRightWrapper .infoBullet img{display:block;width:55px;height:auto;margin:0 auto;text-align:left;margin-right:25px;}
.locationInfoWrapper .infoRightWrapper .infoBullet p.paraTxt{margin-bottom:0;width:calc(100% - 80px);}
.locationInfoWrapper .infoRightWrapper small{display:block;text-align:left;margin-top:3em;font-size:1.1vw; line-height: 1.5em;}

.faqMainWrapper{padding-top:2.5em}
.acc{margin:0 auto;width:100%}
.acc__card{position:relative;margin-bottom:2em}
.acc__title{background:#fff;color:#212121;cursor:pointer;display:block;padding:1.5em;position:relative;text-align:left;border:1px solid #A4A4A4;border-radius:10px;transition:all .1s ease-in;font-weight:600;font-size:1.1vw}
.acc__title::after{width:8px;height:8px;position:absolute;right:15px;content:" + ";top:20px;transition:all .2s ease-in-out;font-size:1.4vw;font-weight:300}
.acc__title.active::after{content:" - ";top:25px;transition:all .2s ease-in-out}
.acc__title.active{border-bottom-left-radius:0;border-bottom-right-radius:0}
.acc__panel{background:#fff;color:#212121;display:none;margin:0;padding:2em;text-align:left;border:1px solid #A4A4A4;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:0;color:#000;font-size:1vw;line-height:1.8em;font-weight:300}

.pricesPopWrapper{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;z-index:1;background:rgba(0, 0, 0, 0.7);display:none;}
.pricesPopWrapper .popInnerWrapper{width:35%;height:auto;position:absolute;top:50%;left:50%;background:#fff;padding:1.5em 0;  transform: translate(-50%, -50%);border-radius:10px;}
.pricesPopWrapper .popInnerWrapper span.formTitle{font-size:1.5vw;display:block;text-align:center;font-weight:600;margin-bottom:1em;}
.pricesPopWrapper .popInnerWrapper a.pricesFormCloseBt{position:absolute;top:.7em;right:1em;}
.pricesPopWrapper .popInnerWrapper a.pricesFormCloseBt img{display:block;width:32px;height:auto;}
.pricesFormWrapper{width:calc(90% - 2em);height:auto;margin:0 auto;background:#F5F1ED;padding:1em 1em;border-radius:10px;}
.pricesFormWrapper form{width:100%;height:auto;margin:0 auto;}
.pricesFormWrapper form .formFieldWrapper{width:100%;height:auto;margin:0 auto 1em auto;text-align:center;}
.pricesFormWrapper form .formFieldWrapper.twoGrid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;flex-direction:row;}
.pricesFormWrapper form .formFieldWrapper.twoGrid .formField{width:47.5%;height:auto;margin-right:5%;}
.pricesFormWrapper form .formFieldWrapper.twoGrid .formField:last-child{margin-right:0;}
.pricesFormWrapper form .formFieldWrapper input{width:calc(100% - 2px - 1em);height:auto;background:#fff;border:1px solid #CFCFCF;padding:.7em .5em;border-radius:5px;font-weight:400;font-size:.9vw;color:#000;}
.pricesFormWrapper form .formFieldWrapper select{width:calc(100% - 2px);height:auto;background:#fff;border:1px solid #CFCFCF;padding:.7em .5em;border-radius:5px;font-weight:400;font-size:.9vw;color:#000;}
.pricesFormWrapper form .formFieldWrapper textarea{width:calc(100% - 2px - 1em);height:auto;background:#fff;border:1px solid #CFCFCF;padding:.7em .5em;border-radius:5px;font-weight:400;font-size:.9vw;color:#000;}
.pricesFormWrapper form a.requestPriceBt{display:inline-block;padding:.7em 1.8em;border:1px solid #004D80;border-radius:5px;color:#fff;font-size:1vw;margin-top:2%;font-weight:500;background:#004D80;}
.pricesFormWrapper form .formFieldWrapper .formField.errorWrapper input,
.pricesFormWrapper form .formFieldWrapper .formField.errorWrapper select,
.pricesFormWrapper form .formFieldWrapper .formField.errorWrapper textarea{border-color:red;}
.pricesFormWrapper form .formFieldWrapper .formField.errorWrapper span{display:block;text-align:left;font-weight:300;font-size:.85vw;color:red;margin-top:.3em;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#000;font-size:.9vw;font-weight:400}
input:-moz-placeholder,textarea:-moz-placeholder{color:#000;opacity:1;font-size:.9vw;font-weight:400}
input::-moz-placeholder,textarea::-moz-placeholder{color:#000;opacity:1;font-size:.9vw;font-weight:400}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#000;font-size:.9vw;font-weight:400}

.leaseTestimonialWrapper{background:rgba(236, 228, 218, .5);position:relative;}
.testimonialSliderWrapper .swiper-wrapper{align-items:stretch;display:flex;position:relative;}
.testimonialSliderWrapper .item{background:#fff;border:1px solid #E0D3C6;padding:1.5em 1em;border-radius:10px;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;flex-direction:column;position:relative;}
.testimonialSliderWrapper .swiper-wrapper .item:after{content:'';width:100%;height:100%;background:rgba(236, 228, 218, .7);position:absolute;right:0;left:0;bottom:0;top:0;z-index:1;border-radius:10px;}
.testimonialSliderWrapper .item span.colonIcon{display:block;}
.testimonialSliderWrapper .item span.colonIcon img{width:25px;height:auto;display:block;}
.testimonialSliderWrapper .item span.testName{display:block;font-weight:500;text-align:left;font-size:1.2vw;margin:.8em 0 .5em 0;}
.testimonialSliderWrapper .item em.testDesg{display:block;text-align:left;font-style:normal;font-weight:300;font-size:1vw;margin-bottom:.5em;}
.testimonialSliderWrapper .item p.paraTxt{font-size:1vw;margin-bottom:0;}
.testimonialSliderWrapper .swiper-pagination{text-align:center;margin-top:0;bottom:6.5em;}
.testimonialSliderWrapper .swiper-pagination .swiper-pagination-bullet{width:13px;height:4px;display:inline-block;background:#000;opacity:1;margin:0 3px;border-radius:100px;transition:opacity 0.5s,background-color 0.5s,width .5s;transition-delay:0.5s,0.5s,0s;cursor:pointer}
.testimonialSliderWrapper .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.testimonialSliderWrapper .swiper-pagination .swiper-pagination-bullet-active{opacity:1;background:#000;width:55px;transition-delay:0s;}
.testimonialSliderWrapper .item.swiper-slide.swiper-slide-active:after,
.testimonialSliderWrapper .item.swiper-slide.swiper-slide-next::after{display:none;}

.leaseInquiryWrapper .inquiryThumbMainWrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;flex-direction:row;margin-top:5em;}
.leaseInquiryWrapper .inquiryThumbMainWrapper a{width:calc(30% - 3em - 2px);height:auto;margin-right:5%;display:inline-block;padding:2.5em 1.5em;background:#F5F1ED;border-radius:20px;border:1px solid transparent;}
.leaseInquiryWrapper .inquiryThumbMainWrapper a:last-child{margin-right:0;}
.leaseInquiryWrapper .inquiryThumbMainWrapper a img.leaseIconImg{display:block;width:75px;height:auto;margin:0 auto 1em auto;text-align:center;}
.leaseInquiryWrapper .inquiryThumbMainWrapper a span{display:block;font-weight:600;font-size:1.1vw;text-align:center;}
.leaseInquiryWrapper .inquiryThumbMainWrapper a.activeLeaseTab{background:#fff;border-color:#ECE4DA;}

.leaseBenefitsWrapper{background:rgba(236, 228, 218, .5);}
.transformLivingWrapper.leaseBenefitsWrapper .transformLivingThumbWrapper{width:100%;margin-top:5em;}
.transformLivingWrapper.leaseBenefitsWrapper .transformLivingThumbWrapper .item .iconWrapper{background:#fff;}
.transformLivingWrapper.leaseBenefitsWrapper .transformLivingThumbWrapper .item .iconWrapper p.paraTxt{margin-bottom:0;text-align:center;line-height:1.5em;margin-top:.5em;}

.contactFormWrapper{background:rgba(236, 228, 218, .5);}
.contactFormWrapper .centerWrapper{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;flex-direction:row;}
.contactFormWrapper .leftInfoWrapper{width:57%;height:auto;margin-right:3%;}
.contactFormWrapper .leftInfoWrapper .sectionName{display:block;font-family: "Roboto", sans-serif;font-weight:400;font-size:1.1vw;margin-bottom:1em;}
.contactFormWrapper .leftInfoWrapper .sectionTitle{font-size:6vw;}
.contactFormWrapper .rightContactFormWrapper{width:calc(40% - 3em);height:auto;background:#fff;padding:2em 1.5em;border-radius:20px;}
.contactFormWrapper .rightContactFormWrapper .fieldWrapper{width:100%;height:auto;margin:0 auto 1em auto;text-align:left;}
.contactFormWrapper .rightContactFormWrapper .selectFieldWrapper{position:relative;}
.contactFormWrapper .rightContactFormWrapper .fieldWrapper input,
.contactFormWrapper .rightContactFormWrapper .fieldWrapper textarea{width:calc(100% - 2px - 2em);height:auto;border:1px solid #A5A5A5;font-weight:400;font-size:.9vw;padding:1em 1em;border-radius:25px;resize:none;}
.contactFormWrapper .rightContactFormWrapper .fieldWrapper textarea{padding:1.5em 1em;}
.contactFormWrapper .rightContactFormWrapper .fieldWrapper select{width:calc(100% - 2px);height:auto;border:1px solid #A5A5A5;font-weight:400;font-size:.9vw;padding:1em 1em;border-radius:25px;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.contactFormWrapper .rightContactFormWrapper .selectFieldWrapper:after{content:"";position:absolute;top:50%;right:1.5em;width:0;height:0;pointer-events:none;transform:translateY(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #000}
.contactFormWrapper .rightContactFormWrapper .contactSubmitWrapper{width:100%;height:auto;margin:0 auto;text-align:center;}
.contactFormWrapper .rightContactFormWrapper .contactSubmitWrapper a{display:inline-block;padding:.7em 2.8em;border:1px solid #004D80;border-radius:5px;color:#fff;font-size:1vw;margin-top:2%;font-weight:500;background:#004D80;}
.contactFormWrapper .rightContactFormWrapper .fieldWrapper.errorWrapper input,
.contactFormWrapper .rightContactFormWrapper .fieldWrapper.errorWrapper textarea,
.contactFormWrapper .rightContactFormWrapper .fieldWrapper.errorWrapper select{border-color:red;}
.contactFormWrapper .rightContactFormWrapper .fieldWrapper.errorWrapper span{color:red;font-size:.85vw;text-align:left;}

.workWithUsWrapper{background:#F5F1ED;}
.workWithUsWrapper .realApproachThumbMainWrappper .approachThumbWrapper{width:calc(32.33% - 3em);margin-right:1.5%;margin-bottom:3%;}
.workWithUsWrapper .realApproachThumbMainWrappper .approachThumbWrapper:nth-child(2n){margin-right:1.5%;}
.workWithUsWrapper .realApproachThumbMainWrappper .approachThumbWrapper:nth-child(3n){margin-right:0;}

.workOpenPositionsWrapper{background:#ECE4DA;}
.workOpenPositionsWrapper .sectionName{display:block;font-family: "Roboto", sans-serif;font-weight:400;font-size:1.1vw;margin-bottom:1em;}
.workOpenPositionsWrapper ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;flex-direction:row;margin-top:5em;}
.workOpenPositionsWrapper ul li{width:calc(48.5% - 3em);height:auto;margin-right:3%;margin-bottom:3%;background:#fff;border-radius:20px;padding:1.5em 1.5em;}
.workOpenPositionsWrapper ul li:nth-child(2n){margin-right:0;}
.workOpenPositionsWrapper ul li span{display:block;text-align:left;font-size:1.2vw;font-weight:500;margin-bottom:.7em;}
.workOpenPositionsWrapper ul li .roleInfo{width:100%;height:auto;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;flex-direction:row;}
.workOpenPositionsWrapper ul li .roleInfo p.paraTxt{width:85%;height:auto;margin-bottom:0;}
.workOpenPositionsWrapper ul li .roleInfo a.readMore{width:10%;height:auto;margin-left:5%;text-align:right;}
.workOpenPositionsWrapper ul li .roleInfo a.readMore img{display:inline;width:10px;height:auto;margin:0;text-align:right;}

.fileUploadWrapper{position:relative;width:100%}
.customFileUpload{display:flex;justify-content:space-between;align-items:center;border:1px solid #A5A5A5;border-radius:25px;padding:.8em 1em;font-size:.9vw;cursor:pointer;background-color:#fff;width:calc(100% - 2em);overflow:hidden}
.customFileUpload input[type="file"]{display:none}
.customFileUpload .fileName{flex:1;font-weight:400;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9vw}
.customFileUpload .uploadBtn{background-color:#004D80;color:#fff;padding:.5em 1em;border-radius:20px;font-weight:400;margin-left:1em;font-size:.9vw;flex-shrink:0}
.contactFormWrapper .rightContactFormWrapper .fieldWrapper.errorWrapper .customFileUpload .fileName{color:#000;}
.contactFormWrapper .rightContactFormWrapper .fieldWrapper.errorWrapper .customFileUpload .uploadBtn{color:#fff;}
.contactFormWrapper .rightContactFormWrapper .fieldWrapper.errorWrapper .customFileUpload{border-color:red;}

.blogBannerWrapper{position:relative;}
.blogBannerWrapper img.mobImg{display:none;}
.blogBannerWrapper .bannerInfoWrapper{width:85%;height:auto;position:absolute;left:0;right:0;bottom:1em;margin:0 auto;}
.blogBannerWrapper .bannerInfoWrapper .sectionTitle,
.blogBannerWrapper .bannerInfoWrapper .paraTxt{color:#fff;}

.blogListingMainWrapper{padding-bottom:100px;}
.blogSectionWrapper{padding:100px 0 0 0;}
.blogSectionWrapper .sectionTitle{font-weight:bold;font-size:4vw;margin-bottom:.5em;}
.blogSectionWrapper .blogListingWrapper{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;}
.blogSectionWrapper .blogListingWrapper .blogThumbWrapper{width:calc(31.33% - 2px);height:auto;margin-right:3%;border:1px solid #E0D3C6;border-radius:20px;margin-bottom:3%;}
.blogSectionWrapper .blogListingWrapper .blogThumbWrapper:nth-child(3n){margin-right:0;}
.blogSectionWrapper .blogListingWrapper .blogThumbWrapper .imgWrapper{width:100%;height:auto;margin:0 auto;text-align:center;position:relative;}
.blogSectionWrapper .blogListingWrapper .blogThumbWrapper .imgWrapper img.fullWidthImg{border-top-left-radius:20px;border-top-right-radius:20px;}
.blogSectionWrapper .blogListingWrapper .blogThumbWrapper .blogInfoWrapper{width:calc(100% - 2em);height:auto;margin:0 auto;text-align:left;padding:1.5em 1em;}
.blogSectionWrapper .blogListingWrapper .blogThumbWrapper .blogInfoWrapper span{font-weight:500;text-align:left;font-size:1.3vw;margin-bottom:.7em;display:block;line-height:1.5em;}
.blogSectionWrapper .blogListingWrapper .blogThumbWrapper .blogInfoWrapper .paraTxt{margin-bottom:0;}
.blogSectionWrapper .blogListingWrapper .blogThumbWrapper .blogDetails{width:calc(100% - 2em);height:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0 1em 1.5em 1em;}
.blogSectionWrapper .blogListingWrapper .blogThumbWrapper .blogDetails a.authorName{width:50%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start; display: none;}
.blogSectionWrapper .blogListingWrapper .blogThumbWrapper .blogDetails a.authorName img{width:40px;height:auto;display:block;margin:0 10px 0 0;text-align:center;}
.blogSectionWrapper .blogListingWrapper .blogThumbWrapper .blogDetails a.authorName span{width:calc(100% - 50px);height:auto;font-size:1vw;display:block;text-align:left;}
.blogSectionWrapper .blogListingWrapper .blogThumbWrapper .blogDetails a.articleDate{width:45%;height:auto;margin-left:0%;font-size:1vw;text-align:left; font-weight: 400;}

.blogSectionWrapper .blogListingWrapper .loadMoreBtWrapper{width:100%;height:auto;margin:.5em auto 0 auto;text-align:center;}
.blogSectionWrapper .blogListingWrapper .loadMoreBtWrapper a{display:inline-block;padding:1em 2.8em;border-radius:5px;color:#fff;font-size:1vw;margin-top:2%;font-weight:500;background:#004D80;}

.aboutBannerWrapper .blogDetails{width:30%;height:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.aboutBannerWrapper .blogDetails a.authorName{width:50%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
.aboutBannerWrapper .blogDetails a.authorName img{width:40px;height:auto;display:block;margin:0 10px 0 0;text-align:center;}
.aboutBannerWrapper .blogDetails a.authorName span{width:calc(100% - 50px);height:auto;font-size:1vw;display:block;text-align:left;}
.aboutBannerWrapper .blogDetails a.articleDate{width:45%;height:auto;margin-left:5%;font-size:1vw;text-align:right;}

.blogDetailWrapper{padding:5em 0;}
.blogDetailWrapper .centerWrapper{width:65%;}
.blogDetailWrapper .centerWrapper.staticContentWrapper{width: 85%;}
.blogDetailWrapper span, .blogDetailWrapper h3{font-weight:500;font-size:1.7vw;text-align:left;margin-bottom:.7em;display:block;}
.blogDetailWrapper .paraTxt, .blogDetailWrapper p{text-align:left;margin-bottom:2em; color:#000;font-size:1.1vw;line-height:1.8em;margin-bottom:2em;text-align:left;font-weight:300;}
.blogDetailWrapper .paraTxt strong, .blogDetailWrapper p strong{font-weight:700;letter-spacing:.5px;}
.blogDetailWrapper .blogImgWrapper, .blogDetailWrapper img{width:100%;height:auto;display:block;border-radius:20px;margin-bottom:2em;}
.blogDetailWrapper ol{width:97%;height:auto;margin:0 auto 2em auto;text-align:left;list-style-type:decimal;}
.blogDetailWrapper ul{width:97%;height:auto;margin:0 auto 2em auto;text-align:left;list-style-type:disc;}
.blogDetailWrapper ol li,
.blogDetailWrapper ul li{font-size:1.1vw;margin-bottom:.5em;}

.bgwhite{background: #fff;}
.bgbrown{background: #F5F1ED;}

.pricesPopWrapper { display:none; }
.pricesPopWrapper.active { display:block; }

.fieldWrapper.has-error input,
.fieldWrapper.has-error textarea,
.fieldWrapper.has-error select {
  border-color: #d63638;
}

.fieldWrapper span {
  display: block;
  font-size: 12px;
  color: #d63638;
  margin-top: 4px;
}

.contactMsgStatus {
  margin-top: 15px;
  font-size: 14px;
}

.contactMsgStatus.success { color: #1a7f37; }
.contactMsgStatus.error   { color: #d63638; }
.contactMsgStatus.loading { color: #555; }

.contactSubmitBt.is-loading {
  pointer-events: none;
  opacity: 0.6;
}

/* ===== Modal Base ===== */
.hpgkModal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}

/* Overlay */
.hpgkModalOverlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2px);
}

/* Modal Box */
.hpgkModalBox {
  position: relative;
  max-width: 720px;
  width: calc(100% - 40px);
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  background: #ffffff;
  border-radius: 18px;
  padding: 36px 40px 40px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
  animation: modalFadeUp 0.25s ease-out;
}

/* Title */
.hpgkModalTitle {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 16px;
  color: #111;
}

/* Body */
.hpgkModalBody {
  font-size: 15px;
  line-height: 1.6;
  color: #444;
  white-space: pre-line; /* keeps paragraph breaks if any */
}

/* Close Button */
.hpgkModalClose {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: #f2f2f2;
  color: #111;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.hpgkModalClose:hover {
  background: #111;
  color: #fff;
}

/* Prevent background scroll */
body.modal-open {
  overflow: hidden;
}

/* Animation */
@keyframes modalFadeUp {
  from {
    opacity: 0;
    transform: translateY(-40%) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(-50%) scale(1);
  }
}

.sectionBg--White{background: white;}
.sectionBg--Beige{background: #F5F1ED;}
.projectArchitecturalWrapper.notitle{ padding-top:1px; }
.projectArchitecturalWrapper.notitle .pricingPlansWrapper{padding-top: 0;}

.mapEmbedWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.mapEmbedWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.sectionWrapper.homeSectionWrapper.bannerWrapper .swiper-slide:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1;
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 27%,rgba(0,0,0,0.65) 88%,rgba(0,0,0,0.65) 100%);
}

.wa__btn_popup_txt{display: none !important;}


/* ===== Disclaimer Modal (Slick White) ===== */
  .discModal {
    position: fixed;
    inset: 0;
    display: none; /* toggled via JS */
    z-index: 9999;
  }

  .discScroll{
    height: 400px;
    overflow: scroll;
    margin-bottom:2em;
  }

  .discModal.is-open {
    display: block;
  }

  .discOverlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(2px);
  }

  .discCard {
    position: relative;
    width: min(660px, calc(100% - 32px));
    margin: 8vh auto 0;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 18px 60px rgba(0,0,0,0.25);
    overflow: hidden;
    transform: translateY(10px);
    opacity: 0;
    transition: transform 220ms ease, opacity 220ms ease;
  }

  .discModal.is-open .discCard {
    transform: translateY(0);
    opacity: 1;
  }

  .discBody {
    padding: 26px 26px 22px;
  }

  .discTitle {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -0.2px;
    color: #111;
  }

  .discText {
    margin: 0 0 12px;
    font-size: 14.5px;
    line-height: 1.55;
    color: #333;
  }

  .discSmall {
    color: #555;
    font-size: 13.5px;
  }

  .discActions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 18px;
  }

  .discBtn {
    appearance: none;
    border: 0;
    border-radius: 12px;
    padding: 11px 14px;
    font-size: 14px;
    cursor: pointer;
    transition: transform 120ms ease, opacity 120ms ease, background 120ms ease;
    user-select: none;
  }

  .discBtn:active {
    transform: scale(0.98);
  }

  .discBtnGhost {
    background: #f3f4f6;
    color: #111;
  }
  .discBtnGhost:hover {
    background: #eceef2;
  }

  .discBtnPrimary {
    background: #111;
    color: #fff;
    padding: 11px 16px;
  }
  .discBtnPrimary:hover {
    opacity: 0.92;
  }

  .discClose {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    border: 0;
    background: #f3f4f6;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: background 120ms ease, transform 120ms ease;
  }

  .discClose:hover {
    background: #eceef2;
  }

  .discClose span {
    font-size: 22px;
    line-height: 1;
    color: #111;
    transform: translateY(-1px);
  }

  /* Mobile spacing */
  @media (max-width: 420px) {
    .discBody { padding: 22px 18px 18px; }
    .discActions { flex-direction: column-reverse; }
    .discBtn { width: 100%; }
  }
  /* Disclaimer Ends  */
/* Mobile tweaks */
@media (max-width: 640px) {
  .hpgkModalBox {
    padding: 28px 24px 32px;
  }

  .hpgkModalTitle {
    font-size: 20px;
  }
}


.site-nav .headerNav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: end;
}

.site-nav .headerNav > li {
  position: relative;
  display: inline-block;
  margin-left: 5%;
  font-size: 1.05em;
  font-weight: 300;
  transition: all 0.1s ease-in;
}

.site-nav .headerNav a {
  text-decoration: none;
  /* display: inline-flex; */
  /* align-items: center; */
}

.site-nav .headerNav a:hover{
    font-weight: 300 !important;
}

/* caret on parent */
.site-nav .headerNav .menu-item-has-children > a::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  margin-left: 8px;
  margin-top: -2px;
  opacity: 0.7;
  display: inline-block;
  vertical-align: middle;
}

/* dropdown */
.site-nav .headerNav .sub-menu {
  display: none;
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  min-width: 220px;
  background: #fff;
  border-radius: 14px;
  padding: 10px;
  box-shadow: 0 16px 40px rgba(0,0,0,.12);
  list-style: none;
  margin: 0;
  z-index: 9999;
}

.site-nav .headerNav li:hover > .sub-menu {
  display: block;
}

.site-nav .headerNav .sub-menu a {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
}

.site-nav .headerNav .sub-menu a:hover {
  background: rgba(0,0,0,.06);
}

/* ============ Header Dropdown (compact) ============ */
.site-nav .headerNav > li {
  position: relative;
}

/* Submenu container */
.site-nav .headerNav > li > .sub-menu{
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 180px;
  padding: 8px;
  margin: 0;
  list-style: none;

  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 14px;
  box-shadow: 0 14px 40px rgba(0,0,0,0.18);

  display: none;
  z-index: 99999;
}

/* Small pointer triangle (optional, nice) */
.site-nav .headerNav > li > .sub-menu::before{
  content:"";
  position:absolute;
  top:-7px;
  left:50%;
  transform: translateX(-50%) rotate(45deg);
  width: 14px;
  height: 14px;
  background: rgba(255,255,255,0.92);
  border-left: 1px solid rgba(0,0,0,0.08);
  border-top: 1px solid rgba(0,0,0,0.08);
}

/* Items */
.site-nav .headerNav > li > .sub-menu li{
  margin: 0;
  padding: 0;
  text-align: left;
}

/* Links (compact, not pill) */
.site-nav .headerNav > li > .sub-menu a{
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 15px;
  line-height: 1.2;
  color: #111;
  text-decoration: none;
  white-space: nowrap;
}

/* Hover */
.site-nav .headerNav > li > .sub-menu a:hover{
  background: rgba(0,0,0,0.06);
}

/* Keep submenu open while moving cursor down (bridge area) */
.site-nav .headerNav > li.menu-item-has-children::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top: 100%;
  height: 14px;  /* adjust if needed */
}


.site-nav .headerNav > li.menu-item-has-children:hover > .sub-menu,
.site-nav .headerNav > li.menu-item-has-children:focus-within > .sub-menu{
  display: block;
}


.stickyContactNow{
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;

  background: #000;
  color: #fff;
  text-decoration: none;

  padding: 14px 12px;
  border-radius: 10px 0 0 10px;

  display: flex;
  align-items: center;
  justify-content: center;

  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

.stickyContactNow span{
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 14px;
}

.stickyContactNow:hover{ opacity: 0.92; }


.shantanuBx{
    margin-right: 0!important;
    margin-left: 10% !important;
    margin-bottom: 3em !important;
}


@media (max-width: 1024px) {
    header a.headerLogo{width:30%;}
    header a.hamburgerIcon{width:7%;}
    .architecturalApproachWrapper .centerWrapper{width:90%;margin:0 auto;}
    .footprintTabMainWrapper .footprintTabWrapper a{flex:0 0 40%;}
    .ourOfficesMainWrapper ul.officesListWrapper li{width:calc(47.5% - 4em);margin-right:5%;margin-bottom:5%;}
    .ourOfficesMainWrapper ul.officesListWrapper li:nth-child(2n){margin-right:0;}
    .swiper-button-next,
    .swiper-button-prev{display: none;}
    .developmentSliderWrapper .swiper-pagination{display:block;}
    .developmentSliderWrapper .swiper-wrapper{padding-bottom:3.5em;}
    .aboutBoardRoomWrapper .centerWrapper{align-items:flex-end;}
    .aboutBoardRoomWrapper .rightInfoWrapper{padding-bottom:2em;}
    header .menuListWrapper{width:100%;position:relative;right:inherit;left:inherit;top:inherit;transform:none;margin:2em auto 0 auto;}
    header .menuListWrapper{text-align:center;}
    header .menuListWrapper a{display:block;font-size:2em;margin:0 auto .5em auto;padding:1em 0;max-width:inherit;}
    .hm_ProjectSwiper{width:100%;margin:0 auto;}
    .hm_ProjectSwiper .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{width:85%;margin:2em auto;}
    .hm_ProjectSwiper .swiper-slide .textOverlayWrapper span.projectTxt{color:#fff;opacity:1;bottom:2em;font-size:1.2em;}
    .aboutBannerWrapper ul.projectDetails li{width:75%;align-items:flex-start;}
    .bannerWrapper h1{bottom:1em;}
	.developmentTabWrapper{width: 95%;}
	.developmentTabWrapper a{font-size: 2.5vw;}
    .businessLegacyWrapper.businessBlackWrapper .rightInfoWrapper .textWithBorder{width:40%;}
    .businessLegacyWrapper.businessBlackWrapper .rightInfoWrapper em{font-size:1.8vw;}
    .hm_brandsCarryWrapper ul li{width:50%;height:auto;}
    .hm_brandsCarryWrapper ul li:nth-child(1){margin-bottom: 3em;}
    .hm_brandsCarryWrapper ul li img{width: 90%;}
    .hm_brandsCarryWrapper ul{align-items: flex-start;}
    .internalNavWrapper .centerWrapper a{font-size: 2.4vw;}
    .projectAboutWrapper .project_aboutThumbWrapper, .locationInfoWrapper{display: block;}
    .projectAboutWrapper .project_aboutThumbWrapper .imgWrapper, .projectAboutWrapper .project_aboutThumbWrapper .infoWrapper, .projectAboutWrapper .project_aboutThumbWrapper:nth-child(even) .imgWrapper, .locationInfoWrapper .leftImgWrapper, .locationInfoWrapper .infoRightWrapper { width: 100%; height: auto; margin-right: 0; margin-bottom: 2em; margin-left: 0;}
    .sectionSpacing.projectAboutWrapper, .sectionWrapper.locationInfoWrapper{padding-top: 2em;}
    .projectAboutWrapper .project_aboutThumbWrapper .infoWrapper .sectionTitle{font-size: 7.5vw; margin-bottom: 0.5em;}
    ul.amenitiesListWrapper{display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; flex-direction: row;}
    ul.amenitiesListWrapper li{width: 47%; margin-right: 2%;}
    ul.amenitiesListWrapper li span{font-size: 3.3vw; line-height: 1.5em;}
    .projectGalleryWrapper a{width: 47%; margin-right: 3%!important;}
    .floorPlanTabWrapper{width: 100%;}
    .floorPlanTabWrapper a{padding: 1em 0.9em;}
    .floorGalleryWrapper .galleryImgWrapper{margin-bottom: 2em; margin-right: 0; width: 100%;}
    .pricingPlansWrapper span{font-size: 4.3vw;}
    .pricingPlansWrapper .pricingBtWrapper a{font-size: 3.3vw;}
    .locationInfoWrapper .infoRightWrapper small{font-size: 2vw;}
    .acc__title{font-size: 4vw;}
    .acc__title::after{font-size: 4vw; width: 12px; height: 12px;}
    .acc__panel{font-size: 3.3vw;}
}
@media (max-width: 600px) {
    .centerWrapper{width:90%;}
    .sectionSpacing{padding:100px 0;}
    header a.headerLogo{width:50%; max-width: 164px;}
    header a.hamburgerIcon{width:14%;}
    .sectionTitle, .contactFormWrapper .leftInfoWrapper .sectionTitle{font-size:3.5em;}
    .sectionName{font-size:1.8em;}
    .paraTxt{font-size:1em;}
    .sectionWrapper.aboutImgWrapper img.deskImg{display:none;}
    .sectionWrapper.aboutImgWrapper img.mobImg{display:block;}
    .aboutBannerWrapper .downArrowImg{width:75px;height:75px;bottom:-7%;}
    .responsiblePlanet .centerWrapper{flex-direction:column;}
    .responsiblePlanet .leftImgWrapper{width:100%;margin:0 auto 2em auto;}
    .responsiblePlanet .rightInfoWrapper{width:100%;}
    .businessLegacyWrapper .centerWrapper{flex-direction:column;width:90%;}
    .businessLegacyWrapper .logoLeftWrapper{width:30%;margin:0 auto 1em auto;}
    .businessLegacyWrapper.businessBlackWrapper .rightInfoWrapper .textWithBorder{width:100%;}
    .businessLegacyWrapper.businessBlackWrapper .rightInfoWrapper em{font-size:4.5vw;}
    .businessLegacyWrapper .rightInfoWrapper{width:100%;margin:0 auto;}
    .businessLegacyWrapper .rightInfoWrapper span{font-size:1.25em;}
    .businessLegacyWrapper .rightInfoWrapper p{font-size:3.5em;}
    .businessLegacyWrapper.businessBlackWrapper .rightInfoWrapper span{margin-bottom:1.5em;}
    .businessLegacyWrapper .rightInfoWrapper a{font-size:1em;}
    .footerSubscriptionWrapper .centerWrapper{flex-direction:column;}
    .footerSubscriptionWrapper .subsLeftInfoWrapper{width:100%;text-align:center;}
    .footerSubscriptionWrapper .subsLeftInfoWrapper p.paraTxt{text-align:center;}
    .footerSubscriptionWrapper .subsRightFormWrapper{width:100%;margin:0 auto;}
    .footerSubscriptionWrapper .subsLeftInfoWrapper span{font-size:15vw;}
    footer .footerLogo a{width:30%;}
    footer ul.footerInfoWraper{flex-direction:column;}
    footer ul.footerInfoWraper li,
    footer ul.footerInfoWraper li:nth-child(1),
    footer ul.footerInfoWraper li:nth-child(2),
    footer ul.footerInfoWraper li:nth-child(3),
    footer ul.footerInfoWraper li:nth-child(4){width:100%;margin:0 auto 2em auto;}
    footer ul.footerInfoWraper li:nth-child(4){margin-bottom:0;}
    footer .footerBottomWrapper{flex-direction:column;}
    footer .footerBottomWrapper .privacyLinkWrapper{width:100%;text-align:center;margin-bottom:2em;}
    footer .footerBottomWrapper p.copyTxt{width:100%;text-align:center;font-size:.95em;}
    footer ul.footerInfoWraper li:nth-child(1) span,
    footer ul.footerInfoWraper li:nth-child(1) p,
    footer ul.footerInfoWraper li:nth-child(2) span,
    footer ul.footerInfoWraper li:nth-child(2) a,
    footer ul.footerInfoWraper li:nth-child(3) span,
    footer ul.footerInfoWraper li:nth-child(3) .navLeftWrapper a,
    footer .footerBottomWrapper .privacyLinkWrapper a{font-size:.9em;}
    footer ul.footerInfoWraper li:nth-child(4) a{width:35px;margin-right:20px;}
    .architecturalApproachWrapper img.deskImg{display:none;}
    .architecturalApproachWrapper img.mobImg{display:block;}
    .transformLivingWrapper .transformLivingThumbWrapper{width:100%;}
    .footerSubscriptionWrapper .subsRightFormWrapper .fieldSubmitWrapper{width:50%;}
    .transformLivingWrapper .transformLivingThumbWrapper .swiper-slide {width:calc(100% - 20%);box-sizing: border-box;}
    .footprintTabMainWrapper .footprintTabWrapper a {flex: 0 0 70%;}
    .footprintTabContentWrapper .footprintImgWrapper img.deskImg{display:none;}
    .footprintTabContentWrapper .footprintImgWrapper img.mobImg{display:block;}
    .footprintTabContentWrapper{flex-direction:column;}
    .footprintTabContentWrapper .footprintImgWrapper{width:100%;margin:0 auto;}
    .footprintTabContentWrapper .footprintRightInfoWrapper{width:calc(100% - 2em);margin:0 auto;padding:2em 1em;}
    .footprintTabContentWrapper .footprintRightInfoWrapper ul{width:85%;}
    .hm_aboutWrapper.socialInitiativeCounterWrapper .aboutProjectNumWrapper ul li{width:47.5%;margin-bottom:10%;}
    .hm_aboutWrapper.socialInitiativeCounterWrapper .aboutProjectNumWrapper ul li:nth-child(2){margin-right:0;}
    .ourOfficesMainWrapper ul.officesListWrapper li{width:calc(100% - 4em);margin:0 auto 5% auto;}
    .developmentThumbWrapper p.paraTxt{margin-right:0;}
    .aboutBannerWrapper ul.projectDetails{margin:0 auto;}
    .aboutBannerWrapper ul.projectDetails li{flex-direction:column;align-items:flex-start;margin-bottom:0;width:100%;}
    .aboutBannerWrapper ul.projectDetails li span{margin-bottom:1em;font-size:1.05em;width:100%;}
    .missionTabMainWrapper{flex-direction:column;}
    .missionTabMainWrapper .leftTabWrapper{width:100%;margin:0 auto 1em auto;}
    .missionTabMainWrapper .rightInfoWrapper{width:100%;margin:0 auto;}
    .aboutBoardRoomWrapper .centerWrapper{flex-direction:column;}
    .aboutBoardRoomWrapper .leftImgWrapper{width:75%;margin:0 auto 2em auto;}
    .aboutBoardRoomWrapper .rightInfoWrapper{width:100%;margin:0 auto;}
    .aboutOpportunitiesWrapper p.paraTxt{margin-right:0;}
    .newMarketsTabWrapper{flex-direction:column-reverse;}
    .newMarketsTabWrapper .rightInfoWrapper{width:100%;height:auto;margin:0 auto 2em auto;text-align:center;}
    .newMarketsTabWrapper .leftTabWrapper{width:100%;margin:0 auto;}
    .developmentThumbWrapper span.sectionTitle,
    .ourOfficesMainWrapper span.sectionTitle{font-size:3.5em;}
    .bannerWrapper h1{font-size:12.5vw;bottom:1.5em;}
    .hm_aboutWrapper .aboutInfoWrapper{flex-direction:column;}
    .hm_aboutWrapper .aboutLeftInfoWrapper{width:100%;}
    .hm_aboutWrapper .aboutRightWrapper{width:100%;margin:0 auto;}
    .hm_aboutWrapper .aboutProjectNumWrapper ul li{width:47.5%;margin-bottom:2em;}
    .hm_aboutWrapper .aboutProjectNumWrapper ul li:nth-child(2n){margin-right:0;}
    .hm_aboutWrapper .aboutProjectNumWrapper ul li p{font-size:12.5vw;}
    .blueBtWrapper{font-size:0.8em;}
    .hm_ProjectSwiper{width:100%;margin-left:0;margin-top:8%;}
    .hm_servicesWrapper ul li{width:47.5%;}
    .hm_servicesWrapper ul li:nth-child(2n){margin-right:0;}
    header{top:0;}
    header .centerWrapper{padding:1.6em 1.5em 0 1.5em;width:calc(100% - 3em);}
    header .centerWrapper{border-radius:0;border-bottom-right-radius:20px;border-bottom-left-radius:20px;}
    header .menuListWrapper a{font-size:1.25em;padding:0.7em 0;}
    .hm_ProjectSwiper{min-width: 0 !important;}
    .hm_ProjectSwiper .swiper-slide .textOverlayWrapper span.projectTxt{font-size:1.05em;}
    .hm_potentialWrapper .videoImgWrapper img.playIcon{width:50px;}
    .bannerWrapper{height:87.5vh;}
    .sectionWrapper.sectionSpacing.aboutPhilisophyWrapper{padding:100px 0;}
    .galleryMainWrapper{width:100%;border-radius:0;margin-top:0;}
    .galleryThumbWrapper{width:100%;margin-top:-3em;}
    .aboutBannerWrapper h1 br{display:none;}
    .hm_aboutWrapper .aboutProjectNumWrapper ul{justify-content:flex-start;}
    .hm_ProjectSwiper .swiper-slide .textOverlayWrapper{bottom:2em;}
    footer .footerBottomWrapper::after{background-size:300%;}
    .blogDetailWrapper{padding: 1em 0;}
    .blogDetailWrapper .centerWrapper{width: 90%!important;}
    .blogDetailWrapper .paraTxt, .blogDetailWrapper p{font-size: 3vw;}
    .blogDetailWrapper span, .blogDetailWrapper h3{font-size: 3.5vw;}

    .site-nav .headerNav{display: block;}
    .site-nav .headerNav > li{display: block;}
    .aboutBannerWrapper{padding-top: 9em;}
    .transformLivingWrapper .transformLivingThumbWrapper .item{width: 48.9% !important;}
    .legacyGroupMainThumbWrapper .thumbWrapper{width: calc(99% - 2px - 2em); margin-bottom: 4%;}
    .realApproachThumbMainWrappper .approachThumbWrapper{width: calc(99% - 3em); margin-bottom: 3%;}
    .allySectionWrapper .allyHeaderWrapper .leftIconWrapper img{width: 60px;}
    .allyGridInfoWrapper.twogridInfoWrapper .gridItem{width: calc(98.5% - 2px - 2em);}
    .allySectionInfoWrapper .sectionTwoGridWrapper .allyGridInfoWrapper{width: 100%;}
    .allySectionInfoWrapper .sectionTwoGridWrapper.reverseTwoGridWrapper .allyGridInfoWrapper{margin-left: 0;}
    .developmentThumbListWrapper .developmentThumbWrapper{width: 100%; margin-bottom: 5%;}
    .developmentThumbListWrapper .developmentThumbWrapper .prodInfo span{font-size: 1em;}
    .sectionWrapper.sectionSpacing.devDetailHeader { padding-top: 9em; }
    .blogSectionWrapper .blogListingWrapper .blogThumbWrapper{width: calc(96.33% - 2px); margin-bottom: 5%;}
    .blogBannerWrapper .bannerInfoWrapper { position: relative; bottom: -2em; }
    .blogBannerWrapper .bannerInfoWrapper .sectionTitle, .blogBannerWrapper .bannerInfoWrapper .paraTxt{ color:#000; }
    .aboutBannerWrapper .blogDetails, .registeredOfficeWrapper .rightInfoWrapper{width: 100%;}
    .registeredOfficeWrapper .contactImgWrapper, .contactFormWrapper .leftInfoWrapper { width: 100%; height: auto; margin-right: 0; margin-bottom: 2em; }
    .contactFormWrapper .rightContactFormWrapper{width: 100%;}
    .contactFormWrapper .rightContactFormWrapper .fieldWrapper select{height: 40px; font-size: 0.7em;}
    .pricesPopWrapper .popInnerWrapper{width: 85%;}
    .footerSubscriptionWrapper .subsRightFormWrapper .fieldWrapper input{font-size: 0.7em; line-height: 1.9em;}
    .workWithUsWrapper .realApproachThumbMainWrappper .approachThumbWrapper{width: calc(46.33% - 3em);}
    .workOpenPositionsWrapper ul li{width: 100%; margin-bottom: 1em; margin-right: 0;}
    .architecturalApproachWrapper .centerWrapper{padding-bottom: 2em;}
    .hpgkModalBox{width: calc(90% - 40px);}
    .aboutBoardRoomWrapper .rightInfoWrapper{order: 1;}
    .aboutBoardRoomWrapper .leftImgWrapper{order: 2;}
    .aboutBoardRoomWrapper .leftImgWrapper.shantanuBx{margin-left: 0 !important; margin-right: 0 !important; width: 100%; order: 3!important;}
    .aboutBoardRoomWrapper .rightInfoWrapper.shantanuContent{order: 4!important;}
    .newsletterMsg{position: absolute; bottom: -14px; font-size: 12px; left: 20px;}
    .footerSubscriptionWrapper .subsRightFormWrapper form#hpgkNewsletterForm{position: relative;}
    .blogDetailWrapper h3{margin-top: 2em;}
    footer ul.footerInfoWraper li, footer ul.footerInfoWraper li:nth-child(1){margin-bottom: 0;}
    .footerSubscriptionWrapper .subsRightFormWrapper .fieldSubmitWrapper input{padding:.84em 1em;}

    .allySectionWrapper .allyHeaderWrapper .leftIconWrapper span{display: none;}
    .footprintTabContentWrapper .footprintImgWrapper img.mobImg{display: none;}
    .footprintTabContentWrapper .footprintImgWrapper img.deskImg{display: block;}


    .leaseInquiryWrapper .inquiryThumbMainWrapper a img.leaseIconImg{width: 100%;}
    .legacyGroupMainThumbWrapper .thumbWrapper span, .blogDetailWrapper h3{font-size: 1.2em;}
    .legacyGroupMainThumbWrapper .thumbWrapper p, .legacyGroupMainThumbWrapper .thumbWrapper ul li, .realApproachThumbMainWrappper .approachThumbWrapper p,
    .realApproachThumbMainWrappper .approachThumbWrapper span, .realApproachThumbMainWrappper .approachThumbWrapper ul li,
    .allyGridInfoWrapper .gridItem span, .blogSectionWrapper .blogListingWrapper .blogThumbWrapper .blogInfoWrapper span,
    .blogDetailWrapper p, .pricesPopWrapper .popInnerWrapper span.formTitle, .blogDetailWrapper ul li{font-size: 1em; line-height: 1.5em;}
    ul.salienceBulletWrapper li span, .responsiblePlanet .rightInfoWrapper ul li span, .developmentThumbListWrapper .developmentThumbWrapper .imgWrapper span.tagName,
    .dropdown__filter, .developmentThumbListWrapper .developmentThumbWrapper .prodInfo .prodDetails em,
    .blogSectionWrapper .blogListingWrapper .blogThumbWrapper .blogDetails a.authorName span, 
    .blogSectionWrapper .blogListingWrapper .blogThumbWrapper .blogDetails a.articleDate, .aboutBannerWrapper .blogDetails a.articleDate, 
    .aboutBannerWrapper .blogDetails a.authorName span, .contactFormWrapper .rightContactFormWrapper .contactSubmitWrapper a,
    .pricesFormWrapper form a.requestPriceBt, .workOpenPositionsWrapper .sectionName, .workOpenPositionsWrapper ul li span,
    .contactFormWrapper .leftInfoWrapper .sectionName, .testimonialSliderWrapper .item span.testName, .testimonialSliderWrapper .item em.testDesg,
    .testimonialSliderWrapper .item p.paraTxt, .leaseInquiryWrapper .inquiryThumbMainWrapper a span{font-size: 0.8em;}
    ul.salienceBulletWrapper li em{font-size: 0.5em;}   
    .blogSectionWrapper .sectionTitle{font-size: 2em;}
    .contactFormWrapper .rightContactFormWrapper .fieldWrapper input, .contactFormWrapper .rightContactFormWrapper .fieldWrapper textarea{font-size: 0.7em;}
    input::placeholder, textarea::placeholder, select::placeholder { font-size: 1em; }
    .pricesFormWrapper form .formFieldWrapper input, .pricesFormWrapper form .formFieldWrapper textarea, .pricesFormWrapper form .formFieldWrapper select{font-size: 0.6em;}
    .locationInfoWrapper .infoRightWrapper small{font-size: 0.8em; line-height: 1.5em;}
    .devDetailHeader p.paraTxt{width: 90%;}
}
@media (max-width: 361px) {}