/* =========================================
   ROOT VARIABLES & RESETS
   ========================================= */
:root {
    --bsm-primary: #ea5a38; /* Vibrant Orange similar to the image */
    --bsm-dark: #1e222e;    /* Dark Blue/Charcoal for footer */
    --bsm-light: #f8f9fa;
    --bsm-danger: #e53935;
	--primary:#F16040;
	--primary-dark:#d84f30;
	--dark:#111827;
	--dark-soft:#1b2434;
	--white:#ffffff;
	--hover-grey:#737373;
	--hover-grey-dark:#565656;
	--bg-light:#f5f5f6;
	--text-muted:#6b7280;
	--radius:0;
	--shadow-soft:0 10px 30px rgba(17,24,39,.08);
	--shadow-strong:0 20px 45px rgba(17,24,39,.16);
	--ease:cubic-bezier(.22,1,.36,1);
}
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	overflow-x: hidden
}

/* floating icon code start */
.bsm-hero-float-icons {
	position: fixed;
	right: 20px;
	top: 50%;
	transform: translateY(-50%) !important;
	z-index: 10;
}
.bsm-hero-float-icons .icon-box {
	width: 45px;
	height: 45px;
	text-decoration:none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.3);
	transition: transform 0.3s;
	border-radius: 50%;
	background-image: linear-gradient(180deg, #F16040 0%, #C24125 100%);
}
.bsm-hero-float-icons .icon-box.adpWhatsappBtn {
    background-image: linear-gradient(180deg, #4CAF50 0%, #4CAF50 100%);
}
.bsm-hero-float-icons .icon-box:hover {
	transform: scale(1.1);
}
.fullboxlink {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
/* floating icon code end */
.letter-spacing {
    letter-spacing: 1.5px;
}
.object-fit-cover {
    object-fit: cover;
}

a.elementor-button,
.gradient-bg,
.gradient-bg input,
a.gradient-bg,
.gradient-bg a,
a.gradient-bg-dark,
.gradient-bg-dark a{
	display: inline-block;
	position: relative;
	color:#fff !important;
	
	&:before{
		content: "" !important;
		display: block !important;
		position: absolute !important;
		width: 100% !important;
		height: 1px !important;
		background: rgba(255, 255, 255, 0.50) !important;
		top: 2px !important;
		left: -5px !important;
		margin: 0px 5px !important;
		right: 0px !important;
	}
}
a.elementor-button,
.gradient-bg,
.gradient-bg input,
a.gradient-bg,
.gradient-bg a{
	background: linear-gradient(180deg, #F16040 0%, #C24125 100%) !important;
	border:none;
}
.bsm-footer a.gradient-bg:hover,
.bsm-footer .gradient-bg a:hover,
a.elementor-button:hover,
.gradient-bg:hover,
.gradient-bg input:hover,
a.gradient-bg:hover,
.gradient-bg a:hover{
	background: linear-gradient(180deg, #737373 0%, #2D2E2F 100%) !important;
	border-color:#737373 !important;
}
.gradient-bg-dark,
a.gradient-bg-dark,
.gradient-bg-dark a{
	width:auto !important;
	background: linear-gradient(180deg, #737373 0%, #2D2E2F 100%) !important;
	
}
.nav-link:focus, .nav-link:hover {
    color: #F16040;
}
.lineLabel{
	position: relative;
	
	&:before{
		content:"";
		display: block;
		width: 30px;
		height: 1px;
		background: #F16040;
		top: 50%;
		left: -40px;
		position: absolute;
	}
	
	&.lineLabelWhite::before{
		background: #fff;
	}
}
ul.blogsidebar {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
	
	& .wp-block-latest-posts__featured-image{
		float:left;
		margin-right: 16px;
	}
	& a.wp-block-latest-posts__post-title{
		color: #2D2E2F;
		font-family: Poppins;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px; /* 150% */
		text-decoration: none;
	}
	& time.wp-block-latest-posts__post-date{
		color: #F16040;
		font-family: Poppins;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px; /* 200% */
		display: block;
	}
}
aside.blogSidebarCont{
	background: #F9FAF9;
	padding: 20px;
}
.sidebartitle{
	color: #2D2E2F;
	font-family: Manrope;
	font-size: 29.6px !important;
	font-style: normal;
	font-weight: 500 !important;
	line-height: 42px !important; 
	margin-bottom: 22px;
}
/* ============ HEADER ============ */
.site-header{
  width: 100vw;
  position:fixed;
  top:0;left:0;right:0;
  z-index:1000;
  border-radius:0;
  background:transparent;
  border:1px solid transparent;
  box-shadow:none;
  padding:18px 0;
  transition:background .35s ease, box-shadow .35s ease, padding .35s ease, top .35s ease, left .35s ease, right .35s ease, border-radius .35s ease, border-color .35s ease;
}
#mainNav #mobileNavClose{
	display: none !important
}
.site-header.scrolled{
  top:0;left:0;right:0;
  border-radius:0;
  background:rgba(6,8,14,.28);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-color:rgba(255,255,255,.09);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  padding:12px 0;
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:6px 60px;
}
.logo img{height:34px;}

header .main-nav > ul{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	align-items:center;
	gap:28px;
}
header .main-nav > ul > li{
	position:relative;
	list-style:none;
}
header .main-nav a{
  position:relative;
  font-size:14.5px;
  font-weight:500;
  color:var(--white);
  transition:color .25s ease;
  display:flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  padding-bottom:6px;
}
header .main-nav > ul > li > a::after{
  content:"";
  position:absolute;
  left:0;bottom:0;
  width:0;height:2px;
  background:var(--primary);
  transition:width .3s var(--ease);
}
header .main-nav > ul > li:hover > a::after{width:100%;}
header .main-nav a:hover{color:var(--primary);}
header .main-nav a svg path{
	stroke:#fff;
}
.dropdown-arrow{
  width:10px;height:10px;
  flex:none;
  transition:transform .3s var(--ease);
}
.has-dropdown:hover .dropdown-arrow{transform:rotate(180deg);color:var(--primary);}
.has-dropdown.open .dropdown-arrow{transform:rotate(180deg);}

.has-dropdown .dropdown{
	list-style:none;
  position:absolute;
  top:calc(100% + 16px);
  left:0;
  min-width:200px;
  background:var(--white);
  border-radius:0;
  box-shadow:var(--shadow-strong);
  padding:10px;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:all .3s var(--ease);
}
.has-dropdown:hover .dropdown,
.has-dropdown .dropdown.show{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	display: block;
}
.bsmCustomFileInputCont{
	padding-top: 26px;
}
.bsmCustomFileInput{
	position: relative;
	cursor: pointer;
	border: 1px solid #EEE;
	background: #FFF;
	padding: 15px;
	background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1625_3139)"><path d="M16.2274 9.27271C15.8007 9.27271 15.4548 9.61862 15.4548 10.0453V13.3009C15.4533 14.4897 14.4902 15.4532 13.301 15.4547H3.69898C2.51017 15.4532 1.54667 14.4901 1.54522 13.3009V10.0453C1.54522 9.61862 1.19931 9.27271 0.772612 9.27271C0.345919 9.27271 0 9.61862 0 10.0453V13.3009C0.00217331 15.3431 1.65715 16.9977 3.69898 16.9999H13.301C15.3432 16.9977 16.9978 15.3428 17 13.3009V10.0453C17 9.61862 16.6541 9.27271 16.2274 9.27271Z" fill="%23F16040"/><path d="M4.40942 5.95514L7.72662 2.63795V12.3635C7.72662 12.7902 8.07253 13.1361 8.49923 13.1361C8.92592 13.1361 9.27184 12.7902 9.27184 12.3635V2.63795L12.589 5.95514C12.8958 6.2518 13.3852 6.24311 13.6818 5.93631C13.9709 5.63675 13.9709 5.16225 13.6818 4.86269L9.04582 0.226296C8.74409 -0.075432 8.25509 -0.075432 7.953 0.226296L3.31661 4.86269C3.01995 5.16949 3.02864 5.65885 3.33544 5.95551C3.635 6.24456 4.1095 6.24456 4.40906 5.95551L4.40942 5.95514Z" fill="%23F16040"/></g><defs><clipPath id="clip0_1625_3139"><rect width="17" height="17" fill="white"/></clipPath></defs></svg>') no-repeat 96% 45%;
		
	& span.fileInputLabel{
		width: 100%;
		color: #2D2E2F;
		font-family: Poppins;
		font-size: 14px;
		font-style: normal;
		font-weight: 300;
		line-height: 21px; /* 150% */
	}
	
	& span.wpcf7-form-control-wrap input,
	& span.wpcf7-form-control-wrap{
		opacity: 0;
		position: absolute;
		left: 0px;
		width: 100%;
		padding: 15px;
		display: block;
		top: 0px;
	}
}
.bsmCareerForm{
	& p{
		margin: 0px;
		padding: 0px;
	}
	& .fldLabel{
		color: #2D2E2F;
		font-family: Poppins;
		font-size: 14px;
		font-style: normal;
		font-weight: 300;
		line-height: 21px; /* 150% */
		margin-bottom: 0;
	}
	& input[type="submit"]{
		border: none;
		margin-top: 30px;
	}
	& input[type="text"],
	& input[type="email"],
	& input[type="tel"],
	& textarea{
		width: 100%;
		color: #2D2E2F;
		font-family: Poppins;
		font-size: 14px;
		font-style: normal;
		font-weight: 300;
		line-height: 21px; /* 150% */
		border: 1px solid #EEE;
		background: #FFF;
		padding: 15px;
		
		&:placeholder{
			color: #C9C9C9;
			font-family: Poppins;
			font-size: 14px;
			font-style: normal;
			font-weight: 300;
			line-height: 21px; /* 150% */
		}
	}
	& textarea{
		height:152px;
	}
}
button.iti__selected-country{
	
}
@media (max-width: 768px) {
	#jobSlider ul.splide__list li .bsmJobTitle {
		font-size: 22px;
		line-height: 28px;
	}
	.has-dropdown svg.dropdown-arrow.revert{
		transform: rotate(180deg);
	}
	.has-dropdown .dropdown{
		background: transparent;
		
		& a{
			color: #fff !important;
		}
	}
}
.dropdown li a{color:var(--dark) !important;display:block;padding:9px 12px;border-radius:0;font-size:14px;white-space:nowrap;}
.dropdown li a:hover{background:var(--bg-light);color:var(--primary) !important;}
.dropdown li a .dropdown-arrow{display:none;}

.header-actions{
	display:flex;
	align-items:center;
	gap:20px;
}
.lang-link{
  color:var(--white) !important;
  background:none;
  border:none;
  padding:0;
  font-size:14.5px;
  font-weight:500;
  transition:color .25s ease;
}
.lang-link:hover{color:var(--primary);}

.nav-toggle{
  display:none;
  flex-direction:column;
  gap:5px;
  width:30px;
}
.nav-toggle span{
  display:block;height:2px;width:100%;
  background:var(--white);
  transition:all .3s ease;
}

.mobile-nav-close{display:none;}

@media (max-width:900px){
  .main-nav{
    position:fixed;
    top:0;right:-101%;
    width:100%;
    height:100vh;
    background: linear-gradient(180deg, #F16040 0%, #C24125 100%);
    padding:100px 30px 30px;
    transition:right .4s var(--ease);
    box-shadow:-10px 0 30px rgba(0,0,0,.15);
  }
  .main-nav.open{right:0; overflow-x:hidden !important;}
  .mobile-nav-close{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:24px;right:24px;
    width:38px;height:38px;
    border-radius:0;
    background:var(--bg-light);
    color:var(--dark);
    transition:all .3s var(--ease);
  }
  .mobile-nav-close svg{width:18px;height:18px;}
  .mobile-nav-close:hover{
    background:linear-gradient(135deg,var(--primary),var(--primary-dark));
    color:var(--white);
  }
  .main-nav ul{flex-direction:column;align-items:flex-start;gap:6px;}
	.main-nav a{
		color:var(--white) !important;
		font-family: Manrope !important;
		font-size: 22px !important;
		font-style: normal !important;
		font-weight: 600 !important;
		line-height: 50px !important; /* 384.615% */
		border-bottom: 1px solid #FFFFFF66
	}
  .main-nav > ul > li{width:100%;}
  .has-dropdown .dropdown{
    position:static;opacity:1;visibility:visible;transform:none;
    box-shadow:none;display:none;padding-left:14px;margin-top:4px;
  }
  .has-dropdown.open .dropdown{display:block;}
  .nav-toggle{display:flex;}
  .nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav-toggle.open span:nth-child(2){opacity:0;}
  .nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  .hero-content h1{font-size:38px;}
  .about-grid,.portfolio-grid{grid-template-columns:1fr;gap:36px;}
  .portfolio-copy{padding:0 28px 44px;}
  .portfolio-media{order:-1;}
	
	.header-inner{
		padding: 6px 20px
	}
	.dropdown-arrow{
		position: absolute;
		width: 25px;
		height: 25px;
		right: 10px;
	}
}

/* =========================================
   STATS SECTION
   ========================================= */
.bsm-stats {
    background-color: var(--bsm-primary);
}
.bsm-stats .stat-box i {
    opacity: 0.8;
}
footer .bsmColCont{
	padding-left: 10px;
}
footer .bsmColCont .bsmColtitle{
	color: #FFFEFE;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 21px; /* 150% */
}
footer .bsmColCont .bsmColVal,
footer .bsmColCont .bsmColVal a{
	color: #FFFEFE !important;
	font-family: Poppins !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 21px !important;
	text-decoration: none !important;
}
/* =========================================
   ABOUT SECTION
   ========================================= */
.bsm-about .bsm-btn-primary {
    background-color: var(--bsm-primary);
    border-color: var(--bsm-primary);
}

/* =========================================
   WHY CHOOSE US SECTION
   ========================================= */
.bsm-why-choose .feature-box {
    transition: transform 0.2s;
}
.bsm-why-choose .feature-box:hover {
    transform: translateY(-5px);
}
/* Only show red border on the left like the image */
.bsm-why-choose .border-start {
    border-width: 3px !important;
}

/* =========================================
   PORTFOLIO SECTION
   ========================================= */
.bsm-portfolio .bg-dark-blue {
    background-color: var(--bsm-dark);
}
.bsm-portfolio .portfolio-images-wrapper {
    min-height: 500px; /* Ensure the images side is tall enough */
}

/* =========================================
   FAQ ACCORDION
   ========================================= */
.bsm-accordion h3.elementor-tab-title.elementor-active {
    background: url(https://zoomdevdxb.com/bsmproperty/wp-content/uploads/2026/07/minusIcon.svg) no-repeat right center;
}
.bsm-accordion h3.elementor-tab-title {
    background: url(https://zoomdevdxb.com/bsmproperty/wp-content/uploads/2026/07/PlusIcon.svg) no-repeat right center;
}

.bsm-accordion .accordion-button {
    box-shadow: none !important; /* Remove default Bootstrap blue glow */
    font-size: 0.95rem;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
}
.bsm-accordion .elementor-accordion-item {
	border-top:solid 1px #D5D5D5 !important;
}
.bsm-accordion {
	border-bottom:solid 1px #D5D5D5 !important;
}
/* =========================================
   Contact Us Form
   ========================================= */

.bsmContactForm{
	& label.inputLabel{
		display: block;
		width: 100%;
		
		& span{
			display: block;
			color: #2D2E2F;
			font-family: Poppins;
			font-size: 14px;
			font-style: normal;
			font-weight: 300;
			line-height: 21px; /* 150% */
			margin-bottom: 10px;
		}
		& input,
		& textarea{
			width: 100%;
			border-radius: 5px;
			border: 1px solid #EEE;
			background: #FFF;
			color: #2D2E2F;
			font-family: Poppins;
			font-size: 14px;
			font-style: normal;
			font-weight: 300;
			line-height: 21px; 
			margin-bottom: 10px;
			padding: 15px 20px;
			
			&::placeholder{
				color: #C9C9C9;
				font-family: Poppins;
				font-size: 14px;
				font-style: normal;
				font-weight: 300;
				line-height: 21px; /* 150% */
			}
		}
	}
	& span.wpcf7-list-item{
		margin: 0px;
		
		& input{
			margin-right: 10px;
		}
	}
	& input[type="submit"]{
		margin-top: 25px;
		border: none;
		color:#fff !important;
	}
}

/* =========================================
   FOOTER
   ========================================= */
.bsm-footer {
	padding:80px 0 30px;
    background-color: var(--bsm-dark);
}
.bsm-footer .ftrbgTitle{
	color: #FFFEFE;
	font-family: Manrope;
	font-size: 36px;
	font-weight: 600;
	line-height: 46px;
}
.bsm-footer .footer-links a:hover {
    color: var(--bsm-primary) !important;
    opacity: 1 !important;
}
.bsm-footer .btn-danger {
    background: var(--bsm-primary) url(/bsmproperty/wp-content/uploads/2026/07/123123.svg) no-repeat right 16px center  !important;
    border-color: var(--bsm-primary);
    width: 200px;
    height: 49px;
    line-height: 49px;
    padding: 0;
    text-align: left;
    padding-left: 20px;
}
.bsm-footer .btn-outline-light:hover {
    background-color: var(--bsm-primary);
    border-color: var(--bsm-primary);
    color: #fff;
}

.footerSocialLinks a{
	min-width: 38px;
	display: block;
}
.bsm-footer h5.adpFtrtitle {
    color: #CACACA;
    font-family: Poppins;
    font-size: 11.4px;
    margin-bottom:20px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}
.footerSocialLinks{
	margin-bottom:50px;
}
.adpBsmPMTxt {
    color: #FFFEFE;
    font-family: Poppins;
    font-size: 12px;
    margin: 45px 0 0;
    font-weight: 600;
    line-height: 24px;
}
.adpBsmPM {
    color: #FFFEFE;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
}
.adpBsmPM a {
    color: #F16040;
    background: url(https://zoomdevdxb.com/bsmproperty/wp-content/uploads/2026/07/External_Link.svg) no-repeat right center;
    text-decoration: none;
    padding-right: 20px;
}
.adpCopyrightcs{
	color: #FFFEFE;
	font-family: Poppins;
	font-size: 14px;
	font-weight: 300;
	line-height: 24px; /* 171.429% */
}
.adpBottomFtm {
    display: grid;
    grid-template-columns: 350px 250px 300px 250px 145px;
    gap: 0px;
    border-top: solid 1px #404040;
    padding: 30px 0 0;
    margin-top: 40px;
}
.adpBottomFtm .reveal.in-view {
    color: #FFFEFE;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
}
/* =========================================
   RESPONSIVE MEDIA QUERIES (Extra adjustments)
   ========================================= */

.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);}
.reveal[data-reveal="fade-up"]{transform:translateY(32px);}
.reveal[data-reveal="fade-right"]{transform:translateX(-44px);}
.reveal[data-reveal="fade-left"]{transform:translateX(44px);}
.reveal[data-reveal="zoom-in"]{transform:scale(.82);}
.reveal.in-view{opacity:1;transform:none;}

.listing-pages .reveal.in-view {
	background: #FFF;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.10);
}

@media (max-width: 1400px) and (min-width: 1150px) {
	
	.header-inner {
		padding: 6px 20px;
	}
	header .main-nav > ul {
	    gap: 30px;
	}
	header .main-nav a {
		font-size: 13px;
	}
}

@media (max-width: 1150px) and (min-width: 900px) {
	.header-inner {
		padding: 6px 20px;
	}
	header .main-nav > ul {
	    gap: 15px;
	}
	header .main-nav a {
		font-size: 11px;
	}
}
@media (max-width: 991px) {
	
    .bsm-hero {
        min-height: 60vh;
    }
	.bsm-services .container {
		max-width: 100%;
		padding: 0 20px;
	}
	body .bsm-hero h1.adpBnrTitle {
		font-size: 55px;
		line-height: 65px;
	}
	body .bsm-hero p {
		max-width:100%;
	}
    .bsm-hero .bsm-hero-float-icons {
        display: none;
    }
    .bsm-portfolio .portfolio-images-wrapper {
        min-height: 300px;
    }
}
@media (max-width: 768px) {
	header .main-nav > ul {
		gap: 10px;
	}
    .bsm-topbar .top-contact {
        font-size: 0.75rem;
        width: 100%;
        justify-content: center;
        margin-bottom: 5px;
    }
    .bsm-topbar .top-socials {
        width: 100%;
        justify-content: center;
        font-size: 0.75rem;
    }
	.bsm-accordion h3.elementor-tab-title a {
		width:85%;
		display:block;
	}
	div#propertyFilters {
		margin: 30px 0 30px !important;
	}
	.adpMapAddress {
		top:250px;
	}
	.footerSocialLinks {
		margin-bottom: 0px;
	}
	.adpBottomFtm {
		grid-template-columns: 1fr !important;
		gap:20px !important;
	}

}