/* --- OPTIMIZATION & CLEANUP --- */
/* Note: Duplicate/legacy sections are commented for clarity, not deleted. */

/* FLOAT BUTTONS (Optimized, single source of truth below) */
/*
.whatsapp,
.call {
	position: fixed;
	right: 20px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
	z-index: 1000;
	transition: background 0.2s;
	color: #fff;
}
.whatsapp {
	bottom: 20px;
	background: #25D366;
}
.whatsapp:hover {
	background: #128C7E;
}
.call {
	bottom: 90px;
	background: #dc3545;
}
.call:hover {
	background: #a71d2a;
}
*/

/* NAVBAR (Optimized, single source of truth below) */
/*
.navbar {
	background: #22223b;
	color: #fff;
	padding: 0 0 0 0;
	min-height: 56px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	position: fixed;
	top: 0;
	z-index: 1100;
}
.navbar .logo a {
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
	padding-left: 24px;
}
.navbar ul {
	margin: 0;
	padding: 0 24px 0 0;
	list-style: none;
	display: flex;
	align-items: center;
	height: 56px;
}
.navbar ul li a {
	color: #fff;
	padding: 0 18px;
	text-decoration: none;
	font-weight: 500;
	font-size: 1.13rem;
	transition: color 0.2s;
}
.navbar ul li a.active,
.navbar ul li a:hover {
	color: #f7b801;
	border-bottom: 2px solid #f7b801;
}
*/

/* FOOTER (Optimized, single source of truth below) */
/*
.mega-footer {
	background:black;
	color:white;
	padding:50px;
}*/
.footer-grid {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
	gap:30px;
}
.mega-footer a {
	display:block;
	color:white;
	text-decoration:none;
	margin-top:5px;
}
.mega-footer a:hover {
	color:#FFC107;
}
.copy {
	text-align:center;
	margin-top:30px;
}
*/

/* --- END OPTIMIZATION & CLEANUP --- */
html, body {
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
main, .main-content, #content, .blog-container {
	flex: 1 0 auto;
}
.mega-footer, .footer {
	flex-shrink: 0;
}
.contact-form {
	background: #fff;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1rem;
	width: 100%;
	box-sizing: border-box;
}
.contact-form textarea {
	min-height: 60px;
	resize: vertical;
}
.contact-form button {
	background: #007bff;
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 10px 0;
	font-size: 1rem;
	cursor: pointer;
	margin-top: 8px;
	transition: background 0.2s;
}
.contact-form button:hover {
	background: #0056b3;
}
.popup-content h3 {
	margin-bottom: 18px;
	font-size: 1.3rem;
	font-weight: 600;
	text-align: center;
}
.popup-content button {
	margin-top: 8px;
}
/* Flash effect for popup */
.flash-popup {
	animation: flash 0.5s;
}

@keyframes flash {
	0% { box-shadow: 0 0 20px 10px #007bff; }
	100% { box-shadow: none; }
}
.whatsapp,
.call {
	position: fixed;
	right: 20px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
	z-index: 1000;
	transition: background 0.2s;
	color: #fff;
}
.whatsapp {
	bottom: 20px;
	background: #25D366;
}
.whatsapp:hover {
	background: #128C7E;
}
.call {
	bottom: 90px;
	background: #dc3545;
}
.call:hover {
	background: #a71d2a;
}
/* NAVBAR */

.navbar {

position: fixed;
top: 0;
left: 0;
width: 100%;

background: #22223b;
color: #fff;

min-height: 56px;

display: flex;
align-items: center;
justify-content: space-between;

z-index: 9999;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);

}
.navbar .logo a {
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
	padding-left: 24px;
}
.navbar ul {
	margin: 0;
	padding: 0 24px 0 0;
	list-style: none;
	display: flex;
	align-items: center;
	height: 56px;
}
.navbar ul li a {
	color: #fff;
	padding: 0 18px;
	text-decoration: none;
	font-weight: 500;
	font-size: 1.13rem;
	transition: color 0.2s;
}
.navbar ul li a.active,
.navbar ul li a:hover {
	color: #f7b801;
	border-bottom: 2px solid #f7b801;
}

.logo img {
    height: 60px;   /* adjust if needed */
    width: auto;
    display: block;
	background-color: #f7b801;
}

.logo a {
    display: flex;
    align-items: center;
	/*background-color: #f7b801;*/
	gap: 10px;
	font-weight: 600;
}

.logo a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    /*background-color: #feda75;*/
}





/* FLOAT BUTTONS */



/* WHATSAPP */



/* ICON SIZE */




/* Popup */

.popup{

display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);

}

.popup-content{

background:white;
padding:30px;
width:300px;
margin:150px auto;
text-align:center;

}
.footer{

background:black;
color:white;
padding:40px 20px;

}

.footer-container{

display:flex;
justify-content:space-around;
flex-wrap:wrap;
gap:30px;

}

.footer a{

display:block;
color:white;
text-decoration:none;
margin-top:5px;

}

.footer a:hover{

color:#FFC107;

}

.copy{

text-align:center;
margin-top:20px;
border-top:1px solid #444;
padding-top:10px;

}
/* ACTIVE MENU */

.navbar a.active{

color:#FFC107;
border-bottom:3px solid #FFC107;
padding-bottom:5px;

}


/* LOGO LINK */

.logo a{

text-decoration:none;
color:#111;

font-size:30px;
font-weight:800;
letter-spacing:1.5px;

}

.logo a:hover{
color:#FFC107;
transition:.3s;
}



/* HOVER EFFECT */

.navbar a:hover{

color:#FFC107;

}

/* LOADER */

#loader{

position:fixed;
width:100%;
height:100%;
background:white;
display:flex;
justify-content:center;
align-items:center;
z-index:9999;

}

.spinner{

width:50px;
height:50px;
border:6px solid #eee;
border-top:6px solid #FFC107;
border-radius:50%;
animation:spin 1s linear infinite;

}

@keyframes spin{

100%{
transform:rotate(360deg);
}

}

.menu-toggle{

display:none;
font-size:25px;
cursor:pointer;

}


.menu-toggle{
display:none;
}

.menu-toggle{
display:none;
}

/* MOBILE NAVBAR */

.menu-toggle{
display:none;
}

/* MOBILE */

@media(max-width:768px){

.menu-toggle{
display:block;
color:white;
font-size:28px;
cursor:pointer;
padding-right:20px;
z-index:10001;
}

/* MENU PANEL */

.navbar ul{

position:fixed;

top:56px;
right:0;

width:75%;          /* BEST FIX */
max-width:280px;

height:100vh;

background:#22223b;

flex-direction:column;

padding:30px 25px;

transform:translateX(100%);   /* hidden */

transition:.35s ease;

box-shadow:-5px 0 15px rgba(0,0,0,.3);

}

/* OPEN */

.navbar ul.show{
transform:translateX(0);
}

/* LINKS */

.navbar ul li{
width:100%;
margin:12px 0;
}

.navbar ul li a{
color:white;
font-size:18px;
display:block;
width:100%;
}

/* ACTIVE */

.navbar ul li a.active{
color:#FFC107;
border:none;
}

}


.mega-footer{

background:black;
color:white;
padding:50px;

}

.footer-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:30px;

}

.mega-footer a{

display:block;
color:white;
text-decoration:none;
margin-top:5px;

}

.mega-footer a:hover{

color:#FFC107;

}

.copy{

text-align:center;
margin-top:30px;

}
.topbar{

background:#FFC107;
color:white;
padding:10px;
text-align:center;
font-size:14px;

}
.footer-social {
    margin-top: 15px;
}

.footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-right: 12px;
    border-radius: 50%;
    font-size: 20px;
    transition: 0.3s ease;
    color: white;
}

/* Brand Colors */

.footer-social a .fa-facebook-f {
    background: #1877F2;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.footer-social a .fa-instagram {
    background: radial-gradient(circle at 30% 30%, #feda75, #d62976, #962fbf);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.footer-social a .fa-twitter {
    background: #000;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.footer-social a .fa-youtube {
    background: #FF0000;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.footer-social a:hover {
    transform: translateY(-4px);
}


/* SUCCESS / ERROR MESSAGES */

.message-container {
    width: 100%;
    display: flex;
    justify-content: center;
    position: fixed;
    top: 90px;   /* navbar ke niche */
    left: 0;
    z-index: 9999;
}

.alert {
    padding: 12px 25px;
    border-radius: 8px;
    font-weight: 500;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    animation: fadeIn 0.4s ease;
}

.alert.success {
    background-color: #d4edda;
    color: #155724;
}

.alert.error {
    background-color: #f8d7da;
    color: #721c24;
}

.fa-linkedin-in {
    background-color: #0077b5;
    color: white;
    padding: 10px;
    border-radius: 50%;
}