/*----------------------------
         Add CSS file
----------------------------*/
@import "../plugins/bootstrap/css/bootstrap.min.css";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*----------------------------
   element      
----------------------------*/

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}
*{margin:0; padding:0}
a{ text-decoration:none;}
a:hover{ text-decoration:none !important;}
header, nav, section, article, aside, footer { display:block;}
html {font-size: 100%;}
body {font-size: 14px;background:var(--body) url(../images/auth-bg.jpg) fixed no-repeat;background-size: cover; font-family: "Inter", sans-serif;line-height: 26px;color:#455A64;-webkit-font-smoothing: antialiased;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {padding: 5px 0 15px 0;color: #455A64;-webkit-font-smoothing: antialiased;}
:-ms-input-placeholder{color: #000;}

:root {
   --red:#DC2626;
    --green:#66BA46;
    --black:#000000;
    --gray:#818181;
    --blue:#305CDE;
    --purple:#9C27B0;
    --yellow:#FDD511;
    --white:#ffffff;
    --border:#E5E7EB;
    --body:#CED4DA;
    --lightgreen:#DCFCE7;
    --lightblue:#F8F9FF;
    --lightyellow:#DCFCE7;
    --lightred:#FEE2E2;
  
}


.wd10{width: 10%;}
.wd20{width: 20%;}
.wd30{width: 30%;}
.wd40{width: 40%;}
.wd50{width: 50%;}
.wd60{width: 60%;}
.wd70{width: 70%;}
.wd80{width: 80%;}
.wd90{width: 90%;}
.wd100{width:100%;}

/*----------------------------
   auth      
----------------------------*/
.auth-section{/* background:url(../images/auth-bg.jpg) fixed; height: 100vh;*/ position: relative; padding: 1rem 0;background-size: cover;background-repeat: no-repeat;}

.auth-form {background: #fffffff5; box-shadow: 0px 8px 13px rgb(0 0 0 / 8%); border-radius: 15px; position: relative; padding: 2rem; backdrop-filter: blur(5px); }

.brand-logo{text-align: center; margin-bottom: 1rem;}
.brand-logo img{height:150px}

.auth-form  h2 {font-size:24px;font-weight: 600;color:var(--black);margin: 0;padding: 0; text-align: center;}
.auth-form  h5 {font-size:18px;font-weight: 600;color:var(--black);margin: 0;padding: 0; text-align: center;}

.auth-form  p {font-size:14px; font-weight: normal; color:var(--black); margin: 0; padding: 0;text-align: center; }

.auth-form .form-group{margin-bottom: 1rem;}
.auth-form .form-group h4 {color:var(--black); font-size: 14px; font-weight: 600; margin:0; padding:0; }


.auth-form input.form-control {background: var(--white); border-radius: 5px; font-size: 13px; border: 1px solid var(--border); font-weight: 400; height: auto; padding:12px 15px;   box-shadow: 0 5px 13px rgb(240 240 241 / 46%); outline: 0; width: 100%; display: inline-block;color:var(--gray);}
.auth-form input.form-control:focus {border: 1px solid var(--blue); }

button.auth-form-btn {outline: none;border: none;background:var(--blue);width: 100%; padding: 12px 40px;display: inline-block;color: #fff;font-size: 16px;font-weight: 600;border-radius: 5px;box-shadow: 0 8px 13px rgb(9 84 149 / 10%);}


.auth-content-info  h2 {font-size: 24px;font-weight: 600;color:var(--black);margin: 0;padding: 0;}
.auth-content-info  h2 span{color:var(--blue);}
.auth-content-info  p {font-size:14px; font-weight: 500; color:var(--gray); margin: 0 0 1rem 0; padding: 0; }


.feature-card {transition: transform 0.3s ease, box-shadow 0.3s ease; background:var(--white); position: relative; padding: 1rem; border-radius: 15px; box-shadow: 0px 8px 13px rgb(0 0 0 / 8%); margin-bottom: 1rem; }
.feature-card:hover {transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; }
.feature-card-icon{width: 48px; height: 48px; border-radius: 5px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; background: var(--lightgreen);}
.feature-card  h3 {font-size:16px;font-weight: 600;color:var(--gray);margin: 0;padding: 0; }
.feature-card  p {font-size:13px; font-weight: normal; color:var(--lightgray); margin: 0;}
.feat-bl{color: var(--blue); background: var(--lightblue);}
.feat-gr{color: var(--green); background: var(--lightgreen);}
.feat-pur{color: var(--purple); background: var(--lightpurple);}
.feat-ye{color: var(--yellow); background: var(--lightyellow);}

a.Forgottext{font-size:14px; font-weight: 500; color:var(--blue); margin: 0 0 0rem 0; padding: 0; }
.bg-primary {
    background-color: #DB0000;
}

.auth-decorations{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%}

.floating-animation {animation: float 6s ease-in-out infinite; }
.floating-animation-delay {animation: float 6s ease-in-out infinite; animation-delay: 2s; }
@keyframes float {
   0%, 100% { transform: translateY(0px); }
   50% { transform: translateY(-20px); }
}


.pulse-animation {animation: pulse 2s infinite; }
@keyframes pulse {
   0%, 100% { opacity: 1; }
   50% { opacity: 0.7; }
}


.shape-1 {width: 16rem; height: 16rem; background-color: var(--red); position: absolute; border-radius: 50%; top:8%; left: 5%; opacity: 0.1; }
.shape-2 {width: 12rem; height: 12rem; background-color: var(--green); position: absolute; border-radius: 50%; top:20%; right:5%; opacity: 0.1; }
.shape-3{width:8rem; height: 8rem; background-color: var(--purple); position: absolute; border-radius: 50%; bottom:10%; left:50%; opacity: 0.1; }


/*----------------------------
   Checkbox    
----------------------------*/
.fwscheckbox label {padding-left: 31px; position: relative; display: inline-block; padding: 0 0 0 2em; margin-bottom: 10px;  line-height: 1.5; cursor: pointer; font-size: 14px;}
.fwscheckbox label::before,
.fwscheckbox label::after {position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px; }
.fwscheckbox label::before {content: " ";border: 1px solid var(--border);-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.fwscheckbox input[type="checkbox"]{position: absolute; opacity: 0; z-index: -1; margin: 0; }
.fwscheckbox input[type="checkbox"] + label::after {content: "\2714"; color: #FFF; line-height: 1.9; text-align: center; border: none; }
.fwscheckbox input[type="checkbox"]:checked + label::before {background: var(--blue);border-color: var(--blue);}
.fwscheckbox input[type="checkbox"] + label::after{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.fwscheckbox input[type="checkbox"]:checked + label::after{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }