* {
  font-size: 3vh !important;
  text-decoration: none !important;
}

body {
  zoom: 69%;
  padding: 0;
}

.main {
  width: 100%;
  height: 144.9vh;
  background-color: white;
}

.left-section {
  padding-right: 0.5vh;
  padding-left: 1vh;
  height: 142.9vh;
}

.center-section {
  padding-left: 0.5vh;
  padding-right: 0.5vh;
  height: 142.9vh;
}

.right-section {
  padding-left: 0.5vh;
  padding-right: 1vh;
  height: 142.9vh;
}

.card {
  width: 100% !important;
  border-radius: 3vh;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  margin-top: 3vh;
  border: none;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer;
}

.card:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 12px;
  transform: scale(1.02);
}


.estimation-card {
  height: 48vh;
  background-color: #e7f6fc !important;

}

.eLab-card {
  height: 87vh;
  background-color: #FEEDC1;

}

.tender-card {
  height: 78vh;
  background-color: #d6f6d6;
}

.billing-card {
  height: 57vh;
  background-color: #FEDCDB;
}

.scada-card {
  height: 63vh;
  background-color: #CACFD5;
}

.other-card {
  height: 72vh;
  background-color: #E8D1FF;
}

.uk-slideshow-items-estimation {
  height: 48vh;
  border-radius: 3vh;
  background-color: #e7f6fc !important;
}

.uk-slideshow-items-eLab {
  height: 87vh;
  border-radius: 3vh;
}

.uk-slideshow-items-tender {
  height: 78vh;
  border-radius: 3vh;
  width: 100% !important;
}

.uk-slideshow-items-billing {
  height: 57vh;
  border-radius: 3vh;
}

.uk-slideshow-items-scada {
  height: 63vh;
  border-radius: 3vh;
}

.uk-slideshow-items-other {
  height: 72vh;
  border-radius: 3vh;
}

@media (max-width: 768px) {
.estimation-card,
.eLab-card,
.tender-card,
.billing-card,
.scada-card,
.other-card,
.uk-slideshow-items-estimation,
.uk-slideshow-items-eLab,
.uk-slideshow-items-tender,
.uk-slideshow-items-billing,
.uk-slideshow-items-scada,
.uk-slideshow-items-other,
.left-section,
.center-section,
.right-section{
    height: auto;
}
.right-section{
 margin-bottom: 5vh;
}
}





/* moadl section css start */


.modal-section-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 144.9vh;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-page-left-section {
  height: 100vh;
  border-top-left-radius: 5vh;
  border-bottom-left-radius: 5vh;
}

.login-page-rigt-section {
  height: 100vh;
  border-top-right-radius: 5vh;
  border-bottom-right-radius: 5vh;
  padding: 12vh;
}

.login-container {
  padding: 3vh !important;
  border-radius: 5vh !important;
  width: 100%;
  background-color: #ffffff5b;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  top: -3.5vh !important;
}

.form-control:focus {
  box-shadow: none;
}

.btn-login {
  width: 100%;
}

input {
  height: 10vh;
  font-size: 3vh !important;
  border-radius: 2vh !important;
}

button {
  height: 10vh;
  font-size: 3vh !important;
  border-radius: 2vh !important;
}

.login-page-title {
  font-size: 3vh !important;
  font-weight: bold !important;
  text-align: center;
  color: #000000 !important;
}

.eLab-login-card-outersection {
  background-color: #FDEBB9 !important;
  height: 100vh;
  width: 100vw !important;
  border-radius: 3vh;
}

.eLab-card-login {
  width: 100% !important;
  border-radius: 3vh;
  border: none;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer;
  position: relative;
  top: -3.5vh !important;
}

.estimation-card-login {
  height: 100vh !important;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: -3.5vh !important;
}

.estimation-login-card-outersection {
  background-color: #e7f6fc !important;
  height: 100vh;
  width: 100vw !important;
  border-radius: 3vh;
}

.uk-slideshow-items-estimation-login {
  height: 60vh;
  width: 50vw;
  border-radius: 3vh;
}


.uk-slideshow-items-eLab-login {
  height: 80vh !important;
  width: 50vw;
  border-radius: 3vh;
}

.Tender-login-card-outersection {
  background-color: #D5F6D5 !important;
  height: 100vh;
  width: 100vw !important;
  border-radius: 3vh;
}

.uk-slideshow-items-Tender-login {
  height: 78vh;
  width: 45vw;
}

.billing-login-card-outersection {
  background-color: #E4E6E8 !important;
  height: 100vh;
  width: 100vw !important;
  border-radius: 3vh;
}

.uk-slideshow-items-billing-login {
  height: 78vh;
  width: 45vw;
}

.scada-login-card-outersection {
  background: rgb(213, 246, 213) !important;
  background: linear-gradient(90deg, rgba(213, 246, 213, 1) 0%, rgba(147, 187, 248, 1) 100%) !important;
  height: 100vh;
  width: 100vw !important;
  border-radius: 3vh !important;
}

.uk-slideshow-items-scada-login {
  height: 50vh;
  width: 42vw;
  border-radius: 2vh;
}

.other-login-card-outersection {
  background-color: #0095D0 !important;
  height: 100vh;
  width: 100vw !important;
  border-radius: 3vh;
}

.uk-slideshow-items-other-login {
  height: 50vh;
  width: 45vw;
  border-radius: 2vh;
}

.error-msg{
  position: absolute !important;
  bottom: -10vh !important;
  left: 17vh;
}


@media (max-width: 768px) {

  .estimation-login-card-outersection {
    height: auto !important;
    /* padding: none !important; */
    padding: 4vh !important;
  }

  .estimation-card-login {
    height: auto !important;
    top: 0px !important;
  }
  .login-page-left-section {
    height: auto !important;
    border-top-left-radius: 5vh;
    border-bottom-left-radius: 5vh;
  }
  
  .login-page-rigt-section {
    height: auto;
    border-top-right-radius: 5vh;
    border-bottom-right-radius: 5vh;
    padding: 0px;
    margin-top: 10vh;
  }
  .uk-slideshow-items-estimation-login {
    height: 100%;
    width: 100vw !important;
  }

  
  .eLab-login-card-outersection {
    background-color: #FDEBB9 !important;
    height: auto !important;
    width: auto !important;
    padding: 4vh !important;

  }
  .eLab-card-login {
    top: 0vh !important;
  }


  .Tender-login-card-outersection {
    height: auto !important;
    width: auto !important;
    padding: 4vh !important;

  }
    
.uk-slideshow-items-Tender-login {
  height: 100%;
  width: 100vw !important;
}
.billing-login-card-outersection {
  height: auto !important;
  width: auto !important;
  padding: 4vh !important;
}

.uk-slideshow-items-billing-login {
  height: 100%;
  width: 100vw !important;
}

.other-login-card-outersection {
  height: auto !important;
  width: auto !important;
  padding: 4vh !important;
}

.uk-slideshow-items-other-login {
  height: 100%;
  width: 100vw !important;
}

}