/*
Theme Name: B&D Homes Group Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: bd-homes
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: B&D Homes Group is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1749733893
Updated: 2025-06-12 13:11:33

*/

.preloader-plus-default-icons {
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 136px;
	width: 136px;
  	height: 70px;
}
.preloader-plus-default-icons div {opacity: 1; width: 50px !important; height: 50px !important; margin: auto; position: relative; top: -50px;}
.headercont .elementor-icon-list-icon {border-right: 1px solid #232732;}
.headercont .elementor-icon-list-text {padding-left: 12px !important;}
.process .elementor-icon-box-title {margin-top: 0;}
.process .elementor-icon-box-title span {background-color: #d9bb8d; border-radius: 100px; width: 40px; height: 40px; margin: auto; display: flex; align-items: center; justify-content: center;}
.whitearrow img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(220deg) brightness(103%) contrast(105%);}
.bgfix {background-attachment: fixed;}
.servicewrap .elementor-image-box-img {
	width: 160px;
    height: 160px;
    border-radius: 100%;
    border: 1px solid #fff;
}
.servicewrap .elementor-image-box-img img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 9px;
}
.servicewrap a {text-decoration: none;}
.inputwrap {display: flex; gap: 12px;}
.inputwrap div {width: 50%;}
.getintouchform .wpcf7-form textarea, .getintouchform .wpcf7-form select {
	font-family: "Space Grotesk", Sans-serif;
    font-size: 20px;
    font-weight: 400;
}
.getintouchform .wpcf7-form select {
	background-color: #232732;
	color: #fff;
	-webkit-appearance: none;
  	-moz-appearance: none;
	background-image: url('images/dropdown-arrow.png');
	background-repeat: no-repeat;
	background-position: 99% 50%;
}
.getintouchform .wpcf7-form select option {}
.formbtn {position: relative; text-align: center; margin-top: 22px;}
.formbtn p {margin-bottom: 0px;}
.formbtn .wpcf7-spinner {position: absolute;}
.wpcf7-response-output {text-align: center; font-family: "Space Grotesk", Sans-serif; font-size: 14px;}
.wpcf7-not-valid-tip {font-family: "Space Grotesk", Sans-serif; font-size: 14px;}
#sp-testimonial-free-1216 .sp-testimonial-item {font-family: "Times New Roman", Sans-serif; background-color: #232732; color: #fff; padding: 54px 40px 50px 40px; min-height: 340px;}
#sp-testimonial-free-1216 .sp-testimonial-post-title {font-size: 25px; font-weight: 400; color: #fff !important; text-align: left;}
#sp-testimonial-free-1216 .sp-testimonial-title {margin-bottom: 5px !important;}
#sp-testimonial-free-1216 .sp-testimonial-client-designation {color: #ffffff40 !important; font-size: 16px !important; text-align: left; margin-bottom: 10px;}
#sp-testimonial-free-1216 .sp-testimonial-content {
	height: 168px; 
	overflow-x: auto;
	display: block;
	scrollbar-color: #000 #fff;
    scrollbar-width: thin;
}
#sp-testimonial-free-1216 .sp-testimonial-content p {font-weight: 400; color: #fff !important; text-align: left; font-size: 16px !important; padding: 0; line-height: 1.5;}
#sp-testimonial-free-1216 .sp-testimonial-client-name {display: none;}
#sp-testimonial-free-1216 {margin-left: 20px !important; margin-right: 20px !important;}
.testimonial-nav-arrow {
	background: #fff !important;
    border: 1px solid #fff !important;
	color: #000 !important;
	border-radius: 8px;
	width: 40px !important;
	height: 96px !important;
	font-size: 45px !important;
}
.hfe-breadcrumbs a {text-decoration: none;}
.contactpageform .inputwrap {display: block;}
.contactpageform .inputwrap div {width: 100%;}
.blog_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 19px;
}
.blogbox {width: 32.2%; font-family: "Times New Roman", Sans-serif;}
.blogbox .post-thumb img {
	width: 100%;
    height: 300px;
    object-fit: cover;
}
.blogbox h3 {
	font-size: 30px; 
	font-weight: 400;
	color: #232732;
	line-height: 1.2;
}
.blogbox p {
	font-size: 15px;
	color: #232732;
}
.blogbtn {margin-top: 10px;}
.blogbtn a {
	font-family: "Times New Roman", Sans-serif;
	font-weight: 400;
	font-size: 17px;
	color: #232732;
	text-decoration: none;
	border: 1px solid #232732;
	border-radius: 10px; 
	padding: 14px 20px;
	display: block;
    text-align: center;
	max-width: 144px;
}
.blogbox:hover .blogbtn a {background-color: #d9bb8d; border: 1px solid #d9bb8d;}
body.single-post .site-main {max-width: 1200px !important; padding: 50px 20px; font-family: "Times New Roman", Sans-serif;}
body.single-post h1.entry-title {
	padding: 0;  
	margin: 20px 0px;
	font-size: 50px;
	line-height: 1;
}
body.single-post .page-content h2 {
	font-weight: 400;
	font-size: 40px;
	margin-bottom: 8px;
    margin-top: 20px;
	line-height: 1.1;
}
body.single-post .page-content h3 {
	font-weight: 400;
	font-size: 35px;
	margin-bottom: 8px;
    margin-top: 20px;
	line-height: 1.1;
}
body.single-post .page-content p, body.single-post .page-content ol li, body.single-post .page-content ul li {font-size: 15px; line-height: 1.4;}
body.single-post .page-content ol, body.single-post .page-content ul {
	padding-bottom: 20px;
	padding-left: 20px;
}
body.single-post .page-content p a {text-decoration: none; color: #d9bb8d; font-weight: 700;}
.bannerslider .bdt-slide-desc {
	background-image: url('images/bannershape.png');
	background-repeat: no-repeat;
	background-position: 50% 77%;
}
.textcenter p {text-align-last: center;}
.project_box {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	font-family: "Times New Roman", Sans-serif;
	transition: all 1s;
}
.project_box .image_main_wrap {position: relative; transition: all 1s;}
.project_box .image_main_wrap:after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #ff000000 40%, #000000 100%);
	opacity: 0;
	transition: all 1s;
}
.project_box .image_main_wrap img {
	height: 417px; 
	object-fit: cover;
}
.project_box .service_content {
	position: absolute; 
	z-index: 2;
	bottom: 30px;
	width: 100%;
    text-align: center;
	color: #fff;
	padding: 0px 12px;
	opacity: 0;
	transition: all 1s;
}
.project_box .service_content h3 {
	font-weight: 400; 
	font-size: 30px;
	line-height: 1.1;
	margin-top: 0px;
}
.projectbtn {
	background-color: #fff;
	text-decoration: none !important;
	color: #000;
	border-radius: 10px;
	font-size: 17px; 
	font-weight: 400;
	border: 0px;
	outline: none;
	max-width: 146px; 
	text-align: center;
	display: block;
	margin: auto;
	padding: 14px 15px;
}
.project_box:hover .projectbtn {
	background-color: #d9bb8d;
	color: #000;
}
.project_box:hover .service_content {opacity: 1;}
.project_box:hover .image_main_wrap:after {opacity: 1;}
#project-slider .owl-nav button span {display: none;}
#project-slider .owl-prev {
	background-image: url('images/left-arrow.png') !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	width: 27px;
    height: 57px;
	top: 40%;
    left: -20px;
    position: absolute;
}
#project-slider .owl-next {
	background-image: url('images/right-arrow.png') !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	width: 27px;
    height: 57px;
	top: 40%;
    right: -20px;
    position: absolute;
}
.projectgallery a {text-decoration: none;}


@media only screen and (min-width: 1201px) and (max-width: 1300px) {
.blogbox .post-thumb img {height: 277px;}	
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
.blog_wrapper {gap: 50px 16px;}	
.blogbox .post-thumb img {height: 277px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.servicewrap .elementor-image-box-img {
    width: 120px;
    height: 120px;
}
.testimonial-nav-arrow {
    width: 32px !important;
    height: 85px !important;
    font-size: 32px !important;
}
.getintouchform .wpcf7-form textarea, .getintouchform .wpcf7-form select {font-size: 16px;}
.blog_wrapper {gap: 40px 12px;}
.blogbox h3 {font-size: 24px;}
.blogbox .post-thumb img {height: 181px;}
body.single-post h1.entry-title {
    font-size: 40px;
}
body.single-post .page-content h2 {font-size: 35px;}
body.single-post .page-content h3 {font-size: 30px;}
body.single-post .site-main {padding: 30px 20px;}
.bannerslider .bdt-slide-desc {
	background-size: 0px;
}
.project_box .service_content {opacity: 1;}
.project_box .image_main_wrap:after {opacity: 1;}
#project-slider .owl-prev {left: -14px;}
#project-slider .owl-next {right: -14px;}
.project_box .service_content h3 {font-size: 25px;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.headercont .elementor-icon-list-text {padding-left: 8px;}	
.headercont .elementor-icon-list-icon {padding-right: 5px !important;}
.headercont .elementor-icon-list-items {gap: 5px;}
.sitefooter .hfe-nav-menu li a {justify-content: center !important;}
.getintouchform .wpcf7-form textarea, .getintouchform .wpcf7-form select {font-size: 16px;}
.testimonial-nav-arrow {
    width: 32px !important;
    height: 85px !important;
    font-size: 32px !important;
}
.inputwrap {display: block;}
.inputwrap div {width: 100%;}
.blogbox {
    width: 100%;
    text-align: center;
}
.blogbtn a {
    font-size: 16px;
    margin: auto;
	padding: 12px 20px;
}
.blogbox h3 {font-size: 24px;}
body.single-post h1.entry-title {
    margin: 20px 0px;
    font-size: 35px;
}
body.single-post .page-content h2 {font-size: 32px;}
body.single-post .page-content h3 {font-size: 26px;}
body.single-post .site-main {padding: 30px 20px;}
.bannerslider .bdt-slide-desc {
	background-size: 0px;
}
.project_box .service_content {opacity: 1;}
.project_box .image_main_wrap:after {opacity: 1;}
#project-slider .owl-prev {left: -12px;}
#project-slider .owl-next {right: -12px;}
.project_box .service_content h3 {font-size: 25px;}
#loftloader-wrapper {opacity: 1;}
}