html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;text-decoration:none;background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
form textarea{resize:none;}
a, a:hover, a:focus, a:active{text-decoration:none !important;color:inherit;outline:none !important;}

#hidden_menu {
    background-color: #141414;
    border-top: 1px solid #141414;
    width: 100%;
    position: absolute;
    top: -450px;
    left: 0;
    overflow: hidden;
    padding: 20px 0px;
}
#hidden_menu a { transition: 0.3s; color: #aaa; font-family: 'gi_sans_display_regular'; }
#hidden_menu > ul { width: 200px; }
#hidden_menu > ul li { padding: 15px 0px; cursor: pointer; }
#hidden_menu > ul li a { font-size: 20px; display: flex; justify-content: space-between; align-items:center; width: 100%; min-width: 200px; }
#hidden_menu > ul li a svg { width: 10px; height: 18px; color: #aaa; }
#hidden_menu > ul li.active > a { color: #fff; transition: 0.3s; }
#hidden_menu > ul li a:hover { color: #fff; transition: 0.3s; }
#hidden_menu > ul li a svg path { stroke: #aaa; }
#hidden_menu > ul li a:hover svg path { stroke: #fff; }

#hidden_menu > ul li ul {
    display: none;
    position: absolute;
    left: 0%;
    top: 16px;
    background-color: #141414;
    min-width: 300px;
    min-height: 250px;
    width: auto;
}

#building-for-life .row { align-items: flex-end; }
#building-for-life img { border-radius: 5px; }
#building-for-life p { padding: 0px 25px 10px 15px; }
#building-for-life h2 { margin-bottom: 30px; }


#Home_Slider_Wrapper .slider_content { display: flex; align-items: flex-start; margin: 40px 0px 40px 0px; }
#Home_Slider_Wrapper .slider_caption { max-width: 390px; }
#Home_Slider_Wrapper .slider_desc { max-width: 540px; margin-left: 30px; }
#Home_Slider_Wrapper .slider_caption p { font-size: 20px; line-height: 26px; font-family: 'gi_sans_display_regular'; }
#Home_Slider_Wrapper .slider_banner img { border-radius: 4px; }

#Home_Slider_Wrapper .owl-nav { position:absolute; right: 0px; top: 145px; }
#Home_Slider_Wrapper .owl-nav button {  background:transparent !important; }
#Home_Slider_Wrapper .owl-nav button span { font-size: 0px; display: block; width: 16px; height: 16px; background: url("../images/slider_next.png"); background-size:cover; }
#Home_Slider_Wrapper .owl-nav button.owl-prev { margin-right:20px; }
#Home_Slider_Wrapper .owl-nav button.owl-prev span { background: url("../images/slider_prev.png"); background-size:cover; }

#Home_Slider_Wrapper .hide_mob { display: block; }
#Home_Slider_Wrapper .show_mob { display: none; }

.bottom_banner { display: flex; position:relative; color: #fff; }
.bottom_banner_text {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 4;
	margin-top: -10px;
}
.bottom_banner_text h2 { line-height: 56px; }
.bottom_banner_text p { color: #fff !important; font-family: 'gi_sans_text_regular'; font-size: 18px; line-height:28px; }
.bottom_banner_text .button { margin-top: 30px; }

.semi_title { font-size: 28px; line-height: 32px; font-family: 'gi_sans_display_regular'; font-weight: normal; color:#141414; }

.fw{width: 100% !important;}
.grid_pro{display: flex; justify-content: flex-start; gap: 6%; align-items: center; border-bottom: 1px solid #d9d9d9; padding: 40px 0px;}
.bdr_tp{border-top: 1px solid #d9d9d9;}
.ESG{padding: 50px 0px 150px 0px;}
.desc_col { width:560px;}
.img_col img { border-radius: 5px;}
.desc_col h4{ color: #141414; font-size: 28px; margin-bottom: 20px; font-family: 'gi_sans_display_regular'; }
.desc_col p{color: #141414; margin-bottom: 20px;}
.desc_col p:last-child{margin-bottom: 0px;}


#Projects_Home {
    display: flex;
    align-items: flex-end;
    background: #D9D9D9;
}
.projectImages { width: 50%; }
/*.projectNames { width: 45%; padding: 0px 0px 30px 5%; }*/
.projectNames h5 a { font-size:32px; font-family: 'gi_sans_display_medium'; font-weight: normal; line-height:40px; padding: 10px 0px; display: block; text-transform:uppercase; color:#7A7A7A; }
.projectNames h5.active a { color:#141414; }

#Projects_Home .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background: #fff;
    margin: 0px 4px;
}
#Projects_Home .owl-theme .owl-dots .owl-dot.active span {
    background: #141414;
}





.projects-scroll-section {
    position: relative;
    background: #D9D9D9;
}

.projects-inner {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    overflow: hidden;
}

.projects-left,
.projects-right {
    width: 50%;
    height: 100vh;
}

.projects-left {
    position: relative;
    overflow: hidden;
    background: #D9D9D9;
}

.projects-image-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}

.project-image {
    position: absolute;
    inset: 0;
    transform: translateY(100%);
    transition: transform 0.7s ease;
    z-index: 1;
}

.project-image.active {
    transform: translateY(0);
    z-index: 3;
}

.project-image.prev {
    transform: translateY(-100%);
    z-index: 2;
}

.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.projects-right {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0px 0px 30px 5%;
    background: #D9D9D9;
}

.projects-titles {
    width: 100%;
    max-width: 500px;
}

.project-title a {
    color: #7A7A7A;
    transition: color 0.4s ease, transform 0.4s ease;
}

.project-title.active a {
    color: #141414;
}

@media (max-width: 991px) {
    .projects-inner {
        flex-direction: column;
    }

    .projects-left,
    .projects-right {
        width: 100%;
        height: 50vh;
    }

    .project-title {
        font-size: 30px;
        margin: 14px 0;
    }
}






#Above_Beyond_Home img { border-radius: 4px; }
#Above_Beyond_Home h2 { margin-bottom: 30px; }
#Above_Beyond_Home .row { margin-bottom: 60px; }
#Above_Beyond_Home .semi_title { margin: 12px 0px 0px 0px; }
#Above_Beyond_Home a { font-size: 14px; font-family: 'gi_sans_display_regular'; color:#7A7A7A; }
#Above_Beyond_Home a:hover { color:#141414; }

/* News */
#News_Blogs_Landing { margin-top:160px; }
.hidden_data { display: none; }
.hidden_data.active { display: block; }
.news_tabs { display: flex; align-items:center; gap: 20px; margin: 40px 0px 50px 0px; }
.news_tabs .button.active {
    background: #141414;
    color: #fff;
    border: 1px solid #141414;
}
#News_Slider {
    border-right: 1px solid #D8D8D8;
    margin-top: 20px;
}
.news_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0px 20px 0px 20px;
    border-left: 1px solid #D8D8D8;
}
.news_item p { font-family: 'gi_sans_display_regular'; font-size:10px; line-height: 14px; text-transform:uppercase; color:#7A7A7A; padding: 0px 0px 15px 0px; }
.news_item h6 { font-family: 'gi_sans_display_medium'; font-size:16px; font-weight: normal; line-height: 22px; padding: 15px 10px 10px 0px; text-transform:uppercase; color:#141414; }
.news_item h6 a { color:#141414; }
.news_item img { width:100%; border-radius: 5px; }
.read_more { position: relative; height: 50px; font-family: 'gi_sans_display_regular'; display: flex; align-items:center; justify-content:space-between; font-size:14px; }
.news_item .read_more { margin-top: 30px; }
.read_more img { max-width: 24px; }

.hidden_data .col-md-4:last-child .news_item { border-right: 1px solid #D8D8D8; }

#post_inner .container { max-width: 890px; padding-bottom: 80px; }
#post_inner h4 { font-size: 28px; line-height:32px; font-family: 'gi_sans_display_regular'; font-weight: normal; margin: 70px 0 10px 0; }
#post_inner h1 { text-transform: none; margin-bottom: 5px; }
#post_inner h4.post_caption { margin: 10px 0px 0px 0px; }
#post_inner p { margin: 15px 0 15px 0; }
#post_inner p.post_date { margin: 0px 0px 11px 0px; }
#post_inner ol { list-style: decimal; padding-left: 25px; }
#post_inner ol li {
    font-size: 16px;
    font-weight: normal;
    font-family: 'gi_sans_text_regular';
    line-height: 24px;
    color: #141414;
    padding-bottom: 6px;
}
.post_banner { margin: 0px 0px 60px 0px; }
.post_navs { margin-top: 50px; width: 100%; display:flex; gap: 40px; align-items:center; justify-content: flex-end; }
.post_navs a { text-transform: uppercase; font-size: 15px; font-family: 'gi_sans_display_regular'; }
/* News */


.readmore_text { display: none; }


#about_video { position: relative; width: 100%; height: 100vh; max-height:100vh; overflow:hidden; }
#about_video video  { width: 100%; height: 160%; object-fit:cover; margin-top: -15%; }

.mutedBtn {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 40px;
    bottom: 40px;
    display: block;
    z-index: 4;
    background: url("../images/mute.png") no-repeat center;
    background-size: 30px !important;
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
}
.mutedBtn.active {
    background: url("../images/unmute.png") no-repeat center;
}

@media only screen and (max-width: 768px) {
    .section {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .container.g-0 { padding: 0px !important; }
    #building-for-life h2 { margin-bottom: 15px; }
    .grid_pro{flex-direction: column-reverse; border: none;padding: 20px 0px;}
    .desc_col{width: auto;padding: 0px 30px; margin-bottom: 40px;}
    .desc_col h4 { font-family: 'gi_sans_display_medium'; border-top: 1px solid #d9d9d9; padding: 30px 0px 0px;font-size: 20px;font-weight: 500;}
    .desc_col .bdr_nn{ border:none;}
    .img_col img{padding-right: 0px !important; padding-left: 0px !important; border-radius: 0px;}
    .bnr_desc h2{font-size: 20px; line-height: 28px;}
    .bnr_desc p{padding-right: 30px; }
    .desc_col p { font-size: 14px; line-height:20px; }
    .btn_d{padding: 10px 40px;}
    .bnr_desc{top: 70%;}
    .ESG { padding: 0px 0px 0px 0px;}
    .bdr_tp {border-top: none;}
    .grid_pro:last-child { padding-bottom: 0px;}

    .building_slider { margin-bottom: 20px; }
    .building_slider .owl-dots span { margin: 0px 4px; width: 8px !important; height:8px !important; background:#D9D9D9 !important; }
    .building_slider .owl-dots .active span { background:#141414 !important; }

    .semi_title { font-size: 18px; line-height:22px; padding-top: 3px; padding-bottom: 3px; }
    #Above_Beyond_Home h2 { margin-bottom:15px; }
    #Above_Beyond_Home { margin-bottom: 20px; }
    #Above_Beyond_Home a { font-size: 12px; }
    #Above_Beyond_Home .row { margin-bottom: 0px; }
    #Above_Beyond_Home .row .col-md-6, #Above_Beyond_Home .row .col-md-4 { margin-bottom: 30px; }

    #Projects_Home { flex-direction: column; padding: 30px 30px 0px 30px; margin-top: 0px; }
    .projectImages { width: 100%; }
    .projectImages img { border-radius: 5px; }
    .projectNames { width: 100%; padding: 35px 0px 20px 0px; }
    .projectNames h5 a { font-size: 18px; line-height: 22px; padding: 8px 0px; }

    #building-for-life p { padding: 0px 0px 0px 0px; }

    #Home_Slider_Wrapper .slider_content { margin: 5px 0px 20px 0px; }
    #Home_Slider_Wrapper .slider_caption { max-width: 100%; }
    #Home_Slider_Wrapper .slider_desc { display: none; }
    #Home_Slider_Wrapper .slider_caption p { font-size: 14px; line-height: 20px; min-height:60px; }
    #Home_Slider_Wrapper .hide_mob { display: none; }
    #Home_Slider_Wrapper .show_mob { display: block; }
    #Home_Slider_Wrapper h2 { max-width: 270px; line-height: 35px; margin-bottom: 10px; }

    #Home_Slider_Wrapper .owl-nav button { width: 43px; height:36px; border: 1px solid #7A7A7A; border-radius: 30px; background: #fff !important; display: flex; align-items: center; justify-content: center; }
    #Home_Slider_Wrapper .owl-nav { right: auto; left: -30px; margin-top: 85px; width: 100vw; top: 50%; transform: translateY(-50%); display: flex; justify-content:space-between; }
    #Home_Slider_Wrapper .owl-nav button.owl-prev { margin-right:0px; }

    #News_Blogs_Home h2 { margin-bottom:15px; }
    #News_Blogs_Home .home_news_head { display: block !important; padding: 0px 42px; margin-bottom: 25px; }
    #News_Blogs_Home .owl-stage { padding-left: 31px !important; }

    #News_Blogs_Home .container { padding: 0px 0px; }

    .bottom_banner_text h2 { font-size:20px; line-height: 30px; }
    .bottom_banner_text p { font-size: 14px; line-height: 20px; }

    .mob_text_top { transform: none !important; top: 70px !important; }
    .mob_text_bottom { transform: none !important; top: auto !important; bottom: 50px !important; }


    #News_Blogs_Landing { margin-top:100px; }
    #News_Blogs_Landing .news_item { margin-bottom: 20px; padding: 0px; border-left: 0px; border-right: 0px !important; border-bottom: 1px solid #D8D8D8; }
    .news_item .read_more { margin-top: 0px; }
    .news_tabs { margin-top: 20px; }
    #post_inner h4 { font-size: 18px; line-height:24px; margin-top:45px; }
    #post_inner p { font-size: 14px; line-height:20px; }

    .video-wrap { height: calc(100vh - 60px); }
    .video-wrap video { width: 125%; }


    #about_video { position: relative; width: 100%; height: inherit; }
    #about_video video  { width: 100%; height: auto; object-fit:cover; margin-top: 0; }
    .mutedBtn { left: 20px; bottom:20px; width: 30px; height: 30px; background-size: 20px !important; }

}