@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
body{font-family: 'Montserrat', sans-serif; font-weight: 400; background-color: #F6F7F8 }
img{width: 100%; height: auto }
p{font-size: 14px; margin: 0 ; padding: 0; }
*{box-sizing: border-box; margin: 0; padding: 0;}
.container-fluid{overflow: hidden}
.leftBg{width: 50%; height: 100vh; position: relative; background: #F7F6F2 url("../images/loginbg.png") no-repeat center center;}
.leftBg .CarouselBox{ width: 220px; height: 259px; background: #fff;  position: absolute; left: 283px; top:-300px; bottom: 0; right: 0; margin: auto; z-index: 1; border-radius: 13px;}
.leftBg .CarouselBox .logo{ width: 128px; height: 38px; margin: 25px 0 20px 20px;}
.leftBg .CarouselBox .userimgbox{width: 278px; margin-left: -20px;}
.leftBg .CarouselBox .userimgbox ul{margin: 0; padding: 0;}
.leftBg .CarouselBox .userimgbox ul li{width: 24%; height: 24%; list-style: none; margin-right: 1%; float: left;  border: 5px solid #fff; border-radius: 50%;}
 .leftBg .CarouselBox .userimgbox ul li:last-child{ margin-right: 0; border: 0;}
.leftBg .CarouselBox .userimgbox ul li:last-child img{width: 31px; height: 31px;     margin: 18px 14px;}
.dotImage{width: 134px; height: 13px; position: absolute; left: 0; bottom: 60px; right: 0; margin: auto; z-index: 1 }

.RightBg{width: 50%; height: 100vh; position: relative; background: #fff ;}
.RightBg .Formwapper{ width: 350px; height:636px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; background-color: #fff; }
.RightBg .Formwapper .logo{ margin-bottom: 45px;}

.form{margin-top: 0px;}
.form-wapper{ background:#fff; border-radius:30px; padding:22px 40px 11px 40px; margin:0% 0px 0px; position:relative;}
.form-wapper .headder{ background:#003874; border-bottom-right-radius:20px; border-bottom-left-radius:20px; padding:10px 5px; position:relative; top:-22px; color:#fff; width:95%; margin:0 auto; text-align:center; font-size:20px; font-weight:500; line-height:1.1em;}

.formFildsList{margin:0px 0px 0px; padding:0px;}
.formFildsList li{list-style:none; width:100%; position:relative; text-align:center;  display: inline-block}
.formFildsList li.ex{margin: 25px 0 10px 0}
.formFildsList li input{width:100%; border:none;  margin-bottom:25px; padding:15px 15px 15px 15px; font-size:16px;color:#000; background-color: #F4F4F4; border-radius: 8px;}
.formFildsList li input.error{border-bottom:1px solid rgba(255,0,0,1);}
.formFildsList li input:hover, .formFildsList li input:focus{outline:none;}
.formFildsList li .sbtn{ background:rgba(236,49,53,1); width:90%; color:#fff; margin:0 auto; border-radius:50px; font-weight: 700;padding:15px;box-shadow:0px 5px 10px rgba(59,3,3,.2); text-transform: uppercase}
.formFildsList li .sbtn:hover{background:rgba(236,49,53,.9);box-shadow:0px 5px 10px rgba(59,3,3,.3);}
.formFildsList li hr{ border:none;border-bottom:1px solid rgba(111,111,111,.3);    margin: 30px 0px 10px;}
.formFildsList li .checkBoxWrap {margin-bottom: 0px; position:relative; text-align:left; }
.formFildsList li .checkBoxWrap input[type="checkbox"] { position: absolute; display: none;}
.formFildsList li .checkBoxWrap .checkBoxLabel { padding-left: 25px; font-size: 14px; position: relative; display: block; color: #212129; cursor:pointer; }
.formFildsList li .checkBoxWrap .checkBoxLabel .checkBox { height: 20px; width:20px; position: absolute; left: 0; top: 0px; border: 2px solid #A8A8A8; cursor:pointer;  }

.formFildsList li .checkBoxWrap input[type="checkbox"]:checked + .checkBoxLabel .checkBox::before { content: '';  position: absolute; left: 50%; top: 44%; transform: translate(-50%, -50%) rotate(-45deg); width: 60%; height: 30%; border-bottom: 2px solid #C0965E; border-left: 2px solid #C0965E;  }
.noBorder { border: none !important; }
.formFildsList li a.link{ font-size:12px; font-weight: 500;  color:#212129; text-decoration: none; float: right; }
.formFildsList li a.link:hover{text-decoration: underline}
.errorMsg{position:absolute; bottom:8px; left:10px; font-size:12px; color:#F00;}

.ffl-wrapper .ffl-label {transition-property: all;transition-duration: 200ms; transition-timing-function: ease; transition-delay: 0s; position: relative; white-space: nowrap;  max-width: 100%;text-overflow: ellipsis;overflow: hidden; pointer-events: none; font-size:14px;  color:#7D7D86; top:0px; left: 0; font-size: 16px; font-weight: 300; float: left ;margin-left: 10px; margin-bottom: 5px;}

.ffl-wrapper.ffl-floated .ffl-label {top: -5px;}
.ffl-floated .ffl-label {color: #00B0A3; font-size: 0.75rem;}

.col6{width: 50% !important; float: left}
.btn{width: 100%; color: #fff; font-size: 16px;  background-color: #C0965E; padding: 10px 0; border-radius:22px; font-weight: 500; text-transform: uppercase; margin-top: 35px;}
.powredby{ width:auto; height: auto; margin: auto; font-size: 14px; color: #212129; margin-top: 40px; text-align: center}
.powredby img{ width:76px; margin:20px auto 15px auto;}
.textslider{ width: 178px;     display: inline-block; margin-left: 20px; margin-top: 15px;}
.textslider .text{ font-size: 12px; color: #333333; font-weight: 400;}

.textslider .slick-dots{bottom: -43px;}

 .textslider .slick-dots li{ width: 10px; height: 10px; background: rgba(0, 0, 0, 0.4); border-radius: 50px;}
.textslider .slick-dots li.slick-active{background: rgba(0, 0, 0, 1); border-radius: 50px;}
 .textslider .slick-dots li button{display: none}

.logo.inside{ width:217px;  margin:50px auto}
.insidetext{width: 80%; margin: 20px auto 60px auto; }
.insidetext h2{ font-size: 30px; color: #000; font-weight: 600; text-align: center}
.insidetext p.t1{ font-size: 16px; color: #000; font-weight: 400; text-align: center}

.insideleftimg{ width: 239px; position: fixed; left: -15px; bottom: 0;}
.insiderightimg{width: 71px; position: fixed; right: -15px; bottom: 0;}
.whitebox{width: 100%; height:271px; margin: auto; background-color: #fff;position: relative; display: table; border-radius: 13px; border:1px solid #fff;}
.whitebox:hover{border:1px solid #C0965E; -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.12);
box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.12);}
.whitebox .select{width: 117px; padding: 5px 5px;  background-color: #C0965E; border-radius: 22px; color: #fff; font-size: 16px; font-weight: 600; text-align: center; position: absolute;left: 0; bottom: -15px; right: 0; margin: auto;display: none}
.whitebox img{width: 198px; position: absolute;left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.whitebox:hover .select{  display: block}