.elementor-113 .elementor-element.elementor-element-a88c8e5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-113 .elementor-element.elementor-element-a88c8e5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-113 .elementor-element.elementor-element-2fbdfdb{text-align:center;width:var( --container-widget-width, 222.523% );max-width:222.523%;--container-widget-width:222.523%;--container-widget-flex-grow:0;}.elementor-113 .elementor-element.elementor-element-2fbdfdb img{width:66%;max-width:100%;opacity:1;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-113 .elementor-element.elementor-element-a751ff2 .elementor-nav-menu .elementor-item{font-family:"Source Sans Pro", Sans-serif;font-size:18px;font-weight:600;}.elementor-113 .elementor-element.elementor-element-a751ff2 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-113 .elementor-element.elementor-element-a751ff2 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-113 .elementor-element.elementor-element-a751ff2 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-113 .elementor-element.elementor-element-a751ff2 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-113 .elementor-element.elementor-element-a751ff2 .elementor-nav-menu--main .elementor-item:focus{color:#F3BD59;fill:#F3BD59;}.elementor-113 .elementor-element.elementor-element-a751ff2 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-113 .elementor-element.elementor-element-a751ff2 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#F3BD59;}.elementor-113 .elementor-element.elementor-element-a751ff2 .e--pointer-framed .elementor-item:before,
					.elementor-113 .elementor-element.elementor-element-a751ff2 .e--pointer-framed .elementor-item:after{border-color:#F3BD59;}.elementor-113 .elementor-element.elementor-element-a751ff2{--e-nav-menu-horizontal-menu-item-margin:calc( 34px / 2 );width:var( --container-widget-width, 103.669% );max-width:103.669%;--container-widget-width:103.669%;--container-widget-flex-grow:0;}.elementor-113 .elementor-element.elementor-element-a751ff2 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:34px;}.elementor-113 .elementor-element.elementor-element-a751ff2 .elementor-nav-menu--dropdown .elementor-item, .elementor-113 .elementor-element.elementor-element-a751ff2 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-113 .elementor-element.elementor-element-06e3bc2{width:18.63%;}.elementor-113 .elementor-element.elementor-element-e364f26{width:81.37%;}}/* Start custom CSS for nav-menu, class: .elementor-element-a751ff2 */```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Luxury Search Bar</title>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

<style>

body{
margin:0;
font-family:'Segoe UI',sans-serif;
}

/* BACKGROUND */

.hero-section{

height:100vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:white;

background:linear-gradient(135deg,#0b2f75,#1c5cff,#0b2f75);

position:relative;
overflow:hidden;
}

/* SILVER LINES */

.hero-section::before{

content:"";
position:absolute;
width:200%;
height:200%;

background-image:
linear-gradient(120deg,rgba(255,255,255,0.2) 1px,transparent 1px);

background-size:90px 90px;

opacity:.3;

animation:move 20s linear infinite;

}

@keyframes move{

0%{transform:translate(0,0);}

100%{transform:translate(-200px,-200px);}

}

/* CONTENT */

.hero-content{

position:relative;
z-index:2;
max-width:1000px;

}

.hero-content h1{

font-size:55px;
font-weight:700;

}

/* SEARCH BAR */

.search-box{

margin-top:30px;

background:rgba(255,255,255,0.15);
backdrop-filter:blur(10px);

padding:30px;

border-radius:15px;

box-shadow:0 10px 40px rgba(0,0,0,0.3);

}

/* BUTTON */

.search-btn{

background:linear-gradient(45deg,#ffffff,#d9d9d9);

color:#0b2f75;

font-weight:600;

border:none;

padding:12px;

border-radius:40px;

width:100%;

transition:.3s;

}

.search-btn:hover{

transform:translateY(-3px);

box-shadow:0 10px 25px rgba(0,0,0,0.3);

}

/* PHONE CTA */

.call-box{

margin-top:30px;

font-size:22px;

font-weight:600;

}

.call-box a{

color:white;

text-decoration:none;

font-size:28px;

margin-left:10px;

}

.call-box i{

margin-right:10px;

}

</style>

</head>

<body>

<section class="hero-section">

<div class="hero-content">

<h1>Find Your Dream Property</h1>

<p>Luxury Living • Smart Investment • Trusted Realty</p>

<!-- SEARCH BAR -->

<div class="search-box">

<div class="row g-3">

<div class="col-md-3">
<input class="form-control" placeholder="City">
</div>

<div class="col-md-3">
<select class="form-control">
<option>Property Type</option>
<option>Apartment</option>
<option>Villa</option>
<option>Commercial</option>
</select>
</div>

<div class="col-md-3">
<select class="form-control">
<option>Budget</option>
<option>50L - 1Cr</option>
<option>1Cr - 3Cr</option>
<option>3Cr+</option>
</select>
</div>

<div class="col-md-3">
<button class="search-btn">Search Property</button>
</div>

</div>

</div>

<!-- PHONE NUMBER -->

<div class="call-box">

<i class="fa fa-phone"></i> Call Us Now

<a href="tel:+919999999999">+91 99999 99999</a>

</div>

</div>

</section>

</body>
</html>
```/* End custom CSS */