.btn.focus, .btn:focus, a:focus {
    outline: 0;
    box-shadow: none;
}
.btn, .btn:focus{
	box-shadow: 0px 2px 6px #00000029;
	border: transparent;
}
.form-control:focus {
    border-color: #80bdff !important;
    box-shadow: none;
}
a, a:hover {
	text-decoration: none;
}
.text-black {
    color: #000;
    font-weight: 600;
}
.small, small {
    font-size: 72%;
    font-weight: 400;
}
.modal-header .close {
    padding: 4px;
    background: #ff5200;
    color: #FFF;
    opacity: 1;
    border-radius: 4px;
    width: 25px;
    height: 25px;
}
.modal-header .close i {
    font-size: 16px;
    font-weight: 400;
    padding: 0px;
    display: block;
    text-align: center;
    margin: 0px;
}
.rightBox {
    width: 50%;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    overflow-x: hidden;
    padding-top: 20px;
    background: #FF1F2D;
	border-radius: 220px 0px 0px 0px;
}
.rightBox-main {
    margin-top: 5%;
    margin-left: 10%;
    padding: 60px;
    color: #fff;
    width: 100%;
    max-width: 75%;
}
.rightBox-main img{
	width: 180px;
	max-width: 100%;
}
.rightBox-main h2 {
    font-weight: 500;
    font-size: 24px;
    color: #FBFBFB;
}
.rightBox-main p {
    font-weight: 300;
    font-size: 14px;
    color: #FBFBFB;
}
.loginBtn{
	background: #fff;
    padding: 14px 0;
    font-weight: 600;
    clear: both;
    margin: 10px auto;
    max-width: 250px;
    width: 100%;
    font-size: 16px;
    text-align: center !important;
}
.singnBtn:hover{
	color: #fff;
}
.loginModal .modal-dialog{
	width: 100%;
	max-width: 400px;
}
.loginModal .modal-header {
	border-bottom: transparent;
}
.loginModal .modal-content {
	padding: 20px;
}
.loginModal .form-group{
	position: relative;
}
.loginModal span{
    position: absolute;
    margin-left: 10px;
    color: #838383;
    top: 8px;
}
.loginModal input{
  padding-left: 40px;
  font-size: 13px;
  height: 40px;
}
.loginSocial{
    font-size: 14px;
    padding: 8px 22px;
    margin: 0px;
    width: 100%;
    height: 40px !important;
    border: 1px solid #0000001f;
}
.google-bg {
    color: #e53935;
}
.face-bg {
	color: #4291df;
}
p.clickText{
    text-align: center;
    font-size: 13px;
    padding-top: 10px;
}
p.clickText a, p.clickText a:focus{
    color: #2b51b4;
    font-weight: 600;
}
@media (max-width: 575px) {
    .rightBox {
        width: 100%;
    }
    .rightBox-main {
        margin-top: 5%;
        margin-left: 12%;
        padding: 20px;
        color: #fff;
        max-width: 75%;
        width: 100%;
    }
}
/* otp */

.digit-group input {
  width: 40px;
  height: 50px;
  background-color: #cc0c0c;
  border: none;
  line-height: 50px;
  text-align: center;
  font-size: 24px;
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  color: white;
  margin: 0 2px;
  padding:0px;
  margin-bottom:20px;
}
.digit-group .splitter {
    padding: 0 5px;
    color: #d81f1f;
    font-size: 24px;
    position: relative;
    top:0px;
}

.prompt {
  margin-bottom: 20px;
  font-size: 20px;
  color: white;
}

  /* end otp */
  .otp-pop {
    position: relative;
    z-index: 2;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    top: 40vh;
    flex-direction: column;
    background: #fff6f7;
    width: fit-content;
    margin: 0px auto;
    padding: 20px;
    border-radius: 12px;
}
.otp-pop button {
    display: block;
    margin: 0px auto;
    border: none;
    padding: 10px 15px;
    border-radius: 12px;
    color: #fff;
    background: #cc0c0c;
    font-weight: 500;
}
.otp-pop h3 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 500;
    color: #3c3c3c;
}