* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
.img-body1 {
  width: 40%;
  gap: 10px;
}
.img-body1-header {
  font-size: 20px;
  font-weight: 700;
  color: #062f54;
}
.img-body2 {
  width: 20%;
}
.img-body3 {
  width: 40%;
  gap: 10px;
  justify-content: end !important;
}
.img-body3-header {
  font-size: 20px;
  font-weight: 500;
  color: #0b0b0b;
}
.logo-container {
  padding: 6px 40px;
  height: 100px;
}
/* .dashboard-cont{
  min-height: calc(100vh - -19px);
  max-height: calc(100vh - 102px);
} */
.dashboard-cont{
	height:100vh;
}
.dashboard-body {
  background-image: url("/HIS/hisglobal/login/images/dashboardngimg.png");
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-size: cover; 
  background-position: center;
  object-fit: cover;
}
.title-name {
  color: white;
}
.line {
  width: 1px;
  height: 50px;
  border-left: 1px solid white;
  background: white;
  margin: 10px;
}
.height20 {
  /* height: 83px; */
  padding: 0px 40px;
}

.width25 {
  width: 25%;
}
.header-title {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
}
.anchor {
  text-decoration: none !important;
}
.width100 {
  width: 100%;
  margin: 0px 0px 10px 0px;
}
.about-form {
  width: 60%;
  padding: 6px 40px;
}
.about-boder {
  border-bottom: 5px solid red;
  text-align: center;
  position: relative;
  top: 3px;
  padding-bottom: 2px !important;
  font-weight: 700;
  font-size: 24px;
  width: min-content;
}
.about-text {
  text-align: justify;
  font-size:22px;
  font-weight: 400;
/* letter-spacing: 1px; */
}
.image-gap {
  gap: 30px;
}
.form-control.is-invalid {
   /* background-image: url(/HIS/hisglobal/login/images/eyeicon.png) !important; */ 
  border: 1px solid #ced4da !important;
  background-repeat:no-repeat ;
}
.signin-title {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: white;
  cursor: pointer;
}
.sign-in {
  width: 40%;

}
.sign-in-text {
  color: white;
  font-size: 28px;
  font-weight: 500;
}
.captch-input {
  height: 38px;
  padding: 6px 10px;
  border: 1px solid #ced4da;
  border-radius: 6px;
  width: 100%;
}
.captch-img {
  background-color: rgb(255, 255, 255);
  padding: 6px 15px;
  border-radius: 4px ;
  margin-right: 8px  !important;

}

.captch-gap{
  gap: 10px;
}
.AboutIconImage {
  height: 55px;
}
.image-gap{
  display: flex;
  flex-direction: row;
}
.btnsign {
    padding: 6px 40px !important;
    font-weight:700 !important;
  border-radius: 8px !important;
  background: red !important;
  margin: 10px 0px 0px 0px;
  align-self: center;
  width: 100%;
}
.terms-text {
  font-size: 14px;
}
.gp20 {
  gap: 10px;
}
.body-height {

  overflow: hidden;
}
.footer-text {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff00; /* Adjust as needed */
  padding: 10px 0;
  text-align: center;
}
.foget-pass {
  color: rgb(255, 255, 255);
}
.error-text{
  color:red;
}
.border-text {
  text-decoration: none !important;
}
.form-bg{
    background-color:#009D8C ;
border-radius: 8px;
}
.hamburger-menu{
  display: none;
}
.target-div {
  display: none;
}

.inputIcon{
position: absolute;
left: 10px;
top: 10px;
}
.inputImg{
  padding-left: 30px !important;
}
.inputImg::placeholder{
  color: #009D8C !important;
}
.target-div.show {
  background-color: #f88e1e;
  padding: 20px;
  position: absolute;
  top: 62px;
  width: 32%;
  z-index: 99;
  right: 10px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 13px;
  justify-content: left;
  align-items: left;
  color: black !important;
}
.handburgerMenulist{
  font-size: 20px;
  color: white;
  text-decoration: none;
  font-weight: 600;
}

.invalid-img{
  margin-right: 10px;
}
 .about {
           width: 76%;
           margin-top: 30px;
           /* display: none; */
           /* display: block !important; */
           flex-direction: column;
           align-items: center;
        }
        .provacy {
          width: 76%;
          margin-top: 30px;
          display: none;
          /* display: block !important; */
          flex-direction: column;
          align-items: center;
       }
.font24{
  font-size: 24px;
  line-height: 24px;
}
.dashboard-bodypri{

    background-image: url("/HIS/hisglobal/login/images/dashboardngimg.png");
    background-repeat: no-repeat;
    height: calc(100vh - -82px);
    width: 100%;
    overflow: hidden;
    background-size: cover;

    /* background-position: center; */
    object-fit: cover;

}
.dashboard-bodyAbout{

  background-image: url("/HIS/hisglobal/login/images/dashboardngimg.png");
  background-repeat: no-repeat;
  height: calc(100vh - 82px);
  width: 100%;
  overflow: hidden;
  background-size: cover;

  /* background-position: center; */
  object-fit: cover;
}
.privacyText{
  height: calc(100vh - 381px);
  overflow-y: scroll;
  scrollbar-width: none;
}
@media screen and (max-width: 1500px) {

  .image-height{
    height: 70px;
    width: 70px;
  }
  .logo-container {
    padding: 6px 40px;
    height: unset;
  }
  .hamburger-menu{
    display: none;
  }
  .width25
  {
      /* width: 20%; */
    }
  .line{
    height: 38px;
  }
  .about-form {
    width: 60%;
  }
  .img-body1-header {
    font-size: 16px;
    font-weight: 700;
    color: #062f54;
  }
  .img-body3-header {
    font-size: 16px;
    font-weight: 500;
    color: #0b0b0b;
  }
  .about-text {
    text-align: justify;
    font-size: 16px;
    font-weight: 400;
  }
  .header-title {
    font-size: 16px;
    font-weight: 500;
  }
  .AboutIconImage {
    height: 44px;
  }

  .height20 {
    /* height: 76px; */
    padding: 5px 40px;
  }
  .dashboard-body {
    background-image: url("/HIS/hisglobal/login/images/dashboardngimg.png");
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-size: cover; 
    /* background-position: center; */
    object-fit: cover;
  }
  .sign-in{
width: 50%;
  }
  .sign-in-text{
font-size: 25px;
font-weight: 600;
  }
  .title-name {
    color: white;
    font-size: 14px;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1366px) {
.privacyText{
  height: calc(100vh - 315px);
  overflow-y: scroll;
  scrollbar-width: none;
}
.dashboard-bodypri {
  background-image: url(./assests/dashboardngimg.png);
  background-repeat: no-repeat;
  height: calc(100vh - 68px);
  width: 100%;
  overflow: hidden;
  background-size: cover;
  /* background-position: center; */
  object-fit: cover;
}
.dashboard-bodyAbout{

  background-image: url("./assests/dashboardngimg.png");
  background-repeat: no-repeat;
  height: calc(100vh - 68px);
  width: 100%;
  overflow: hidden;
  background-size: cover;

  /* background-position: center; */
  object-fit: cover;
} 
  .image-height{
    height: 70px;
    width: 70px;
  }
  .logo-container {
    padding: 6px 40px;
    /* height: 80px; */
  }
  .line{
    height: 38px;
  }
  .width25
  {
      /* width: 20%; */
    }
    .hamburger-menu{
      display: none;
    }
  .title-name {
    color: white;
    font-size: 14px;
  }
  .about-form {
    width: 65%;
  }
  .img-body1-header {
    font-size: 14px;
    font-weight: 700;
    color: #062f54;
  }
  .img-body3-header {
    font-size: 14px;
    font-weight: 500;
    color: #0b0b0b;
  }
  .about-text {
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
  }
  .header-title {
    font-size: 16px;
    font-weight: 500;
  }
  .AboutIconImage {
    height: 35px;
  }

  .height20 {
    /* height:56px; */
    padding: 5px 40px;
  }
 
  .dashboard-body {
    background-image: url("/HIS/hisglobal/login/images/dashboardngimg.png");
    background-repeat: no-repeat;
    height: calc(100vh - -83px);
    width: 100%;
    overflow: hidden;
    background-size: cover; 
    background-position: center;
    object-fit: cover;
  }
  .sign-in{
width: 50%;
  }
  .sign-in-text{
font-size: 18px;
font-weight: 600;
  }
  .textsize{
    font-size: 14px;
  }
  .logo-container{
/* height: 56px; */
  }
  .image-height{
    height: 50px;
    width: 50px;
  }
.about-boder{
  border-bottom: 5px solid red;
  text-align: center;

  position: relative;
  top: 3px;
  padding-bottom: 2px !important;
  font-weight: 700;
  font-size: 16px;
}

}

@media screen and (min-width: 900px) and (max-width: 1280px) {

  .about-form {
    width: 75%;
  }

  .AboutIconImage {
    height: 35px;
  }

  .hamburger-menu{
    display: none;
  }

}
@media screen and (max-width: 1280px){
	.modalCard{
	width:60% !important;	
	}
	.lockWidth{
	width:40% !important;
	}
	
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .hamburger-menu{
    display: block;
  }
  .width25{
    display: none !important;
  }
  .anchor{
    display: none;
  }
  .about-form {
    width: 100%;
  }
 
  .AboutIconImage {
    width:77%;
  }

  .sign-in {
    width: 60%;
    margin-bottom: 50px !important;
}
.dashboard-body{
  height: unset;
  }
  .dashboard-bodypri {
    height: unset !important;
  }
.footer-text{
font-size: 14px;

  }

}
@media screen and (min-width: 250px) and (max-width: 768px) {
  .paddingOverride{
    padding: 16px;
  }

  .textNone{
    display: none;
  }
  .width25{
    display: none !important;
  }
  .anchor{
    display: none;
  }
  .hamburger-menu{
    display: block;
  }

  .about-form {
    width: 100%;
    height: calc(100vh - -127px);
}

  .AboutIconImage {
    width:100%;
    height: 50px;
  }

  .sign-in {
    width: 80%;
    margin-bottom: 50px !important;
}
.dashboard-body{
background-image: none;
}
.dashboard-cont{
	height:unset;
}
.dashboard-bodypri {
  height: unset !important;
}


.height20{
  background-color: #009D8C;
}
.image-height {
  height: 60px;
  width: 60px;
}
.img-body1-header{
font-size: 10px;
display: none;
}

  .img-body3-header{
    font-size: 10px;
    }
    .textsize{
      font-size: 8px;
    }
    .title-name {
font-size: 8px;

}
.image-gap{
  flex-direction: column;
}
.dashboard-body{
 height: calc(100vh - -306px);
}
.privacyText {
    height: calc(100vh - 256px);
    overflow-y: scroll;
    scrollbar-width: none;
}
.footer-text{
    font-size: 14px;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    text-wrap: wrap !important;
border-top: 1px solid rgba(204, 204, 204, 0.678);
box-shadow: 0px 0px 4px rgb(220, 220, 220);
padding: 0px;
background-color: white;
    }
    .captch-gap {
      flex-direction: column;
    }
    .captchGap{
      gap: 20px;
    }
    .modalImagRight img{
display: none !important;
    }
}
@media screen and (max-width:552px) {
  .sign-in{
    width: 100% !important;
  }

}
@media screen and (min-width: 1680px) {
  body {
    overflow: hidden;
  }
}
/* @media screen and (max-width: 1680px) {

  .footer-text{
    background-color: #009D8C;
    color: white;
  }
} */


.invalidImg {
  background-image: url('assests/visibility_off.svg') !important;
  background-repeat:no-repeat ;
  position: absolute;
  right: 10px;
  top: 10px
}




/* Forgot Password modal  */
modalGap{
  gap: 52px;
  margin-bottom: 30px;
}
.modalCard{
background-color: #009D8C;
padding: 24px 20px;
border-radius: 8px;
color: white;
width: 50%;
}
.inputFiel{
  width: 100%;
}
.ModalInput{
  height: 40px;
  border: 1px solid green;
  outline: none;
  border-radius: 4px;
  padding: 4px 20px;
}
.modalSaveBtn{
  width: 100%;
  background-color: red;
  border: none;
  outline: none;
  color: white;
  font-weight: 600;
  border-radius: 4px ;
  padding: 6px;
}
.modalCancelBtn{
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid white;
  outline: none;
  color: white;
  font-weight: 600;
  border-radius: 4px ;
  padding: 6px;
}
.close{
  display: flex !important;
  align-items: end !important;
  justify-content: end !important;
  color: red !important;
}
.lockWidth{
	width:50%;
}
.PasswordFieldModal{
  width: 30px;
  background-color: rgba(255, 255, 255, 0);
  outline: none !important;
  border-bottom: 2px solid white;
  border-top: none;
  border-right: none;
  border-left: none;
  gap: 10px;
  padding:  0px 10px;
  box-shadow: none;
}