* {
    box-sizing: border-box;
}

.slider {
    width: 100%;
    margin: 100px auto;
}

.slick-slide {
    margin: 185px 10px 20px 12px;
    width: 190px;
}

.slick-slide img {
    width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.slick-active {
    opacity: .5;
    /* width: 175px !important;     */
}

.slick-current {
    opacity: 1;
    /* height: 100%; */
    /* width : 545px !important; */
    /* width: 9.1% !important; */
}

.slick-slide.slick-current.slick-center {
    margin: 0px 4px 0 4px;
}

.slick-dots {
    /* margin-bottom: 160px; */
    display: block;
    margin-bottom: 80px !important;
}

.slick-dots li button::before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #fff !important;
}

.slick-prev:before,
.slick-next:before {
    color: #fff;
}


::-webkit-input-placeholder { /* Edge */
    font-family: 'Titillium Web';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #C1C1C1;

  }
  
  :-ms-input-placeholder { /* Internet Explorer */
    font-family: 'Titillium Web';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #C1C1C1;
  }
  
  ::placeholder {
    font-family: 'Titillium Web';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #C1C1C1;
  }



.input {
width: 100%;
height: 32px;
display: block;
/* margin: 0 auto 15px; */
/* padding: 0 15px; */
border: none;
border-bottom: 2px solid #d9d9d9;
color: #393939;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 600;
padding-bottom: 20px;
padding-top: 22px;
font-size: 18px;
}
.input:focus {
outline: none;
border-bottom-color: #3CC !important;
}
.input:hover {
border-bottom-color: #dcdcdc;
}
.input:invalid {
box-shadow: none;
}

.pass:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
}


.lbl{
color: #959595;
font-size: 14px;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
margin-bottom: 0px !important;
padding-top:24px;

}
p{
color: #808080;
font-size: 18px;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
padding-top: 12px !important;
margin-bottom: 0px !important;
padding-bottom: 8px !important;
}
.cust_left{
width:45% !important;position: fixed !important;
}
.cust_right{
width:55% !important;position: fixed !important;
padding-right: 115px;
    padding-left: 115px;

}

.cust_a{
display: inline-block;
color: #00aeef;
font-family: 'Titillium Web';
font-style: normal;
font-size: 16px;
line-height: 24px;
}

.cust_a:hover{
    color:#00aeef;
}
.dv_logo{
padding-left: 95px;
padding-top: 48px;

}
.dv_Registerlogomy{
padding-left: 95px !important;
padding-top: 48px !important;
}
.col-sm-12{
/* padding-right: 0px;
padding-left: 0px; */
padding : 0px;
}
.register-block{
padding-left: 95px;
vertical-align: middle;
padding-right: 95px;
    width: 100%;
    display: flex;
}
.input-group{
margin-bottom: 5px !important;
}
.cust_reg_lbl{
font-family: 'Titillium Web';
color: #808080;
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.cust_padding{
padding-right: 0px;
        padding-left: 0px;
}
.center label{
font-family: 'Titillium Web';
font-weight: 700;
font-size: 28px;
padding-top:24px;
color: #FFFFFF;
}
.center p{
color: #FFFFFF;
font-size: 18px;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
padding-top: 8px !important;
margin-bottom: 0px !important;
padding-bottom: 64px !important;
}
.img_dv{
padding: 32px;background: #FFFFFF;
}
.img_dv_container{
text-align: center;
}
.dv_bg{
background: url(../img/Building_Right.jpg) no-repeat center center;
        background-size: cover;
        /* background-color: red; */
        height: 100%;
        /* position: fixed; */
        /* right: 0; */
        width: 55% !important;
        position: fixed !important;
        /* padding-right: 115px; */
        /* padding-left: 115px; */
}
.dv_transparent{
background:#5165B8;
        background-size: cover;
        /* background-color: red; */
        height: 100%;
        /* position: fixed; */
        /* right: 0; */
        width: 55% !important;
        position: fixed !important;
        opacity: 80%;
        /* padding-right: 115px; */
        /* padding-left: 115px; */
} 
register-block {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
}
 
/* .register-block {
    display: table-cell;
    vertical-align: middle;
} */

/*register page*/

.register-body {
    background-color: #f1f2f7;
}

.register-wrap {
    padding: 20px;
}

.register-social-link  {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 15px;
}

.register-social-link a {
    color: #fff;
    padding: 15px 28px;
    border-radius: 4px;
}

.register-social-link a:hover {
    color: #fff;
}

.register-social-link a i {
    font-size: 20px;
    padding-right: 10px;
}

.register-social-link a.facebook {
    background: #5193ea;
    margin-right: 22px;
    box-shadow: 0 4px #2775e2;
    float:left;
}

.register-social-link a.twitter {
    background: #44ccfe;
    box-shadow: 0 4px #2bb4e8;
    float:left;
}


/********************** Register Page ***********************************/


.register-canvas .right {
    margin-right: 0;
    /* background: url(../img/Building_Right.jpg) no-repeat center center; */
     background-size: cover;
    /* background-color: red; */
    height: 100%;
    /* position: fixed; */
    right: 0;
}

.register-canvas .left {
    /* background: url(../img/Map_Left.jpg) no-repeat center center #e9e9e9; */
    background: #FFFFFF;
   background-size: cover;
   /* background-color: blue; */
    height: 100%;
    /* position: fixed; */
    left: 0;
}



.form-container.registerform {
    width: 100%;
    margin: auto auto;
    border-radius: 2px;
    border: 0px solid #ddd;
    /* padding: 0 35px 10px 20px; */
    vertical-align: middle;
    background-color: #fff;
 }
 
 .btn-register {
    background: #5165B8;
    width: 113px;
    height: 46px;
    color: #fff;
    border: 0;
    letter-spacing: 0.5px;
    border-radius: 0;
    padding: 13px 24px 13px 24px;
    margin-top: 41px;
    font-family: 'TITILLIUM WEB';
    font-style: normal;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
 }
 
 .account-confirm-div{
     
    padding-left: 95px;
    margin-top: 38px;
    margin-bottom: 48px;

 }
 .btn-register:hover {
     color: #fff;
     background-color: #7399C6;
     border-color: #7399C6;
 }
 
 .btn-register:active, .btn-register:focus, .btn-register:active:focus {
     background: #7399C6;
     color:#fff;
     border: 0;
     outline: none;
 }
 .Registerlogomy {
    color: #393939 !important;
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    font-family: 'Titillium Web', sans-serif !important;
 }
 
.checkbox-label{
    font-size: 16px !important;
    cursor: pointer;
    
  }
  .checkbox-label span{
    text-decoration: underline;
  }
  /* .modal {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
  }
   */

   .modal {
    text-align: center;
  }
  
  @media screen and (min-width: 768px) { 
    .modal:before {
      display: inline-block;
      vertical-align: middle;
      content: " ";
      height: 100%;
    }
  }
  
  .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }

  .btn-terms{
    
    width: 105px;
    height: 46px;
    
    border: 0;
    letter-spacing: 0.5px;
    border-radius: 0;
    padding: 13px 24px 13px 24px;
    margin-top: 12px;
    font-family: 'TITILLIUM WEB';
    font-style: normal;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
  }
  .btn-Agree{
    background: #5165B8;
    color: #fff;
  }
  .btn-Cancel{
    background: #FFFFFF;
    color: #5165B8;
  }
.modal-body span{
    font-family: 'Titillium Web';
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    color: #393939;
}

.modal-body p{
    font-family: 'Titillium Web';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #808080;
    padding: 0 !important;
    margin-bottom: 24px !important;
    margin-top: 4px;
}
.modal-body{
    padding:40px 16px 40px 40px;

}
.modal-content{
    width:642px;
    height: 624px;
}
.modal-body .content-div{
height: 400px;
overflow: auto;
padding-right: 14px;
}
.modal-body .content-div p{
    
    
    font-family: 'Titillium Web';
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #393939;
    
}
.btn-div{
    display: flex;
    justify-content: flex-end;
    padding-right: 26px;
    gap: 4px;
}

.content-div > p.sub-heading{
    font-weight: 600;
    font-size: 15px;;
  }

/* SCROLLBAR STYLE */
/* Chrome & Safari */
::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-thumb{
    background:#D1D0D0;
    border-radius: 100vw;
    border:1px solid #ECECEC;
}

::-webkit-scrollbar-track{
    background: #ECECEC;
    border-radius: 100vw;
    margin-block: 4px;
}

/* Firefox */
@supports (scrollbar-color: #D1D0D0 #ECECEC  ){
    *{
        scrollbar-color:#D1D0D0 #ECECEC ;
        scrollbar-width:thin;
    }
}

.errorlist,.error-pass{
    font-family: 'Titillium Web';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    /* line-height: 16px; */
    letter-spacing: 0em;
    /* text-align: center; */
    color: #FF5858;
    font-weight : 600;

}