/* =================reset css starts here=================  */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin: 0; padding: 0; outline: none; border: 0 }
img {border: 0;}
a { text-decoration: none; border: 0; outline: 0; }
.clear { clear: both; width: auto !important }
ul {list-style: none;}
a:focus, input:focus, textarea:focus,
*:focus { outline: 0 !important; box-shadow: none !important; }
/* =================reset css ends here================= */
/* =================core css starts here================= */
body { font-size: 15px; line-height: 24px; font-weight: 400; font-family: 'Open Sans'; color: #333230; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.container { width: 100%; max-width: 1440px; }
/*.container-fluid{width: 100%;max-width: calc(100% - 90px);}*/
a, input, button { display: inline-block; text-decoration: none; color: inherit; outline: none; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; }
a img {border: 0px none;}
a:hover { outline: none; color: #F58000; text-decoration: none; }
a:active { outline: none; text-decoration: none; }
a:focus { outline: none; outline-offset: 0px; text-decoration: none; color: inherit; }
::-webkit-input-placeholder { color: #999; opacity: 1; }
::-moz-placeholder { color: #999; opacity: 1; }
:-moz-placeholder { color: #999; opacity: 1; }
:-ms-input-placeholder { color: #999; opacity: 1; }
.os-animation {opacity: 0;}
.os-animation.animated {opacity: 1;}
img {max-width: 100%;}
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; margin-bottom: 15px; line-height: 1.2;/* font-weight: 700; */color: inherit; }
h1 {font-size: 42px;}
h2 {font-size: 36px;}
h3 {font-size: 28px;}
h4 { font-size: 22px; line-height: 1.4; }
h5 { font-size: 18px; line-height: 1.4; }
h6 { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 10px }
p { margin: 0px; padding: 0px; margin-bottom: 25px; }
strong {font-weight: 600;}
b {font-weight: 700;}
p:last-child {margin-bottom: 0;}
.mar-40 {margin-bottom: 40px !important;}
.mar-30 {margin-bottom: 30px !important;}
.no-mar {margin: 0 !important;}

.btn2{font-size: 18px;font-weight: 600;text-align: center; border-radius: 6px; line-height: 25px;color: #fff;padding: 12px 15px;min-width: 130px;}
.btn-default,.btn-default:focus { color: #fff; background-color: #F58020; border: solid 1px #F58020; }
.btn-default:hover,.btn-default:active { color: #fff; background-color:#333230; border-color: #333230; }

.btn-hover,.btn-hover:focus { color: #fff; background-color: #F58020; border: solid 1px #F58020; }
.btn-hover:hover,.btn-hover:active { color: #fff; background-color:#F58020; border-color: #F58020; opacity: 0.7; }


.btn-speech-red,.btn-speech-red:focus { color: #fff; background-color: #BA0303; border: solid 1px #BA0303; }
.btn-speech-red:hover,.btn-speech-red:active { color: #fff; background-color:#BA0303; border-color: #BA0303; }

.btn-text,.btn-text:focus { color: #000000; background-color: transparent; border: solid 1px transparent; }
.btn-text:hover,.btn-text:active { color: #F58000; background-color:transparent; border-color: transparent; }

.signin-form-container .btn {border-radius: 8px;padding: 2px 25px;min-width: 228px;font-size: 22px;box-shadow: none;text-transform: capitalize;font-weight: 600;}
.btn {border-radius: 6px; min-width:100px;}
.btn-orange,
.btn-orange:focus { color: #fff; background-color: #F58000; border: solid 1px #F58000; }
.btn-orange:hover,
.btn-orange:active { color: #fff; background-color: #F58000; border-color: #F58000;opacity: 0.7; }
.btn-black,
.btn-black:focus { color: #fff !important; background-color: #333230; border: solid 1px #333230; }
.btn-black:hover,
.btn-black:active { color: #fff !important; background-color: #333230; border-color: #333230; opacity: 0.7; }
.btn-grey,
.btn-grey:focus { color: #5d5d5d; background-color: #F2F2F2; border: solid 1px #F2F2F2; }
.btn-grey:hover,
.btn-grey:active { color: #fff; background-color: #333230; border-color: #333230; }
.btn.btn-lg {padding: 18px 40px !important;}
.btn.btn-xs { padding: 8px 15px !important; min-width: auto; }
.btn+.btn {margin-left: 40px;}
.color-text {color: #00bcb4 !important;}


/* =================core css ends here================= */

/* ================= Style Guide Start ================= */
.content-block-container{padding: 100px 0;}
.content-block-head h5{font-size: 48px;line-height: 64px;font-weight: 600;color: #1A051D;}
.content-block-head .heading + h5{margin-top: 78px;margin-bottom: 98px;}
.content-block-head .heading + h6{margin-top: 78px;margin-bottom: 98px;font-size: 20px;line-height: 30px;text-transform: uppercase;color: #1A051D;font-weight: 600;}
.add-line{position: relative;padding-bottom: 14px;}
.add-line:before{content: '';width: 100%;height: 2px;
background: #ECE9F1;position: absolute;top: 100%;left: 0;}


.heading{margin-bottom: 80px;}
.heading h3{font-size:30px;line-height:30px;color:#0034B1;font-weight:700;padding-left:16px;text-transform:uppercase;margin-bottom:0;position:relative;}
.heading h3:before{content:'';width:4px;height:100%;background:#0034B1;position:absolute;left:0;top:50%;transform:translateY(-50%);}


.color-1{background: #F58020!important;}
.color-2{background: #333230!important;}
.color-3{background: #3B3B3B!important;}
.color-4{background: #EDEDED!important;}
.color-5{background: #F2F2F2!important;}
.color-6{background: #38AE9B!important;}
.color-7{background: #BA0303!important;}
.color-8{background: #FFCC00!important;}
.color-9{background: #000000!important;}
.color-10{background: #333230!important;}
.color-11{background: #C8C8C8!important;}
.white-text{color: #fff!important;}
.grey-text{color: #333230!important;}

.content-block-row{width: calc(100% + 30px);margin-left: -15px;}
.content-block-column{width:33.33%;padding:15px;}
.cb-box{width: 109px;height: 109px;border-radius: 6px;margin-bottom: 8px;display: flex;align-items: center;justify-content:center;}
ul.cb-list{width:calc(100% + 26px);margin-left:-13px;}
ul.cb-list li{padding:13px;text-align:center;}
.content-block-column > h4{font-size: 20px;line-height: 30px;color: #1A051D;font-weight: 500;text-transform: uppercase;}
.content-block-column p{font-size: 16px;line-height: 30px;color: #1A051D;font-weight: 500;}



.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h5,
.heading-block h6{font-weight: 700;color: #1A051D;margin-bottom: 6px;}

.heading-block h1{font-size: 24px;line-height: 33px;letter-spacing: 0.8px;}
.heading-block h2{font-size: 21px;line-height: 27px;letter-spacing: 0.7px;}
.heading-block h3{font-size: 16px;line-height: 22px;}

.heading-block.text h5,
.heading-block.text h6{font-weight: 600;}

.heading-block.text h5{font-size: 16px;line-height: 27px;}
.heading-block.text h6{font-size: 14px;line-height: 24px;}

.heading-block.button h5{font-size: 18px;line-height: 24px;}

.heading-block p{font-size: 17px;line-height: 22px;font-weight: 400;color: #3F3356;}
.heading-block + .heading-block{margin-top: 78px;}


.button-group-row {max-width: 982px;width: calc(100% + 30px);margin-left: -15px;}
.button-group-column{width: calc(50% - 100px);padding: 15px;}

.button-group-column h6{font-size: 14px;line-height: 24px;font-weight: 500;color: #3F3356;margin-bottom: 28px;}


.icons-box  img + img{margin-left: 21px;}
.icons-box  + .icons-box {margin-top: 40px;}



.alert-container{position:fixed;top:75px;right:65px;z-index:99;max-width:528px;}
.alert{font-size:13px;line-height:18px;font-weight:400;border:0;border-radius:10px;padding:20px;margin-bottom:35px;}
.alert-icon{margin-right:0;font-size:20px;position:absolute;left:30px;top:50%;transform:translateY(-50%);width:25px;height:25px;}
.alert-icon img{height:100%;width:100%;}
.alert-right{position:absolute;top:50%;transform:translateY(-50%);right:25px;}
.alert  p{font-size:14px;color:#000;margin-bottom:0;line-height:20px;letter-spacing:0.7px;}
.alert-success {background-color: #38AE9B; color:#fff;}

.content-block-body button + button {
    margin-left: 20px;
}
.custom-modal .modal-content{background:#fff;box-shadow:0 2px 23px 0 rgb(0 0 0 / 20%);}
.modal.custom-modal .modal-dialog{max-width:617px;}
.custom-modal .modal-body{padding:30px 37px 40px;font-size:16px;font-weight:400;color:#000;line-height:24px;letter-spacing:0.8px;}
.custom-modal .modal-header{padding:39px 37px 0;border:0;}
.custom-modal .modal-header h5.modal-title{font-size:21px;line-height:27px;letter-spacing:0.8px;color:#000;margin-bottom:0;font-weight:500;}
.custom-modal .modal-btn{padding:0 37px 39px;}
.modal-btn .btn-speech-red{min-width:170px;}
.btn2{min-width:170px;font-size:14px;font-weight:600;}
.btn2 + .btn2{margin-left:30px;}
.custom-modal .close{cursor:pointer;opacity:1;}
.btn-Verifying{font-size:14px;color:#454545;font-weight:600;font-style:italic;letter-spacing:0.8px;}
.btn-Verifying > b{margin-right:18px;}




.button-group-column .form-group label {
    margin-bottom: 15px;
}
.button-group-column .btn2{min-width: 170px;}
/* ================= Style Guide End ================= */

/* ================= Login Start ================= */
.member-container{width:100%;height:100vh;}
.member-left{width:45%;background:#000;background-position:center;background-repeat:no-repeat;background-size:cover;padding:75px 70px 57px 60px;font-size:13px;line-height:26px;font-weight:600;color:#fff;}
.logo-area{width:131px;display:block;margin-bottom:35px;}
.member-left p{font-size:21px;line-height:38px;color:#EDEDED;font-weight:400;}
.member-right{width:55%;padding:0 50px;overflow:auto;}
.signin-form-container{width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:30px 0;position:relative;}
.signin-form{max-width:428px;width:100%;}
.signin-form h2{font-size:32px;line-height:48px;font-weight:700;color:#000;letter-spacing:0.8px;text-transform:uppercase;margin-bottom:64px;}
.signin-form label{font-size:16px;line-height:22px;color:#333230;margin-bottom:15px; font-weight:normal;}
.signin-form-container .form-control{background-color:#EDEDED;color:#333230; height:60px;border-color:#EDEDED;padding:10px 45px 10px 15px;}
.form-group:not(:last-child){margin-bottom:20px;}
.form-group > input + span,
.form-input-box > input + span{position:absolute;right:18px;top:18px;z-index:9;}
.toggle-password span > i{color:#333230;font-size:20px;}
.toggle-password{font-size:12px;line-height:16px;color:#828282;font-style:normal;cursor:pointer;}
.hide{display:none;}
.toggle .hide{display:block;}
.toggle .show{display:none;}
.form-group{position:relative;}
.forgot-password{color:#333230;font-size:14px;line-height:19px;font-weight:400;margin-top:18px;text-align:right;text-transform:capitalize;}
.resend-password{color:#333230;font-size:14px;line-height:19px;font-weight:400;margin-top:18px;text-align:left;}
.resend-password a{color:#F58000; text-decoration:underline;}
.resend-password a:hover{color:#333230;text-decoration:none;}
.form-group.form-button .btn{height:60px;font-size:18px;line-height:25px;}
.form-group.form-button{margin-top:27px;}
.mr-head{margin-bottom:40px;}
.mr-head h2{margin-bottom:32px;}
.mr-head p{font-size:16px;line-height:27px;color:#333230;font-weight:400;}
.mr-head p > span{font-weight:600;display:block;}
.otp-box{display:flex;align-items:center;justify-content:space-between;margin:40px 0 40px;}
.otp-box input.form-control{width:50px;height:50px;padding:5px 15px;margin-right:25px;text-align:center;font-size:20px;}
.otp-box input.form-control:last-child{margin-right:0;}
.enter-otp-box > p{font-size:16px;font-weight:600;color:#333230;margin-bottom:0;}
.signin-form-container .form-control:focus{box-shadow:none;border-color:#C8C8C8;}
.signin-form .member-right-body .form-group:not(:last-child){margin-bottom:27px;}
.member-right-body .form-group.form-button{margin-top:41px;max-width:442px;}
.member-right-head h2{margin-bottom:32px;}
.member-right-head p{font-size:18px;line-height:27px;letter-spacing:0.47px;}
.member-right-head{margin-bottom:80px;max-width:435px;}
.signin-form.psw-signin-form{max-width:535px;}
.member-right-body label + .form-group{display:flex;align-items:center;}
.form-input-box{position:relative;flex-grow:1;margin-right:20px;}
.form-box .progress{border:0;height:3px;margin-top:6px;background:transparent;}
.danger-text{color:#BA0303!important;}
.success-text{color:#38AE9B!important;}
.danger-text,.success-text{width:75px;white-space:nowrap;font-size:16px;font-weight:600;line-height:22px;}
/* ================= Login End ================= */




@media only screen and (max-width: 1400px) {




.member-left{padding: 55px 55px;}

}


/* ============================= 
! Screen size below 1201px
 ============================= */
@media only screen and (max-width: 1199px) {

.content-block-container {
    padding: 70px 0;
}
.alert-container {
    right: 25px;left: 25px;}


}

/* ============================= 
! Layout for ipad lanscape 
 ============================= */
@media only screen and (max-width: 1048px) {


}

/*============================= 
! Layout for ipad portrait  
============================= */
@media only screen and (max-width: 991px) {


.member-left{padding:35px 25px;height: 300px;}
.member-left,.member-right{width:100%;}
.member-right{padding: 0 25px;}
.signin-form-container{padding:40px 0;}
.member-container{height: auto;}

.otp-box input.form-control{width:50px;height:50px;}
.otp-box input.form-control{margin-right:15px;}
.otp-box{margin:40px 0;}
.mr-head{margin-bottom:40px;}
.member-right-head{margin-bottom:40px;}


.content-block-column{width: 100%;}
.content-block-head .heading + h6 {
    margin-top: 30px;
    margin-bottom: 35px;}
    .content-block-head .heading + h5 {
    margin-top: 30px;
    margin-bottom: 35px;
}
.content-block-head h5 {
    font-size: 34px;
    line-height: 1.3;}
    .heading {
    margin-bottom: 35px;
}
.content-block-container {
    padding: 50px 0;
}
.heading h3 {
    font-size: 26px;
    line-height: 26px;
}
.custom-modal .modal-header {
    padding: 30px 25px 0;}
    .custom-modal .modal-body {
    padding: 15px 25px 30px;}
    .custom-modal .modal-btn {
    padding: 0 25px 30px;
}
.heading-block + .heading-block {
    margin-top: 30px;
}

}
/* =============================  
 ! Layout for mobile(lanscape) version  
 ============================= */
@media handheld, only screen and (max-width: 767px) {


.logo-area{width:120px;margin-bottom:25px;}
.member-left p{font-size:20px;line-height:34px;}
.signin-form h2{font-size:22px;}

.button-group-column{width: 100%;}


}

@media only screen and (max-width: 601px) {


.member-left p{font-size:18px;}
.btn2 + .btn2 {
    margin-left: 5px;
}
.btn2 {
    min-width: 110px;}
.custom-modal .modal-header h5.modal-title {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0;}
 .alert-icon {
    position: relative;
    left: 0;
    top: auto;
    transform: none;    margin-bottom: 15px;}   
 .alert {
    padding: 20px 30px 20px 20px;}
    .alert-right {
    position: absolute;
    top: 25px;
    transform: none;
    right: 20px;
}
}
/* ============================= 
 ! Layout for mobile(portrait) version  
 ============================= */
@media only screen and (max-width: 579px) {
.member-right-body label + .form-group{align-items:flex-start;flex-flow:column;}
.form-input-box{margin-right:0;width:100%;}
.danger-text,.success-text{width:auto;font-size:14px;margin-top:5px;}
 .member-right-body .form-group.form-button{margin-top: 40px;max-width: 100%;}


.content-block-body button.btn2{min-width: 100%;}
.content-block-body button.btn2 + button.btn2{margin-left: 0;margin-top: 15px;}

}
.signin-form-container .help-block{color: #e73d4a; display:inline-block !important}
.custom-alert{
	font-size: 14px;
	line-height: 19px;
	font-weight: 400;
	border: 0;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 35px;
	box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%);
}
.custom-alert-error {background-color: #BA0303;color: #fff;}
.custom-alert-info {background-color: #FFCC00;color: #fff;}
.custom-alert-sucess {background-color:#38AE9B;color: #fff;}
.custom-alert-orange {background-color: #F58020;color: #fff;}