.oknok {
  max-width: 100%;
  max-height: 70px;
}

.banner {
  background-image: url("/static/assets/images/bannerimg.png") !important;
  height: 520px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 100%;
}

.about {
  align-items: center;
  justify-content: center;
  text-align: center;
}

.about p {
  margin-top: 15px;
  color: black;
  text-align: center;
  font-family: "Roboto Serif 28pt", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 48px;
  font-weight: 650;
  line-height: 58px;
  letter-spacing: -1.44px;
}
.btn-banner {
  border-radius: 8px !important;
  border: 1px solid var(--US-PC, black) !important;
  background: transparent !important;
  color: black !important;
  padding: 6px 19px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 30px !important;
color: black;
}
.btn-banner:hover {
  border-radius: 8px !important;
  border: 1px solid var(--US-PC, #cf2c79)!important;
  background: #cf2c79 !important;
  color: white !important;
  padding: 6px 19px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 30px !important;
  /* 225% */
  color: white;
}

#dynamic-complaint {
  color: var(--US-PC, #cf2c79);
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  word-spacing: 1px;
  letter-spacing: 0.3px;
  font-weight: 500;
  line-height: 16px;
  /* 100% */
  margin-top: 30px;
}

.btn-b {
  border-radius: 8px !important;
  border: 1px solid var(--US-PC, #CF2C79) !important;
  background: #CF2C79 !important;
  color:white !important;
  padding: 6px 19px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 30px !important;

}
.btn-b:hover{
  border-radius: 8px !important;
  border: 1px solid var(--US-PC, #BB1E68) !important;
  background: #BB1E68 !important;
  color:white !important;
  padding: 6px 19px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 30px !important;

}
.navbar-banner {
  display: flex;
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width:480px){
  .oknok{
      max-height: 50px;
  }
  .btn-banner{
      padding: 4px 10px !important;
  }
  .banner{
      height: 700px;
  }

}