.navbar{background:#000;}
.nav-item::after{content:'';display:block;width:0px;height:2px;background:rgb(224, 224, 224);transition: 0.2s;}
.nav-item:hover::after{width:100%;}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:rgb(234, 234, 234);}
.nav-link{padding:15px 5px;transition:0.2s;}
nav .navbar-nav li a{
  color: dimgrey !important;
}
nav .navbar-nav li a:hover{
  color: black !important;
}


  .container-fluid { 
      overflow: hidden; 
      margin-top: 250px; 
      background: rgb(204, 204, 204);
      color: #627482 !important; 
      margin-bottom: 0; 
      padding-bottom: 0 
  } 
  small { 
      font-size: calc(12px + (15 - 12) * ((100vw - 360px) / (1600 - 360))) !important 
  } 
  .bold-text { 
      color: #989c9e !important 
  } 
  .mt-55 { 
      margin-top: calc(50px + (60 - 50) * ((100vw - 360px) / (1600 - 360))) !important 
  } 
  h3 { 
      font-size: calc(34px + (40 - 34) * ((100vw - 360px) / (1600 - 360))) !important 
  } 
  .social { 
      font-size: 21px !important 
  } 
  .rights { 
      font-size: calc(10px + (12 - 10) * ((100vw - 360px) / (1600 - 360))) !important 
  } 
   .stretch-card>.card { 
      width: 100%; 
      min-width: 100% 
  } 
  .flex { 
      -webkit-box-flex: 1; 
      -ms-flex: 1 1 auto; 
      flex: 1 1 auto 
  } 
  @media (max-width:991.98px) { 
      .padding { 
          padding: 1.5rem 
      } 
  } 
  @media (max-width:767.98px) { 
      .padding { 
          padding: 1rem 
      } 
  } 
  .padding { 
      padding: 3rem 
  } 
  .card { 
      box-shadow: none; 
      -webkit-box-shadow: none; 
      -moz-box-shadow: none; 
      -ms-box-shadow: none 
  } 
  .card { 
      position: relative; 
      display: flex; 
      flex-direction: column; 
      min-width: 0; 
      word-wrap: break-word; 
      background-color: #fff; 
      background-clip: border-box; 
      border: 1px solid #3da5f; 
      border-radius: 0 
  } 
  .card .card-body { 
      padding: 1.25rem 1.75rem 
  } 
  .card .card-title { 
      color: #000000; 
      margin-bottom: 0.625rem; 
      text-transform: capitalize; 
      font-size: 0.875rem; 
      font-weight: 500 
  } 
  .card .card-description { 
      margin-bottom: .875rem; 
      font-weight: 400; 
      color: #76838f 
  } 
  .btn.btn-social-icon { 
      width: 50px; 
      height: 50px; 
      padding: 0 
  } 
  .template-demo>.btn { 
      margin-right: 0.5rem !important 
  } 
  .template-demo { 
      margin-top: 0.5rem !important 
  } 
  .btn.btn-rounded { 
      border-radius: 50px 
  } 
  .btn-outline-facebook { 
      border: 1px solid #3b579d; 
      color: #3b579d 
  } 
  .btn-outline-facebook:hover { 
      background: #3b579d; 
      color: #ffffff 
  } 
  .btn-outline-youtube { 
      border: 1px solid #e52d27; 
      color: #e52d27 
  } 
  .btn-outline-twitter { 
      border: 1px solid #2caae1; 
      color: #2caae1 
  } 
  .btn-outline-linkedin { 
      border: 1px solid #0177b5; 
      color: #0177b5 
  } 
  .btn-outline-instagram { 
      border: 1px solid #dc4a38; 
      color: #dc4a38 
  } 
  .btn-outline-twitter:hover { 
      background: #2caae1; 
      color: #ffffff 
  } 
  .btn-outline-linkedin:hover { 
      background: #0177b5; 
      color: #ffffff 
  } 
  .btn-outline-youtube:hover { 
      background: #e52d27; 
      color: #ffffff 
  } 
  .btn-outline-instagram:hover { 
      background: #e52d27; 
      color: #ffffff 
  } 
  .btn-facebook { 
      background: #3b579d; 
      color: #ffffff 
  } 
  .btn-youtube { 
      background: #e52d27; 
      color: #ffffff 
  } 
  .btn-twitter { 
      background: #2caae1; 
      color: #ffffff 
  } 
  .btn-linkedin { 
      background: #0177b5; 
      color: #ffffff 
  } 
  .btn-instagram { 
      background: #dc4a38; 
      color: #ffffff 
  } 
  .btn-facebook:hover, 
  .btn-facebook:focus { 
      background: #2d4278; 
      color: #ffffff 
  } 
  .btn-youtube:hover, 
  .btn-youtube:focus { 
      background: #c21d17; 
      color: #ffffff 
  } 
  .btn-twitter:hover, 
  .btn-twitter:focus { 
      background: #1b8dbf; 
      color: #ffffff 
  } 
  .btn-linkedin:hover, 
  .btn-linkedin:focus { 
      background: #015682; 
      color: #ffffff 
  } 
  .btn-instagram:hover, 
  .btn-instagram:focus { 
      background: #bf3322; 
      color: #ffffff 
  }