#navbr {
   background-color: #4a4a98;
   padding: 0 60px;  
   justify-content: space-between; 
   height: 100px; 
   
}
.navbar-brand img{
  border-color:  #4a4a98 ;
  border-radius: 50%;
  border-image: none;
  border: 0;
}

.section{
  display: flex;
}

    .services {
        display: grid;
  
      }

     .statSec
      {
      
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 1.5rem;
        margin-top: 3rem;

      }

  .PrjComp
  {    
        background:  #f5f7fa;
        padding: 2rem;
        border-radius: 10px;
        text-align: center;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
        transition: transform 0.3s ease;
        
  }  
        
  .PrjCompTeam{    
       background:  #f5f7fa;
        padding: 2rem;
        border-radius: 10px;
        text-align: left;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
        transition: transform 0.3s ease;
       
  }       

.list-group a{
  color: #030319; 
 
  font-weight: 600;   
  text-decoration: none;
  
}
.teamComp{
  display: flex;
  text-wrap: balance;
  gap: 70px;
  text-align:left ;
}
.monitoring{
  display: flex;
}
.monitoring img{
  width: 450px;
  }
  #MdrImag{
    width: 300px;
  }
.Education{
  display: flex;
}
.Education img{
  height: 250;
}

.meal{
  display: flex;
}
.teamC{
  display: flex;
}

.prpDve{
display: flex;
}
.meal img{
  height: 360px;
  
}
.fsl{
  display:  flex;
}
.list-group a:hover { 
  color: #ffffff;  
  }     

.footer {
    width: 100%;
    background: #4a4a98; 
    padding: 30px 0;
    margin-top: 30px;
	
	}

.social-icons a {
    color: #ffffff;
    font-size: 1.5rem;
    margin: 0 10px;
    transition: color 0.3s ease;
}
.social-icons a:hover {
    color: #007bff;
}
#card1 a {
  color: #397fb9;
  font-size: 1.5rem;
  margin: 0 10px;
  transition: color 0.3s ease;
}
#card1 a:hover {
  color: #0a930a;
}
.card-body h5{
  color:  #4a4a98 ;
 }
.sidebar {
	background-color: #ffffff;
	max-height: 700px;
}


.mb-0 {
	color:  #ffffff ; 
	}

h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
  color:  #4a4a98;;
}
h3 {
	
  color:  #4a4a98;; ;
}

	h6 {
  color:  #ffffff ;
   font-weight: bold;
   font-size: smaller;

}
h5{
  color:  #ffffff;
  
 }

.homeHero {
 border-color:#4a4a98; 
height: 150px;
font-size: large;
  text-align: left;
  color: white;
    background-color: #5d5e5c;
    border-radius: 1.9%;
    border-width: 10px;
}

.homeHero .centered{
  padding-top: 38px;
  padding-bottom: 30px;
  padding-right: 90px;
  padding-left: 60;
}
.hero-page{

  margin-bottom: 10px;
}
.aboutUS{
  display: flex;
}
.hero-page img{
     width: 100%;
        height: 400px;
        background-size: cover;
        background-position: center;
        position: relative;
         border-radius: 0.8%;

}

/* Centered text */
 


.SectorsImg{
   display: flex;
 border-radius: 10px;
   padding: 3px;
gap: 3px;
font-size: smaller;
background-color: #4a4a98; 
}
.SectorsImg .card{
 width: 250px;
 height: 420px;
   
}
.SectorsImg .card img{

 height: 150px;
   
}
.ServicesImg{
  display: flex;
 border-radius: 10px;
   padding: 3px;
gap: 3px;
font-size: smaller;
background-color: #4a4a98; 
}
     
.ServicesImg .card{
 width: 245px;
 height: 420px;
   
}

.ServicesImg .card .card-body .card-text a{
  cursor: pointer;
}

.ServicesImg .card img{
  height: 225px;
   
}   

.card-img-top{
  width: 100%;
  
    height: fit-content;
}

.SectorsImg .card:hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.Other-Servis{
   display: flex;
 border-radius: 10px;
   padding: 3px;
gap: 3px;
font-size: smaller;
background-color: #4a4a98; 
}
.Other-Servis .card{
 
 height: 480px;
   
}

.Other-Servis .card img{
 
 height: 250px;
   
}


.ServicesImg .card:hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

@media (max-width: 767px) {
    
  .sidebar {
    display: none;
    }

    .teamComp
    {
      display: block;
      border-radius: 20px;
   }

   .card-img-top{
    border-radius: 10px;
    width: 100%;
}

h5{
  color:  #f4e00a;
 }
  .monitoring{
    display: block;
  }
  .prpDve{
    display: block;

  }
  .fsl{
    display: block;
  }
.ServicesImg{
  display: block;


}
.SectorsImg{
  display: block;
  

}
  .ServicesImg .card{
 width: 100%;
 height: 470px;
  padding-bottom: 10px;
}
.SectorsImg .card{
 width: 100%;
  height: 450px;
  padding-bottom: 10px;
}
.Other-Servis{
   display: block;


}
.Other-Servis .card{
 
 height: 450px;
   
}
.ServicesImg .card img{
  height: 280px;
   
}   
.SectorsImg .card img{

  height: 300px;
 
}

}