@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/* poppins */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
}
ul li{
  list-style:none;
}
ul{
  padding: 0;
}
a{
  text-decoration: none;
}
h1, h2, h3,h4, h5 {
  font-family: "Bebas Neue", sans-serif;
  font-style: normal;
}
h1 span{
  font-family: "Bebas Neue", sans-serif;
  font-style: normal;
}

p, .description{
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: #ffffffd1;
}
.light-desc{
  color: rgb(190, 189, 189);
  font-size: 13px;
}

.global-bg{
  background: #1970F1;
}

.theme-btn {
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 50px;
  font-family: "Poppins" , sans-serif;
  font-size: 15px;
  font-weight: 200;
  white-space: nowrap;
}

.white-btn{
  padding: 10px 20px;
  border: none;
  background-color: #fff;
  border-radius: 20px;
  color: #007bff;
  font-weight: 600;
  white-space: nowrap;
}
.theme-btn-sm {
  padding: 7px 13px;
  background-color: #007bff;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 50px;
  font-family: "Poppins" , sans-serif;
  font-size: 11px;
  font-weight: 200;
  white-space: nowrap;
}



.top-bar ul li{
  display: flex;
  margin-right: 10px;
  align-items: center;
  
}
.top-bar ul li span{
  font-size: 15px;
  padding-left: 5px;
}
.top-bar ul.contact-info li img{
  width: 10%;
}
.top-bar ul.social-icons li img{
  width: 40%;
}
 nav .nav-link  {
  color: black;
  margin-right: 30px !important;
}

nav div.container:has(div.show){
  position: fixed;
  background: #fff;
  top: 0;
  height: 100%;
  z-index: 999;
}

@media (max-width:768px) {
  
  .top-bar ul li span{
    font-size: 10px;
    padding-left: 5px;
  }
  .top-bar ul.contact-info li img{
    width: 8%;
  }
  .top-bar ul.social-icons li img{
    width: 30%;
  }
  
  div.global-bg.top-bar > div > div > div > div a {
    font-size: 13px;
  }
}

nav .nav-link {
  margin-right: 10px !important;
  font-size: 15px;
}

/* Footer work */

footer .social-icons img{
  width: 11%;
}
footer ul{
  padding-top:20px ;
}
footer ul li{
  padding-bottom: 10px;
}
footer ul li a{
  color: #e5e6e8db;
  font-weight: 200;
  font-size: 15px;
}
footer form{
  margin-top: 20px;
}
footer form input{
  width: 100%;
  padding: 10px 20px;
  border: none;
  margin-bottom: 20px;
}
footer form button{
  padding: 10px 20px;
  border: none;
  background-color: #fff;
  border-radius: 20px;
  color: #007bff;
  font-weight: 600;
}
footer .lower-footer span{
  font-size: 13px;
}