.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #01153f;
 height: 50px;
 padding-bottom: 10px;
}

.hover-underline-animation.a{
    color: #01153f;
}
.hover-underline-animation.a:hover:after{
    color: #01153f;
}

.hover-underline-animation:after {
    color: #01153f;
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #01153f;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.custom-template-blue-font{
color:#01153f;
}
.custom-template-white-font{
color:#ffffff;
}

.custom-template-mix{
color:#ffffff;
background-color: #01153f;
border-color: #01153f;
}
.custom-template-mix:hover{
color:#ffffff;
background-color: #3d3d3d;
border-color: #3d3d3d;
}
.proj-img-list{
    width:360px;height:220px;object-fit: fill;
   
  }
  #about-img-founder{
    height: 600px;
  }

  .services-img-list{
    width:360px;height:220px;object-fit: fill;
   
  }

  .works-img-list{
    width:360px;height:220px;object-fit: fill;
   
  }



  @media only screen and (max-width: 600px) {
    .proj-img-list{
      width:360px;height:200px;object-fit: fill;
    }
    .services-img-list{
      width:360px;height: 400px;object-fit: fill;
      
    }
    .works-img-list{
      width:360px;height:200px;object-fit: fill;
     
    }
    #about-img-founder{
      height: 300px;width: 100%;
    }

    body{
      /* padding-top: 1000px;
      background-color: black; */
    }
   
  }