.project-img{
    /*height: 250px;
    width: 350px;*/
    border:10px solid #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
    overflow: hidden;
    cursor: pointer;
}
.project-img .img{
    height:100px;
    width: 100px;
    object-fit: cover;
    transition: .5s linear;
}
.project-img:hover img{
    transform: scale(1.1);



}



#gallery-modal .modal-img{
    width: 100%;
}
/* Set the size of the div element that contains the map */
#map {
    height: 400px;
    /* The height is 400 pixels */
    width: 100%;
    /* The width is the width of the web page */
  }
  .animate-charcter
  {
     text-transform: uppercase;
    background-image: linear-gradient(
      -225deg,
      #ee852a 10%,
      #ff6d6d 29%,
      #f2ad4d 67%,
      #fff800 100%
    );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 10s linear infinite;
    display: inline-block;
        font-size: 80px;
  }
  
  @keyframes textclip {
    to {
      background-position: 200% center;
    }
  }
  body {
    background: transparent;
    margin:0;
    
 }
 
 .patterns {
   height: 100vh;
 
   
 }

 
 svg text {
   font-family: Lora;
   letter-spacing: 10px;
   stroke: #1654cf;
   font-size: 75px;
   font-weight: 700;
   stroke-width: 2;

  
   animation: textAnimate 3s infinite alternate;
   
 }
 
 @keyframes textAnimate {
   0% {
     stroke-dasharray: 0 50%;
     stroke-dashoffset:  20%;
     fill:hsl(21, 100%, 55%)
 
   }
   
   100% {
     stroke-dasharray: 50% 0;
     stroke-dashoffstet: -20%;
     fill: rgb(255, 255, 255)
   }
   
 }
 .container1 {
  margin: 500px;
  width: 88%;
  padding-bottom: 73px;
}
.newi {
  margin: 51px auto 0;
  width: 76%;
  padding-bottom: 73px;
  background-color: #e1f0f3;
}
.clearfix::before {
  content: " ";
  display: table;
}
.chrpic {
    float: left;
    width: 28.7%;
    margin-left: 4.5%;
  }
 .chrs9 {
    width: 209px;
    margin: 59px auto 0;
  } 
  .newchartxt9 {
    float: right;
    width: 66.8%;
  }
  .inpars9 {
    box-sizing: border-box;
    padding: 59px 89px 0 3px;
  }
  .inpars9 h2 {
    color: #2b3657;
    font-weight: 100;
    font-size: 1.6em;
    text-transform: capitalize;
  }