/* BODY */

body{
font-family:Arial, Helvetica, sans-serif;
background:#f5f5f5;
margin:0;
padding:0;
}



/* NAVBAR */

.navbar{

background:#174a86;

padding:10px 0;

}

.navbar-brand img{

height:50px;

}

.navbar-nav .nav-link{

color:white !important;

margin-left:15px;

font-weight:500;

}

.navbar-nav .nav-link:hover{

color:#ff3c3c !important;

}



/* HERO SECTION */

.hero-section{

background: linear-gradient(
135deg,
#174a86,
#1e5aa8,
#e3121d
);

color:white;

padding:70px 0;

}

.hero-text h1{

font-size:40px;

font-weight:700;

margin-bottom:20px;

}

.hero-text p{

font-size:18px;

margin-bottom:25px;

}

.hero-img img{

max-width:420px;

width:100%;

}



/* BUTTON */

.btn-danger{

background:#e3121d;

border:none;

padding:10px 20px;

}

.btn-light{

background:white;

color:#174a86;

padding:10px 20px;

}



/* SERVICES PAGE */

.page-banner{

background: linear-gradient(
135deg,
#174a86,
#1e5aa8,
#e3121d
);

color:white;

padding:70px 0;

text-align:center;

}

.services-section{

padding:70px 0;

background:#f5f5f5;

}

.service-card{

background:white;

padding:25px;

border-radius:8px;

margin-bottom:25px;

box-shadow:0 5px 20px rgba(0,0,0,0.1);

transition:0.3s;

}

.service-card:hover{

transform:translateY(-6px);

box-shadow:0 10px 30px rgba(0,0,0,0.15);

}



/* ABOUT PAGE */

.about-banner{

background: linear-gradient(
135deg,
#174a86,
#1e5aa8,
#e3121d
);

color:white;

padding:80px 0;

text-align:center;

}

.about-banner h1{

font-size:48px;

font-weight:700;

}

.about-banner p{

font-size:20px;

opacity:0.9;

}



/* ABOUT IMAGE */

.about-image-section{

background:#f5f5f5;

padding:50px 0;

text-align:center;

}

.about-image{

border-radius:10px;

max-width:900px;

box-shadow:0 10px 30px rgba(0,0,0,0.2);

}



/* MISSION VISION */

.mission-vision{

background:#f5f5f5;

padding:70px 0;

}

.mission-box{

background:white;

padding:30px;

border-radius:8px;

box-shadow:0 5px 20px rgba(0,0,0,0.1);

border-right:1px solid #eee;

}

.vision-box{

background:white;

padding:30px;

border-radius:8px;

box-shadow:0 5px 20px rgba(0,0,0,0.1);

}

.mission-box h3{

color:#e3121d;

font-weight:600;

}

.vision-box h3{

color:#174a86;

font-weight:600;

}


/* ORDER PAGE */

.order-section{

padding:80px 0;

background:#f5f5f5;

}

.service-box{

background:white;

padding:30px;

border-radius:8px;

box-shadow:0 5px 20px rgba(0,0,0,0.1);

}

.order-form{

background:white;

padding:30px;

border-radius:8px;

box-shadow:0 5px 20px rgba(0,0,0,0.1);

}


/* FOOTER */

footer{

background:#174a86;

color:white;

text-align:center;

padding:20px;

margin-top:40px;

}

/*project*/

.status-section{

padding:80px 0;

background:#f5f5f5;

}

.status-box{

max-width:500px;

margin:auto;

background:white;

padding:40px;

border-radius:8px;

box-shadow:0 5px 20px rgba(0,0,0,0.1);

}


/*Contact*/

.contact-section{

padding:80px 0;

background:#f5f5f5;

}

.contact-form{

background:white;

padding:40px;

border-radius:8px;

box-shadow:0 5px 20px rgba(0,0,0,0.1);

}

.executive-box{

background:white;

padding:40px;

border-radius:8px;

box-shadow:0 5px 20px rgba(0,0,0,0.1);

}

.executive-img{

width:150px;

border-radius:50%;

}

.map-section{

padding:70px 0;

background:white;

}

/*Privacy Policy*/

.policy-section{

padding:80px 0;

background:#f5f5f5;

}

.policy-section h1{

margin-bottom:20px;

}

.policy-section h4{

margin-top:30px;

}

.policy-section ul{

margin-left:20px;

}






/* WHY SECTION */

.why-section{
padding:80px 0;
background:#f5f5f5;
}

.why-box{
background:white;
padding:30px;
text-align:center;
border-radius:8px;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
}

/* TESTIMONIAL */

.testimonial-section{
padding:80px 0;
background:white;
}

.testimonial-box{
background:#f5f5f5;
padding:30px;
border-radius:8px;
}

/* FAQ */

.faq-section{
padding:80px 0;
background:#f5f5f5;
}

/* WHATSAPP BUTTON */

.whatsapp-btn{

position:fixed;
bottom:20px;
right:20px;

background:#25D366;
color:white;

padding:12px 20px;
border-radius:50px;

text-decoration:none;
font-weight:bold;

}

/* CALL BUTTON */

.call-btn{

position:fixed;
bottom:80px;
right:20px;

background:#007bff;
color:white;

padding:12px 20px;
border-radius:50px;

text-decoration:none;
font-weight:bold;

}