body {

  background-color: rgb(250, 250, 250);

  margin: 0;

  padding: 0;
}

.sign-mnoutr-scntr {
  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;
}

.sign-mnoutr-scntr {
  margin: 90px auto 40px;
}

.sgnup-container {
  display: flex;

  align-items: end;

  justify-content: center;

  flex-direction: column;

  width: 100%;

  text-align: center;

  height: 100%;

  background-color: rgb(250, 250, 250);
}

.img-sgbx {
  height: 545px;

  width: 370px;

  background-size: cover;

  background-repeat: no-repeat;

  box-shadow: 0 15px 25px #aeaeae;
}

.sgn-overlayx {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.6);

  z-index: 1;
}

.sg-outrxt {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 350px;
}

.innrwlc-sgtxt h3 {
  color: #fff;
    font-size: 38px;
    line-height: 40px;
    font-weight: 800;
    margin: 0;
}
.innrwlc-sgtxt .subhed-ing {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    margin: 0 0 5px 0;
}
.innrwlc-sgtxt p {
  color: #fff;

  font-size: 17px;

  margin: 5px 0;
}

.mnbtn-sgpg {
  margin-top: 20px;
}

.sgn-sgbtn {
     color: #fff;
    text-decoration: none;
    border: 1px solid;
    padding: 8px 50px;
    border-radius: 20px;
    font-size: 18px;
}

.votejoin-logo1 {
  width: 210px;
  margin: 11px 0;
}

.top_text {
  color: #999999;

  font-size: 15px;

  font-weight: 600;

  margin: 0 26px 10px;
}

.input-box input {
  font-weight: 400;

  line-height: 18px;

  height: 17px;

  font-size: 13px;

  padding: 9px 0 7px 8px;

  width: 265px;

  border: 1px solid rgb(219, 219, 219);

  margin-bottom: 10px;
}

.login-button1 {
  border-radius: 4px;

  background-color: #0095f6;

  color: rgb(255, 255, 255);

  padding: 5px 9px;

  border: none;

  width: 268px;

  height: 30px;

  font-size: 14px;

  font-weight: bold;

  cursor: pointer;
}

.texts {
  font-size: 13px;

  line-height: 19px;
}

.linked {
  text-decoration: none;

  color: #385185;
}

.sgn-itsec-mg,
.sgn-itmsec-mg {
  padding: 0;
}

.sign-second_grid {
  width: 385px;

  background-color: #fff;

  box-shadow: 0 0 12px #b2b2b2;
}

.login-container1 {
  padding: 40px;

  text-align: center;
}

.selector {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 20px;
}
.date-selector,
.year-selector,
.months-selector {
  width: 100%;
}

.months-selector select,
.year-selector select,
.date-selector select {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f9f9f9;
  font-size: 14px;
}



.contlg-slidr{
	position:relative;
	width:100%;
	height:110px;
	overflow:hidden;
}
.lg_slides{
	position:absoulate;
	width:90%;
	height:100%;
	display:none;
	align-items:center;
	justify-content:center;
	font-size:17px;
	line-height:22px;
	letter-spacing:0.5px;
	font-weight:500;
	color:#fff;
	margin:0 auto;
}
.lg_slides.lg-active{
	display:flex;
}


/*



        }

        .img-bxsg {

            position: relative;

            width: 100%;

            height: 100%;

        }

        .img-sgbx {

            background-size: cover;

            background-position: center;

            width: 100%;

            height: 100%;

        }

        .login-container1 {

            width: 80%; 

        }

        .input-box {

            margin: 10px 0;

        }

        .login-button1 {

            background-color: #007bff;

            color: white;

            padding: 10px;

            border: none;

            border-radius: 5px;

            cursor: pointer;

        }

 

 

 



.top_text{

    color: #999999;

    font-size: 100%;

    margin: 0 40px 10px;

    font-weight: 600;

}



  .votejoin-logo1 {

    width: 175px;

    margin: 30px 0;

  }



  .fb-logo1 {

    width: 15px;

    height: 15px;

  }

    .texts {

        font-size: 13px;

    }

 .linked{

    text-decoration: none;

 }

  .lst-ftr {

    

    margin: 0 auto;

    display: flex;

    flex-direction: column;

    align-items: center;

  }



  .innrwlc-txt h3 {

    color: #fff;

    font-size: 28px;

    line-height: 36px;

    font-weight: 800;

    margin: 0;

  }

  .innrwlc-txt p {

    color: #fff;

    font-size: 18px;

    margin: 5px 0;

  }

  a.sgnbtn {

    color: #fff;

    text-decoration: none;

    border: 1px solid;

    padding: 5px 20px;

    

    border-radius: 20px;

  }

  .mnbtnpg {

    margin-top: 20px;

  }

  .google-play-image {

    width: 136px;

    height: 40px;

    margin-right: 5px;

  }

  .box-2 {

    height: 63px;

    width: 350px;

    border: 1px solid rgb(219, 219, 219);

    background-color: rgb(255, 255, 255);

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    margin: 10px 0;

  }

  input {

    background-color: rgb(250, 250, 250);

    font-weight: 400;

    line-height: 18px;

    height: 17px;

    font-size: 13px;

    padding: 9px 0 7px 8px;

    width: 260px;

    border: 0;

    outline: none;

    margin: 0 0 10px;

    border: 1px solid rgb(219, 219, 219);

  }

  .login-button1 {

    border-radius: 4px;

    background-color: #0095f6;

    color: rgb(255, 255, 255);

    padding: 5px 9px;

    border: none;

    width: 268px;

    height: 30px;

    font-size: 14px;

    font-weight: bold;

    margin: 10px 0;

    cursor: pointer;

  }

  .box-11 {

    width: 350px;

    padding: 50px 30px;

    box-shadow: 0 5px 25px #aeaeae;

  

  }

  .lines-box1 {

    margin: 20px 0;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 10px;

    font-size: 13px;

    color: #8e8e8e;

    font-weight: bold;

  }

  .line-11 {

    width: 106px;

    height: 1px;

    background-color: #dbdbdb;

    margin-right: 10px;

  }

  .line-22 {

    width: 106px;

    height: 1px;

    background-color: #dbdbdb;

    margin-left: 10px;

  }

  

  .fb-box1 {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    gap: 8px;

  }

  .fb-link1 {

    color: #385185;

    font-weight: bold;

    font-size: 14px;

    cursor: pointer;

  }

  .forgotten-password-link1 {

    color: #385185;

    font-size: 13px;



  }

  .sgnup-container {

    display: flex;

    align-items: end;

    justify-content: center;

    flex-direction: column;

    width: 100%;

    text-align: center;

    height: 100%;

    background-color: rgb(250, 250, 250);

    margin: 90px auto 40px;

  }



  .sgn-overlayx{

    position: absolute;

                top: 0;

                left: 0;

                width: 100%;

                height: 100%;

                background-color: rgba(0, 0, 0, 0.6);

                z-index: 1;

  }

  .sg-outrxt {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 350px;

}

  .innrwlc-sgtxt h3 {

    color: #fff;

    font-size: 28px;

    line-height: 36px;

    font-weight: 800;

    margin: 0;

  }

  .innrwlc-sgtxt p {

    color: #fff;

    font-size: 18px;

    margin: 5px 0;

  }

  .mnbtn-sgpg {

    margin-top: 20px;

  }

  a.sgn-sgbtn {

    color: #fff;

    text-decoration: none;

    border: 1px solid;

    padding: 5px 20px;

  

    border-radius: 20px;

  }



*/
@media(max-width:767px){
	.sign-mnoutr-scntr {
    margin: 40px auto;
}
.top_text {
    font-size: 14px;
    margin: 0 26px 20px;
}
.sg-fst_grid {
    display: none;
}
.sign-second_grid {
    width: 100%;
    background-color: unset;
    box-shadow: unset;
}
.login-container1 {
    padding: 20px;
}

}

@media(min-width:767px) and (max-width:991px){
	.img-sgbx {
    height: 500px;
    width: 320px;
    box-shadow: unset;
}
.innrwlc-sgtxt h3 {
    font-size: 34px;
    margin: 0;
}
.lg_slides {
    width: 80%;
    font-size: 16px;
    line-height: 22px;
    margin: 0 auto;
}
.mnbtn-sgpg {
    margin-top: 20px;
}
.sgn-sgbtn {
    padding: 5px 40px;
    font-size: 15px;
}
.top_text {
    font-size: 14px;
    margin: 0 20px 15px;
}
.login-container1 {
    padding: 28px;
    text-align: center;
}
.votejoin-logo1 {
    width: 200px;
    margin: 0;
}


}