@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&family=Oswald:wght@400;500;600&display=swap');

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family: 'Nunito', sans-serif;
}
ol,ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
a,a:focus,a:hover,button:focus{
	text-decoration:none;
	outline:none;
}
p{
	font-size:16px;
	font-weight:500;
	color:#2a2a2a;
	line-height:27px;
}

/************** Login and Signup Screen Css *************/
.login-signup{
	width:100%;
	min-height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#fff;
	padding:30px;
}
.login-signup .log-sign{
	max-width:800px;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	border-radius:20px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.15);
	min-height:500px;
}
.login-signup .log-sign .login{
	display:flex;
}
.login-signup .log-sign .signup{
	display:flex;
}
.login-signup .log-sign .left{
	width:45%;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	padding:25px;
	flex-direction:column;
	border-radius:20px 0px 0px 20px;
	background-color:#1da1f2;
}
.login-signup .log-sign .left h2{
	color:#fff;
	font-size:30px;
	margin-bottom:10px;
}
.login-signup .log-sign .left p{
	font-size:18px;
	color:#fff;
}
.login-signup .log-sign .right{
	width:55%;
	display:flex;
	flex-direction:column;
	padding:30px;
}
.login-signup .log-sign .right h1{
	font-size:40px;
	margin:0px 0px 30px;
	text-align:center;
	color:#2a2a2a;
}
.login-signup .log-sign form input{
	width:100%;
	border-radius:5px;
	background-color:#fff;
	padding:10px;
	font-size:15px;
	font-weight:600;
	border:solid 1px #ddd;
	height:auto;
	margin-bottom:20px;
	color:#2a2a2a;
}
.login-signup .log-sign form input:focus{
	outline:none;
	border-color:rgba(29,161,242,0.4);
	box-shadow:0px 0px 0px 4px rgba(29,161,242,0.1);
}
.login-signup .log-sign form input::placeholder{
	color:#999;
}
.login-signup .log-sign form .company{
	position:relative;
}
.login-signup .log-sign form .company span{
	position:absolute;
	right:10px;
	top:12px;
	font-size:15px;
	font-weight:600;
	color:#2a2a2a;
}
.login-signup .log-sign form button.submit{
	width:100%;
	display:block;
	padding:10px 15px;
	font-size:16px;
	text-transform:uppercase;
	border:none;
	border-radius:5px;
	color:#fff;
	background-color:#1da1f2;
	font-weight:600;
	letter-spacing:1px;
	cursor:pointer;
	transition:all 0.3s ease-in;
}
.login-signup .log-sign form button.submit:hover{
	background-color:#41b3f9;
}
.login-signup .log-sign .forgot-pass{
	display:block;
	text-align:center;
	margin-top:15px;
	overflow:hidden;
}
.login-signup .log-sign .forgot-pass a{
	display:inline-block;
	color:#1da1f2;
	font-size:15px;
	transition:all 0.3s;
	font-weight:600;
}
.login-signup .log-sign .forgot-pass a:hover{
	letter-spacing:0.5px;
}
.login-signup .log-sign span.or{
	text-align:center;
	display:block;
	margin:20px 0px;
	color:#888;
	font-size:18px;
	position:relative;
}
.login-signup .log-sign span.or:before,
.login-signup .log-sign span.or:after{
	position:absolute;
	content:"";
	top:55%;
	width:42%;
	left:0;
	transform:translateY(-50%);
	height:1px;
	background-color:#e5e5e5;
}
.login-signup .log-sign span.or:after{
	left:inherit;
	right:0;
}
.login-signup .log-sign .right p.sign-up{
	display:block;
	text-align:center;
	margin:0px;
	font-size:16px;
	color:#2a2a2a;
}
.login-signup .log-sign .right p.sign-up a{
	font-weight:700;
	color:#1da1f2;
}
.login-signup .log-sign .right p.login{
	display:block;
	text-align:center;
	margin:0px;
	font-size:16px;
	color:#2a2a2a;
}
.login-signup .log-sign .right p.login a{
	font-weight:700;
	color:#1da1f2;
}
.login-signup .signup .policy-content{
	display:block;
	overflow:hidden;
}
.login-signup .signup .policy-content p{
	font-size:14px;
	line-height:22px;
	text-align:center;
	margin:15px 0px;
}
.login-signup .signup .policy-content ul{
	display:flex;
	justify-content:center;
}
.login-signup .signup .policy-content ul li a{
	padding:0px 10px;
	color:#1da1f2;
}
.login-signup .signup .policy-content ul li:first-child a{
	padding-left:0px;
	border-right:solid 1px #ddd;
}
.login-signup .signup .policy-content ul li a:hover{
	text-decoration:underline;
}
.login-signup .signup.hide{
	display:none;
}
.login-signup .login.hide{
	display:none;
}

.signup-page-left{width:40%;background-color: #f0f1f3;padding:0px 60px;}
.signup-page-details h3{color: #575e66;font-size: 18px;margin-bottom:15px;}
.signup-page-details{text-align:center;}
.signup-page-details{padding:45px 60px 0px;    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;min-height: calc(100vh - 120px)}
.signup-top-logo{    padding: 10px 0;}
.signup-page-details ul li{color: #828d99;font-size: 14px;position:relative;padding:5px 0;padding-left:26px;}
.signup-page-details ul{margin:40px 0 30px;text-align:left;}
.signup-page-details ul li:after{position:absolute;left:0;top:15px;background-color:#828d99;width:14px;content:'';height:1px;}
.signup-page-details h4{font-size:20px;margin-bottom:22px;}
.partner-logo img{    margin: 8px 15px;    height:40px;    -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.partner-logo{justify-content: center;}
.signup-page-right{flex:1;height: 100vh;display: flex;align-items: center;justify-content: center;text-align:left;}

.signup-page-right-form{
    display: flex;
    flex-direction: column;
    margin: 0px auto;
    width: 400px;
    padding: 32px 40px;
    background: rgb(255, 255, 255);
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    box-sizing: border-box;
    color: rgb(94, 108, 132);

}
.signup-page-right-form button{
    width: 100%;
    display: block;
    padding: 10px 15px;
    font-size: 15px;
    text-transform: capitalize;
    border: none;
    border-radius: 5px;
    color: #fff;
    background-color: #086db5;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease-in;     margin-bottom:0px;
}

.signup-page-right-form button:hover{background-color:#0a7dcf;}

.signup-page-right-form .form-control{    width: 100%;
    border-radius: 5px;
    background-color: #fff;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    border: solid 1px #ddd;
    height: auto;
    /*margin-bottom: 20px;*/
    color: #2a2a2a;}

span.or {
    text-align: center;
    display: block;
    margin: 20px 0px;
    color: #888;
    font-size: 18px;
    position: relative;
}
span.or:before, span.or:after {
    position: absolute;
    content: "";
    top: 55%;
    width: 42%;
    left: 0;
    transform: translateY(-50%);
    height: 1px;
    background-color: #e5e5e5;
}

span.or:after {
    left: inherit;
    right: 0;
}

.form-group.has-success input {
    border: 1px solid #1e8100;
}

.form-group.has-error input {
    border: 1px solid #b41919;
}

.help-block {
    color: #b41919;
}

.topheading h1{font-weight: 600;font-size: 16px;line-height: 20px;color: #172b4d;margin-bottom:21px;text-align:center;}
.topheading h5{font-size:14px;color:rgba(0,0,0,0.9);margin-bottom:30px;}
p.login a{font-size: 13.5px;}
.topheading a{margin-bottom:20px;display:block;text-align:center;}
.resend{font-size:13px;margin-bottom:6px;}
.form-group i.toggle-password{position: absolute;right: 9px;top: 16px;font-size: 13px;color: #676767;
cursor: pointer;}

.signup-page{width: 100%;
    height: 100%;
    z-index: -1;
    background-color:#fff;
    background-image: url(../images/firstimg.svg), url(../images/secondimg.svg);
    background-repeat: no-repeat, no-repeat;
    background-attachment: fixed, fixed;
    background-size: 368px, 368px;
    background-position: left bottom, right bottom;
}

.form-control:focus{box-shadow:none;border-color:#0a7dcf;}

@media (max-width: 1199.98px) {
    .signup-page-details{padding:35px 0px 0px;}
    .signup-page-details h3{font-size:16px;}
    .signup-page-right-form{width: 65%;}
    .create-new-company .new-company-start .right{padding:70px 50px}
}
@media (max-width: 991.98px) {
    .signup-page-left{padding:0px 15px;}
    .signup-page-right-form{width: 75%;}
}
@media (max-width: 767.98px) {
.signup-page-left{width:100%;background-color:transparent;}
.signup-page-details h3{font-size: 14px;}
.signup-page-left{display:none;}
.signup-page.d-flex{display:block !important;}
.signup-page-right-form{width:100%;}
.signup-page-right{padding:20px 15px 0;}
.signup-page-right{display:flex;    align-items: center;}
.topheading h1{font-size:20px;}
.topheading h5{font-size: 13px;margin-bottom: 20px;}
.topheading a{display:block;}
.signup-page-right-form button{font-size:14px;}
.signup-page{ background-image: url(../images/mobilebgimg.svg);background-size:unset;background-position:unset;
	background-repeat:repeat;position: relative;z-index:1;}
.signup-page-right-form{padding:30px 15px;}
.signup-page::after{position:absolute;left:0;top:0;content:'';background:rgba(255, 255, 255,.5);
z-index:-1;height:100%;width:100%;}


}