*{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}
html{}
body{ background: #fff !important;
	font-size: calc(14px + (16 - 14) * (100vw - 1440px) / (1920 - 1440)) !important;	
	p, .p,a,span{
		font-size: calc(14px + (16 - 14) * (100vw - 1440px) / (1920 - 1440)) !important;	
		line-height:25px !important;
	}
}
/* common styles ================================= */
.row{padding:0px !important;margin:0px !important;}
.row>*{margin:0px !important;padding: 0px !important;}

h1,.h1{	font-size: calc(24px + (36 - 24) * (100vw - 320px) / (1920 - 320)) !important;font-weight: 600 !important;line-height: 54px !important;text-transform: capitalize;span{font-size: calc(24px + (36 - 24) * (100vw - 320px) / (1920 - 320)) !important;}
}
h2,.h2{	font-size: calc(20px + (24 - 20) * (100vw - 320px) / (1920 - 320)) !important;font-weight:500 !important;line-height: 36px !important;}
h3,.h3{	font-size: calc(18px + (20 - 18) * (100vw - 320px) / (1920 - 320)) !important;font-weight:500 !important;line-height: 30px !important;}
h4,.h4{	font-size: calc(16px + (18 - 16) * (100vw - 320px) / (1920 - 320)) !important;font-size:18px !important;font-weight:500 !important;line-height: 21px !important;}
h2,.h2,h3,.h3,h4,.h4{font-weight:500 !important;text-transform: capitalize ;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4{margin:0px !important;}
p,.p{font-size:14px !important ;line-height:21px !important;margin-bottom:0px !important;}
.res-bg{background-position:center;	background-size:cover;background-repeat:no-repeat;}
.bg-black{background-color:#252525;}
.bg-light-black{background-color:#575757;}
.bg-light{background-color:#f6f6f6;}
.bg-main{background-color:#D5D8D3;}
.bg-white{background:#fff;}

.txt-black{color:#252525;}
.txt-light-black{color:#575757;}
.txt-light{color:#f6f6f6;}
.txt-main{color:#D5D8D3;}
.txt-white, .site-footer a{color:#ffffff;}

.page a,
.page a:active,
.page a:visited,
.page a:hover{color:#3B45FD; !important;outline:none !important; line-height:21px;}

.gray-link,
.gray-link:hover,
.gray-link:active,
.gray-link:visited{
	color:#252525 !important;
}
.m-t-10{margin-top:10px !important;}
.m-t-20{margin-top:20px !important;}
.m-t-30{margin-top:30px !important;}
.m-t-40{margin-top:40px !important;}
.m-t-50{margin-top:50px !important;}
.m-b-10{margin-bottom:10px !important;}
.m-b-20{margin-bottom:20px !important;}
.m-b-30{margin-bottom:30px !important;}
.m-b-40{margin-bottom:40px !important;}
.m-b-50{margin-bottom:50px !important;}
.p-t-10{padding-top:10px !important;}
.p-t-20{padding-top:20px !important;}
.p-t-30{padding-top:30px !important;}
.p-t-40{padding-top:40px !important;}
.p-t-50{padding-top:50px !important;}
.p-b-10{padding-bottom:10px !important;}
.p-b-20{padding-bottom:20px !important;}
.p-b-30{padding-bottom:30px !important;}
.p-b-40{padding-bottom:40px !important;}
.p-b-50{padding-bottom:50px !important;}
.p-20{padding:20px;}
.p-30{padding:30px;}
.p-40{padding:40px;}
.p-50{padding:50px;}

.ps-rlt{position:relative;}
.ps-abs{position:absolute !important;}

.page-container{max-width:1920px; margin:0px auto !important;	padding:0px;}
.corp-container{max-width:1920px !important;padding:0px 80px !important;margin:0 auto !important;}


/* Comoun btn style---------------------------- */
button,.button{
	 padding: unset !important; 
	 background: transparent !important;
	 outline:none !important;
	 border:none !important;
	 text-transform: capitalize !important;
	&:hover,
	&:focus,
	&:active{
		background:unset !important;
		color:unset !important;
		outline:none !important;
	}
}
a.dark-btn-box,
a.light-btn-box{
    padding: 7px 26px;  
	text-transform:capitalize;   
	display: inline-block; 
}
a.dark-btn-box { background: #252525; color: #fff !important;}
a.dark-btn-box:hover{background: #575757;}
a.light-btn-box{background:#D5D8D3 !important; color: #252525 !important;}
a.light-btn-box:hover{background:#f6f6f6 !important;}

/* Header Section ================================ */
.site-topbar-con-box .d-flex{/*height:56px;*/height: auto; justify-content:space-between;	align-items:center;	}
.site-header .site-branding img { width: 100px;}
.topbar-content-icon-box{margin-right:15px;display:inline-block;margin-top:5px;}

a.topbar-link{color:#fff !important;}
/* .main-header{padding:13px 0px;} */ .main-header{padding: 5px 0px;}
.desk-nav{width:85%;}
.header-menu-links-and-btn-box{	justify-content:space-between;align-items:center;}
.menu-header-menu-container ul li a{color:#252525 !important;text-transform:capitalize;	font-weight:400 !important;	line-height:24px ;	letter-spacing:0px !important;	font-size:16px !important;}
.main-navigation ul .children li a, .main-navigation ul .sub-menu li a{	padding:11px 20px !important;}
.main-navigation ul li .sub-menu li.current-menu-item>a,
.main-navigation ul li .sub-menu li .sub-menu li.current-menu-item>a,
.main-navigation ul li .sub-menu li:hover>a,
.main-navigation ul li .sub-menu li .sub-menu li:hover>a{
	background:#f6f6f6;
}
div#mobile-navigation {top: 100%;  box-shadow: 0px 8px 20px -11px #ddd;}
#mobile-navigation ul li a {
	background:#f6f6f6;
    color: #252525 !important;
    padding: 11px 20px !important;
    border-bottom: 1px solid #ddd !important;	
}
#mobile-navigation ul ul li a{	padding-left:30px !important;}
#mobile-navigation ul ul li ul li a{padding-left:40px !important;}
#mobile-menu-button svg{
	height:30px !important;
	width:30px !important;
	filter: brightness(0) saturate(100%) invert(15%) sepia(0%) saturate(0%) hue-rotate(80deg) brightness(102%) contrast(101%);
	
}
.main-navigation ul>li>.sub-menu{top:185% !important;}
.main-navigation ul>li>.sub-menu li>.sub-menu{top:0% !important;}
.dropdown-toggle{color:#252525 !important;&::after {display:none;}
}


.main-navigation ul>li{margin:0px !important;}
.main-navigation ul>li>a{ margin: 0 39px -10px 0px !important;}
body .main-navigation ul li.menu-item-has-children .sub-menu li a{margin: 0 0px -10px 0px !important;}
body .main-navigation ul>li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children>a:after {
    top: 17px;
    right: 6px;
}
body .main-navigation ul li>.sub-menu .menu-item-has-children{
	width: 250px;
}
.main-navigation ul>li.menu-item-has-children>a:after,
.main-navigation ul>li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children>a:after{
	content:"";
	position:absolute;
	width: 0px;
	height: 0px;	
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #252525 transparent transparent transparent;
   	transform: rotate(0deg);
}
.main-navigation ul>li.menu-item-has-children>a:after{top: 8px; right:25px;transform: rotate(0deg);}

.main-navigation ul>li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children>a:after{top: 20px;right: 5px; transform: rotate(270deg);}
#mobile-navigation{overflow-y:auto !important;}
/* footer========================================== */
footer{	padding:87px 0px 0px;}
.footer-headings-text{text-transform:uppercase;}
.footer-contact-adress-info-box.col-4,
.footer-site-info.col-4 {padding-right:100px !important;} 
.footer-headings-text{text-align:left;	color:#fff;	margin-bottom:10px !important;	}
.footer-text{color:#fff;}
.footer-menu-con-box.d-flex{gap:50px;}
.menu-products-container,
.menu-quick-links-container{
	width:100%;
	text-align:left;
	ul{
		display:flex;
		flex-direction:column;
		align-items:flex-start;
	}
}
.footer-bottom-bar{	border-top:1px solid #fff;display:flex;justify-content:space-between;align-items:center;}
.footer-social-link{margin-left:10px; display:inline-block; height:40px;width:40px; padding:8px 15px; background:#575757;}

.footer-link,
.footer-menu-link>a,
.footer-social-link{
	color:#fff !important;
	svg path{
		fill: #fff !important;
	}
} 
.site-footer .footer-bottom-bar a{color: #fff !important}
.footer-menu .menu a, .premium-flooring-content-info-link-box a{
	display: inline-block;      /* ensures padding counts as clickable area */
   	padding: 12px 0px;         /* increase touch area */
    min-width: 48px;             /* WCAG recommended minimum width */
    min-height: 48px;            /* WCAG recommended minimum height */
    box-sizing: border-box;
}

.footer-link:hover,
.footer-menu-link>a:hover{
	    /* color: #D5D8D3 !important; */
    color: #575757 !important;
    /* color: #f6f6f6 !important; */	
}
.sticky-number-box{
	z-index:10;
	display:none;
	background: #fff;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
	box-shadow: 0px 8px 20px #000;
	a{
		color:#252525 !important;
		padding:15px;
		display:inline-block;
	}
	svg path{
		fill:#252525 ;
	}
}
.icon-angle-down:before{display:inline-block;padding: 16px 20px;}

/* ============================================ */
/* ===== Common Styles For All SEctions ======= */
/* ============================================ */
.fs-16{font-size:16px; line-height:20px;}
.fs-18{font-size:18px;}
/* ===========================  display======== */
.banner-img-title-and-img-box-con,
.banner-main-slider-btn-con-box{
	display:flex !important;
}

/* ======================== flex-direction ==== */
.home-banner-inner-slider-con-box{
/* 	flex-direction:column; */
}
/* ================================ gap ======= */
.home-banner-inner-slider-con-box,
.banner-img-title-and-img-box-con {
	gap:15px;
}
/* =====================align-items =========== */
.banner-content-and-inner-slider-con-box>.row,
.banner-img-title-and-img-box-con ,
.banner-main-slider-btn-con-box,
.banner-main-slider-btn-box,
.client-review-heading-and-img-box,
.our-processes-con-box,
.premium-flooring-heading-arrows-con-box,
.why-choose-us-content-reasones-con-box,
.home-our-projects-content-box{
	align-items:center
}
.home-banner-inner-slider-con-box{
	align-items:end;
}
/* =====================align-items =========== */
.banner-img-title-and-img-box-con{
	justify-content:end;
}

.banner-main-slider-btn-box{
	justify-content:center;
}

.banner-main-slider-btn-con-box,
.client-review-heading-and-img-box,
.premium-flooring-heading-arrows-con-box,
.our-processes-con-box,
.home-our-projects-content-box{
	justify-content:space-between;
}



/* ============================================ */
/* =========== home page banner section ======= */
/* ============================================ */

.banner-image-box{height:700px;	width:100%;}
.banner-img-title-box{color:#fff;display:none;}
.home-inner-slider-img-box{height:70px; width:70px;}
.banner-content-and-inner-slider-con.row{padding:100px 0px !important;}
.banner-img-title-and-img-box-con { align-items: center;padding:8.5px 0px;}
.home-banner-main-content-text{width:40%;}

.banner-img-title-and-img-box-con.slick-current {
	.home-inner-slider-img-box{border:1px solid #fff;}
	.banner-img-title-box{display:block;}
}
.banner-content-and-inner-slider-con-box{top:0px;left:0px;z-index:1;}
.banner-main-slider-btn-con-box{bottom:15px;left:0px;}
.fade-in{opacity: 1; transition:all 0.5s ease-in; }
.fade-out{opacity: 0;  transition:all 0.5s ease-out; }
/* .word-container {transition: 5s ease-out; } */
/* ============================================ */
/* =========== home page about  section ======= */
/* ============================================ */
.about-para-box p{margin-bottom:20px !important;}
.about-content-box{padding-left:60px !important; }
.about-big-img-box{position:sticky; top:200px;}
.about-sml-img-box.ps-abs{
	bottom: -7%;right: -4%;border: 7px solid #FFF;border-radius: 100%; 
	img{animation: circleRotate 5s linear infinite; height:200px;}
    }
@keyframes circleRotate{
	0%{	transform:rotate(0deg);	}
	100%{transform:rotate(360deg);}
}
.why-choose-us-left-rotate-img-box::before,
.about-sml-img-box::before{
	content:"#1";
	position:absolute;
	top:0px;
	left:-4px;	
	color:#252525;	
	z-index:1;
}
.about-sml-img-box::before{transform:translate(85px,75px);font-size:30px;font-weight:600;}

/* ============================================ */
/* =========== premium flooring section ======= */
/* ============================================ */
.premium-flooring-bg-img-slider-con-box-content-box {height:700px; padding:18px 23px !important;}
.premium-flooring-content-con-box{padding:11px 22px; gap:10px;}
.premium-flooring-right-sml-img-box{height:70px; width:100px; }
.premium-flooring-right-big-img-box{height:250px; width:400px;}
.premium-flooring-right-img-sliders-con-box{
	width: 30%;
    position: absolute;
    top: 50%;
    right: 80px;
}
.premium-flooring-bg-img-slider-arrow-box{gap:43px;}
button.premium-flooring-bg-img-slider-arrow-btn-prev,
button.premium-flooring-bg-img-slider-arrow-btn-next
{align-items:center; padding:0px !important;}

.premium-flooring-right-big-img-box{width:94%;}
.premium-flooring-right-sml-img-wrap-box.slick-current>div,
.premium-flooring-right-big-img-wrap-box.slick-current>div{border:5px solid #fff;}

.premium-flooring-right-big-img-slider-con-box::before{
	content:"";
	position:absolute;
	height:80px;
	width:220px;
	left:-219px;
	top:100px;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}
.premium-flooring-right-big-img-slider-con-box::after{
    content: "";
    position: absolute;
	height: 60px;
    width: 60px;
    left: -246px;
    top: 44px;
    border: 5px solid #fff;
    border-radius: 100%;
	background: #ffffff4d;
	animation-name: wave;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes wave {
  0% {box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0.5);}
  100% {box-shadow: 0 0 0px 15px rgba(255, 255, 255, 0);}
}
/* ============================================ */
/* ===========  WHY CHOOSE US SECTION =========== */
/* ============================================ */
.why-choose-us-content-con-box{padding:62px 48px 60px 90px !important;}
.why-choose-us-content-reasones-con-box{padding:13px 29px;gap:20px; }
.why-choose-us-content-reasones-title-content-box{width:70%;}
.why-choose-us-content-reasones-con-box{
	height:120px;
	border:1px solid #575757;
	background-color:#3A3A3A;
	color:#f6f6f6;
	h4{color:#f6f6f6 !important;}
}
.why-choose-us-content-reasones-con-box:nth-child(2){
	background:#f6f6f6 !important;
	color:#575757 !important;
	h4{color:#252525 !important}
}
.why-choose-us-left-rotate-img-box{
	height: 140px;
    width: 140px;
    border: 5px solid #fff;
    border-radius: 100%;
	position:relative;
	top:50%;
	left:100%;
	transform:translate(-50%,-50%);
	img{animation: circleRotate 5s linear infinite;	}	
}
.why-choose-us-left-rotate-img-box::before{font-size:24px;font-weight: 600; top: 35%; left: 40%;}
/* ============================================ */
/* ===========  OUR PROJECT SECTION =========== */
/* ============================================ */
.home-our-projects-images-con-box.d-flex{gap:30px;flex-wrap:wrap;}
.home-our-projects-images-col{	width:32%;}
.home-our-projects-image-box.m-b-20{margin-bottom:25px !important;}
.home-our-projects-content-box{gap:15px;}
.home-our-projects-content-headings-box{width:80%;}
.home-our-projects-content-text{width:50%;}

/* .home-our-projects-content-link-box{align-self:flex-end;} */

/* ============================================ */
/* ===========  CLIENT REVIEW SECTION =========== */
/* ============================================ */
.client-review-heading-and-img-box>*{width:30%;}

/* ============================================ */
/* =========== OUR PROCESS SECTION =========== */
/* ============================================ */
.our-process-box{width: 15%;position:relative;}
.our-process-box:not(:last-child)::after{
	content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2025/02/process-line.svg);
    height: 20px;
    width: 160px;
    background-repeat: no-repeat;
   top: 40%;
    margin-left: 65%;
}

/* ============================================ */
/* =========== CONTACT-FORM SECTION =========== */
/* ============================================ */
.form {
	box-shadow: 0px 0px 40px 0px #0000000D;
    padding: 26px 30px;
    width: 70%;
    margin-left: 27%;
	position:relative;
	z-index: 1;
    background: #fff;
	right:0px;
	bottom:-45px;
}
.rows {
    margin-bottom: 15px !important;
	p>span{
		display:block;
		width:100%;
		input,select{width:100%;}
	}
}
.contact-form-heading-content-box{ padding: 90px 90px 90px 40px;}
.text-area{height:100px; resize:none;}
.select,input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
	border: 1px solid #D5D8D3 !important;
    font-size:16px !important; 
    line-height: 24px !important;
    padding: 13px 20px !important;
    transition: unset !important;	
	color: #575757 !important;
	&::placeholder{color:#575757 !important;}
	background:transparent;
}
.select{padding:13px 15px !important;}
.contact-form-content-details-box p{margin-bottom:20px !important;}
.wpcf7-spinner{display:none !important;}
.submit{
	border: 1px solid #D5D8D3 !important;
    font-size:16px !important; 
    line-height: 24px !important;
    padding: 13px 20px !important;
    transition: unset !important;	
	color: #fff !important;
	background:#252525 !important; 
	&::placeholder{color:#FFF !important;}
	text-transform:capitalize !important;
	width:100%;
	
}
.contact-form-content-details-box-2{gap:100px;}
/* a.contact-mail-contact-link{color:#575757!important;} */
@media Screen and (max-width:768px){
/* 	.banner-image-box{ min-height: 500px;} */
	.home-banner-inner-slider-con-box {
		min-height: 600px; /* match your banner image */
	}
	.home-banner-inner-slider-con-box {
		position: relative;
		width: 100%;
		/* Use a ratio that matches your images, e.g., 16:9 */
		padding-top: 40%; /* height = 40% of width */
	}
	.home-inner-slider-img-box {
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
	}
}
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
/* product page */
.page-template-products-inner-page .product-inner-page-image-gallery-image-box .product-inner-page-image-gallery-image-caption-box {
    opacity: 1;
    justify-content: center;
    min-height: 80px;
    align-items: center;
    display: flex;
}
.page-template-products-inner-page  .gallery-1 img, .gallery-1 img{
	height: 100%;
}
.page-id-62 .page-template-products-inner-page .product-inner-page-image-gallery-image-caption-box{
	display: flex;
    justify-content: center;
	min-height: 80px;
	align-items: center;
}
.page-template-products-inner-page .slick-list .product-inner-page-image-slider-slides-img-box img{
	object-fit: cover;
    width: 100%;
    height: 300px;
}
.product-inner-page-image-slider-slides-content-box {
	p { 
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 3;
	}
}
.text-white{
	color: #fff;
}
.main-navigation ul .sub-menu li:hover .sub-menu,.main-navigation ul .sub-menu li .sub-menu {
    min-height: 300px;
    height: 250px;
    overflow-x: hidden;
}