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

body {background:#0E0C38; font-family: 'Poppins', sans-serif;}
a {color: #78849E; text-decoration: none;}
a:hover {color: #fff;}

.dots-top {min-height: 270px; background: url(../images/dots-top.png) no-repeat top left;}
.dots-bottom {background: url(../images/dots-bottom.png) no-repeat bottom right;}
.circle-bg {background: #142963 0% 0% no-repeat padding-box;}
.ellipse{background: #142963 0% 0% no-repeat padding-box; opacity: 0.2; height: 574px; width: 574px; border-radius: 50%; position: absolute; left: -229px; z-index: -1;}

h1 {font-size: 150px; font-weight: 700; line-height: 146px; margin: 0; padding: 0;}

h2 {font-size: 41px; font-weight: 300; line-height: 61px; margin: 0; padding: 0;}

p {font-size: 26px; font-weight: 300; line-height: 39px;}

.logo {padding-top: 38px; padding-left: 48px;}
.pt-38 {padding-top: 38px;}
.pl-58 {padding-left: 58px;}
.wide-75 {width: 75%;}

.copyright {font-size: 12px; font-weight: 300; line-height: 14px; text-align:center; color: #78849E; text-transform: uppercase; opacity: 0.57;}

.login-box {background: #2A2E43 0% 0% no-repeat padding-box; border-radius: 12px; padding: 20px 12px; text-align: center;}
.login-box input {font-size: 15px; font-weight: 300; letter-spacing: 0.3px; color: #78849E; background: #FFFFFF 0% 0% no-repeat; border-radius: 12px; border: 0; width: 100%; height: 52px; margin-bottom: 10px; padding-left: 15px;}
.btn-login {background: #ED1C24; color: #fff; border-radius: 12px; line-height: 20px; font-size: 15px; font-weight: 300; border: 0; padding: 12px 0;}
.btn-login:hover {opacity: 0.9;}

@media (min-width: 320px) and (max-width: 575.98px) { 
.logo {padding-left: 0;}
.pl-58 {padding-left: 15px;}
.pt-38 {padding-top: 0;}
.dots-top {display: none;}
h1 {font-size: 90px; line-height: 90px;}
h2 {font-size: 24px; line-height: 41px;}
p {font-size: 16px; line-height: 20px;}
.ellipse{height: 420px; width: 420px;}
.copyright {font-size: 10px;}
.wide-75 {width: 100%;}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
.ml-100 {margin-left: 100px;}
.dots-top {min-height: 200px;}
p {font-size: 24px; line-height: 30px;}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
.ml-100 {margin-left: 50px;}
.dots-top {min-height: 200px; }
/*h1 {font-size: 130px; line-height: 126px;}
h2 {font-size: 31px; line-height: 51px;}
p {font-size: 20px; line-height: 30px;}
.ellipse{height: 525px; width: 525px;}*/
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
.ml-100 {margin-left: 50px;}
.dots-top {min-height: 150px; background: url(../images/dots-top.png) no-repeat top left;}
h1 {font-size: 130px; line-height: 126px;}
h2 {font-size: 31px; line-height: 51px;}
p {font-size: 20px; line-height: 30px;}
.ellipse{height: 525px; width: 525px;}
.wide-75 {width: 95%;}
}

@media (min-width: 992px) and (max-width: 1023.98px) {
.ml-100 {margin-left: 50px;}
.dots-top {min-height: 150px; background: none;}
h1 {font-size: 130px; line-height: 126px;}
h2 {font-size: 31px; line-height: 51px;}
p {font-size: 20px; line-height: 30px;}
.ellipse{height: 525px; width: 525px;}
.wide-75 {width: 95%;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
.logo {padding-left: 0;}
.pl-58 {padding-left: 15px;}
.dots-top {min-height: 140px; background: none;}
h1 {font-size: 120px; line-height: 120px;}
h2 {font-size: 31px; line-height: 51px;}
p {font-size: 20px; line-height: 30px;}
.wide-75 {width: 90%;}
}

@media (min-width: 576px) and (max-width: 767.98px) { 
.logo {padding-left: 0;}
.pl-58 {padding-left: 15px;}
.dots-top {min-height: 40px; background: none;}
h1 {font-size: 90px; line-height: 90px;}
h2 {font-size: 24px; line-height: 41px;}
p {font-size: 16px; line-height: 20px;}
.ellipse{height: 500px; width: 500px;}
.copyright {font-size: 10px;}
.wide-75 {width: 90%;}
}