/*----------------------------
         Add CSS file
----------------------------*/
@import "../plugins/bootstrap/css/bootstrap.min.css";
@import '../plugins/OwlCarousel/css/owl.carousel.min.css';
/*----------------------------
   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: 12px;background:var(--lightbeaver);font-family: 'Roboto', 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 {
    --beaver:#8C7264;
    --golden-gate-bridge:#ED4503;
    --black:#000400;
    --orange:#F26E2A;
    --orange1:#F06D29;
    --white:#ffffff;
    --border:#ffffff;
    --lightbeaver:#f8f7f6;
    --lightorange:#FFF9F6;
  
}


.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 {display: flex; align-items: center;  padding: 2rem 0} 
.auth-section .container {max-width: 75%; }
.auth-content {padding: 2rem; position: relative; text-align: center; border-radius: 15px 0 0 15px; } 
.auth-content-info {position: relative; z-index: 1; }
.auth-card {background: var(--white);box-shadow: 0px 8px 13px rgb(0 0 0 / 5%);border-radius: 0;position: relative;}
.brand-logo{margin-bottom: 3rem; text-align: left;}
.brand-logo img {width:100px; }

.auth-slider-media {position: relative;overflow: hidden;width: 410px;height: 450px;margin: auto auto 1rem auto;}
.auth-slider-media img {height: 100%; width: 100%; object-fit: cover; }

.auth-form-info{margin: 0px; padding: 0px; display: flex; align-items: center; flex-wrap: wrap;} 
.auth-form {padding: 55px; width: 100%; min-height: 450px; max-width: 580px; }
.auth-form  h2 {font-size: 40px;font-weight: 600;color:var(--orange);margin: 0;padding: 0;}
.auth-form  h3 {font-size: 30px;font-weight: 600;color: #157698;margin: 0;padding: 0;}
.auth-form  h4 {font-size: 20px;font-weight: 600;color: #157698;margin: 0;padding: 0;}
.auth-form  p {font-size:14px; font-weight: 500; color: #8D9FAE; margin: 0; padding: 0; }

a.auth-link{font-size: 0.875rem; margin: 0; color: #ffcc00; font-weight: normal; }

.auth-form .form-group {margin-bottom: 1rem; }
.auth-form .form-group label {color: #fff; font-size: 14px; font-weight: 600; }
.auth-form input.form-control {background: transparent; border-radius: 5px; font-size: 13px; border: 1px solid #E8ECEE; font-weight: 400; height: auto; padding: 0.94rem 0.94rem;   box-shadow: 0 5px 13px rgb(240 240 241 / 46%); outline: 0; width: 100%; display: inline-block;color:var(--black);}
.auth-form input.form-control:focus {border: 1px solid var(--golden-gate-bridge); }

button.auth-form-btn {outline: none;border: none;background:var(--golden-gate-bridge);padding: 12px 40px;display: inline-block;color: #fff;font-size: 14px;font-weight: 600;border-radius: 10px;box-shadow: 0 8px 13px rgb(9 84 149 / 10%);}
.note-msg-info {background: #fbfbfb; display: inline-block; font-size: 12px; border-radius: 10px; line-height: 20px; color: #455A64; position: relative; padding: 8px 8px 8px 45px; }
.note-msg-info i {position: absolute; left: 8px; font-size: 30px; top: 14px; }
.forgotpsw-text a {font-size: 14px; color: var(--orange1); }

.auth-slider {padding: 2rem;position: relative;background:var(--lightorange);} 
.auth-slider-text h2{font-size: 32px;line-height: 40px;text-align: center;margin: 0 0 20px 0;padding: 0;}
.auth-slider-text  p{ font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; /* or 150% */ text-align: center; color: #676767;margin: 0;}
#authslider .owl-dots {position: relative;left: 0;right: 0;bottom: 0;}
#authslider .owl-dots, 
#authslider .owl-nav {text-align: center;-webkit-tap-highlight-color: transparent;}
#authslider .owl-dots .owl-dot {display: inline-block;zoom: 1;}
#authslider .owl-dots .owl-dot span {width: 8px;height: 8px;margin: 2px 5px;background: #D9D9D9;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 50%;}
#authslider .owl-dots .owl-dot.active span, 
#authslider .owl-dots .owl-dot:hover span {background:var(--orange);width: 14px;border-radius: 6px;}
#authslider .owl-nav {width: 60px; text-align: center;   }
#authslider .owl-nav button span {outline: none;font-size: 50px;background: #133072;color: #fff;width: 50px;height: 50px;border-radius: 50%;display: inline-block;line-height: 34px;}
#authslider .owl-prev {left:-55px; top:40%; position: absolute;     outline: none;}
#authslider .owl-next {right:-55px; top:40%; position: absolute;     outline: none;}