@charset "utf-8";
/*=========================================
	font-family: "Montserrat", serif;
	Thin 100
	ExtraLight 200
	Light 300
	Regular 400
	Medium 500
	Semibold 600
	Bold 700
	ExtraBold 800
	Black 900
=========================================*/
*, p, body {margin:0; padding:0; box-sizing:border-box; font-family:"Montserrat", serif; font-weight:400;}
body {background:#F2F4FF; height:100vh; display:flex; justify-content:center; align-items:center; overflow:hidden; overflow-y:auto;}
.login-holder {max-width:450px; background:#fff; border-radius:10px; padding:20px; width:100%;}
.form-control {border-color:#c4c4c4; min-height:50px; box-shadow:none; font-weight:500;}
.form-control:focus {border-color:#0066ff;}
.login-group-1 {min-height:50px; border:solid 1px #c4c4c4; padding:10px 12px; border-radius:6px;}
.login-cc {border:none; border-right:solid 1px #c4c4c4; max-width:30px; font-weight:500; outline:none; padding-right:5px;}
.login-input-1 {flex-basis:0; flex-grow:1; border:none; outline:none; padding-left:12px; font-weight:500; max-width:calc(100% - 30px);}
.login-title-1 {font-size:30px; font-weight:700; margin-block:20px;}
.cta-1 {background:#0066FF; border:none; border-radius:6px; padding:12px 10px; font-size:18px; color:#fff; font-weight:700; min-width:150px; transition:all 0.3s;}
.cta-1:hover {background:rgb(10, 87, 202); transition:all 0.3s;}
.login-group-1-focused {border-color:#0066ff;}
.cta-link-1 {font-weight:600; font-size:16px; color:#000000; opacity:.6; transition:all 0.3s;}
.cta-link-1:hover {opacity:1; transition:all 0.3s;}
.login-text-1{width: 100%; font-weight: 500; opacity: 0.8; max-width: 330px; display: table; margin-inline:auto ;}
@media only screen and (max-width:575px) {
	.login-title-1 {font-size: 26px;}
}
@media only screen and (max-width:490px) {
	body {padding:20px;}
}
@media only screen and (max-height:375px) {
	body {padding:20px; height:auto;}
}