.global-reset, * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html, body {
	height: 100%;
	font-family: Arial, sans-serif;
	background: white;
	color: #333;
}

header{
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	text-align:center;
	background:linear-gradient(135deg,#0057B7,#FFD700);
	color:white;
	padding:20px;
}

header h1{
	font-size:42px;
	margin-bottom:15px;
}

header p{
	font-size:18px;
	max-width:600px;
}

.btn{
	margin-top:25px;
	padding:14px 30px;
	background:white;
	color:#0057B7;
	text-decoration:none;
	border-radius:30px;
	font-weight:bold;
	transition:0.4s;
}

.btn:hover{
	transform:scale(1.1);
	background:#FFD700;
	color:black;
}

.city-note{
	margin-top:15px;
	font-size:18px;
	max-width:620px;
	line-height:1.5;
	color:#fff;
	opacity:0.95;
}

.container{
	padding:60px 20px;
	display:flex;
	justify-content:center;
	gap:20px;
	flex-wrap:wrap;
}

.card{
	width:300px;
	background:white;
	padding:25px;
	border-radius:20px;
	box-shadow:0 5px 15px rgba(0,0,0,0.15);
	border-top:6px solid #0057B7;
	transition:0.5s;
}

.card:nth-child(2){
	border-top:6px solid #FFD700;
}

.card:nth-child(3){
	border-top:6px solid #0057B7;
}
.card:nth-child(4){
	border-top:6px solid #FFD700;
}

.card:hover{
	transform:translateY(-10px);
}

.yellow-card{
	background:white;
	color:#003a7a;
	border-top-color:#0057B7;
}

.yellow-card h2{
	color:#003a7a;
}

.yellow-card p{
	color:#1a1a1a;
}

.card h2{
	margin-bottom:15px;
	color:#0057B7;
}

footer{
	background:#0057B7;
	color:white;
	text-align:center;
	padding:20px;
	margin-top:30px;
}

.phone{
	font-size:25px;
	font-weight:bold;
	margin-top:20px;
}

.socials{
	margin-top:20px;
	display:flex;
	flex-direction:column;
	gap:10px;
}

.socials a{
	text-decoration:none;
	background:white;
	color:#0057B7;
	padding:10px;
	border-radius:10px;
	font-weight:bold;
	transition:0.3s;
}

.socials a:hover{
	transform:scale(1.05);
	background:#FFD700;
	color:black;
}


.call-feedback{
	display:none;
	margin-top:12px;
	background:rgba(0,0,0,0.7);
	color:white;
	padding:8px 12px;
	border-radius:8px;
	font-size:14px;
}

.call-btn{
	cursor:pointer;
}