body{font-family:Arial, sans-serif;}
.logo{
    background-color: #fff;
height:45px;
width:auto;
}

.flogo{
   
height:65px;
width:auto;
}
.slider-img{
height:650px;
object-fit:cover;
}

.carousel-caption{
background:rgba(0,0,0,0.5);
padding:20px;
border-radius:5px;
}
.card{box-shadow:0 0 10px rgba(0,0,0,0.1);}
.service-card{
transition:0.3s;
border:none;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
}
/* about page */
.about-hero{
background:linear-gradient(135deg,#0d6efd,#003b8e);
color:white;
padding:90px 0;
}

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

.timeline{
border-left:3px solid #0d6efd;
padding-left:20px;
}

.timeline-item{
margin-bottom:20px;
}

.team-card{
background:white;
padding:20px;
border-radius:8px;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
}

.team-img{
width:100%;
height:220px;
object-fit:cover;
border-radius:6px;
margin-bottom:10px;
}

.cert-img{
max-width:180px;
}

.cta-section{
background:#f8f9fa;
}
/* industries page */

.industries-hero{
background:linear-gradient(135deg,#0d6efd,#003b8e);
color:white;
padding:90px 0;
}

.industry-box{
background:white;
padding:30px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
transition:0.3s;
}

.industry-box:hover{
transform:translateY(-6px);
}

.industry-icon{
font-size:40px;
color:#0d6efd;
margin-bottom:15px;
}

.industry-details{
background:#f8f9fa;
}

/* contact page */

.contact-hero{
background:linear-gradient(135deg,#0d6efd,#003b8e);
color:white;
padding:90px 0;
}

.contact-form{
background:white;
padding:30px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.contact-info{
display:flex;
flex-direction:column;
gap:20px;
}

.info-card{
background:white;
padding:20px;
border-radius:10px;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
}

.map-section iframe{
display:block;
border-radius:10px;
}


.contact-icon{
font-size:40px;
color:#0d6efd;
margin-bottom:15px;
}

.contact-cta{
background:#0d6efd;
color:white;
padding:70px 0;
}

.whatsapp-btn{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:white;
font-size:26px;
padding:15px;
border-radius:50%;
z-index:999;
}
/* footer */
footer{
margin-top:auto;
box-shadow:0 -2px 10px rgba(0,0,0,0.1);
}
.footer{
background:#111;
}

.footer-links li{
margin-bottom:8px;
}

.footer-links a{
color:#ccc;
text-decoration:none;
}

.footer-links a:hover{
color:#fff;
}

/* news section */
.news-section{
background:#f8f9fa;
}

.news-card{
border:none;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
transition:0.3s;
}

.news-card:hover{
transform:translateY(-5px);
}

.news-card img{
height:220px;
object-fit:cover;
}
/* home main section */
.hero-section{
padding:90px 0;
background:linear-gradient(135deg,#f8f9fa,#ffffff);
}

.hero-title{
font-size:42px;
font-weight:700;
margin-bottom:20px;
}

.hero-image{
max-height:420px;
border-radius:10px;
}

.service-card{
background:white;
border-radius:8px;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
transition:0.3s;
}

.service-card:hover{
transform:translateY(-5px);
}

.service-icon{
font-size:45px;
color:#0d6efd;
margin-bottom:15px;
}

.industry-box{
background:white;
padding:30px;
border-radius:6px;
box-shadow:0 3px 10px rgba(0,0,0,0.1);
}

.why-list{
list-style:none;
padding:0;
}

.why-list li{
margin-bottom:10px;
}

.cta-section{
background:#f8f9fa;
}

/* services page */

.service-card:hover{
transform:translateY(-6px);
}

.service-icon{
font-size:50px;
color:#0d6efd;
margin-bottom:15px;
}
.services-hero{
background:linear-gradient(135deg,#0d6efd,#003b8e);
color:white;
padding:90px 0;
}

.service-box{
background:white;
border-radius:10px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
transition:0.3s;
}

.service-box:hover{
transform:translateY(-6px);
}

.service-img{
width:100%;
height:220px;
object-fit:cover;
}

.service-content{
padding:20px;
}

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

.why-list{
list-style:none;
padding:0;
}

.why-list li{
margin-bottom:10px;
}

.cta-section{
background:#f8f9fa;
padding:60px 0;
}

/* parallax effect */
.parallax-section{
background-image:url('/public/images/slide1.png');

min-height:400px;

background-attachment:fixed;

background-position:center;

background-repeat:no-repeat;

background-size:cover;

display:flex;

align-items:center;

justify-content:center;

color:white;

text-align:center;

padding:80px 0;
}

.parallax-section h2{
font-size:40px;
font-weight:700;
}