/*common css start*/

:root {
  --navy: #091729;
  --grey: #333333;
  --grey-bg: #EAEAE8;
  --dull: #8C9CAC;
}

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


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





html{scroll-behavior: smooth;}

body{font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal; background-color: #ffffff;}
  
 div, p, ul, li, a, span, button, input{font-family: "Work Sans", sans-serif;} 

section{background-color:#ffffff; position:relative; z-index:2;}
.slip_faqs section{ z-index:1;}
.custom_container{width:100%; max-width: 1480px; padding: 0 20px; margin: 0 auto;}
.small_container{width:100%; max-width: 1360px; padding: 0 20px; margin: 0 auto;}


.main_header{position: fixed; z-index: 9; left:0; right:0; top:0; transition:all ease 0.2s;}
.main_header.moved_up{transform:translateY(-100%);}
.main_header.invert{background:#ffffff; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.header_inner{padding: 30px; display: flex; align-items: center; justify-content: space-between;}

.logo{width: 100%; max-width:150px;}
.logo a{display: flex;}
.logo a img{transition:all ease 0.2s;}
.invert .logo a img{filter: brightness(0);}
.navigation{width:25%;}
.right_menu{display: flex; justify-content: flex-end;}
.navigation ul{list-style-type: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 50px;}
.navigation ul li{}
.navigation ul li a{color:#ffffff; font-size: 18px;font-style: normal;text-decoration: none;font-weight: 400;line-height: 28px;  transition:all ease 0.2s;}
.invert .navigation ul li a{color:#333333;}


.menu_trigger{display: none; flex-direction: column; width: 32px; gap:8px; cursor: pointer;}
.menu_trigger span{height: 2px; background-color: #ffffff; display: block; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;}


.slip_menus .menu_trigger span:nth-child(1) {
  /* Move down 10px (half gap + half height * 2), then rotate */
  transform: translateY(10px) rotate(45deg);
}

.slip_menus .menu_trigger span:nth-child(2) {
  /* Fade out the middle bar */
  opacity: 0;
}

.slip_menus .menu_trigger span:nth-child(3) {
  /* Move up 10px, then rotate */
  transform: translateY(-10px) rotate(-45deg);
}


.invert .menu_trigger span{background-color: #333333;}
.mobile_navigation{ position: fixed; left: 0;  top: 0;  width: 100%;   max-width: 270px;  display: none; flex-direction: column; gap: 50px;    justify-content: space-between; height: 100dvh; padding: 25px;  background: #ffffff; transition: all ease 0.2s; transform: translateX(-100%); z-index:2;}
.slip_menus{overflow:hidden;}
.mobile_navigation ul li:last-child{display:none;}
.slip_menus .mobile_navigation{transform: translateX(0); box-shadow:0 0 10px rgba(0,0,0,0.3);}
.mobile_navigation_overlay {position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0000001c;
    z-index: -5;
	visibility:hidden;
	opacity:0;
backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}

.slip_menus .mobile_navigation_overlay{z-index: 0; visibility:visible;	opacity:1;}

.mobile_navigation .menus ul{list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 15px;}
.mobile_navigation .menus ul li a{color: var(--grey); text-decoration: none; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; transition: all ease 0.2s;}
.mobile_navigation .menus ul li:hover a{color: var(--navy);}
.slip{overflow: hidden;}
.slip .mobile_navigation{transform: translateX(0);}

.mobile_navigation .social ul{list-style-type: none; margin: 0; padding: 0; display: flex; gap:10px}
.mobile_navigation .social ul li a{display: flex; border-radius: 100%; border:1px solid var(--grey); width: 40px; height: 40px; align-items: center; justify-content: center;}
.mobile_navigation .social ul li a svg{width: 14px; height: 14px;}



.common_btn{display: flex; padding: 19px 30px; flex-direction: column; align-items: flex-start; gap: 10px; border-radius: 6px; border: 1px solid var(--navy); text-decoration: none; color: var(--navy); text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 1.6px; text-transform: uppercase;
transition: all ease 0.2s;}

.common_btn.light_filled_btn{border-color: #ffffff; background-color: #ffffff; color: var(--navy);}
.common_btn.light_btn{border-color: #ffffff; color: #ffffff;}

.common_btn.big_btn{padding: 25px 40px;}
.common_btn:hover{color: #ffffff; background: var(--navy);}

.copper_btn{background: url(images/copper.jpg) center center no-repeat #B87854; background-size: 102%; border-color: transparent; color: #ffffff;}
.copper_btn:hover{color: #ffffff; background: var(--navy);}

.line_btn{color: var(--navy); font-family: "Work Sans", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 20px; position: relative; text-decoration: none; position: relative; padding-bottom: 6px; display: flex; align-items: center; gap:10px;}
.line_btn:after{left:0; bottom: 0; width: 100%; content: ''; position: absolute; height: 1px; background: var(--navy);}

.line_btn svg{transition: all ease 0.2s;}
.line_btn:hover svg{transform: translate(3px, -3px);}

.line_btn.light{color:#ffffff;}
.line_btn.light:after{background:#ffffff;}
.line_btn.light svg path{fill: #ffffff;}

.padding_section{padding: 120px 0;}
.title_area{ display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  margin-bottom: 80px;  text-align: center; gap:40px}
.title_area h2{color:var(--navy); text-align: center; font-family: Eros; font-size: 60px; font-style: normal; font-weight: 400; line-height: 70px; /* 116.667% */
letter-spacing: 3px;}
.title_area p{ text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; color: var(--grey);}




.footer_cta{background: url(../images/bg_cta.jpg) center center fixed no-repeat; background-size: cover; padding: 80px 0;}
.footer_cta_inner{display: flex; align-items: center; justify-content: center; flex-direction: column; gap:35px;}

.footer_cta_inner h2{color: #FFF; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30); font-family: Eros; font-size: 60px;
font-style: normal; font-weight: 400; line-height: 60px; /* 100% */}
.footer_cta_inner p{color: #FFF; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30); font-size: 24px;
font-style: normal; font-weight: 400; line-height: 28px; /* 116.667% */}

.footer_cta_inner .btn_grp{display: flex; gap:25px; margin-top:30px;}


.main_footer{background: #ffffff; position: relative;  z-index: 1; }
.footer_inner{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 80px 0;}
.footer_inner .footer_left{width: 100%; max-width: 406px;}
.footer_inner .footer_right{width:calc(100% - 406px - 50px); display: flex; justify-content: flex-end; gap:200px;}

.footer_inner .footer_right .footer_block h4{color: var(--navy); font-family: "Work Sans", sans-serif; font-size: 22px; font-style: normal; font-weight: 400;
line-height: normal; margin-bottom: 50px;}
.footer_inner .footer_right .footer_block .menu{display: flex; flex-direction: column; gap:15px; list-style-type: none; margin: 0; padding: 0;}
.footer_inner .footer_right .footer_block .menu li a{text-decoration: none; color:var(--grey); font-size: 16px; font-style: normal; font-weight: 400;}
.footer_inner .footer_right .footer_block .menu li:hover a{color: var(--navy);}
.footer_inner .footer_right .footer_block .menu li a{display: flex; gap:8px; align-items: center;}
.footer_inner .footer_right .footer_block .menu li a .icon{line-height: 0;}


.footer_inner .footer_right .footer_block .social{margin-top:30px;}
.footer_inner .footer_right .footer_block .social ul{list-style-type: none; margin: 0; padding: 0; display: flex; gap:12px}
.footer_inner .footer_right .footer_block .social ul a{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 1px solid #333333; border-radius: 100%; transition:all ease 0.2s;}

.footer_inner .footer_right .footer_block .social ul a:hover{background:#333333;}
.footer_inner .footer_right .footer_block .social ul a svg path{transition:all ease 0.2s;}
.footer_inner .footer_right .footer_block .social ul a:hover svg path{fill:#ffffff;}
.footer_bottom{padding:27px 20px; text-align: center; border-top:1px solid rgba(0,0,0,0.1); color: #666; font-size: 16px;
font-style: normal; font-weight: 400; line-height: normal;}
.slip_faqs{overflow:hidden;}

.faqs_overlay{position: fixed; right: 0; bottom: 0; width: 100%; height: 100%; transition: all ease 0.2s; opacity:0; visibility:hidden; z-index: -98;}
.faqs_panel{position: fixed; right: 0; bottom: 0;  width: 100%; max-height:100dvh; max-width: 900px; transform: translate(100%); transition: all ease 0.2s; z-index: 99;}
.slip_faqs .faqs_panel{transform: translate(0); box-shadow:-10px 0 10px rgba(0,0,0,0.3);}
.slip_faqs .faqs_overlay{opacity:1; visibility:visible; z-index: 98;}
.slip_faqs .faq_handle{right: 899px;}


footer .faq_handle{position: absolute;
    right: 0;
    bottom: 350px;
    background: url(images/copper.jpg) center center no-repeat #B87854; background-size: 100%;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    display: inline-flex;
    transform: rotate(-90deg);
    padding: 16px 19px;
    cursor: pointer;
    justify-content: center;
    border-radius: 4px 4px 0 0;
    align-items: center;
    transform-origin: right bottom;}
	
.faqs_panel .faqs_inner{background-color: #ffffff; padding: 80px 100px 100px 100px; height: 100vh; overflow: auto;}
.faqs_panel .faqs_inner h2{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: var(--navy);
    font-family: Eros;
    width: 100%;
    font-size: 40px;
    font-style: normal; position:relative;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: 3px;
    align-items: center;     margin-bottom: 15px;}
.faqs_panel .faqs_inner h2 .close{position:absolute; right:0; cursor:pointer;}
.faqs_panel .accordion{display: flex; flex-direction: column;}
.faqs_panel .accordion .item{border-bottom: 1px solid rgba(51, 51, 51, 0.50); padding: 40px 0;}
.faqs_panel .accordion .item h5{color: #111; font-family: "Work Sans", sans-serif; font-size: 20px; font-style: normal; font-weight: 500; line-height: 38px; position: relative; padding-right: 50px; cursor:pointer;}
.faqs_panel .accordion .item h5:after{background: url(images/faq_drop.svg) center center no-repeat; width: 17px;  height: 17px;  content: '';  position: absolute;
    right: 0; transition: all ease 0.2s;  top: 7px; transform: rotate(180deg);}


.faqs_panel .accordion .item.active h5:after{transform: none;}
.faqs_panel .accordion .item.active .answer{display: block;}
.faqs_panel .accordion .item .answer{margin-top:20px; display: none; padding-right: 150px;}
.faqs_panel .accordion .item .answer p{color: rgba(51, 51, 51, 0.80); font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}


.footer_newsletter{margin-top:40px;}
.footer_newsletter h4{color: #111;font-family: "Work Sans", sans-serif;font-size: 22px;font-style: normal;font-weight: 400;line-height: normal; margin-bottom:20px;}
.footer_newsletter #gform_1{position:relative;}

.footer_newsletter #gform_1 .gform-body input[type="email"]{height:55px; border-radius:6px; border:1px solid #111111; padding:0 55px 0 20px; outline:none; box-shadow:none;}

.footer_newsletter #gform_1 .gform-footer{    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    margin: 0;}
.footer_newsletter #gform_1 .gform-footer input[type="submit"]{width:45px; height:45px; background:url(https://up-lyf.com/code/wp-content/uploads/2025/10/plane.png) center center no-repeat #0A1729; background-size:17px; border-radius:4px; cursor:pointer; padding: 0; font-size: 0; outline:none; box-shadow:none;}

.footer_newsletter #gform_1 .gform-footer .gform-loader{ position: absolute;  right: 12px;  border-color: #8C9CAC;}
.gform_confirmation_message{color: #056a05; font-weight: 600;}
.gform_validation_errors{display:none !important;}


#blog-post-filter-container{background:url(images/texture.jpg);}

#blog-post-results{margin:0 -15px; flex-wrap:wrap; gap:0; align-items: flex-start;}
#blog-post-results .blog-box{padding:0 15px; width:33.33%;  }
#blog-post-results .blog-box .blog-info{display:flex; flex-direction:column; gap:18px; position:relative;}
#blog-post-results .blog-box .blog-info h2{color: rgba(0, 0, 0, 0.80); font-family: Eros; font-size: 33px; font-style: normal; font-weight: 400; line-height: 36.947px;}
#blog-post-results .blog-box .blog-info h2 a{color: rgba(0, 0, 0, 0.80); text-decoration:none; font-family: Eros; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
#blog-post-results .blog-box .blog-info p{margin-bottom:5px; overflow: hidden;color: #333;text-overflow: ellipsis;font-size: 16px;font-style: italic;
font-weight: 400;line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#blog-post-results .blog-box .blog-info a.read-more{background:url(images/readmore-btn.svg) center center no-repeat; width: 158px; height: 65px;color: #333;

font-family: "Work Sans", sans-serif; font-size: 16px; font-style: italic; font-weight: 600; line-height: 19px; display:flex; align-items:center; justify-content:center; text-decoration:none;}


#blog-post-results .blog-box .blog-info:before{width:165px; height:54px; content:''; background:url(images/tape.png) center center no-repeat; position:absolute; left:0; top:;}


#blog-post-results .blog-box:nth-child(4n + 1) .blog-post-item{background:url(images/chart1.png) center top no-repeat; background-size:100%; position:relative;}
#blog-post-results .blog-box:nth-child(4n + 1) .blog-post-item .blog-info{transform: rotate(7deg); height: 365px; padding: 70px 50px 40px 45px;}



#blog-post-results .blog-box:nth-child(4n + 2) .blog-post-item{background:url(images/chart2.png) center top no-repeat; background-size:100%;}
#blog-post-results .blog-box:nth-child(4n + 2) .blog-post-item .blog-info{height: 355px; padding: 50px 50px 40px 50px;}



#blog-post-results .blog-box:nth-child(4n + 3) .blog-post-item{background:url(images/chart3.png) center top no-repeat; background-size:100%; }
#blog-post-results .blog-box:nth-child(4n + 3) .blog-post-item .blog-info{height: 388px; padding: 70px 50px 40px 50px; transform: rotate(7deg);}



#blog-post-results .blog-box:nth-child(4n + 4) .blog-post-item{background:url(images/chart4.png) center top no-repeat; background-size:100%;}
#blog-post-results .blog-box:nth-child(4n + 4) .blog-post-item .blog-info{height: 355px; padding: 70px 50px 40px 50px; transform: rotate(-2deg);}

.single_line .services_inner .single_service .single_service_inner .text h3{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;    overflow: hidden;}
feedbucket-app{display:none !important;}
.splide{visibility:visible !important}


.single-portfolio .hero-content{display:flex; flex-direction:column; gap:20px;}
.single-portfolio .hero-content h1{color: #091729;font-family: Eros;font-size: 60px;font-style: normal;font-weight: 400;line-height: 60px;letter-spacing: 3px;}
.single-portfolio .hero-content h3{color: #8C9CAC;font-family: "Work Sans", sans-serif;font-size: 18px;font-style: normal;font-weight: 400;line-height: 25px;}
.single-portfolio .hero-content .hero_image{width:100%; margin-top:20px; line-height:0;}
.single-portfolio .hero-content .hero_image img{width:100%; height:550px; object-fit:cover; border-radius:6px;}

.single-portfolio .project_details{margin-top:100px; display:flex; flex-wrap:wrap; gap:30px; justify-content:space-between; align-items:flex-start;}
.single-portfolio .project_details aside.meta{width:100%; max-width:310px; padding:0 40px; display:flex; flex-direction:column; gap:60px; position:sticky; top:120px;}
.single-portfolio .project_details aside.meta .meta-item{display:flex; flex-direction:column; gap:15px;}
.single-portfolio .project_details aside.meta .meta-item .meta-label{color: #091729;font-size: 18px;font-style: normal;font-weight: 500;line-height: 22px; 
letter-spacing: 0.36px;text-transform: uppercase;}
.single-portfolio .project_details aside.meta .meta-item .meta-value{color: #8C9CAC;font-family: "Work Sans", sans-serif;font-size: 16px;font-style: normal;
font-weight: 400;line-height: 20px;}
.single-portfolio .project_details main.content{width:100%; max-width:766px;}

.single-portfolio .project_details main.content .group:not(:first-child){margin-top:80px;}

.single-portfolio .project_details main.content .group h2{color: #091729; font-family: Eros; font-size: 60px; font-style: normal; font-weight: 400; line-height: 60px; margin-bottom:30px;}

.single-portfolio .project_details main.content .group p{color: #333;font-family: "Work Sans", sans-serif;font-size: 18px;font-style: normal;font-weight: 400;line-height: 28px; margin-bottom:30px}

.single-portfolio .project_details main.content .group h4{color: #333;font-family: "Work Sans", sans-serif;font-size: 18px;font-style: normal;font-weight: 600;line-height: 28px; margin-bottom:20px}

.single-portfolio .project_details main.content .group ul{list-style-type:none; margin:0; padding:0; display:flex; margin-bottom:30px; flex-direction:column; gap:20px;}


.single-portfolio .project_details main.content .group ul li{padding-left:30px; position:relative; color: #333;font-size: 18px;font-style: normal;font-weight: 400;
line-height: 24px;background:url(images/check.svg) left 5px no-repeat;}


.single-portfolio .approach-section{background:#EAEAE8;}



.single-portfolio .gallery{padding:50px 30px;}
.single-portfolio .gallery .gallery-grid{display:flex; flex-wrap:wrap; gap:50px;}
.single-portfolio .gallery .gallery-grid img:first-child{width:100%;}
.single-portfolio .gallery .gallery-grid img{width:calc(50% - 25px); border-radius:6px;}


.single-portfolio .approach-section{background:#EAEAE8;}
.approach_inner, .outcome_inner{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
.outcome_inner{align-items:center;}
.approach_inner .approach-left, .outcome_inner .outcome-image{width:45%; position:sticky; top:120px;}
.outcome_inner .outcome-image img{aspect-ratio:1/1; border-radius:6px; object-fit:cover;     width: 100%;}
.approach_inner .approach-left .title_area{align-items:flex-start; margin-bottom:60px; gap:30px;}
.approach_inner .approach-left .title_area h2,
.approach_inner .approach-left .title_area p{text-align:left;}
.approach_inner .approach-left .title_area p{max-width:427px;}
.approach_inner .approach-left img{aspect-ratio:1/1; border-radius:6px; object-fit:cover;     width: 100%;}
.approach_inner .approach-right, .outcome_inner .outcome-content{width:45%; display:flex; justify-content:flex-end;}
.approach_inner .approach-right .timeline{max-width:475px;}
.outcome_inner .outcome-content{flex-direction:column;}
.outcome_inner .outcome-content h2{color: #091729;font-family: Eros;font-size: 60px;font-style: normal;font-weight: 400;line-height: 70px; letter-spacing: 3px;}
.outcome_inner .outcome-content .description{display:flex; flex-direction:column; gap:20px; margin-top:40px;}
.outcome_inner .outcome-content .description p{color: #333;font-size: 18px;font-style: normal;font-weight: 400;line-height: 28px;}
.outcome_inner .outcome-content .description .outcome-results{margin-top:20px;}
.outcome_inner .outcome-content .description .outcome-results ul{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 20px;
    align-items: center;}
.outcome_inner .outcome-content .description .outcome-results ul li{color: #333;font-size: 16px; font-style: normal; font-weight: 500;  line-height: 20px;
    text-transform: uppercase;}
	
.outcome_inner .outcome-content .description .outcome-results ul li a{color: #333; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px;
    text-transform: capitalize; text-decoration: none; position: relative; padding: 5px 0; display: flex;}
	
.outcome_inner .outcome-content .description .outcome-results ul li a:before{background: #CFCFCF;  bottom: 0; left: 0; right: 0; content: ''; position: absolute;
    height: 2px;}




.single-portfolio .approach-right .item_inner{display:flex; flex-direction:column; position:relative;}

.single-portfolio .approach-right .item_inner .line{width: 1px; height: 100%;  border-radius: 10px; background: #D1D7DE; position:absolute; left:25px; top:0; z-index: -1;}
.single-portfolio .approach-right .item_inner .draw-line{width: 3px;  border-radius: 10px; background: #091729; position:absolute; left:24px; top:0; z-index: -1;}

.single-portfolio .approach-right .item_inner .single_item{} 
.single-portfolio .approach-right .item_inner .single_item .single_item_inner{display:flex; gap:100px; align-items:flex-start;}
.single-portfolio .approach-right .item_inner .single_item .single_item_inner .number{width:51px; height:51px; background:#F4F6F7; border:1px solid #D1D7DE; border-radius:100%; display:flex; align-items:center; justify-content:center; color: #8C9CAC; font-size: 20px; font-style: normal; font-weight: 400; line-height: 45px; aspect-ratio: 1 / 1; }

.single-portfolio .approach-right .item_inner .single_item.active .single_item_inner .number{background:#091729; border-color:#091729; color:#ffffff;}
.single-portfolio .approach-right .item_inner .single_item .single_item_inner .text{display:flex; flex-direction:column; align-items:flex-start; gap:20px;}

.single-portfolio .approach-right .item_inner .single_item:not(:last-child) .single_item_inner .text{padding-bottom:80px;}

.single-portfolio .approach-right .item_inner .single_item .single_item_inner .text h3{color: #091729; font-family: Eros; font-size: 35px; font-style: normal; font-weight: 400;
line-height: 40px;}

.single-portfolio .approach-right .item_inner .single_item .single_item_inner .text p{color: #333; font-size: 18px;font-style: normal;font-weight: 400;line-height: 28px; }

.outcome-section{background: #EAEAE8;}

.houses-nav-container{display:flex; padding:30px; gap:30px; }

.houses-nav-container a{display:flex; width:calc(50% - 15px); height:350px; position:relative; border-radius:6px;  overflow:hidden;}

.houses-nav-container a .house-bg{position:absolute; left:0; top:0; right:0; bottom:0; background-size:cover; z-index:0;}


.houses-nav-container a .house-overlay{position:absolute; left:0; top:0; right:0; bottom:0; border-radius: 6px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.95) 100%); z-index:1;}


.houses-nav-container a .house-info{position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; display:flex; justify-content:flex-end; flex-direction:column; padding:50px; gap:20px;  }

.houses-nav-container a .house-info .house-title{color: #FFF;
font-family: Eros;
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: 60px; /* 116.667% */
letter-spacing: 3px;}

.houses-nav-container a .house-info .house-nav{display:flex; align-items:center; gap:15px;}

.houses-nav-container a .house-info .house-nav .house-arrow{line-height:0;}

.houses-nav-container a .house-info .house-nav .house-label{color: #FFF;
font-family: "Work Sans", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 136.364% */
letter-spacing: 2.2px;}


.houses-nav-container a.right-card .house-info{align-items:flex-end; text-align:right;}
.single-post{padding-top:92px;}
.single-post .main_header,
.single-post .main_header.moved_up {transform: translateY(0); position:fixed; border-bottom:1px solid rgba(0,0,0,0.1); background:#ffffff;}

.single-post .navigation ul li a {color: #333333;}
#main-post-content{padding:100px 0;}
.post-content-area .gs-title{display:flex; align-items:flex; flex-direction:column; gap:30px; margin-bottom:60px;}
.post-content-area .gs-title a{color: #091729; font-family: Eros; font-size: 60px; font-style: normal; font-weight: 400; line-height: 70px; 
letter-spacing: 3px; text-decoration:none;}

.post-content-area .gs-title .gs-excerpt{color: #8C9CAC;font-size: 18px;font-style: normal;font-weight: 400;line-height: 28px;}
.post-content-area .featured_image{display:flex; margin-bottom:80px;}
.post-content-area .featured_image img{width:100%; object-fit:cover; height:550px; border-radius:6px;}
.post-content-area .wp-block-group{margin-bottom:50px;}
.post-content-area h2{color: #091729;font-family: Eros;font-size: 60px;font-style: normal;font-weight: 400;line-height: 60px;margin-bottom:30px;}

.post-content-area p{color: #333; font-size: 18px;font-style: normal;	margin-bottom:40px;font-weight: 400;line-height: 28px;}


.single-post .logo a img {filter: brightness(0);}
.single-post .menu_trigger span { background-color: #333333;}
.heateor_sss_sharing_container{margin: 20px 0 60px 0; display: flex; flex-direction: column; gap: 20px; align-items: flex-start;}
.heateor_sss_sharing_container .heateor_sss_sharing_title{color: #091729; font-family: Eros; font-size: 40px; font-style: normal;
font-weight: 400 !important; line-height: 42px; /* 175% */}	
.heateor_sss_sharing_container .heateorSssClear{display:none !important;}
.single-post .post-navigation{display:flex; justify-content:space-between; align-items:center; padding:30px 0; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;}

.single-post .post-navigation a{text-decoration:none; color:#333333; transition:all ease 0.2s;}
.single-post .post-navigation .nav-previous a{background:url(images/blog-prev.png) left center no-repeat; padding-left:30px; background-size:20px;}
.single-post .post-navigation .nav-next a{background:url(images/blog-next.png) right center no-repeat; padding-right:30px; background-size:20px;}


.single-post .heateor_sss_sharing_ul{display:flex; gap:20px;}

html body.single-post .heateor_sss_sharing_ul a{margin:0 !important; padding:0 !important; width:40px; height:40px; border-radius: 6px !important; display:flex !important}

html body.single-post .heateor_sss_sharing_ul a.heateor_sss_button_copy_link{background:url(images/link.png) center center no-repeat #091729 !important; background-size:18px !important;}

html body.single-post .heateor_sss_sharing_ul a.heateor_sss_facebook{background:url(images/fb.png) center center no-repeat #091729 !important; background-size:18px !important;}

html body.single-post .heateor_sss_sharing_ul a.heateor_sss_button_instagram{background:url(images/insta.png) center center no-repeat #091729 !important; background-size:18px !important;}

html body.single-post .heateor_sss_sharing_ul a.heateor_sss_button_x{background:url(images/x.png) center center no-repeat #091729 !important; background-size:18px !important;}

.heateor_sss_sharing_ul a span{display:none !important;}



@media all and (max-width:1599px)
{
.custom_container, .small_container { max-width: 90%;}
.common_btn { padding: 18px 25px; font-size: 14px;}
.common_btn.big_btn { padding: 20px 30px;}
.houses-nav-container a .house-info .house-title{font-size: 50px; line-height: 50px;}
.title_area h2, .footer_cta_inner h2, .outcome_inner .outcome-content h2{ font-size: 50px; line-height: 60px;}
.houses-nav-container a .house-info .house-nav .house-label{font-size:18px;}
}

@media all and (max-width:1399px)
{
.footer_inner .footer_right{gap:100px;}
.services_inner .single_service .single_service_inner .text{padding:25px;}
.portfolio_inner .text h2 br,
.portfolio_inner .text .description p br{display:none;}
.footer_inner .footer_left{ max-width: 340px;}
.footer_inner .footer_right { width: calc(100% - 340px - 30px);}
.single-portfolio .project_details main.content {max-width: 680px;}
.single-portfolio .project_details main.content .group h2 { font-size: 50px;  line-height: 50px;}
.post-content-area .gs-title a { font-size: 50px; line-height: 55px;}
.post-content-area h2 {font-size: 50px; line-height: 50px;}	
}

@media all and (max-width:1199px)
{
.padding_section { padding: 100px 0;}
.title_area h2 {  font-size: 50px;  line-height: 58px;}
.footer_cta_inner h2{font-size: 50px; line-height: 58px;}	
.title_area p, .outcome_inner .outcome-content .description p {  font-size: 16px;  line-height: 26px;}	
.footer_inner .footer_right {   gap: 50px;    }
.footer_inner .footer_left {max-width: 300px;}
.footer_inner .footer_right {    width: calc(100% - 300px - 50px);}
.footer_newsletter h4 { font-size: 18px;  margin-bottom: 18px;}
.footer_block{min-width:170px;}
.footer_inner .footer_right .footer_block .menu li a{flex-wrap:wrap;}
.footer_inner .footer_right .footer_block .menu li a p{width:100%;}
.single-portfolio .project_details aside.meta {  max-width: 250px;  padding: 0;}
.single-portfolio .project_details main.content { max-width: 600px;}
.houses-nav-container a{height:250px;}
.houses-nav-container a .house-info{padding:25px;}
.houses-nav-container a .house-info .house-title { font-size: 35px;  line-height: 35px;}
#main-post-content { padding: 70px 0;}
.post-content-area .featured_image img{height:450px;}


}

@media all and (max-width:1023px)
{
.custom_container, .small_container { max-width: 100%;}
}

@media all and (max-width:991px)
{
.navigation{display: none;}
.menu_trigger{display: flex;}
.mobile_navigation{display: flex;}
.padding_section { padding: 80px 0;}
.title_area { margin-bottom: 50px; gap: 20px;}
.title_area h2, .outcome_inner .outcome-content h2 {    font-size: 40px;   line-height: 48px; }
.title_area p{font-size: 16px; line-height: 26px;}
.footer_cta_inner{gap:20px}
.footer_cta_inner h2{ font-size: 40px;  line-height: 48px; }
.footer_cta_inner p{font-size: 20px;}
.footer_inner{gap:40px;}
.footer_inner .footer_left { max-width: 100%; }
.footer_inner .footer_right {  width: 100%;    justify-content: flex-start; gap:100px;  }
.faqs_panel {max-width: 620px;}
.slip_faqs .faq_handle{right: 619px;}
.faqs_panel .faqs_inner { padding: 40px 50px 50px 50px;} 
.faqs_panel .accordion .item {  padding: 20px 0;}
.faqs_panel .faqs_inner h2{font-size:35px; line-height: 37px;}
.faqs_panel .faqs_inner h2 .close{top:2px;}
.faqs_panel .accordion .item h5{line-height: 30px;}
.faqs_panel .accordion .item .answer {  padding-right: 50px;}

.single-portfolio .project_details {margin-top: 50px;}
.single-portfolio .project_details aside.meta {  max-width: 230px;}
.single-portfolio .project_details main.content { width: 100%; max-width: calc(100% - 280px);}
.single-portfolio .project_details main.content .group h2 {   font-size: 40px;    line-height: 40px; }
.single-portfolio .project_details main.content .group p {  font-size: 16px; line-height: 26px;}
.single-portfolio .project_details main.content .group ul li{font-size: 16px;}
.single-portfolio .hero-content .hero_image img{height:400px;}
.single-portfolio .hero-content h1 { font-size: 50px; line-height: 50px;}


.single-portfolio .approach-right .item_inner .single_item .single_item_inner { gap: 40px;}

.single-portfolio .approach-right .item_inner .single_item .single_item_inner .text p { font-size: 16px; line-height: 25px;}
.single-portfolio .approach-right .item_inner .single_item .single_item_inner .text h3 { font-size: 30px; line-height: 35px;}
.outcome_inner .outcome-content .description .outcome-results ul li{font-size:15px;}
.outcome_inner .outcome-content .description .outcome-results ul li a { font-size: 16px;  line-height: 22px;}

.post-content-area h2 { font-size: 40px;  line-height: 40px;  margin-bottom: 20px;}
.post-content-area p, .post-content-area .gs-title .gs-excerpt { font-size: 16px;  line-height: 26px;}
.heateor_sss_sharing_container .heateor_sss_sharing_title { font-size: 30px; line-height: 32px;}
.single-post .heateor_sss_sharing_ul{gap:10px;}

}

@media all and (max-width:767px)
{
.header_inner {padding: 20px;}
.padding_section { padding: 50px 0;}
.title_area h2 { font-size: 36px; line-height: 42px; }
.common_btn { padding: 18px 17px;  font-size: 14px; letter-spacing: -0.5px;}
.title_area p br{display:none;}
.footer_cta_inner h2 { font-size: 36px;  line-height: 42px; }
.footer_cta_inner .btn_grp{gap:10px;}
.footer_inner{flex-direction: column; padding: 50px 0;}
.footer_inner .footer_right{flex-direction: column; gap:50px;}
.footer_inner .footer_right .footer_block h4{margin-bottom: 20px;}
.footer_cta_inner p { font-size: 16px; line-height: 22px;    }
.footer_inner .footer_right .footer_block .social ul a { width: 34px;  height: 34px;}
.faqs_panel {max-width: 470px; }

.slip_faqs .faq_handle{right: 469px;}
.title_area {margin-bottom: 20px;}
	
	
.single-portfolio .gallery{padding:20px 20px;}
.single-portfolio .gallery .gallery-grid{display:flex; flex-wrap:wrap; gap:20px;}
.single-portfolio .gallery .gallery-grid img{width:calc(50% - 10px);}
.single-portfolio .project_details aside.meta {  max-width: calc(100% + 40px); width: calc(100% + 40px); margin-left: -20px; margin-right: -20px;  flex-direction: row; justify-content: flex-start;  gap: 20px; position:static; overflow:auto; padding-bottom:5px;}
.single-portfolio .project_details aside.meta .meta-item{gap:10px; padding:20px; min-width:120px;}	
.single-portfolio .project_details aside.meta .meta-item .meta-label {font-size: 14px;line-height: 16px;}
.single-portfolio .project_details aside.meta .meta-item .meta-value { font-size: 14px; line-height: 17px;}	
.single-portfolio .project_details main.content { width: 100%;   max-width: 100%;}
.single-portfolio .project_details main.content .group h2 {  font-size: 36px;  line-height: 38px;  margin-bottom: 20px;}
.single-portfolio .project_details main.content .group:not(:first-child) { margin-top: 40px;}
.single-portfolio .project_details main.content .group p{margin-bottom:20px;}
.single-portfolio .hero-content{gap:10px;}
.single-portfolio .project_details {  margin-top: 10px; }
.single-portfolio .hero-content h1 { font-size: 40px; line-height: 40px; letter-spacing: 1px;}
.single-portfolio .hero-content h3 { font-size: 16px;  line-height: 24px;}
.single-portfolio .hero-content .hero_image img{height:300px;}
.single-portfolio .approach-right .item_inner .single_item .single_item_inner .text h3 {  font-size: 30px;  line-height: 36px;}	
.single-portfolio .approach-right .item_inner .single_item:not(:last-child) .single_item_inner .text { padding-bottom: 50px;}
.approach_inner,
.outcome_inner{gap:25px;}


.approach_inner .approach-left,
.outcome_inner .outcome-image{width: 100%;  position: static;}

.approach_inner .approach-right,
.outcome_inner .outcome-content{ width: 100%;}
.approach_inner .approach-left .title_area { margin-bottom: 40px; gap: 20px;}
.outcome_inner .outcome-content .description { gap: 20px;  margin-top: 20px;}
.outcome_inner .outcome-content .description .outcome-results { margin-top: 0px;}
.houses-nav-container { padding: 20px; gap: 20px;}
.houses-nav-container a {height: 190px;}
.houses-nav-container a .house-info{padding: 20px;}
.houses-nav-container a .house-info .house-nav .house-arrow{display:none;}
.houses-nav-container a .house-info .house-nav .house-label{ font-size: 15px; line-height: 15px;}
.houses-nav-container a .house-info .house-title { font-size: 30px; line-height: 29px; letter-spacing: 0;}
.post-content-area .gs-title a { font-size: 36px; line-height: 40px;}
.post-content-area .featured_image img { height: 320px;}	
.post-content-area .gs-title{margin-bottom:40px;}
.post-content-area h2 {   font-size: 36px; }
.post-content-area .featured_image { margin-bottom: 40px;}
}


@media all and (max-width:567px)
{
.faqs_panel {max-width: 300px; }
.slip_faqs .faq_handle{right: 299px;}
.faqs_panel .faqs_inner { padding: 25px 25px 25px 25px; }
.faqs_panel .accordion .item h5 { line-height: 25px; font-size: 16px;  padding-right: 25px; }
.faqs_panel .accordion .item .answer {padding-right: 0;  margin-top: 10px; }
.faqs_panel .accordion .item .answer p { font-size: 15px; line-height: 23px;}
.faqs_panel .faqs_inner h2 {font-size: 25px;  line-height: 29px;}
}
/*common css end*/