.dropdown-menu {
 padding: 0!important; 
}
.dropdown-menu2 {
  padding: 0!important;
  margin-top: 8px;
  top: -8px!important;
}
.navStyle{
  display: flex;
  flex-wrap: wrap;
}

.navStylebtn{
  display: none;
}

.navStyle li{
  margin-left: 15px;
  margin-right: 15px;
}

.navStyle li a:after {
  display:block;
  content: '';
  border-bottom: solid 3px #019fb6;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
.navStyle li a:hover:after { transform: scaleX(1); }

.content1{
  font-size: 70px;
  text-align: center;
  display: block;
  margin-top: 10%;
}

.letsStyle{
  font-size: 45px !important;
  text-align: center;
  display: block;
  margin-top: 12.5%;
  color: white;
}

.paragraph1{
  text-align: center;
  margin-top: 30px;
}

.bgStyle{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  opacity: .5;
  background-color: #14171c;
}

footer.footer,
footer.footer p{
  background: black !important;
  color: white !important;
}

.top-logo img {
  max-width: 200px !important;
}

.navStyle li{
  font-size: 13px !important;
  font-weight: bold;
}

.navStyle li a{
  letter-spacing: 0.5px;
}

/* New Css */
li {
  list-style: none;
  margin: 20px 0 20px 0;
  font-weight: bold;
}

a {
  text-decoration: none;
}

.p-4 {
    padding: 3rem 1.5rem !important;
}

.sidebar {
  width: 250px;
  height: 100vh;
  position: fixed;
  margin-left: -300px;
  transition: 0.4s;
  z-index: 999999;
  background: white;
}

.active-main-content {
  margin-left: 250px;
}

.active-sidebar {
  margin-left: 0;
}

.opacityStyle{
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    position: fixed;
    transform: translate3d(0,0,0);
/*    z-index: 999899;*/
    transition: all .3s linear;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.hidden{
  display: none;
}

.sidebar .closebtn{
  position: absolute;
  top: 10px;
  right: 10px;
/*  font-size: 25px;*/
  border: 1px solid;
  padding: 5px 15px;
}

.opensidebar{
  border: 1px solid;
  padding: 5px 15px;
}

@media (max-width: 991px) {
  .top-desc {
    flex-wrap: wrap;
    justify-content: left !important;
  }

  .container{
    max-width: 100% !important;
  }
}

@media (max-width: 959px) {
  .navStyle{
    display: none !important;
  }

  .navStylebtn{
    display: flex !important;
  }

  .opacityStyle{
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
  }
}

@media (max-width: 775px)
{
  .top-logo img
  {
    max-width: 100px !important;
  }
}

@media (max-width: 400px)
{
  .navStyle li{
    font-size: 12px !important;
  }
}

@media (max-width: 330px)
{
  .top-logo img
  {
    max-width: 60px !important;
  }
}