/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/assets/styles/Loginform.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.landing-heading {
  margin-left: 2%;
}

.logo-container {
  margin-right: 2%;
  display: flex;
  align-items: center;
  gap: 7%;
}

.loginCard {
  height: 325px;
  padding: 20px;
  width: 28rem;
  margin-top: 50px;
  border-radius: 8px;
}

.loginBtn {
  padding: 8px;
  width: 5rem;
  height: 2.5rem;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  margin-top: -3%;
}

.textCenter {
  text-align: center;
  border: none;
  font-size: 25px;
  font-family: sans-serif;
  color: white;
  width: 28rem;
  border-radius: 8px;
  margin-top: -4.8%;
  margin-left: -4.8%;
  background-color: #ff725e !important;
  letter-spacing: 2px;
}

/* style={{
    marginTop: "-15px",
    border: "none",
    fontSize: "25px",
    fontWeight: "bold",
    fontFamily: "sans-serif",
    color: "red",
    backgroundColor: "#FFFFFF",
    alignItems: "center",
  }}  */

.landing-section {
  overflow: hidden;
}

.landing-inner-section {
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
  align-items: center;
  color: #ff725e;
}

.landing-heading {
  /* position: fixed; */
}

.landing-logo {
  width: 200px;
  height: 100px;
  /* margin: 10px; */
}
.clinally-logo {
  width: 200px;
  height: 100px;
}
.loginTopNav {
  display: flex;
  align-items: center;
  gap: 4%;
}
.h1-responsive {
  font-size: medium;
}
.inner-div {
  margin: 0 auto;
  flex-direction: column;
  text-align: center;
  margin-top: -5rem;
  color: #ff725e;
}
.dashboard {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-left: 7%;
  margin-top: 1%;
  justify-content: center;
  gap: 7%;
  margin-right: 2%;
  /* margin-bottom: 1% !important; */
  /* margin: 1% 2% 1% 7% !important; */
}

.inner-dashboard-structure {
  /* width: 700px;
        height: 700px; */
  /* margin-top: -20px;
        position: fixed; */
}
/* .structure-section{
        flex-direction: column;
        margin-top: 8rem;
        margin-right: 0.8rem;
} */
.landing-card {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: all 0.3s;
  margin-top: -2rem;
  padding: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  border: none;
}
.password-input {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: all 0.3s;
}

.login-container {
  display: flex;
  justify-content: center;
}

.dashboard-item {
  display: flex;
  /* flex-grow:1; */
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
}

@media screen and (max-width: 1230px) {
  .dashboard {
    width: 100%;
    margin-bottom: 1%;
    flex-wrap: wrap-reverse;
  }
}

@media screen and (max-width: 930px) {
  .inner-div {
    margin-top: 0.5rem !important;
  }
}

.bottomLogos {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 5%;
}

.bottomLogos .image1 {
  width: 10rem;
}
.bottomLogos .image2 {
  width: 5.5rem;
}

.collaboration {
  display: flex;
  justify-content: space-between;
  margin: 5% 0;
  align-items: center;
}
.collaboration hr {
  width: 28%;
  border: 1px solid #d0c8c8;

}