.div-hardcoat {
    padding: 10px 10px;
    border: 2px solid #f7f7f7;
    border-radius: 5px;
    transition: all .3s;
    margin-bottom: 20px;
  }

  .img-300{
    width: 300px;
    height: 235px;
}

.black{
  color: black;
}
.icon-hardcoat{
  color: #0074d9 !important;
  font-size: 50px !important;
  padding-top: 20px !important;
} 

.antifog-txt
{
  color: #0074d9;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 13px 15px;
  padding-bottom: 10px;
}

.antifog-txt-desc
{
  color: black;
  font-size: 14px;  
  font-weight: 600;
  padding: 13px 15px;
  padding-bottom: 10px;
}
.img-border
{
  border-radius: 4px;
}
.social-icon i {
  font-size: 17px;
  transition: color 0.3s ease;
}

/* Hover brand colors */
a.facebook:hover i { color: #0049a8; }   /* Facebook Blue */
a.twitter:hover i { color: #acacac; }  /* Medium Gray */

a.instagram:hover i { color: #E1306C; }  /* Instagram Pink */
a.linkedin:hover i { color: #0A66C2; }   /* LinkedIn Blue */

.justified-text {
    text-align: justify;
}

.font-bold{
  font-weight: 700;
}

.logo-icon {
  filter: invert(72%) sepia(46%) saturate(575%) hue-rotate(
  336deg) brightness(159%) contrast(70%);
}



.footer-widget .list-arrow li a {
  font-size: 15px; /* or whatever size */
  font-weight: bold; /* optional: also make slightly bold */
}

.footer-widget .list-arrow li a {
  font-size: 15px; /* or whatever size */
  font-weight: bold; /* optional: also make slightly bold */
}

.back-to-top .btn {  
  color: #04366a;              
}

.back-to-top .btn:hover {  
  background-color: #04366a;
  color: #6ec1e4;
  border: none;             
}

.fss-l{
 font-size: larger;
}

.margin-left{
  margin-left: 10px;
}

.clients-logo a {
  pointer-events: none; /* Makes it unclickable */
  cursor: default;       /* Keeps normal cursor */
}
.margin-fit{
  margin: 1px 0 0;
}