/*About Page*/
  .icon i{
     font-size:40px;
     color:#222;
     margin-bottom:15px;
}
   .desc h4{
      font-size:1rem;
 }
      .about-area p{
      font-size:1rem;
 }
   .abtimg img{
       width:30vw;
       height:auto;
   }

 .vision-mission{
padding:40px 0;
}

.vision-box, .mission-box{
background:#3a88c6;
padding:17px 15px 5px;
border-radius:10px;
height:100%;
border: 2px solid #ddd;
color:#fff;
}

.vision-box h3, .mission-box h3{
margin-bottom:15px;
font-weight:600;
}
.vision-box p{
margin-bottom:0px;
}

@media(max-width:768px){
  .abtimg img {
  width: 100%;
  height: auto;
}
  .vision-mission {
  padding: 15px 0;
}
 .vision-mission .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  gap: 10px;
}
}

/*Products page*/
.product-section{
padding:25px 0;
background:#f7f7f7;
}

.product-title{
text-align:center;
margin-bottom:40px;
}

.product-title h2{
font-size:2.5rem;
margin-bottom:10px;
}

.product-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.product-card{
background:white;
padding:15px;
border-radius:10px;
text-align:center;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
}

.product-card img{
width:100%;
height: 35vh;
object-fit: cover;
border-radius:8px;
}

.product-card h4{
margin-top:10px;
font-size:18px;
}
@media(max-width:768px){
  .product-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
}
 .product-card h4{
margin-top:10px;
font-size:12px;
}
  .product-card {
  background: white;
  padding: 8px;
}
  .product-card img {
  width: 100%;
  height: 13vh;
  object-fit: cover;
}
}
.contact-info h3{
    margin-bottom:1rem;
}

.contact-info h3{
    margin-bottom:1rem;
}
@media(max-width:768px){
    .btn-one {
  padding-left: 15px!important;
  padding-right: 15px!important;

}
    .breadcrumb-area .title h2 {
  color: #151515;
  font-size: 45px!important;
  line-height: 1.3em;
  font-weight: 700;
  text-transform: capitalize;
}
      .breadcrumb-area--style2 {
    padding: 158px 0 50px!important;
  }
  .breadcrumb-area--style2 .inner-content {
  padding-bottom: 40px!important;
}
  .single-contact-info-box .icon span::before {
  font-size: 20px!important;
  line-height: 20px!important;

}
  .single-contact-info-box .icon {
  width: 50px!important;
  height: 50px!important;

}
  .single-contact-info-box .text h3 {
  font-size: 20px!important;
}
  .single-contact-info-box .text {
  padding-top: 10px;
}
   .single-contact-info-box .text p{
  font-size: 14px;
}
   .single-contact-info-box {
  padding: 15px 0 20px;
}
}
.logo img{
    width:120px;
    height:auto;
}