*
{
    box-sizing: border-box;
}

/*.satisactual_login_page{
  background: rgb(1, 183, 189);
  background: linear-gradient(
    -90deg,
    rgba(1, 183, 189, 1) 0%,
    rgba(0, 96, 174, 1) 100%
  );
}*/
.main .logo{
    width: 0 auto;
    align-items: center;
/*    padding-bottom: 42px;*/
}
* {
  box-sizing: border-box;
}

.login-container .row::after {
  content: "";
  clear: both;
  display: table;
}
.login-container
{
/*    width: 350px;*/
/*    margin: 7em 16em;*/
    position: relative;
   /* color: red;*/
    font-family:"Open Sans";
    overflow: hidden;
    background-color: white;
   /* filter: drop-shadow(5px 5px 5px #363a37); */
    max-width: 100%;
/*    padding: 70px;
    margin: 28px;*/
}

.login-container input:not([type="submit"]):not([type="button"])
{
    display: block;
    height: 42px;
    width: 100%;
    font-family: "Open Sans";
    border: none;
    padding: 7px 10px 7px 42px;
/*    background-color: rgba(255,255,255,0.7);*/
    color: #3d3f53;
/*    font-family: Open Sans;*/
    box-shadow: 0 1px 3px 0px rgba(38, 38, 38, 0.5);
    font-weight: bold;
    border-radius: 9px;
}

.login-container .input-icon
{
    position: absolute;
    margin-top: 7px;
    margin-left: 2px;
    padding: 3px;
    color: #3d3f53;
    width: 24px;
    height: 24px;
}
.login-container .input-icon img
{
    width: 24px;
    height: 24px;
}
.login-container input[type="submit"]
{
    border: none;
    width: 100%;
    padding: 7px 10px;
    text-align: center;
    font-family: "Open Sans";
    color: #3d3f53;
    background-color: #FFF;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 100;
    transition: 0.4s all;
}

.login-container input[type="submit"]:hover
{
    background-color: #3d3f53;
    color: #FFF;
}
.login_or_signup .login{
    color: white;
    text-align: center;
    padding: 25px 0px 25px 0px;
    font-weight: bold;
}
.login_or_signup .signup-pg{
    color: white;
    text-align: center;
    padding: 25px 0px 10px 0px;
    font-weight: bold;
    
}
login_or_signup .signup-pg{
    color: white;
    text-align: center;
    padding: 55px 0px 30px 0px;
    font-weight: bold;
}
.container_signup .login{
    color: white;
    text-align: center;
    padding: 55px 0px;
    font-weight: bold;
}
.container_signup .signup-pg{
    color: white;
    text-align: center;
    padding: 55px 0px;
    font-weight: bold;
}
.main .section__features {
  text-align: center;
/*  border-style: solid;
  border-right-color: #0060af;*/
}

.main .section__features .element_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main .section__features .element_container .image-hover-text-container {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  margin: 0;
  overflow: hidden;
}

.main .section__features .element_container .image-hover-text-container .image-container {
  width: 100%;
  margin: 2em 0;
}

.main .section__features .element_container .image-hover-text-container .image-container .image-hover-image {
  display: block;
}

.main .section__features .element_container .image-hover-text-container .image-container .image-hover-image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  width: 100%;
  -webkit-filter: drop-shadow(2px 4px 6px #adb5bd);
          filter: drop-shadow(2px 4px 6px #adb5bd);
}

.main .section__features .element_container .image-hover-text-container .image-container .image-hover-text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  opacity: 0;
  cursor: default;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  overflow: hidden;
  padding: 2em 2em 2em 0;
}

.main .section__features .element_container .image-hover-text-container .image-container .image-hover-text:hover {
  opacity: 1;
}

.main .section__features .element_container .image-hover-text-container .image-container .image-hover-text-bubble {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 70%;
  left: 0;
  right: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 128, 0, 0.7);
  color: white;
  margin: 0 auto;
  padding: 4% ​8px 0px 8px;
  overflow: hidden;
  font-size: 17px;
  text-align: center;
  word-wrap: break-word;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  width: 100%;
  padding: 0 1em;
}

.main .section__features .element_container .image-hover-text-container .image-container .image-hover-text .image-hover-text-title {
  font-size: 25px;
  display: block;
}
.main .section__features .element_container .image-hover-text-container .image-container .image-hover-text .image-hover-text-title a{
  text-decoration: none;
  color:white;  
}

.main .section__authentication {
      -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 562px;
    height: 620px;
    /* background: rgb(1, 183, 189); */
    /* background: linear-gradient( -90deg, rgba(1, 183, 189, 1) 0%, rgba(0, 96, 174, 1) 100% ); */
    /* background: rgb(0,178,188); */
    /* background: linear-gradient(179deg, rgba(0,178,188,1) 0%, rgba(0,148,184,1) 65%, rgba(0,104,176,1) 99%); */
    background-image: linear-gradient(rgba(0, 184, 189, 0.91) 0%, rgba(0, 150, 184, 0.91), rgba(0, 96, 175, 0.91) 100%);
    object-fit: contain;
    border-radius: 0.5rem;
    max-width: 75%;
}
.main .section__authentication .login_or_signup{
    padding: 0 87px;
}
@media screen and (max-width: 768px) {
            .main .section__authentication .login_or_signup {
                padding: 0 20px; /* Adjust the padding as needed */
            }
        }
        /* Media query for smaller screens, e.g., mobile devices */
        @media screen and (max-width: 480px) {
            .main .section__authentication .login_or_signup {
                padding: 0 10px; /* Adjust the padding as needed */
    }
 }
.main  .logo {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
}

.main .sat_logo {
   width:25%;
/*   height:auto;*/
/*   margin: 0 127px 16px;*/
  object-fit: contain;
}

/*.main .section__authentication input {
  width: 100%;
  height: 50px;
}*/
.main .section__authentication #container_signup .signupform_element {
    text-align: center;
/*    margin-top: 70px;*/
}

.main .section__authentication #container_signup .signupform_element .element_field .input_fd{
    text-align: center;
/*    width:49.8%;*/
    padding: 0 1rem 0 1rem;
    flex: 1;
    margin-right: 10px;
    margin-bottom: 16px;
}
.main .section__authentication #container_signup .signupform_element .element_field{
/*    margin: 0 19px 0 72px;*/
display: flex;
flex-wrap: wrap;
}
@media (max-width: 768px) {
    .main .section__authentication #container_signup .signupform_element .element_field {
        flex-direction: column; /* Stack the elements vertically */
    	padding-top: 0.1rem;
    	padding-bottom: 0.1rem;
    }
}

/* Media query for screens with a max-width of 480px */
@media (max-width: 480px) {
    .main .section__authentication #container_signup .signupform_element .element_field {
        flex-direction: column; /* Stack the elements vertically */
    }

    .main .section__authentication #container_signup .signupform_element .element_field .input_fd {
        margin-right: 0; /* Remove right margin to stack the elements without spacing */
    	padding-top: 0.1rem;
    	padding-bottom: 0.1rem;
    }
}

/* Media query for screens with a max-width of 280px */
@media (max-width: 280px) {
    .main .section__authentication #container_signup .signupform_element .element_field {
        flex-direction: column; /* Stack the elements vertically */
    }

    .main .section__authentication #container_signup .signupform_element .element_field .input_fd {
        margin-right: 0; /* Remove right margin to stack the elements without spacing */
    	padding-top: 0.1rem;
    	padding-bottom: 0.1rem;

    }
}
.main .section__authentication #container_signup .signupform_element .input_list{
    text-align: center;
    width:100%;
/*    padding: 0 100px;*/
}
.main .section__authentication .element_field_passwrd .input_list{
    text-align: center;
    width:100%;
/*    padding: 0 100px;*/
}

.main .section__authentication .element_field_passwrd a:hover{
 color: white;
}
/*.main .section__authentication .SignUp{
    text-align:center;
    color:blue;
    font-weight: bold;
    text-decoration: none;
    background: #0060af;
    border-color: #0060af;
    width:63px;
    height:30px;
    margin-left: 2px;
    margin-top: 10px;
    text-align:center;
    color:white;
    font-weight: bold;
    text-decoration: none;
}*/
.main #card_n{
    margin-left: 100px;
    width:100%;
    text-align:right;
    margin-left: 15px;
    color: #fff;
    /*font-weight: bold;*/
}
.login-container .slider_image{
    width: 100%;
    height: 180px;
/*    padding: 42px;*/
/*    margin: 0 172.9px 30.8px 171.1px;*/
    object-fit: contain;
/*     margin: 50px;*/
}
/*.login-container .carouse_img{
    padding-top: 47px;
}*/
.login-container .w3-display-container a{
    text-decoration: none; 
}
.login-container  .label-text{
    color:#0060af;
    font-weight: 600;
}
/*.login-container .login_or_signup{
    width:70%;
}*/
.login-container .element_field .input-icon-sigup {
    position: absolute;
    margin-top: 8px;
    padding-right: 3px;
    color: #3d3f53;
    left: 13px;

}
.login-container .input_list .input-icon-sigup {
    position: absolute;
    margin-top: 8px ;
    padding-right: 3px;
    color: #3d3f53;
    left: 88px;
    cursor: text;
}
.txt-black{
    object-fit: contain;
    font-family: "Open Sans";
    font-size: 28px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #0d0d0d;
}
.main .Signup-and-explore-feasibility-study-with-analysis{
  width: 581px;
  height: 33px;
  margin: 16px 0 0;
  font-family:"Open Sans";
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.main .social-media-icon{
    padding: 22px;
    text-align: center;
}
.main .social-media-icon span{
    padding: 16px;
}
.main .social-media-icon span img{
    width: 10%;
    height: auto;
    object-fit: contain;
}
.buttonToLink{
   background: none;
   border: none;
   color: #fff;
   text-decoration: underline;

}
.buttonToLink input[type="button"]{ 
   background: none;
   border: none;
   color: #fff;
   text-decoration: underline;
   font-weight: bold;
}
.main  .datawise-logo{
    text-align: center;
    width: 100%;
}
.main  .datawise-logo .dwlogo{
   width:25%;
/*   height:auto;*/
   margin-top: -39px; 
   object-fit: contain;
}

.buttonToLink:hover{
   background: none;
   color: white;
}
.main .container_loginform{
  text-align: center;
}
@media screen and (max-width: 768px) {
   .main .container_loginform{
        text-align: left; /* Adjust the alignment as needed */
        padding: 10px; /* Adjust the padding as needed */
    }
    .SignUp.buttonToLink {
        display: block;
        width: 100%;
        margin-top: 10px; /* Add space between the button and content above */
    }
}
/*.main #container_loginform{
  padding:0 87px;  
}*/
.main .slider-main-div{
    width: 65%;
    height: 400px;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 0 1em 0 rgb(0 0 0 / 16%);
    background-color: #fff;
}
.main .slider-main-div .subtitles{
    padding-top: 28px;
}
.main .frgt-pass td{
    text-align:right;color:#fff;padding-bottom: 20px;text-decoration: underline;
}
.main .separator{
    max-width: 386px;
   margin: 2rem auto 0rem;
  display:flex;
  align-items: center;
}

.main .separator .line{
  height: 1px;
  flex: 1;
  background-color: #fff;
/*  padding: 40px;*/
/*  margin: 0 48px;*/
}

.main .separator p{
  padding: 0 1rem;
  color:#fff;
}
/*.diamond-shape {
  background: #fff;
  height: 60px;
  text-align: center;
  transform:rotate(45deg);
	width:60px;
}*/
.item-count {
  color: #333;
  display: table-cell;
  height: 60px;
  transform: rotate(-45deg);
  vertical-align: middle;
	width:60px;
}
.main .progress_bar .line{
  height: 2px;
  flex: 1;
  background-color: #fff;
/*  padding: 40px;*/
/*  margin: 0 48px;*/
}
.main .progress_bar .line_chgpass{
  height: 2px;
  flex: 1;
  background-color: #00454c;
/*  padding: 40px;*/
/*  margin: 0 48px;*/
}
.main .progress_bar .line_chgpass_white{
  height: 2px;
  flex: 1;
  background-color: #FFF;
}
.main .progress_bar .line_secquest{
  height: 2px;
  flex: 1;
  background-color: #00454c;
/*  padding: 40px;*/
/*  margin: 0 48px;*/
}
.main .progress_bar {
   /* max-width: 291px; */
    max-width: 100%;
    height: auto;
    margin: 1rem auto 2rem;;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main .progress_bar img{
 	max-width: 100%;
    	height: auto;
}

.main .progress_bar p{
/*  padding: 0 1rem;*/
  color:#FFF;
}
/*.main .progress_bar p input[type="button"]{
    	color: #FFF;
        background-color: #FFF;
        border-color: #FFF;
        margin-top: 9px;
}*/
.main .progress_bar p .diamond {
        width: 0;
        height: 0;
        border: 9px solid transparent;
        border-bottom-color: #FFF;
        position: relative;
        top: -12px;
    }
    .main .progress_bar p .diamond_chgpass {
        width: 0;
        height: 0;
        border: 9px solid transparent;
        border-bottom-color: #00454c;
        position: relative;
        top: -12px;
    }
    .main .progress_bar p .diamond_chgpass_white {
        width: 0;
        height: 0;
        border: 9px solid transparent;
        border-bottom-color: #FFF;
        position: relative;
        top: -12px;
    }
    .main .progress_bar p .diamond_secquest {
        width: 0;
        height: 0;
        border: 9px solid transparent;
        border-bottom-color: #00454c;
        position: relative;
        top: -12px;
    }
.main .progress_bar p .diamond:after {
    content: '';
    position: absolute;
    left: -9px;
    top: 26px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-top-color: #FFF;
    }
    .main .progress_bar p .diamond_chgpass:after {
    content: '';
    position: absolute;
    left: -9px;
    top: 26px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-top-color: #00454c;
    }
    .main .progress_bar p .diamond_chgpass_white:after {
    content: '';
    position: absolute;
    left: -9px;
    top: 26px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-top-color: #FFF;
    }
    .main .progress_bar p .diamond_secquest:after {
    content: '';
    position: absolute;
    left: -9px;
    top: 26px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-top-color: #00454c;
    }
    .login-container .row:after{
    content: "";
    display: table;
    clear: both;
    }
    *{
     box-sizing: border-box;
    }
    
    .login-container .col-md-6{
/*            float: left;*/
/*            width: 50%;*/
            padding: 1em;
            justify-content: center;
            display: flex;
            align-items: center;
    }
/*    @media (min-height: 680px){
        .main{
            padding: 70px;
        }
    }*/
    .main .login-container .col-md-6 {
        display: flex;
        flex-direction: column;
        flex-basis: 100%;
        flex: 1;
    }
    .main .inp_fld{
        position:relative;
	margin-bottom: 16px;
    }
    .main #container_loginform #error{
        color: #c50000;
    }
    .main .mySlides .simg {
        padding-top: 40px;
    }
    
    @media (min-width: 992px) {
        .main {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            height: 100vh;
        }
    }
/*.main  #diamond {
      width: 0;
      height: 0;
      border: 50px solid transparent;
      border-bottom-color: red;
      position: relative;
      top: -50px;
    }
 .main   #diamond:after {
      content: '';
      position: absolute;
      left: -50px;
      top: 50px;
      width: 0;
      height: 0;
      border: 50px solid transparent;
      border-top-color: red;
    }*/
/*.main span{
    font-size: 28;
} */
/*
.main .section__authentication #container_signup .signupform_element .element_field .input-icon-sigup{
    margin-top: 7px;
    margin-left: -40px;
    padding-right: 3px;
    color:black;
    position:absolute;
    font-size: 20px;
}

.main .section__authentication #container_signup .signupform_element .input_list .input-icon-sigup{
    margin-top: 10px;
    margin-left: -87px;
    padding-right: 3px;
    color:black;
    position:absolute;
    font-size: 20px;
}

.main .section__authentication #container_signup .signupform_element .element_field .input_fd span{
    color:red;
}

.main .section__authentication #container_signup .signupform_element .input_list span{
    color:red;
}*/