/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index:2;
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.insta {
  background: #dd4b39;
  color: white;
 background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); /* Yellow, orange, red, purple, blue */
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}
.google {
  background: #dd4b39;
  color: white;
}

/*Whats app */
.floating {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    left: 40px; 
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;

    /* Add this line to trigger the animation */
    animation: pulse-green 2s infinite;
}

/* The Pulsing Keyframes */
@keyframes pulse-green {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

.floating:hover {
    background-color: #128c7e;
    /* Optional: stop pulsing on hover */
    animation: none; 
}

.fab-icon {
    margin-top: 2px;
}


.client-logo {
    padding: 5px;
    text-align: center;
}

.client-logo img {
    max-height: 80px;
    width: auto;
    margin: auto;
   /*  filter: grayscale(100%); */
    transition: 0.3s;
}

.client-logo img:hover {
    /* filter: grayscale(0%);*/
    transform: scale(1.05);
}

.owl-nav.disabled {
    display: none !important;
}

 .service-block-three {
	 
	 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
 }
 
 .image-column{
	 
	 margin-bottom:20px;
 }
 
 
 
 
 
 @media only screen and (min-width: 768px) { 
 .top-right{
	 
				display:none !important;
      }
 }
 
 /* Line clip*/
 
 .line-clip{
     display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	
 }
 
 @media (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
 
 
 
 @media (min-width: 768px) {
  .same-height {
    min-height:251px;
  }
}