@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

:root {
 --main-bg-color: rgba(89, 94, 90, 0.897);
 --main-mobile-color: rgba(153, 205, 50, 0);
 --primary-color: #11121256;
 --button-bg-color:rgba(0, 0, 0, 0.671);
 --submain-mobile-bgcolor:rgba(36, 7, 222, 0.087);
 --login-image:url('/Images/investorLogin.jpg');
}


html {
 font-family: Verdana, sans-serif,"Poppins";
 margin: 0;
 padding: 0;
 font-size: .90rem;
 box-sizing: border-box;
 }
.main{
 display: flex;
 justify-content: center;
 align-items: center;
 align-content: center;
 width: 100vw;
 height: 100vh;
 background-color: var(--main-bg-color);
 margin:0px;
 padding: 0px;
 margin: 0px;
 
}

.submain {

 width: 90%;
 height: 80%;
 padding: 0px;
 margin: 0px;
 
}
.leftSection{

 height: 100%;
 width: 64.5%;
 background-image: var(--login-image); 
 background-size: cover; 
 background-repeat: no-repeat;
 padding: 0px;
 margin: 0px;
 display: block;
 
}
.emptyspace{

 background-color: rgba(135, 136, 139, 0);
 top: 0;
 left: 0;
width: 100%;
 height: 100%;
 display: inline-block;
 margin: 0 0 0 0;
 border:0 0 0 0;
 

}

.companyName{
font-size: 1rem;
display: flex;
justify-content: center;
}
.mainTitle{
 
text-align: center;
 font-weight: normal;
 font-size: 2.3rem; 
 margin-top: 6rem;
 font-weight: bold;
  color: #f8fc00;
  font-weight: 700;
  text-shadow: 3px 0px 7px rgba(58, 58, 57, 0.8), 
  -3px 0px 7px rgba(84, 84, 83, 0.8), 
  0px 4px 7px rgba(77, 76, 74, 0.8);

}
.subTitleOne{
 display: flex;
 position: fixed;
 justify-content: center;
 align-items: center;
 top: 24rem;

 font-size: 1.9rem; 
 color:#f8fc00;
  font-weight: 700;
  text-shadow: 3px 0px 7px rgba(97, 97, 95, 0.8), 
  -3px 0px 7px rgba(77, 77, 75, 0.8), 
  0px 4px 7px rgba(79, 79, 77, 0.8);
}
.subTitleTwo{
 display: flex;
 position: fixed;
 justify-content: center;
 align-items: center;
 
 top: 30rem;
 text-align: center;
 font-size: 1.6rem; 
 color: rgb(255, 255, 255);
  font-weight: 600;
  text-shadow: 3px 0px 7px rgba(97, 97, 95, 0.8), 
  -3px 0px 7px rgba(77, 77, 75, 0.8), 
  0px 4px 7px rgba(79, 79, 77, 0.8);
}
.rightSection { display: flex;
 height: 100%;
 width: 35.5%;
 background-color: var(--primary-color);
justify-content: center;
color: white;

}
.stripe {
 height: 100%;
 width: 100%;
background-color: transparent;
 padding: 5.5rem 2rem;
 

}

.stripe h3{font-size: 25px;
 font-weight: 600;
 margin-bottom: .5rem;
   }
   .labl{font-size: 1.3rem;
     font-weight: 500;
     color: white;
   margin-top: .9rem;}
     
     
    
     
     .myformCustominput {
       font-family: inherit;
      
       border: none;
       margin-top: .8rem;
       
     width: 90%;
       
       padding: .3rem 0 0 0;
       background: white;
        outline: none;
       border-bottom: 2px solid rgb(107, 100, 100);
       border-radius: 0%;
       
       
       
     }
     .myformCustominput:focus{
       box-shadow: none;
       outline: none;
       border: none;
       border-bottom: 2px solid rgb(107, 100, 100);
     
     }
     .formFooter{
       display: flex;
     justify-content: space-between;
     padding-top: 3rem;
     align-content: center;
     align-items: center;
               }
     .bttn{
      
       color: rgb(248, 248, 248)  ;
       background-color: var(--button-bg-color);
       border-radius: 20px;
       font-size: .9rem;
       font-weight: 600;
       padding: 10px 20px;
       margin-right: 4rem;
    
    }
     .bttn:hover{ background-color: rgba(101, 103, 122, 0.979) !important;}
     @media only screen and (max-width: 600px) {
       body {
         font-size: 0.8rem;
       }
     
       .main {
     
         background-color:  var(--main-mobile-color);
         background-image: url('../images/industrial_sunset_puresky_11zon\ \(1\).jpg');
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         
       }
       .submain{
         width: 100%;
         height: 100%;
         background-color: var(--submain-mobile-bgcolor);
       }
     
       .leftSection {
         background-image: none; 
         width: 100%;
         height: 30%;
        background-color: transparent;
       }
  
    .rightSection {
     background-color: transparent; 
     width: 100%;
     height: 70%;
   }
   .mainTitle{
    
    color: #fff;
    text-align: center;
     font-weight: normal;
     font-size: 1.75rem; 
     margin-top: 6rem;
     text-shadow:none;
   }
   .stripe{
     padding: .1rem 2rem;
     background-color: transparent;
   
   }
   .myformCustominput {
    width: 100%;
   }
   .stripe h3{
    margin-bottom: 0rem;
      }
      .bttn{
        margin-right: 0rem;
      }
     }