/* Define CSS variables in :root */

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    color: #464646;
	}


img{ max-width:100%;}
p,h1,h2,h3,h4,h5,h6{
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,h5,h6{ font-family: 'Inter Tight', sans-serif;}

ul{
	list-style: none;
	padding: 0;
	margin: 0;

}
a{
	text-decoration: none;
}

.mainheader{  position: absolute;
    top: 0px;
    width: 100%;
    z-index: 9;}

.container-fluid {
	padding: 0px 10px !important;
}
.top-nav{     background: transparent;
    padding: 19px 0px;
    min-height: 48px;
    border-bottom: 1px solid #666666;
    color: #D6D6D6;
    font-size: 14px;}
.top-nav a{color:#fff;}
.top-nav a:hover{color:#D6D6D;}
.top-head-cont{text-align:right;}

.stellarnav.mobile.right>ul {
    z-index: 99;
    background: #080807;
}
rgb(194, 61, 61)

.stellarnav {
	position: relative;
	width: 100%;
	line-height: normal;
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 16px;
}

.stellarnav ul {
    display: flex;
    justify-content: space-between; /* Distributes space between items */
    align-items: center; /* Aligns items vertically in the center */
    list-style: none; /* Removes default list styling */
    padding: 0; /* Removes default padding */
    margin: 0; /* Removes default margin */
    position: relative;
    bottom: -29px;
}
.stellarnav li {
	list-style: none;
	margin:0px 6px;
}

.stellarnav>ul>li>a {	
    font-size:18px;
    font-weight: 200;
    line-height: 9px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding: 0px 18px !important;
    text-transform: capitalize;
    color: #fff;
}




.stellarnav>ul>li>a:hover,.current-menu-item a {
	color:#FFDC4A !important;
	border-bottom:var(--color-wite) 1px solid;
}

.stellarnav>ul>li>a.active {
    color:#FFDC4A; !important;
}

.main-nav-socialicon {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px;
	position: relative;
	text-align: right;
}

.main-nav .stellarnav ul ul {
    width: 186px;
    padding: 0px 0px;
    background: #fff;
    z-index: 999;
    color: #000;
	margin-top:16px;
}

.main-nav .stellarnav li li {
	margin: 0px 0px;
	width: 100% !important;
	border-bottom: #ccccccb8 1px solid;
}

.main-nav .stellarnav li li a {
    font-size: 15px;
    padding: 8px 12px;
 
}

/* .stellarnav li:nth-child(5) {position:relative; top:35px;} */
.stellarnav li.has-sub a {
	padding-right: 0px !important;
}

.main-nav .stellarnav li li a:hover {
	
	color: #E92121;
}

.main-nav .stellarnav li li a.active {
	background: #ecebeb82;
	color: #21cdc0;
}

.stellarnav li.has-sub>a::after {	
    content: '';
    margin-left: 7px !important;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #21cdc0;
    display: inline-block;
    border: none !important;
    background: url(../images/menu-arrow.svg);
    width: 20px;
    height: 8px;}
.carousel-control-next, .carousel-control-prev{ width:5%;}

.main-nav {
    margin: 0px 0px;
    padding: 0px 0px;
    width: 100%;
    height: auto;
    transition: all 0.1s ease 0s;
    opacity: 0.9;
    position: relative;
    z-index: 9;
}


.carousel-item{position: relative;}


.carousel-caption{
			left: 6%;
			right: 6%;
			bottom:366px;
			position: absolute;
			z-index: 999;}
.carousel-item h6{ font-size:15px; text-transform:uppercase; text-align:left;}
.carousel-item h1 {
    font-size: 56px;
    font-weight: 500;
    line-height: 89px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-align: left;
    color:#FFDC4A;
}
.carousel-item p{    text-align: left;
    max-width: 700px;
    font-size: 18px;}


.home-choose {
    padding: 100px 0px 50px 0px;
}
.home-choose h6{
	font-size: 28px;
	font-weight: 600; color:#3A3A3A; text-transform:uppercase;
		}
.home-choose h3{
	font-size: 58px;
	font-weight: 600;
	color:#B4CD96; text-transform:uppercase;	}

.home-choose p{font-family: Barlow;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none; color: #3A3A3A;
	}	
.home-choose a,.rem-nav li a{
    
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.075em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: uppercase;
    color: #3A3A3A;
    margin-top: 20px;
    display: table; border-bottom:2px solid #B4CD96;} 
.home-choose a:hover,.rem-nav li a:hover{color:#B4CD96;}	
.glightbox-clean .gdesc-inner{display:none;}
.gallery a{   margin-bottom: 9px;
    display: inline-block;
    margin-right: 9px;}
.remodaling-sec{padding:50px 0px 50px 0px;}
.remodaling-sec h3{
	font-size: 28px;
	font-weight: 600;
	color:#3A3A3A;
	text-transform:uppercase; margin-bottom:25px;}

.rem-nav{display: grid; /* Use CSS Grid */
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Responsive columns */
	gap: 20px; /* Gap between grid items */
	padding: 20px; /* Padding around the grid */}
.boder{ width:100%; height:2px; background:#F1F1F1; 
    position: relative;
    bottom: 50px;}
.boder::before{
    content: "";
    width: 16px;
    height: 16px;
    border: 2px solid #B4CD96;
    display: table;
    border-radius: 20px;
    left: 50%;
    position: absolute;
    bottom: -7px;
    background: #fff;}

	.love-kit-sec {
		background-image:url(../images/love-kitcher.jpg); /* Replace with your image URL */
		background-size: cover; /* Cover the entire area */
		background-attachment: fixed; /* Fixed background */
		background-position: center; /* Center the background image */
		height:494px; /* Full viewport height */
		display: flex; /* Use flexbox for centering */
		justify-content: center; /* Center horizontally */
		align-items: center; /* Center vertically */
		color: white; /* Text color */
		text-align: center; /* Center text */
		position:relative;
	}
	.love-kit-sec:before{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		background: rgba(0, 0, 0, .4);
		height: 100%;
		z-index: 9;}
		.love-kit-sec .content-box {
			position: relative;
			z-index: 99;
		}
	.love-kit-sec h3 {
		margin-bottom: 10px; /* Space between heading and link */
	}

.star-nav{ margin-bottom: 20px;}
.star-nav li{ display:inline-block;}
.love-kit-sec h3{
	font-size: 40px;
	font-weight: 600; text-transform:uppercase;	}
.review-but{
    border: 2px solid #FFFFFF;
    padding: 15px 62px;
    
    font-size: 18px;
    font-weight: 600;
    line-height: 9px;
    color: #fff;
    margin-top: 50px;
    display: table;
    margin: 30px auto;	}	
.review-but:hover{background:#D03240; color:#fff; border: 2px solid #D03240;}	
.review-but img{ 
    position: relative;
    left: -11px;}

.banner-contact{    display: flex;
		gap: 22px;
		margin-top: 50px;}
.banner-contact li{ }
.banner-contact li:nth-child(1) a{    background: #711506;
    color: white;
    border-radius: 6px;
    padding: 20px 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;}
.banner-contact li:nth-child(1) a:hover{background:#fff; color:#711506; }
.banner-contact li:nth-child(2) a{   background:#fff ;
    color:#711506;
    border-radius: 6px;
    padding: 20px 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;}
.banner-contact li:nth-child(2) a:hover{  background:#711506  ;
    color:#fff;}
.feature-sec{
     margin-top: -250px;
    z-index: 9;
    position: relative;}
.feature-box{ 
        background: #fff;
    text-align: center;
    padding: 60px 40px;
    min-height: 420px;
    }

.read-more-but{   position: absolute;
    bottom: 7px;}
.feature-sec > div > div > div:nth-child(1){padding-right:0px; margin-right:0px;}
.feature-sec > div > div > div:nth-child(2){padding-left:0px; padding-right:0px;} 
.feature-sec > div > div > div:nth-child(3){padding-left:0px;}     
.feature-sec p{
    font-size: 14px;
    color: #fff;
    padding-left: 22px;}	
.feature-box img{margin-bottom:20px;}
.feature-box h4{color:#040610; font-size:20px; font-weight:700; margin-bottom:20px;}

.feature-sec > div > div > div:nth-child(2) > div{    background: #711506;    }
.feature-sec > div > div > div:nth-child(1) > div{    border-bottom: 4px solid #711506; position:relative;}
.feature-sec > div > div > div:nth-child(1) > div:before{ content: "";
    height: 170px;
    background: #711506;
    width: 4px;
    position: absolute;
    left: -3px;
    bottom: -4px;}
.feature-sec > div > div > div:nth-child(3) > div {
    border-bottom: 4px solid #711506;
    position: relative;
}
.feature-sec > div > div > div:nth-child(3) > div:before{ content: "";
    height: 170px;
    background: #711506;
    width: 4px;
    position: absolute;
    right: -3px;
    bottom: -4px;}
.feature-sec > div > div > div:nth-child(2) > div h4,.feature-sec > div > div > div:nth-child(2) > div p{ color:#fff;}
.feature-box p{color:#5C6C7B; font-size:16px; padding:0px;}
.home-about-sec{padding:88px 0px; position: relative;}
.home-about-nav{  display: flex;
    gap: 30px;
    margin-top: 40px;}
.home-about-nav span{margin-right:10px;}
.home-about-sec h6{ 
    color: #711506;
    font-size: 16px;
    font-weight: 600;  font-family: 'Inter', sans-serif;   
    margin-bottom: 30px; text-transform:uppercase;}

.home-about-sec h2{ font-weight: bold;
    color: #040610;
    font-size: 48px;
    margin-bottom: 40px;
   }	
.home-about-sec p{    font-size: 16px;
    line-height: 30px;
    color: #5C6C7B;}	

.home-about img{ position:relative; float: right;}
.accordion-button:not(.collapsed){    background-color: transparent; padding-left: 40px;}
.accordion-button{ 
     font-size: 24px;
    color: #040610;
    font-weight: 500; 
    font-family: 'Inter', sans-serif;  padding-left: 40px;}
.accordion-item{border:none;}
.accordion-button:not(.collapsed) {
    color: #711506;
    background-color: #e7f1ff;
    font-family: 'Inter', sans-serif;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}
.accordion-button:not(.collapsed){ background-color: transparent;}
.accordion-button:not(.collapsed)::after{background-image:url(../images/arrow-up.svg); transform: rotate(0deg);}
.accordion-button::after{    background-image: url(../images/arrow-up.svg);
    margin-right: auto;
    left: 0px;
    position: absolute;  transform: rotate(90deg);} 
.home-client-sec{padding:30px 0px;} 

.our-service-section{padding:88px 0px;background:#FFF4F2;}
.our-service{margin-bottom:20px;}
.our-service-title{text-align:center;} 
.our-service-title h5{
    color: #711506;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    margin-bottom: 20px;   }
.our-service-title h3{
    font-size: 48px;
    font-weight: 600;
    color: #040610;
    margin-bottom: 30px;}
.our-service-title p{     font-size: 16px;
    color: #3E454A;
    margin-bottom: 30px;}
.ser-nav{     background: #711506;
    color: #fff;
    display: flex;
    justify-content: space-between;
    gap: 0px;
    padding: 0px 12px;
    min-height: 82px;} 
.ser-nav li{     font-size: 16px;
    padding: 5px;
    color: #fff;
    text-transform: uppercase;} 
.ser-nav li:nth-child(2){ float:right} 

.home-blog-sec{ position: relative;   
    padding: 90px 0px;}
.home-blog-sec h3{ 
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 26px;  color: #040610;}
.home-blog-sec p{text-align:left; margin-bottom:20px;}
.home-blog-sec a{text-align: left;}	
.home-choose-us-sec{padding:80px 0px; background:#120604;}
.home-choose-us-sec h6 {
    color: #A53A28;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.home-choose-us-sec  h3 {
       color: #FFFFFF;
    font-size: 48px;
    margin-bottom: 40px;
}
.home-choose-us-sec p{color:#fff;}
.review-nav{color: #fff;
    display: flex;
    justify-content: space-between;
    gap: 100px;
    padding: 9px 12px;}

    .home-blog-title{text-align:center;}
    .home-blog-title h5{
        color: #711506;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        font-family: 'Inter', sans-serif;
        margin-bottom: 20px;   }
    .home-blog-title h3{
        font-size: 48px;
        font-weight: 500;
        color: #040610;
        margin-bottom: 30px;}
    .home-blog-title p{     font-size: 16px;
        color: #3E454A;
        margin-bottom: 30px;}

.progress-bar{ background-color:#711506;}
.progress{background-color:#711506; height: 13px;}
.home-blog {    background: #FFFFFF;
    margin-bottom: 8px;
    border: 1px solid #D7D7D7;}
.blog-img{width:100%;  }
.cal-nav{     display:flex;
        gap: 10px;
        font-weight: 600;
        font-size: 14px;
        color: #711506;
        margin-bottom: 13px;}
.blog-detl{padding:15px;}
.blog-detl a,.all-news {background:#711506;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 7px 15px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    display: table;}
.blog-detl a:hover,.all-news:hover{background:#C3270D;}    
.blog-detl h3{    color: #040610;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;}
.home-quta-sec{ 
    position: relative;
    padding: 80px 0px;
    color: #fff;
    max-height: 560px; }

.home-quta-sec  h5 {
    color: #F96F59;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.home-quta-sec  h3 {
    color: #FFFFFF;
    font-size: 56px;
    margin-bottom: 40px;
}

.home-quta-sec  p {
    color: #fff;
}

.inner-banner{position: relative;}
.inner-banner img{width:100%;}
.inner-banner h1{     
    text-align: center;
    bottom: 10%;
    color: #fff;
    font-weight: 500;
    font-size: 40px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Inter', sans-serif;}

.inner-page{padding:99px 0px} 
 .inner-page h2{
    color: #0E2B3D;
    font-size: 33px;
    font-weight: bold;
    margin-bottom: 15px;}
.manag-box{background: #0170B9;
    padding: 50px;
    color: #fff;}
.manag-box h3{ font-size:32px; font-weight:bold;}
.manag-box h3 span{ margin-right:15px;}
.manag-box ul {  margin-top: 20px; margin-left: 14px;}
.manag-box ul li{    position: relative;
    padding-left: 31px;
    line-height: 48px;} 
.manag-box ul li:before {    content: '';
    display: inline-block;
    background: url(../images/wight-checkbox.svg);
    width: 20px;
    height: 20px;
    left: 0px;
    position: absolute;
    top: 14px;
}   


.get-sta-but{
    background: #711506;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 18px 35px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    display: table;
    margin: 0px auto;}
    .get-sta-but:hover {
        background: #C3270D;
        color: #fff;
    }


.about-us-det{padding:80px 0px;}
.about-us-det h6{    color: #711506;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    margin-bottom: 30px;
    text-transform: uppercase;}
.home-about-sec h3 {
    font-weight: bold;
    color: #040610;
    font-size: 48px;
    margin-bottom: 40px;
}    
    
.main-footer{background: #140603;
    padding: 53px 0px 0px 0px;}

.footer-logo{ width:90%;}
	.footer-cont{font-size:18px;}
	.footer-cont li span{color:#fff}
	.footer-cont li a,.footer-cont li{ color:#A1A1A1}
	.footer-cont li:nth-child(1) a{max-width: 353px;
		padding: 7px 23px;
		height: 40px;
		background: #D03240;
		
		font-size: 18px;
		font-weight: 500;
		text-underline-position: from-font;
		text-decoration-skip-ink: none;
		color: #fff;
		text-align: center;
		display: table;
		width: 100%;
		margin-bottom: 10px;}
.footer-cont li:nth-child(1) span{margin-right:3px;}
.footer-cont li:nth-child(1) span img{margin-right:3px;}
	.main-footer h4{ 
        color: #fff;
        text-decoration: none;
        margin-bottom: 13px;
        font-size: 20px;
        line-height: 9px;
        letter-spacing: 0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        text-transform: capitalize;
        padding-bottom: 24px;
	}
		.main-footer p{font-family: Barlow;
			font-size: 16px;
			font-weight: 400;
			line-height: 24px;			
			color:#FFFFF1
			}
	.cost-pro img{ width:98px;}
	.cost-pro h6{color:#fff; font-size:20px;}
	.cost-pro ul{
		display: flex	;
		flex-wrap: wrap;
		padding: 0;
		list-style: none;
		gap: 20px;}
.cost-pro ul li{color:#01B4E5;}
.cost-pro ul li	del{color:#939395}	
.footer-nav{padding: 40px 0px;
    border-top: 2px solid #515151;
    margin-top: 30px;}
.footer-nav ul{display: flex;
		flex-wrap: wrap;
		padding: 0;
		list-style: none;
		gap: 20px; font-family: 'Barlow Condensed', sans-serif; text-transform:uppercase; }
.footer-nav ul li a:hover{color:#747474}
.footer-nav ul li a{color:#fff}
.cop-right{   
   
    margin-top: 30px;
    padding: 16px 0px;
    height: 54px;
    font-size: 15px;
    color: #fff;}
.cop-right a{ color:#FF755F}
.cop-right a:hover{ color:#fff;}
.cop-right img{ max-width:400px; float: right;}
.socal-med-nav{
    display: flex ;
        flex-wrap: wrap;
        padding: 0;
        list-style: none;
        gap: 10px;}
.socal-med-nav li a{    
    background: #962614;
    display: table;
    width: 32px;
    height: 32px;
    position: relative;
    border-radius: 30px;}
.socal-med-nav li a:hover{ background:#C3270D}    	
.socal-med-nav li a img{
    max-width: 19px;
    position: absolute;
    bottom:5px;
    left: 50%;
    transform: translateX(-50%);} 	
.socal-med-nav li:nth-child(1) img{ bottom:8px;}
.socal-med-nav li:nth-child(2) img{ bottom:8px;}
.socal-med-nav li:nth-child(4) img{ bottom:11px;}
.breadcumb {position: relative;	}
	
	

.hero-content {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #fff;
	}

	.hero-content-upper h2 {
		color: #ffffff;
		letter-spacing: 3px;
		font-size: 44px;
		font-weight: bold;
		text-transform: uppercase;	}
.inner-page{padding:80px 0px}	
.main-footer ul li{    color: #BCBCBC;
    font-size: 16px;
    line-height: 36px;}
.main-footer ul li a{color:#BCBCBC; text-transform: capitalize;}
.main-footer ul li a:hover{color:#fff;}
.main-footer ul li span{margin-right:5px;}
.resent-post,.cate-post{ 
    background: #F9F9F9;
    padding: 30px;
    margin-bottom: 30px;}
.resent-post h4,.cate-post h4{font-size: 23px;
    font-weight: 600;
    margin-bottom: 20px;}
.resent-post ul{
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap onto the next line */
    list-style-type: none; /* Removes default list styling */
    padding: 0; /* Removes default padding */
    margin: 0; /* Removes default margin */}    


.resent-post ul li:nth-child(odd) {
    flex: 0 0 35%; /* Fixed width of 25% */    
    margin-right: 10px; /* Space between small items and large items */
    margin-bottom: 20px;
}

/* Remaining items (3, 4, and 5) */
.resent-post ul li:nth-child(even) {
    flex: 0 0 60%; /* Fixed width of 75% */ 
    margin-bottom: 20px; 
}   

.resent-post ul li h6{ color:#BBC7CD; font-size:14px;}
.resent-post ul li h3{ color:#252525; font-size:17px; font-weight:600;}
.resent-post ul li a{ color:#962614; font-size:14px; }
.resent-post ul li a:hover{ color:#000; font-size:16px; }
.cate-nav li{ background: #fff;
    padding: 10px 17px;
    color: #252525;
    font-size: 15px;
    margin-bottom: 10px;}
.cate-nav li a{     font-weight: 600;
    background: #EDEDED;
    padding: 10px;
    border-radius: 5px;
    color: #252525;
    float: right;}    
.cate-nav li a:hover{ background:#962614; color:#fff;}    
.faq-page .accordion-button{ font-size:14px;}
.contact-form{background:#FFF4F2; padding:30px;}
.get-tuch{}
.get-tuch h5{    color: 962614;
    font-size: 15px;
        font-family: 'Inter', sans-serif;
    margin-bottom: 30px;
    text-transform: uppercase;}
.get-tuch h3{font-size: 48px;
    font-weight: 600;
    color: #040610;
    margin-bottom: 30px;}    
.get-tuch p{    font-size: 16px;
    color: #3E454A;
    margin-bottom: 30px;}   

    .contact-form h4 {       
    color: #040610;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    }    

    .form-control {
        padding: .675rem .75rem;
        height: 60px;
        border:1px solid #D0B7B3
    } 

    .contact-form ul li{margin-top:20px}
    .submit-but{ background:#962614;
        color: white;
        border: none;
        border-radius: 6px;
        padding: 15px 30px;
        font-size: 16px;
        cursor: pointer;
        transition: background 0.3s;
        display:table;
        width: 100%;
        text-align: center; margin-top:40px;
       }
       .submit-but:hover{background:#C3270D;
        color: white;}
        textarea.form-control {
            min-height: calc(1.5em +(.75rem + 2px));
            height: 120px;
        }
.mobile-logo{ display:none;} 
#menu-item-237{display:none;}
.home-about-sec h4{ color:#711506; font-weight:600; margin-bottom:30px;}
body > section.home-client-sec > div > div > div > div > div.owl-stage-outer > div > div:nth-child(6) > div > img{
   height: 85px;
    width: 210px;}
body > section.home-client-sec > div > div > div > div > div.owl-stage-outer > div > div:nth-child(5) > div > img{width: 80%;}    
body > section.home-client-sec > div > div > div > div > div.owl-stage-outer > div > div:nth-child(4) > div > img{     max-height:112px;
    width: auto;
    margin: 0px auto;
  
}    
.owl-nav .owl-prev{ 
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 20px;}
    
.owl-nav .owl-prev{ 
    width: 15px;
    height: 15px;
    background:#F96F59;
    border-radius: 20px;}