.header_title
{
    font-size: 25px;
    margin-top: 30px;
    margin-left: -14px;
    color: #fff;
}
#background-video {
    position: absolute;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    display: inline-block;
    margin-top: 50px;
  }
  .typewriter h1 {
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: .03em solid #2c2e7c; /* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .15em; /* Adjust as needed */
    animation: 
      typing 4.5s steps(30, end),
      blink-caret .75s step-end infinite;
  }
  #h11 {
    position: relative;
    color: white;
    font-family: Trebuchet MS;
    font-weight: bold;
    text-align: center;
    font-size: 5rem;
    background: -webkit-linear-gradient(#eee, #FFFFFF,#FFFFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  /* The typing effect */
  @keyframes typing {
    from { width: 0 }
    to { width: 100% }
  }
  
  /* The typewriter cursor effect */
  @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: #2c2e7c; }
  }
  @media (max-width: 700px) {
    #background-video { display: flex; }
    body {
      background: url("https://assets.codepen.io/6093409/river.jpg") no-repeat;
      background-size: cover;
    }
  }
  @media (max-width: 700px) {
    .typewriter #h11 {
      font-size: 2rem !important;
    }
  }

.top_mar
{
    margin-top: 300px;
}
.bg-white-1
{
    background-color: #2c2e7c4f !important;
}
.nav_pos
{
    position: absolute;
    right: 85px;
}
.icon_back {
    background-color: white;
    border-radius: 120px;
    border: 1px solid #2c2e7c;
    padding: 22px;
    margin-right: 20px;
    color: #2c2e7c;
  }
.icon_back i{
    color: #2c2e7c;
    font-size: 30px;
}
.icon_back:hover
{
    background-color: #2c2e7c;
    transition: all 0.5s linear;
    transform: scale(1.25);
    color: #FFFFFF;
    cursor: pointer;
}
.icon_back i:hover
{
    color: #FFFFFF;
}
.title_h1
{
    color: #2c2e7c;
}
.bg-primary-1
{
    background-color: #2c2e7c;
}
.icon_reason
{
    font-size: 50px;
    padding: 15px;
    color: #2c2e7c;
}
.hover_background:hover
{
    box-shadow: 0 3px 10px #014ca182;
    transition: all 0.4s linear;
}
.whoweare_icon
{
    font-size: 30px;
    color: #fff;
}
.size_services
{
    width: 70px;
}
.margon_top
{
    margin-top: 20px;
}
.bg-dark-1
{
    background-image: linear-gradient(#8193f8, #2c2e7c);
}
.white_color
{
  color: #fff;
}
.white_color:hover
{
  color: #fff;
  transition: all 0.4s linear;
  letter-spacing: 0.5px;

}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .top_mar {
    margin-top: 0px;
    background: #FFFFFF;
  }
  .g-5-32
  {
    background: #FFFFFF;
  }


}