/* basic styling */
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.click2 {
  display: none;
}
.hide-ham {
  display: none;
}
.nav-btn{
  background-color: #fdb813;
}
/* First nav section */
.first-nav {
  background-color: #111827;
}
a {
  color: #fff;
  text-decoration: none;
  transition: 0.2s;
}
.first-nav-icon{
  border-color:#fdb813 !important;
}
.first-nav-icon:hover {
  background-color: #fff;
  color: #fdb813;
}

/* Second Nav section */
.main-nav {
  background-color: #fff;
  box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.101);
}
.logo {
  img {
    width: 100%;
  }
}
.nav-section {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;

  li {
    list-style: none;
    a {
      color: #000;
      font-size: 18px;
      font-weight: 600;
      text-transform: uppercase;
      position: relative;
    }
  }
}
.nav-btn-section .nav-btn {
  background-color: #fdb813;
  color: #ffff;
  padding: 10px 20px;
  border-radius: 30px;
  margin-left: 5px;
  font-weight: 500;
}
.nav-links li a::after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 3px;
  margin-top: 3px;
  background: #fdb813;
  transition: 0.4s;
}
.nav-links li a:hover::after {
  width: 100%;
}
.nav-links li a:hover{
  color: #fdb813;
}
.mobile-menu {
  display: flex;
  justify-content: end;
  span {
    color: #000;
    font-size: 30px;
  }
}
/* FOOTER section */
.black {
  background-color: #030712;
}
.fotter-logo {
  img {
    width: 50%;
  }
}
.footer-icon {
  margin-top: 24px;
  a {
    background-color: #111827;
  }
}
.footer-icon a:hover {
  background-color: #fdb813;
  color: white;
}
.footer-links {
  margin-top: 15px;
  li {
    padding: 5px;

    a {
      color: #9ca3af;
    }
  }
}
.footer-service {
  list-style: none;
  li {
    padding: 5px;
    color: #9ca3af;
  }
}

.footer-contact {
  div {
    padding: 5px;
  }
  a {
    color: #9ca3af;
  }
}

.copyright-section {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.copy-right{
  color: #fdb813;
}
.copy-right:hover{
  color: #fff;
}