/*
Theme Name: Livo
Theme URI: https://hopdevserver.com/livo/
Author: Livo
Author URI: https://innosoftworks.com/
Description: Wordpress theme designed for college Alumni with Blog Integration.
Version: 1.0.34
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: livo
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
*{margin: 0;padding: 0;box-sizing: border-box;}
:root{
--primary:#049C9C;
--primary-dark:#247F94;
--primary-dark_hover:#188181;
--primary-light:#D8F1F1;
--danger:#B10909;
--dark:#171717;
--text:#747474;
--black:#000;
--white:#ffffff;
--primary-btn-text:#F2F2F2;
--font1: "Gudea", sans-serif;
}


body{font-family: var(--font1);background: #F7F7F7;}
ul, ol{padding: 0;list-style: none;margin: 0;}
li{padding: 0;margin: 0;}
a{text-decoration: none;color: var(--black);}
img{max-width: 100%;object-fit: cover;width: auto;height: auto;}
section{padding: 50px 0;}

h1{font-size: 86px;line-height: 86px;font-weight: 400;text-transform: uppercase;}
h2 {font-size: 62px;line-height: 76px;font-weight: 400;color: var(--dark);}
h3{font-size: 38px;line-height: 43px;font-weight: 400;}
h4{font-size: 28px;line-height: 45px;font-weight: 600;}
h5{font-size: 20px;line-height: 30px;font-weight: 600;}
h6{font-size: 20px;line-height: 28px;font-weight: 600;}
.sub-heaidng{font-size: 23px;line-height: 32px;color:var(--blue);margin-bottom: 1rem;}
p{color: var(--dark);}


h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{color: var(--primary);}

::after, ::before{pointer-events: none;}

/* bootsrtp switch tab custom style start */
.nav-pills {border-bottom: 1px solid #dee2e6;display: flex;flex-wrap: wrap;margin-bottom: 1rem;list-style: none;padding-left: 0;}
.nav-pills .nav-item {margin-bottom: -1px;}
.nav-pills .nav-link {border: 1px solid transparent;border-top-left-radius: .25rem;border-top-right-radius: .25rem;padding: .5rem 1rem;background: none;color: #0d6efd;text-decoration:none;cursor: pointer;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;}
.nav-pills .nav-link:hover {border-color: #e9ecef #e9ecef #dee2e6;isolation: isolate;}
.nav-pills .nav-link.active,.nav-pills .nav-item.show .nav-link {color: #495057;background-color: #fff;border-color: #dee2e6 #dee2e6 #fff;}
.tab-content > .tab-pane {display: none; opacity: 0;transition: opacity .2s linear;}
.tab-content > .active {display: block;opacity: 1;}
.bi.bi-chevron-left::before{content: "";background-image: url('images/icons/chevron-left.svg');background-position: center center;background-repeat: no-repeat;background-size: contain; display: inline-block;width: 20px;height: 20px;filter: brightness(0) saturate(100%) invert(100%) sepia(11%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(108%);}
.bi.bi-chevron-right::before{content: "";background-image: url('images/icons/chevron-right.svg');background-position: center center;background-repeat: no-repeat;background-size: contain; display: inline-block;width: 20px;height: 20px;filter: brightness(0) saturate(100%) invert(100%) sepia(11%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(108%);}
/* bootsrtp switch tab custom style end */



.btn-primary{color: var(--primary-btn-text) ;font-size: 16px; background-color: var(--primary);border-color: var(--blue);border-radius: 46px;    padding: 12px 24px;font-weight: 400; display: inline-flex;justify-content: center;gap: 10px;align-items: center;text-transform: capitalize;width: fit-content;transition: .2s linear;border: 0;}
.btn-primary:hover{background-color: var(--primary-dark_hover);border-color: var(--primary-dark_hover);border: 0;}
.btn-white{border-radius: 50%;background-color: var(--white);color: var(--black);display: flex;align-items: center;justify-content: center;padding: 15px 18px;transition: all .3s ease-in;}
.btn-white img{transition: all .3s ease-in;       width: 10px;
height: 10px;
object-fit: contain;
}
.btn-white:hover{background-color: var(--black);}
.btn-white:hover img{filter: invert(1);}
.btn-dark{color: var(--white) ;font-size: 16px; background-color: var(--dark);border-color: var(--dark);border-radius: 46px;padding: 17px 30px;font-weight: 400; display: inline-flex;justify-content: center;gap: 10px;align-items: center;text-transform: capitalize;width: fit-content;transition: .2s linear;}
.btn-dark:hover{background: var(--gary);border-color: var(--gary);}



header {position:absolute;background: transparent; z-index: 2;top: 50px;right:0; left:0;padding: 7px 0;}
header .logo a{display: block;width: fit-content;}
header .logo a img{max-width: 180px;width: 117px;}
ul.top_right {padding:0; margin:0; list-style: none; text-align: right;}
ul.top_right li {display: inline-block; margin-right:25px;}
ul.top_right li:last-child {margin-right: 0;}
ul.top_right li a {font-size: 18px;font-weight: 500;color: #000000;}

.top_featured_wrap {position: relative;}
#menu{position:relative;}
#menu ul{list-style:none;margin:0px 0; display: flex;align-items: center;justify-content: center;background: #0000007d;backdrop-filter: blur(4px);border-radius: 55px;padding: 4px 6px;width: fit-content;margin-inline: auto;}
#menu ul li{position:relative;border-radius: 50px;}
#menu ul li a{display:block;text-decoration:none;position:relative; -webkit-transition:all .3s linear;font-size: 16px;transition:all .3s ease-in;color: var(--white);    padding:10px 16px;border-radius: 40px;}
#menu li > a:only-child::after { margin-left: 0; content: ''; }
#menu ul li:hover,#menu ul li.active,#menu ul li.current_page_item,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a{color: var(--black);background-color: white;}
#menu ul li.active a{color: var(--black);}
#menu ul li:hover a{color: var(--black);}

#menu li.active ul li a{color:#fff;background:#000}
#menu li.active ul li a:hover{color:#fff;background:#333}
#menu li>ul{position:absolute;left:0;top: 14px;z-index:999;white-space:nowrap;padding-left: 0;display: flex;align-items: flex-start;backdrop-filter: unset;gap: 10px;}
#menu li>ul li{background:var(--white);border-bottom:1px solid rgba(0,0,0,0.09);display:block;position:relative; margin:0; text-align:left;width: fit-content;}
#menu li>ul li:hover{background:var(--primary);border-bottom:1px solid rgba(0,0,0,0.09)}
#menu li>ul li a{color:#333;font-size:13px; padding:10px 15px;  border-right:0;transition: none;}
#menu li>ul li a:hover{color:#fff;text-decoration:none;}
#menu li ul li.current_page_item>a,#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a{background: #333;color:#fff}

#menu>li:first-child,#menu>li.has-submenu+li{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0;width: 100%;display: block;flex-direction: column;margin: 0;background: transparent;padding-top: 30px;}
#menu li:hover>ul{visibility:visible;opacity:1;display: block;}
#menu li>ul li a{padding:0 23px;}
#menu li > ul li a{padding:10px 23px;}
#menu li ul li:hover ul li a {color:#000;}
#menu li ul li:hover ul li:hover a {color:var(--white);}
#menu li ul li:hover a {color:#fff;border-color: var(--primary);}
@keyframes menu_sticky {
0%   {margin-top:-240px;}
50%  {margin-top: -90px;}
100% {margin-top: 0;}
}
header.sticky {  margin:0;  position: fixed;  background:var(--black); padding: 7px 0; top:0; left:0; width:100%; z-index:99999; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out;  }

header.sticky #menu > ul{margin-top: 5px;margin-bottom: 5px;}
header.sticky .btn-dark{padding: 10px 30px;}

.inner-header.sticky{background-color: var(--white);}

header .btn-primary{font-size: 12px;}
header .btn-white{padding: 0;aspect-ratio: 1/1;width: 30px;height: fit-content;}
/* extra css for hreader */




.hero-banner{position: relative;height: 715px;padding-top: 147px;padding-bottom: 44px;}
.hero-banner .hero-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hero-banner::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000000a1;z-index: 1;}

.hero-banner  .container{position: relative;z-index: 2;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.hero-banner .hero-content h1{color: var(--white); margin-bottom: 17px;}
.hero-banner .hero-content p{color: #E6E6E6; font-size: 18px;line-height: 29px;}
.hero-more-btn {display: flex;align-items: center;gap: 14px;}
.hero-more-btn li a{background: #ffffff30;border-radius: 45px;padding: 8px 18px;font-size: 16px;transition: all .2s ease-in;color: var(--white);backdrop-filter: blur(12px);display: inline-block;}
.hero-more-btn li a:hover{background-color:#ffffff45; }


.remodel-sec{padding: 100px 0;}
.remodel-heading{display: flex;align-items: center;justify-content: space-between;margin-bottom: 48px;}
.remodel-card h5{color: var(--black);font-weight: 700;margin-bottom: 9px;width: fit-content;flex-grow: 1;}
.remodel-card p{color: #707070;margin-bottom: 24px;flex-grow: 1;}
.remodel-card{background-color: var(--white);border-radius: 20px;padding: 18px;display: flex;flex-direction: column;height: 100%;justify-content: space-between;}
.remodel-card .remodel-img{border-radius: 20px;overflow: hidden;flex-grow: 1;height: 100%;max-height: 197px;min-height:197px;}
.remodel-card .remodel-img img{width: 100%;height: 100%;object-fit: cover;border-radius: 20px;transition: all .5s ease;}
.remodel-card:hover .remodel-img img{transform: scale(1.08);}





.livo-heading{max-width: 540px;margin-inline: auto;text-align: center;margin-bottom: 48px;}
.livo-heading h2{margin-bottom: 16px;text-transform: capitalize ;}
.livo-heading p{font-size: 18px;color: #747474;line-height: 150%;}
.livo-content p {max-width: 520px;line-height: 27px; color: #707070;font-size: 18px;}
.livo-content h3 {margin-bottom: 16px;}

.livo-img {position: relative;overflow: hidden;border-radius:24px ;height: 100%;}
.livo-img img{border-radius: 24px;height: 100%;width: 100%;object-fit: cover;}
.livo-img::after{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;height:100%;width: 100%;border-radius: 24px;background-color: #00000050;backdrop-filter: blur(3px);}
.livo-img .livo-icon {border-radius: 50%;width: 114px;height: 114px;background-color: #000000a1;border: 1px solid #2B2B2B;backdrop-filter: blur(3px);position: absolute;top: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;margin: auto;right: 0;z-index: 1;}
.livo-img .livo-icon img{height: 100%;width: 100%;object-fit: contain;max-width: 72px;max-height: 72px;border-radius: 0;}
.list_card{position: relative;margin-bottom: 90px;justify-content: space-between;}
.list_card:last-of-type::after{display: none;}
.list_card:last-of-type{margin-bottom: 16px;}
.list_box {position: relative;}
.list_box .row:nth-last-child(even){flex-direction: row-reverse;}
.list_box + .livo-btn{margin: 40px auto 0;text-align: center;}
.proBarcontainer{width: 1px;height: 94%;position: absolute;top: 50px;left: 50%;z-index: 1;}
#proBar{ width: 4px;right: 0;left: -0.1rem;top: 12px; background:#ACCFD7;margin: auto ;position: relative;}
.livo_sec .back-ground-white{position: relative;overflow: hidden;background: var(--white);margin-inline: auto;border-radius: 32px;padding: 32px 48px;}
.livo-content {display: flex;gap: 16px;}
.livo-content .livo-btn{margin-top: 20px;}
.livo-content .num {width: 30px;height: 30px;border-radius: 50%;border: 2px solid #8deaffad;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 700;background: #fff;transition: 0.3s linear;background-color: #DEF9FF;color: #00000069;cursor: pointer;padding: 19px;margin-top: 2px;position: absolute;left:0;right: 0;margin-inline: auto;z-index: 1;top: 40%;}
.livo-content .num.active {background: var(--primary);border-color: var(--primary)  ;color: var(--white);}





/*  */
.build-para p{  font-size: 18px;  line-height: 25px;  max-width: 620px;color: var(--text);}
.build-card{height: 311px;border-radius: 24px;overflow: hidden;max-height: 311px;}
.build-sec .build-img{height: 311px;max-height: 311px;border-radius: 24px;overflow: hidden;}
.build-sec .build-img img{height: 100%;width: 100%;border-radius: 24px;}
.build-sec .build-card p {font-size: 28px;font-weight: 400;}
.build-sec .grid-box {display: grid;grid-template-columns: repeat(10, 1fr);gap: 24px;margin-top:40px;}
.build-sec .build-card{background-color: #EDEDED;    display: flex;flex-direction: column;padding: 32px;justify-content: space-between;}
.build-img {grid-column: 7 / span 6;border-radius: 16px;overflow: hidden;}
.build-sec .grid-box .build-card:nth-child(1) {grid-column: 1 / span 3;background: var(--black);}
.build-sec .grid-box .build-card:nth-child(1) p{color:var(--white);}
.build-sec .grid-box .build-card:nth-child(2) {grid-column: 4 / span 3;background: #EDEDED;}
.build-sec .grid-box .build-card:nth-child(4) {grid-column: 1 / span 5;background: #9DD9D9;}
.build-sec .grid-box .build-card:nth-child(5) {grid-column: 6 / span 7;background: var(--primary-light);}


.possible-sec{overflow: hidden;}
.possible-heading h2{text-align: center;margin-bottom: 48px;}

.possible-sec  ul.nav{list-style:none;margin:0px 0; display: flex;align-items: center;justify-content: center;background: #FFFFFF99;backdrop-filter: blur(4px);    border-radius: 24px;
    padding: 10px 12px;width: fit-content;margin-inline: auto;margin-bottom: 24px;box-shadow: none;border: none;}
.possible-sec  ul.nav li{position:relative;}
.possible-sec  ul.nav li button{display:block;text-decoration:none;position:relative; -webkit-transition:all .3s linear;font-size: 16px;transition:all .3s ease-in;color:#7B7B7B;    padding:10px 16px;border: none;border-radius: 24px;background: transparent;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: transparent;}

.possible-sec  ul.nav li button.active::after{background-color: #DCEEF2;z-index: -1;}
.possible-sec  ul.nav li button.active{color: var(--black);}
.possible-sec  ul.nav li button::after{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;border-radius: 54px;background-color: #ffffff00;transition: all .3s ease;}
.possible-sec .possible-img img{border-radius: 24px;width: 100%;object-fit: cover;aspect-ratio: 4/2;}
.possible-sec .owl-carousel .owl-stage-outer{overflow: visible;}
.tab-slider .owl-dots{display: flex;justify-content: center;gap: 12px;margin-top: 24px;}
.tab-slider .owl-dot{width: 20px;height: 20px;border-radius: 20px;background-color: #E3E3E3 !important;transition: .3s linear;}
.tab-slider .owl-dot.active{background-color: var(--black) !important;width: 100px;border-radius: 20px;}


.matter-sec .main-box{background-color: var(--white);border-radius: 30px;padding: 30px 30px 50px 30px;}
.matter-sec .matter-heading h2{text-align: center;font-family: var(--font1);margin-bottom: 15px;}
.matter-sec .tag{font-size: 18px;text-align: center;margin-bottom: 48px;}
.projects .matter-project{width: 100%;max-height: 145px;background-color: #F7F7F7;border-radius: 12px;text-align: center;padding:15px 0;transition: .2s linear;}
.projects .matter-project span{font-size: 18px;transition: .2s linear;}
.hov .projects .matter-project:hover{background: var(--primary-dark_hover);}
.hov .projects .matter-project:hover span{color: var(--white);}
.matter-sec .projects{display: flex; gap: 20px;}
.matter-sec .projects .design-img img{min-height: 50px;transition: .2s linear;}
.hov .projects .matter-project:hover img{filter: brightness(0) saturate(100%) invert(100%) sepia(82%) saturate(0%) hue-rotate(63deg) brightness(103%) contrast(106%);}
.owners-sec .main-box{background-color: var(--white);border-radius: 30px;padding: 30px 80px 50px 80px;}
.owners-sec .owners-heading{text-align: center;margin-bottom: 36px;}
.owners-sec .choice-heading h4{font-weight: 400;margin-bottom: 23px;text-align: center;}
.owners-sec .choice-text p{color: var(--black);font-size: 18px;}
.owners-sec .tick, .owners-sec .cross{width: 44px;height: 44px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.owners-sec .tick{background-color: #DDFBFB;height: 44px;width: 44px;}
.owners-sec .cross{background-color: #FBE2DD63;}
.owners-sec .choice-row{align-items: center;border-top: 1px solid #E9E9E9;padding: 24px 0;}
.owners-sec .choice-row > *[class*="col-"]{padding: 0;}
.feedback-card{background-color: var(--white);border-radius: 24px;padding: 24px;margin-bottom: 10px;height: 100%;min-height: 330px;}
.feedback-card .name span{font-size: 14px;color: #5A5A5A;}
.feedback-card .name{margin-bottom: 30px;}
.feedback-card .name p{margin-bottom: 0;}
.feedback-card .quote-img img{max-width: 45px;margin-bottom: 20px;}
.feedback-card .quote-text p{font-weight: 700;line-height: 20px;font-size: 18px;}
.stars-card{background-color: var(--white);padding: 20px;border-radius: 24px;}
.stars-card img{max-width: 140px;}
.testimonial-carousel .owl-dots {display: flex;justify-content: center;align-items: center;gap: 10px;margin-top: 24px;}
.testimonial-carousel  .owl-dots .owl-dot.active{background-color: var(--black);width: 100px;height: 20px;border-radius: 12px;}
.testimonial-carousel .owl-dots .owl-dot  { background-color: #D9D9D9A1; width:20px; aspect-ratio: 1 / 1; border-radius: 50%; cursor: pointer;transition: background-color 0.3s;}
.testimonial-carousel .owl-dots .owl-dot.ative{background-color: #000;width: 100px;}
.renovation-sec .main-box{background-color:#D8F1F1;border-radius: 30px;padding: 52px 44px;}
.renovation-sec .renovation-heading h2{text-align: center;margin-bottom: 24px;}
.renovation-sec .points ul{display: flex;align-items: center;justify-content: center;gap: 24px;}
.renovation-sec .points ul li{background-color:#BAD7D7;border-radius: 44px;padding: 12px 20px;font-size: 18px;font-weight: 400;font-family: var(--font1);display: flex;align-items: center;gap: 10px;}
.renovation-sec .points ul li .point{width: 24px;height: 24px;border-radius: 44px;background-color: #DDFBFB;display: flex;align-items: center;justify-content: center;}
.renovation-sec .points{margin-bottom: 48px;}
.renovation-sec .btn{margin: 0 auto;display:block;}
.work-banner .container{justify-content:center;}
.work-sec .container{background-color: var(--white);border-radius: 32px;padding: 32px 48px;}
.work-sec .work-card .count{width: 44px;height: 44px;background-color: var(--primary);border-radius: 38px;color:var(--white);display: flex;align-items: center;justify-content: center;}
.work-sec .work-card .work-desc .work-heading h3{font-size: 62px;font-weight: 400;line-height: 65px;margin-bottom: 16px;}









footer{background:var(--black); color: var(--white); padding: 60px 0 44px;overflow: hidden;position: relative;}
.footer-nav {text-align: right;}
.footer-nav ul{display: flex;gap: 24px;justify-content: right;}
.footer-nav ul li a{font-size: 16px;font-weight: 400;color: var(--white);}
footer .address p{color: #5F5F5F;font-size: 14px;font-weight: 600;margin-bottom: 16px;}
footer .address a{color: var(--white);font-weight: 600;}
footer .address {margin-top: 32px;}
footer .logo-box img{max-width: 300px;width: 100%;}
.term-base{display: flex;gap: 24px;}
.term-base a{color: #5F5F5F;font-size: 14px;font-weight: 600;}
footer hr{margin: 32px 0 !important;color: #1F1F1F;opacity: .1;}
footer .text-base p{color: #5F5F5F;text-align: right;font-weight: 600;font-size: 14px;margin-bottom: 0;}

.fead-sec .heading{text-align: center;}
.fead-sec .img-box{border-radius: 24px;overflow: hidden;height: 556px;}
.fead-sec .img-box img{width: 100%;height: 100%;}

.fead-sec .testimonial-carousel2 .stars-img img{max-width: 140px;margin: 24px 0; filter: brightness(0) saturate(100%) invert(0%) sepia(70%) saturate(7%) hue-rotate(3deg) brightness(89%) contrast(100%);}
.testimonial-carousel2 .textimonial-item{background: var(--white);padding: 44px;border-radius: 24px;}
.testimonial-carousel2 .textimonial-item p{font-size: 18px;line-height: 150%;color: #707070;}
.testimonial-carousel2 .owl-nav{width: 50%;display: flex;justify-content: end;float: right;gap: 15px;}
.testimonial-carousel2 .owl-dots{width: 50%;display: flex;align-items: center;height: 20px;}
.testimonial-carousel2 .owl-dots .owl-dot{width: 56px;height: 3px;background: #E0E0E0;}
.testimonial-carousel2 .owl-dots .owl-dot.active{background: #000000;}
.testimonial-carousel2 .owl-nav,.testimonial-carousel2 .owl-dots{margin-top: 3rem;}







.inner-banner{position: relative;height: 715px;padding-bottom: 155px;}
.inner-banner .hero-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.inner-banner .inner-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.inner-banner::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000000a1;z-index: 1;}
.inner-banner  .container{position: relative;z-index: 2;height: 100%;display: flex;flex-direction: column;justify-content:end;}
.inner-banner .hero-content h1{color: var(--white); margin-bottom: 17px;}
.inner-banner .hero-content p{color: #E6E6E6; font-size: 18px;line-height: 29px;}



.faq-sec .faq-block{background-color: var(--white);border-radius: 32px;padding: 32px 123px;}
.faq-sec .faq-block h2{text-align:center;margin-bottom: 48px;}


/* Accordion custom style */


#faq_1 .accordion-item:first-child {padding-top: 0;}
#faq_1 .accordion-item {border-bottom: 2px solid #EDEDED;margin-bottom: 0;box-shadow: none;}
#faq_1 .accordion-item:last-child {border: none;}
#faq_1 .accordion-button {box-shadow: none;width: 100%;padding: 28px 0;text-align: left;font-size: 28px;font-weight: 700;color: var(--black);position: relative;background-color: var(--white);border: none;cursor: pointer;transition: all 0.3s ease;}
#faq_1 .accordion-body {font-size: 22px;line-height: 1.3;color: #606060;padding-right: 54px;padding-bottom: 28px;}
#faq_1 .accordion-button::after {content: "";background: #DDFBFB url(images/icons/faq-icon2.svg) no-repeat;background-position: center;background-size: 12px;position: absolute;right: 0;aspect-ratio: 1 / 1;transition: transform 0.3s ease;width: 44px;border-radius: 50%;transform: rotate(0deg);z-index: 1;margin: auto;top: 0;bottom: 0;height: fit-content;}
#faq_1 .accordion-button:not(.collapsed)::after { transform: rotate(180deg); background: url(images/icons/faq-whitedown.svg) no-repeat;background-size: 20px;background-position: center;background-color: var(--primary);}
#faq_1 .accordion-collapse {
display: none; 
}
.work_sec .work-main{padding: 44px 48px;background-color: var(--white);border-radius: 32px;}
.work_img {width: fit-content;margin-left: auto;}
.work_img img {width: 100%;aspect-ratio: 1 / 0.66;border-radius: 32px;}
.work-main .numbering{min-width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;background: var(--primary);border-radius: 50%;font-size: 18px;color: var(--white);font-weight: 700;margin-top: 2px;}
.work_sec .work-main{margin-bottom: 12px;}
.work-main .work-content h2{margin-bottom: 16px;    max-width: 508px;}
.work-main .work-content p{font-size: 18px;line-height: 28px;color: #707070;max-width: 500px;}
.work-main .work-content p:last-of-type{margin-bottom: 0;}
.work-main .work-content-main{display: flex;gap: 20px;}
.work_sec .repeater-box .work-main h3{margin-bottom: 18px;}
.work_sec .repeater-box .work-main:nth-child(even) .row{flex-direction: row-reverse;}
.work_sec .repeater-box .work-main:nth-child(even) .row .work-content-main{flex-direction: row-reverse;}
.work_sec .repeater-box .work-main:nth-child(even) .row .work_img {width: fit-content;margin-right: auto;margin-left: unset;}
.work_sec .work-main:last-child{margin-bottom: 0;}

.post-sec{padding:98px 0 50px 0;}
.post-card{background-color: var(--white);border-radius: 24px;padding: 48px 32px;}
.post-card .post-img ,.dream-sec .post-img {width: 100%;max-width: 584px;margin-left: auto;}
.post-card .post-details h1{font-size: 28px;font-weight: 400;text-transform: capitalize;}
.post-card .post-img img,.dream-sec .post-img img{width: 100%;object-fit: cover;border-radius: 24px;aspect-ratio: 16 / 10;}
.post-card .post-details h4{margin-bottom: 24px;font-weight: 400;}
.post-card .post-details{max-width: 600px;}
.post-card .post-details p{display: -webkit-box;-webkit-line-clamp: 13;-webkit-box-orient: vertical;overflow: hidden;}
.post-card .post-details p, .post-card .post-details span {font-size: 16px;line-height: 1.3; color:#707070;}
.post-card .post-details .post-date{margin-top: 16px;display: flex;align-items: center;gap: 16px;}
.post-card .post-details .post-date .dot{width:8px;height: 8px;border-radius: 50%;background-color:#707070;}
.post-card .post-details .post-date .post-time{display: flex;align-items: center;gap:4px;}
.recent-sec .post-card{flex-direction: column-reverse;padding: 20px;gap: 24px;    display: flex;}
.recent-sec .post-card .post-img{width: 100%;}
.recent-sec .post-card .post-img img{aspect-ratio: 16/9;}
.recent-sec  .post-card .post-details h5{margin-bottom: 16px;font-weight: 700;}
.recent-sec h2{margin-bottom: 48px;}
.recent-sec .row{row-gap: 12px;}
.recent-sec .row .col-lg-4{padding-inline: 6px;}
.recent-sec .remodel-btn{text-align: center;margin-top: 36px;}
.recent-sec{padding-bottom: 100px;}

header{z-index: 22;}

.inner-header{position: relative;padding-top: 44px;top: 0;}

.inner-header .btn-white{background-color: var(--black);}
.inner-header .btn-white img{filter: invert(1);}





.render-sec{overflow: hidden;}
.render-heading{margin-bottom:48px;}
.render-sec .owl-carousel .owl-stage-outer{overflow: visible;}
.render-sec .owl-carousel .owl-stage-outer .possible-img img{border-radius: 24px;aspect-ratio: 1/0.53;}

.design-sec .design-main{background-color: #E7E7E7;padding: 32px 48px;border-radius: 32px;}
.design-sec .design-main .design-heading h2{max-width: 500px;}
.design-sec .design-main .design-content ul li{list-style: none;padding:24px 0;color: #161616;border-top: 2px solid #C7C7C7; font-size: 27px;}
.design-sec .design-main .design-content ul li:first-child{border: none;}
.design-sec .design-main .design-content ul {padding: 0;margin: 0;}
.design-sec{padding-bottom: 100px;}




.dream-sec{padding:98px 0 50px 0;}
.before-after-container {position: relative;width: 100%;aspect-ratio: 16/9.8;overflow: hidden;border-radius: 32px;}
.before-after-container img {position: absolute;top: 0; left: 0;height: 100%;width: 100%;object-fit: cover;user-select: none;-webkit-user-drag: none;}
.after-img-wrapper {width: 50%;height: 100%;overflow: hidden;position: absolute;top: 0; left: 0;}
.slider-handle {position: absolute;top: 0; bottom: 0;left: 50%;width: 12px;background-color: #24CEF4;cursor: ew-resize;transform: translateX(-50%);}
.slider-handle .drag-icon {color: #fff;font-size: 22px;background: rgba(0,0,0,0.3);border-radius: 50%;padding: 6px 8px;pointer-events: none;user-select: none;position: absolute;left: -16px;top: 0;bottom: 0;height: fit-content;width: 45px;margin: auto;line-height: 0;aspect-ratio: 1/1;display: flex;align-items: center;}
.slider-handle .drag-icon img{position: static;display: block;object-fit: contain;}



.dream-card .post-details h4{margin-bottom: 24px;font-weight: 400;}
.dream-card .post-details{max-width: 600px;}
.dream-card .post-details p{display: -webkit-box;-webkit-line-clamp: 13;-webkit-box-orient: vertical;overflow: hidden;}
.dream-card .post-details p, .dream-card .post-details span {font-size: 16px;line-height: 1.3; color:#707070;}
.dream-details {max-width: 500px;}
.dream-details h1{font-size: 62px;line-height: 70px;text-transform: capitalize;margin-bottom: 24px;}
.dream-details p{font-size: 18px;color: #707070;}
.work_sec .work-heading h2{text-align: center;margin-bottom: 48px;}
.matter-sec_2 .projects{gap: 12px 0;}
.matter-sec_2 .projects .col-lg-3, .matter-sec_2 .projects .col-lg-4{padding-inline: 6px;}
.matter-sec_2 .matter-heading h2{margin-bottom: 48px;}






/* afzaal css */
.banner-sec .heading{text-align: center;width: 100%;}

.btn-grey{background-color:#E9E9E9;display: flex;align-items: center;max-width: 168px;justify-content: center;border-radius: 24px;font-size: 18px;padding: 13px 0;gap:10px;}
.banner-sec .detail-heading{display: flex;width: 100%;align-items: start;}
.banner-sec .detail-heading .btn-grey{width: 100%;}

.banner-sec .heading h1{margin-bottom: 16px;}
.banner-sec .heading p{font-size: 18px;color:#555555;}


.details-sec .banner-img {margin-bottom: 44px;}
.details-sec .banner-img img{width: 100%;aspect-ratio: 16/6;}
.details-sec .col-lg-7{max-width: 600px;margin-right: auto;}
.details-sec .deatils .ez-toc-container-direction{display: none !important;}
.details-sec .deatils h2{margin-bottom: 16px;}
.details-sec .deatils h3{margin:44px 0 16px 0;}
.details-sec .deatils p{font-size: 16px;line-height: 1.3;margin-bottom: 16px;color:#707070;}
.recom-sec .row{align-items: baseline;}
.about-sec .about-details{max-width: 500px;}
.about-sec .about-details h1{font-size:62px;margin-bottom: 16px;text-transform: capitalize;}
.about-sec .about-details p{font-size: 18px;font-weight: 400;color:#707070;line-height: 1.3;}

.form-sec{display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;height: 100vh;}
.form-sec .row{justify-content: center;}
.q-card{background-color: var(--white);border-radius: 24px;padding: 32px;z-index: 4;position: relative;}
.q-card h3{font-weight: 400;font-size: 28px;line-height: normal;margin-bottom: 30px;}
.q-card .q-top{display: flex;align-items: baseline;justify-content: end;}
.q-card.error-box .q-top,.q-card.thankyou .q-top{justify-content: space-between;}
.q-card .q-top .cross{display: flex;align-items: center;gap: 10px;} 
.q-card .q-top .cross a{background-color: #EEEEEE;width: 40px;height: 40px;border-radius: 50%;align-items: center;display: flex;justify-content: center;}
.q-card p{font-size: 18px;margin-bottom: 12px;font-weight: 700;}
.form-sec button {border: none;font-size: 16px;padding: 12px 24px;border-radius: 24px;}
.btn-lght{background: #E4F3F3;}
.form-sec input[type="radio"]{ width: 20px;height: 20px; margin-right: 10px;color: #707070;appearance: none; -webkit-appearance: none;-moz-appearance: none; width: 18px;height: 18px;border: 2px solid #888; border-radius: 50%;cursor: pointer; position: relative;vertical-align: middle;}
.form-sec .ques-box{display: flex;align-items: center;gap: 6px;margin-bottom: 10px;margin-bottom: 22px;}
.ques-box input[type="radio"]:checked { background-color: var(--primary);border-color: var(--primary);}
.ques-box input[type="radio"]:checked::after { content: "";width: 8px;height: 8px;background: white; border-radius: 50%;
position: absolute;top: 3px;left: 3px;}
.form-sec .btn-primary{text-align: end;}
.form-sec button{cursor: pointer;}
.form-sec::before{position: absolute;width: 100%;top: 0;left: 0;height:100%; content:"";background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6));z-index: 1;backdrop-filter: blur(6px)}
.q-card_checkbox ul li::before{height: 20px;width: 20px;content: "";border: 2px solid #D9D9D9;border-radius: 4px;}
.q-card form  label{width: 100%;text-align: left;display: inline-block;font-size: 16px;}
.q-card form select{width: 100%;border: none;outline: none;height: 44px;padding-inline: 14px;font-size: 16px;color: #707070;border-radius: 45px;margin-bottom: 12px;}
.q-card form .form-select {appearance: none;-webkit-appearance: none;-moz-appearance: none;background:#F9F9F9 url("images/icons/faq-blackdown.svg") no-repeat right 17px center/21px auto;}
.text-card{background:var(--card);border-radius:12px;padding:14px 18px;box-shadow: 0 0 0 1px rgba(0,0,0,0.08) inset;
margin-bottom:18px;}
.text-card textarea{width:100%;border:none;resize:none;min-height:80px;outline:none;font-size:14px;background:transparent;}
.upload-card{background:var(--card);border-radius:12px;padding:28px 16px;box-shadow: 0 0 0 1px rgba(0,0,0,0.08) inset;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;position:relative;margin-bottom: 24px;}
.upload-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;pointer-events:none; }
.cloud-icon svg{width:40px;height:40px;stroke:var(--primary);}
.upload-title{font-weight:600;font-size:15px;}
.upload-sub{font-size:13px;color:#6b6f76;}
.formats{font-size:12px;color:#8a8f95;}
.upload-card input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.form-sec .btn-secondary{background: none;color: #494949;}
.q-card form .form-control{width: 100%;border: none;outline: none;height: 44px;padding-inline: 14px;font-size: 16px;color: #707070;border-radius: 45px;margin-bottom: 12px;background-color: #F9F9F9;}
.q-card form textarea.form-control{width: 100%;border: none;outline: none;height: 132px;padding: 14px;font-size: 16px;color: #707070;border-radius: 16px;margin-bottom: 12px;background-color: #F9F9F9; resize: none;}
.upload-box{background-color: #f9f9f9;width: 100%;padding: 27px 16px;text-align: center;border-radius: 16px;margin-bottom: 24px;}
.upload-box img{margin-bottom: 10px;}
.ques-box input[type="checkbox"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;width: 20px;height: 20px;border: 2px solid #D9D9D9;border-radius: 4px;cursor: pointer;position: relative;vertical-align: middle;margin-right: 8px;}
.ques-box input[type="checkbox"]:checked {background-color: var(--primary);border-color: var(--primary);}
.ques-box input[type="checkbox"]:checked::after {content: "";position: absolute;top: 0px;left: 4px;width: 5px;height: 10px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);}

.projects.project-grid {display: flex;flex-wrap: wrap;gap: 12px 0;}
.projects.project-grid .item-child {flex: 1 1 calc(25% - 20px);min-width: 200px;padding-inline: 6px;}
.project-grid .item-child:hover .matter-project{background: var(--primary);}
.project-grid .item-child:hover .design-img img{filter: brightness(0) saturate(100%) invert(100%) sepia(82%) saturate(0%) hue-rotate(63deg) brightness(103%) contrast(106%)}
.project-grid .item-child:hover .design-title{color: var(--white) !important;}
.form-sec.form_modal_popup{position: fixed;width: 100%;top: 0;left: 0;z-index: 99999999999999999999999999999999;opacity: 0;visibility: hidden;transform: translateY(-10%); transition: .4s linear;}
.form-sec.form_modal_popup.show{display: flex;opacity: 1;visibility: visible;transform: translateY(0%);}

.form-sec.form_modal_popup .spinner-border {display: inline-block;width: 1rem;height: 1rem;border: 2px solid #fff;border-right-color: transparent;border-radius: 50%;animation: spin 0.75s linear infinite;margin-right: 6px;vertical-align: middle;}
@keyframes spin {
  to { transform: rotate(360deg); }
}


.form-sec.form_modal_popup .suggestion-box {display: flex;flex-wrap: wrap;gap: 8px;margin-top: 10px;}
.form-sec.form_modal_popup .tag {padding: 6px 12px;border-radius: 20px;display: flex;align-items: center;gap: 6px;font-size: 14px;border: 1px solid var(--primary);}
.form-sec.form_modal_popup .remove {border: none;background: transparent;cursor: pointer;font-size: 18px;line-height: 1;}

.banner-sec .detail-heading h1 {font-size: 52px; line-height: 58px;font-weight: 400;text-transform: capitalize;}

.whatsapp_btn { position:fixed; right:40px; bottom:50px;z-index:9;}

.whatsapp_btn img {width: 70px;object-fit:contain;}

.serv-slider .owl-dots{position: absolute;width: 100%;display: flex;justify-content: center;gap: 10px;bottom: 20px;}
.serv-slider .owl-dots .owl-dot{width: 10px;height: 10px;background: #ccc !important;border-radius: 50%;}
.serv-slider .owl-dots .owl-dot.active{background: var(--primary-dark_hover) !important;}




.choose-us .heading{text-align: center;margin-bottom: 30px;}
.choose-box{background-color: var(--white);border-radius: 24px;padding: 24px;margin-bottom: 10px;height: 100%;min-height: 330px;}
.choose-box .img-box img{width: auto;margin-bottom: 10px;}
.chooose-carousel .owl-dots{display: flex;justify-content: center;gap: 12px;margin-top: 24px;}
.chooose-carousel .owl-dot{width: 20px;height: 20px;border-radius: 20px;background-color: #E3E3E3 !important;transition: .3s linear;}
.chooose-carousel .owl-dot.active{background-color: var(--black) !important;width: 100px;border-radius: 20px;}

@media (min-width:992px) {
.cnt_1260 {max-width: 970px;}
.cnt_1352{max-width: 1352px;}
.cnt_1328{max-width: 1328px;}
.cnt_1272{max-width: 1272px;}
.cnt_1256{max-width: 1256px;}
.cnt_1264{max-width: 1264px;}
.cnt_1188{max-width: 1188px;}
.cnt_1106{max-width: 1106px;}
.ps-lg-5{padding-left: 3rem !important;}

}


@media (min-width:1024px) {
.cnt_1260{max-width: 1040px;}
.cnt_1352{max-width: 1122px;}
.cnt_1328{max-width: 1328px;}
.cnt_1272{max-width: 1272px;}
.cnt_1256{max-width: 1256px;}
.cnt_1264{max-width: 1264px;}
.cnt_1188{max-width: 1188px;}
.cnt_1106{max-width: 1106px;}

}

@media (min-width:1200px) {
.cnt_1260{max-width: 1170px;}
.cnt_1352{max-width: 1240px;}
.cnt_1328{max-width: 1328px;}
.cnt_1272{max-width: 1272px;}
.cnt_1256{max-width: 1256px;}
.cnt_1264{max-width: 1264px;}
.cnt_1188{max-width: 1188px;}
.cnt_1106{max-width: 1106px;}

}


@media (min-width:1300px) {
.cnt_1260{max-width: 1200px;}
.cnt_1352{max-width: 1270px;}
.cnt_1328{max-width: 1328px;}
.cnt_1272{max-width: 1272px;}
.cnt_1256{max-width: 1256px;}
.cnt_1264{max-width: 1264px;}
.cnt_1188{max-width: 1188px;}
.cnt_1106{max-width: 1106px;}

}



@media (min-width:1400px) {
.cnt_1260{max-width: 1260px;}
.cnt_1352{max-width: 1352px;}
.cnt_1328{max-width: 1328px;}
.cnt_1272{max-width: 1272px;}
.cnt_1256{max-width: 1256px;}
.cnt_1264{max-width: 1264px;}
.cnt_1188{max-width: 1188px;}
.cnt_1106{max-width: 1106px;}


}


@media (max-width:575px) {
.cnt_1260,.cnt_1352,.cnt_1328,.cnt_1272,.cnt_1256,.cnt_1264,.cnt_1188,.cnt_1106{max-width: 100%;padding-inline:16px;}

}