@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oxygen');
@import url('https://fonts.googleapis.com/css?family=Oxygen');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Hind+Siliguri');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto:700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cabin:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Play&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

.box-outer{ width:100%; margin:0x auto; padding:50px 0; background:#9aacc1; overflow:hidden;}

.box{ width:100%; min-height:300px !important;  margin:10px 5px	; padding:20px 10px; background:#fff; border:solid 2px #f5f5f5; border-radius:10px; overflow:hidden;}
.box h3{ font-family: 'Rubik', sans-serif; font-size:18px; font-weight:bold; text-align:center; font-weight:500; color:#222; margin:30px 0 10px 0;}
.box p{ font-family: 'Rubik', sans-serif; font-size:15px; text-align:center; color:#505050; line-height:24px; margin:0;}
.box a{ margin:0 auto; display:block;}
.box a:hover{ text-decoration:none;}
.box img{ margin:0 auto; display:block;}


.form-panel{ width:100%; min-height:30px; margin:15px auto; padding:30px 40px; background:rgba(238, 238, 238, 0.9); /*background-image:linear-gradient(to right, #bdbdbf, #828385);*/ border-radius:5px;}
.title-2{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; text-align:left; text-transform:uppercase; color:#fff; line-height:24px; margin:15px 0 10px 0; padding:10px; border:solid 1px #2e3262; border-radius:5px; background-image: linear-gradient(to right, #2e3262, #14183e) !important;}

.logo-outer{width:100%; height:76px; padding:3px 0; background:#d4d8ff;}
.logo-outer .logo{ width:250px; height:76px; margin:0 auto; display:block; overflow:hidden;}
.logo-outer .logo img{ height:70px; margin:0 auto; display:block;}
label.error{ font-size:11px; color:red;}
@media (max-width: 575px){
.form-panel{ padding:30px 15px;	}