.navigation {
  margin: auto;
  position: relative;
  width: 90%;
  float: left;
}

.navbar .navbar-brand {
  font-size: 30px;
  font-family: "Rubik", sans-serif;
}
.navbar .nav-item {
  padding: 0px 10px;
}
.navbar .nav-link {
  color: rgb(255, 255, 255);
  font-size: 18px;
  margin-left: 10px;
  margin-top: 0px;
  transition: 0.3s;
}
.navbar .nav-link:hover {
  color: #000000;
}
.navbar .navbar-toggler {
  float: right;
  margin-top: 8px;
}
.navbar-nav {
  position: absolute;
  float: right;
  z-index: 99;
}
@media only screen and (max-width: 1600px) {
  .logo {
      position: absolute;
      margin-top: 10px;
      margin-left: 0px;
      width: 200px;
  }
}
@media only screen and (max-width: 1199px) {
  .number {
      display: none;
  }
  .navbar {
      width: 100%;
      background-color: #ffffff;
      z-index: 9999;
  }
  .navbar-toggler {
      position: relative;
      z-index: 2;
      float: right;
      margin-top: 8px;
  }
}
@media only screen and (max-width: 1199px) {
  .navbar-collapse {
      position: absolute;
      z-index: 1;
      top: -10px;
      right: -5%;
      width: 120%;
      height: 225px;
      border: none;
      border-radius: 0 0 10px 10px;
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      transform: translateY(-120%);
      transition: transform 0.2s ease-in-out;
  }
  .navbar-collapse.show {
      transform: translateY(0px);
  }

  .navbar .nav-link {
      color: rgb(0, 0, 0);
      margin: auto;
      margin-top: 0px;
      text-align: center;
      font-weight: 600;
      font-size: 18px;
      transition: 0.3s;
      padding: 0;
  }
  .navbar .nav-item {
      padding: 0px 10px;
  }
  .navbar-nav {
      margin-top: 50px;
  }

  .underline-one {
      margin: auto;
      width: 80px;
      height: 6px;
      background-color: #FF971D;
      margin-bottom: 30px;
  }
  .underline-two {
      margin: auto;
      width: 110px;
      height: 6px;
      background-color: #FF971D;
      margin-bottom: 30px;
  }
  .underline-three {
      margin: auto;
      width: 120px;
      height: 6px;
      background-color: #FF971D;
      margin-bottom: 30px;
  }
  .underline-for {
      margin: auto;
      width: 100px;
      height: 6px;
      background-color: #FF971D;
      margin-bottom: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .navbar-brand {
      font-size: 24px !important;
  }
}

.navbar-two {
  position: fixed;
  top: -70px;
  width: 100%;
  max-width: 2560px;
  height: 70px;
  background-color: #ffffff;
  padding: 0 25px;
  z-index: 999;
  visibility: hidden;
  transition: 0.3s ease-in-out;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
  transform: translateY(0px);
}
.navbar-two.visible {
  top: 0;
}
.ul-two {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.li-two {
  margin-top: 3px;
  float: right;
}
.li-two:hover {
  background-color: none;
}

.ul-two:hover {
  background-color: none;
}

.logo-two {
  margin-top: 5px;
  margin-left: 80px;
  height: 70px;
}
.nav-link-two {
  float: right;
  color: rgb(0, 0, 0);
  text-align: center;
  font-size: 20px;
  padding: 18px 15px;
  text-decoration: none;
  transition: 0.3s;
}

.nav-link-two-contact {
  position: relative;
  display: block;
  margin-top: 12px;
  margin-left: 20px;
  margin-right: 50px;
  padding: 8px 19px;
  text-align: center;
  border-radius: 15px;
  color: rgb(255, 255, 255) !important;
  width: 165px;
  height: 43px;
  background-color: #FF971D;
  font-size: 20px !important;
  text-decoration: none;
  transition: 0.3s;
}
.nav-link-two-contact:hover {
  background-color: rgb(226, 0, 0);
}

.nav-link-two:hover {
  color: #FF971D;
}
@media (max-width: 1020px) {
  .navbar-two {
      position: fixed;
      top: -40px;
      width: 100%;
      height: 50px;
      background-color: #ffffff;
      padding: 0 25px;
      z-index: 999;
      visibility: hidden;
      transition: 0.3s ease-in-out;
      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
      transform: translateY(0px);
  }
  .navbar-two.visible {
      top: 0px;
  }
  .ul-two {
      margin: 0;
      padding: 0;
      list-style-type: none;
      width: 300px;
  }
  .li-two {
      margin-top: 0;
      float: left;
  }
  .li-two:hover {
      background-color: none;
  }

  .ul-two:hover {
      background-color: none;
  }

  .nav-link-two {
      float: left;
      color: rgb(0, 0, 0);
      text-align: center;
      font-size: 15px;
      padding: 0px 5px 0 15px;
      text-decoration: none;
      transition: 0.3s;
  }

  .nav-link-two-contact {
      position: relative;
      display: block;
      margin-top: 10px;
      margin-left: 0px;
      margin-right: 0px;
      padding: 2px 2px;
      text-align: center;
      border-radius: 15px;
      color: rgb(255, 255, 255) !important;
      width: 80px;
      height: 25px;
      background-color: #FF971D;
      font-size: 13px !important;
      text-decoration: none;
      transition: 0.3s;
  }
  .nav-link-two-contact:hover {
      background-color: rgb(226, 0, 0);
  }

  .nav-link-two:hover {
      color: #FF971D;
  }
}