.hero{

position:relative;

height:92vh;

overflow:hidden;

}


.hero-bg{

position:absolute;

width:100%;

height:100%;

object-fit:cover;

animation:zoom 18s ease-in-out infinite alternate;

}




.hero-overlay{

position:absolute;

inset:0;

background:

linear-gradient(

180deg,

rgba(255,255,255,.82),

rgba(255,255,255,0),

rgba(255,255,255,.15)

);

z-index:2;

}


.sun-glow{

position:absolute;

left:50%;

bottom:18%;

transform:translateX(-50%);

width:650px;

height:650px;

background:radial-gradient(circle,

rgba(255,245,190,.9),

rgba(255,245,190,.3),

transparent 70%

);

filter:blur(35px);

animation:pulse 6s infinite;

z-index:1;

}

@keyframes pulse{

50%{

transform:translateX(-50%) scale(1.08);

}

}

.hero-tags{

position:absolute;

inset:0;

z-index:5;

}

.tag{

position:absolute;

padding:18px 28px;

background:rgba(255,255,255,.55);

backdrop-filter:blur(25px);

border:1px solid rgba(255,255,255,.6);

border-radius:50px;

box-shadow:

0 15px 35px rgba(0,0,0,.08);

font-weight:600;

animation:float 5s ease-in-out infinite;

}

.noida{

left:11%;

top:34%;

}

.expressway{

left:26%;

top:58%;

}

.airport{

left:48%;

top:18%;

transform:translateX(-50%);

}

.gn{

right:12%;

top:35%;

}

.hero::after{

content:"";

position:absolute;

bottom:-90px;

left:-5%;

width:110%;

height:180px;

background:white;

border-radius:50%;

z-index:10;

}

.headline{

text-align:center;

margin-top:-20px;

padding:80px 20px;

position:relative;

z-index:20;

background:white;

}

.headline h5{

letter-spacing:4px;

font-size:14px;

color:#c89d43;

margin-bottom:18px;

}

.headline h1{

font-size:72px;

font-family:'Playfair Display',serif;

color:#183153;

line-height:1.05;

}

.headline p{

margin-top:25px;

font-size:19px;

color:#777;

}

.hero-image{

position:relative;

overflow:hidden;

border-bottom-left-radius:80px;

border-bottom-right-radius:80px;

}

.hero-image img{

height:650px;

object-fit:cover;

animation:zoom 18s infinite alternate;

}

@keyframes zoom{

from{

transform:scale(1);

}

to{

transform:scale(1.12);

}

}

.hero-content{

text-align:center;

padding:80px 20px;

}

.hero-content h3{

letter-spacing:4px;

color:#c89d43;

font-weight:600;

}

.hero-content h1{

font-family:'Playfair Display',serif;

font-size:65px;

line-height:1.1;

margin-top:15px;

color:#17365D;

}

.hero-content p{

margin-top:25px;

font-size:19px;

color:#666;

}

.hero-btn{

display:inline-block;

margin-top:40px;

background:#c89d43;

color:white;

padding:16px 42px;

border-radius:50px;

transition:.4s;

}

.hero-btn:hover{

background:#17365D;

}


.tag{

position:absolute;

background:rgba(255,255,255,.88);

padding:16px 22px;

border-radius:40px;

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

display:flex;

align-items:center;

gap:10px;

font-weight:600;

backdrop-filter:blur(20px);

animation:float 5s ease-in-out infinite;

}

.tag i{

color:#C89D43;

}

.tag1{

left:18%;

top:55%;

}

.tag2{

right:12%;

top:35%;

}

.tag3{

left:12%;

top:28%;

}

.tag4{

left:50%;

top:18%;

transform:translateX(-50%);

}

@keyframes float{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0px);

}

}