.home-bodyContainer{
    margin-top: 30px; 
    padding:2%;
    min-height:450px;
    padding: 15px;
    /* margin-bottom: 25px; */
}

.bodyContainer{
    margin-top: 80px; 
    padding:2%;
    min-height:450px;
    padding: 15px;
    /* margin-bottom: 25px; */
}

.firstrow{
    margin: 5px;
  }

.logofont{
  width:175px; 
  font-size:13px; 
  color:white;
  text-align: center;
}
.whatsappfont
{
  font-size: 13px; 
  width: 100px;
}

  @media (max-width: 576px) {
   .bodyContainer{
    margin-top: 130px; 
    padding:2%;
    min-height:450px;
    padding-top: 15px;
    padding-bottom: 15px;
    }
  .firstrow{
    margin: 1px;
  }

  .logofont{
  width:100%; 
  font-size:13px; 
  color:white;
  text-align: center;
}
.whatsappfont
{
  font-size: 13px; 
  width: 200px;
}
  }
  @media (min-width: 576px) {
   .bodyContainer{
    margin-top: 80px; 
    padding:1%;
    min-height:400px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
  .firstrow{
    margin: .80px;
  }
   .logofont{
  width:175px; 
  font-size: 13px; 
  color:white;
  text-align: center;
}
.whatsappfont
{
  font-size: 13px; 
  width: 100px;
}
}


h1{
    margin-left: 20px;
}

.gallery-img {
      object-fit: cover;
      height: 200px;
      width: 100%;
      border-radius: 10px;
    }
.overlay-text {
      position: absolute;
       bottom: 80%;
       right: 20%; 
      transform: translate(-50%, -50%);
      color: white;
      text-shadow: 1px 1px 5px rgb(46, 43, 43);
    }
   .under-dev-img{
    max-width: 40%;
    height: auto;
   } 
    .grow-on-hover {
      transition: transform 0.3s ease;
    }
    .grow-on-hover:hover {
      transform: scale(1.05); /* Increase to 1.1 for stronger zoom */
    }

     .hover-effect:hover {
      background-color: royalblue; /* Bootstrap primary color */
      cursor: pointer;
    }

  .logo-color {
  -webkit-mask: url('images/logo_noBG.png') no-repeat center;
  -webkit-mask-size: contain;
  mask: url('images/logo_noBG.png') no-repeat center;
  mask-size: contain;
  background-color:#001F3F; /* Your desired color */
  width: 100px;
  height: 100px;
}
   