.hero .container-fluid{
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    
  }
  
  .hero .bg-img{
    width: auto;
    height: 100vh;
    object-fit: cover;
    margin-right: 10vw;
  }
  
.hero .text-overlay{
    
    position: absolute;
    bottom: 50%;
    left: 20%;
    transform: translateY(50%);
}

.hero .text-overlay h1{
    
    font-size: 60px;
    font-weight: bold;
}


.hero .text-overlay h4 {
    
    font-size: 20px;
    font-weight: bold;

}
.hero .text-overlay i {
    
    font-size: 20px;
    font-weight: bold;
    
}
.hero .text-overlay ul li {
    
    display: inline-block;
    padding-right: 25px;
    padding-top: 10px;
}


.color-white{
    color: #fff;
}

.section_about{
  text-align: center;
}

.section_works{
  background-color: #f7f7f7;
  text-align: center;
}

.section_services{
  text-align: center;
}








.hero .text-overlay span.typed-text {
    font-weight: bold;
    color: #dd7732;
  }
  .hero .text-overlay  span.cursor {
    display: inline-block;
    background-color: #ccc;
    margin-left: 0.1rem;
    width: 3px;
    animation: blink 1s infinite;
  }
  .hero .text-overlay span.cursor.typing {
    animation: none;
  }
  @keyframes blink {
    0%  { background-color: #ccc; }
    49% { background-color: #ccc; }
    50% { background-color: transparent; }
    99% { background-color: transparent; }
    100%  { background-color: #ccc; }
  }


  @media screen and (max-width: 375px){

    .hero .text-overlay{
    
        left: 5%;
    }

    .hero .text-overlay h1{
    
        font-size: 38px;
       
    }
    .hero .bg-img{
    width: 100%;
   
    margin-right: 0px;
  }
    


  }