@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
@import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700");
@import url("./../iconsss/simple-line-icons/css/simple-line-icons.css");
@import url("./../iconsss/font-awesome-old/css/font-awesome.min.css");
@import url("./../iconsss/material-design-iconic-font/css/materialdesignicons.min.css");
@import url("./../iconsss/themify-icons/css/themify-icons.css");
@import url("./../iconsss/line-awesome/css/line-awesome.min.css");
@import url("./../iconsss/avasta/css/style.css");
@import url("./../iconsss/flaticon/flaticon.css");
@import url("./../iconsss/icomoon/icomoon.css");
@import url("./../vendor/animate/animate.min.css");
@import url("./../vendor/aos/css/aos.min.css");
@import url("./../vendor/perfect-scrollbar/css/perfect-scrollbar.css");
@import url("./../vendor/metismenu/css/metisMenu.min.css");
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');

:root {
    --blue: #5e72e4;
    --indigo: #6610f2;
    --purple: #7d49eb;
    --pink: #e83e8c;
    --red: #EE3232;
    --orange: #ff9900;
    --yellow: #FFFA6F;
    --green: #297F00;
    --teal: #20c997;
    --cyan: #3065D0;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #D43247;
    --secondary: #392540;
    --success: hsl(137, 64%, 46%);
    --info: #2F4CDD;
    --warning: #ffb800;
    --danger: #f35757;
    --light: #f4f4f4;
    --dark: #3e4954;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1440;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.authincation-content {
    position: relative;
}
.auth-form .logoImg {
    height: 50px !important;
}
.auth-form h4 {
    font-family: Poppins;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-align: left;
    color: #0C1421;
}
.auth-form p {
    font-family: Poppins;
    font-weight: 400;
    letter-spacing: 0.01em;
    text-align: justified;
    color: #313957;
}
.auth-form label {
    font-family: Roboto;
    font-weight: 400;
    letter-spacing: 0.01em;
    text-align: left;
    color: #0C1421;
}
.auth-form .form-control {
    height: 45px;
    border-radius: 10px;
}
.auth-form a {
    font-family: Poppins;
    font-weight: 400 !important;
    letter-spacing: 0.01em;
    text-align: right;
    color: #1E4AE9;
    font-size: small !important;
}
.new-account p {
    font-family: Roboto;
    font-weight: 400;
    letter-spacing: 0.01em;
    text-align: left;
    color: #122B31;
}
.new-account p a {
    font-family: Roboto;
    font-weight: 400;
    letter-spacing: 0.01em;
    text-align: left;
    color: #1462F9 !important;
}

footer p {
    font-family: Roboto;
    font-weight: 400;
    letter-spacing: 0.01em;
    text-align: center;
    color: #959CB6;
    text-transform: lowercase;
}
.auth-image img{
    height: 100vh;
    width: 45%;
   text-align: right;
   float: right;
   object-fit:fill;
   position: fixed;
   right: 0px;
   top:0px;
}
@media(max-width:992px){
    .auth-image {
        display: none !important;
    }
}