body{
    overflow-x: hidden;
}
.nav-links {
    color: #253d52; 
    border-radius: 4px;
    border: none;
  }
  .navbar-toggler {
    &:focus,
    &:active {
      outline: none;
      box-shadow: none;
    }
  }
  
  .navbar-toggler-icon {
  
    &:focus {
      outline: none;
      box-shadow: none;
    }
  }
  .bar1,
  .bar2,
  .bar3 {
    width: 25px;
    height: 3px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
  }
  
  .change .bar1 {
    transform: translate(0, 11px) rotate(-45deg);
  }
  
  .change .bar2 {
    opacity: 0;
  }
  
  .change .bar3 {
    transform: translate(0, -11px) rotate(45deg);
  }
  .btn:hover,.btn-lg:focus, .btn-lg:hover .btn-lg:active.btn:focus,.btn-primary:active, 
.btn:active:focus:not(:disabled):not(.disabled),
.btn:focus, .btn:active, .btn:hover{
    box-shadow: none!important;
    outline: 0;
}
input:hover,input:focus,input:active, 
.input:active:focus:not(:disabled):not(.disabled),
.input:focus, .input:active, input:hover{
    box-shadow: none!important;
    outline: 0;
}
.card{
    box-shadow: 0 8px 30px 0 rgba(121, 119, 139,0.16);
}