.hero-inquiry{

position:relative;

/* hero ke niche */
margin:40px auto;

width:420px;
max-width:95%;

padding:30px;

border-radius:24px;

/* Blue transparent */
background:rgba(80,140,255,0.22);

backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);

border:1px solid rgba(80,140,255,0.35);

box-shadow:
0 12px 35px rgba(0,0,0,0.15);

z-index:2;

/* Black text */
color:black;

}

/* Heading */
.hero-inquiry h3{

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

margin-bottom:10px;

color:black;

}

/* Paragraph */
.hero-inquiry p{

font-size:14px;

margin-bottom:20px;

color:black;

opacity:1;

}

/* Name row */
.hero-inquiry .form-row{

display:grid;

grid-template-columns:1fr 1fr;

gap:12px;

margin-bottom:12px;

}

/* Input boxes */
.hero-inquiry input,
.hero-inquiry textarea{

width:100%;

padding:14px;

margin-bottom:12px;

border:none;

outline:none;

border-radius:14px;

/* White boxes */
background:white;

color:black;

font-size:14px;

box-shadow:
0 4px 10px rgba(0,0,0,0.08);

}

/* Placeholder */
.hero-inquiry input::placeholder,
.hero-inquiry textarea::placeholder{

color:#555;

}

.hero-inquiry textarea{

height:110px;

resize:none;

}

/* Button */
.hero-inquiry button{

width:100%;

padding:15px;

border:none;

border-radius:14px;

background:#2563eb;

color:white;

font-size:15px;

font-weight:600;

cursor:pointer;

transition:.3s;

box-shadow:
0 8px 20px rgba(37,99,235,.30);

}

.hero-inquiry button:hover{

background:#1d4ed8;

}

/* Mobile */
@media(max-width:992px){

.hero-inquiry{

width:95%;

margin-top:30px;

}

}

@media(max-width:576px){

.hero-inquiry .form-row{

grid-template-columns:1fr;

}

}