.otp-verify-text{
   font-size: 20px;
   font-weight: 600;
   }

.otp-box{width: 100%; margin: 0 auto;}
.opt-border {
   display: table;
   margin: 12px auto;
   }
.opt-border .otp-text-box {
   float: left;
   width: 45px;
   height: 45px;
   color: #008cff;
   font-size: 21px;
   font-weight: 500;
   padding: 9px 9px;
   margin-left: 5px;
   box-shadow: none;
   text-align: center;
   border-radius: 6px;
   border: solid 1px #d3d3d3;
   }
.opt-border .otp-text-box:focus, .opt-border .otp-text-box:hover{color: #008cff;}

.owl-carousel .owl-stage, 
.owl-carousel .owl-item, 
.owl-carousel.owl-drag .owl-item, 
.owl-carousel.owl-drag .owl-item .item{
   height: 100%;
   overflow: hidden;
   border-radius: 0px;
   }
.owl-carousel .owl-item img{width: 100%; height: 100%;}
.register-form-content{
   width: 650px;
   max-width: 100%;
   margin: 0 auto;
   }
.form-content.register-form-content .form-items{max-width: 100%;}
.form-content.register-form-content .row{margin-right: -15px; margin-left: -15px;}
.form-content.register-form-content input, 
.form-content.register-form-content .dropdown-toggle.btn-default, 
.form-content.register-form-content .text-box{
   font-size: 14px;
   }

.disabled-text-box {
   opacity: 1;
   background-color: #e9ecef;
   }
.form-content.register-form-content .pay-reg-but{width: 100%;}


/**/
.website-logo-inside .logo{
   background-image: url(../../images/logo/login-logo.png);
   background-size: contain;
   background-repeat: no-repeat;

   background-image: none;
   }
.img-holder{min-height: 600px;}
.form-content .form-button .ibtn{padding: 11px 28px;}
.form-content.register-form-content .form-button .ibtn{padding: 11px 28px;}
.form-content input, 
.form-content .dropdown-toggle.btn-default, 
.form-content.register-form-content .text-box{
   height: calc(1.5em + 0.75rem + 10px);
   }
.form-content.register-form-content .text-box{height: calc(1.5em + 0.75rem + 10px);}
.form-content.register-form-content .form-button {
   margin-top: 20px;
   margin-bottom: 0px;
   }
.form-content.register-form-content form{margin-bottom: 0px;}
.form-holder .form-content.register-form-content{padding: 40px 30px;}
.website-logo-inside{margin-bottom: 40px; text-align: left;} 
.form-content input, .form-content .dropdown-toggle.btn-default, .form-content.register-form-content .text-box{padding: 9px 15px;}
.form-content.register-form-content select{padding: 9px 10px !important;}

.form-content p.backlogin-text{text-align: center;}
.form-content p a{color: #fff !important; margin-left: 4px;}


.form-content .form-sent .tick-holder .close-icon {
   position: relative;
   display: inline-block;
   width: 40px;
   height: 40px;
   border-radius: 40px;
   background-color: rgba(255, 255, 255, 0);
   -webkit-transform: rotate(35deg) scale(2);
   -moz-transform: rotate(35deg) scale(2);
   -ms-transform: rotate(35deg) scale(2);
   transform: rotate(35deg) scale(2);
   -webkit-transform-origin: center center;
   -moz-transform-origin: center center;
   -ms-transform-origin: center center;
   transform-origin: center center;
   }
.form-content .form-sent .tick-holder .tick-icon {background-color: rgb(110 255 0 / 65%) !important;}
.form-content .form-sent .tick-holder .close-icon {background-color: rgb(255 0 0 / 95%) !important;}
.form-content .form-sent .tick-holder .close-icon:before {background-color: #fff;}
.form-content .form-sent .tick-holder .close-icon:after {background-color: #fff;}

.form-content .form-sent.show-it .tick-holder .close-icon {
    -webkit-animation: tick-anime3 0.7s cubic-bezier(0.34, 1.61, 0.7, 1) 0s forwards;
    -moz-animation: tick-anime3 0.7s cubic-bezier(0.34, 1.61, 0.7, 1) 0s forwards;
    -ms-animation: tick-anime3 0.7s cubic-bezier(0.34, 1.61, 0.7, 1) 0s forwards;
    animation: tick-anime3 0.7s cubic-bezier(0.34, 1.61, 0.7, 1) 0s forwards;
}
.form-content .form-sent.show-it .tick-holder .close-icon:after {
   -webkit-animation: tick-anime2 0.4s ease 0.4s forwards;
   -moz-animation: tick-anime2 0.4s ease 0.4s forwards;
   -ms-animation: tick-anime2 0.4s ease 0.4s forwards;
   animation: tick-anime2 0.4s ease 0.4s forwards;
   }
.form-content .form-sent.show-it .tick-holder .close-icon:before {
   -webkit-animation: tick-anime1 0.2s linear 0.2s forwards;
   -moz-animation: tick-anime1 0.2s linear 0.2s forwards;
   -ms-animation: tick-anime1 0.2s linear 0.2s forwards;
   animation: tick-anime1 0.2s linear 0.2s forwards;
   }

.form-content .form-sent .tick-holder .close-icon:after {
   content: "";
   position: absolute;
   background-color: #fff;
   width: 2px;
   height: 20px;
   top: 10px;
   left: 19px;
   border-radius: 2px;
   -webkit-transform-origin: center bottom;
   -moz-transform-origin: center bottom;
   -ms-transform-origin: center bottom;
   transform-origin: center bottom;
   -webkit-transform: scaleY(0);
   -moz-transform: scaleY(0);
   -ms-transform: scaleY(0);
   transform: scaleY(0);
   }
.form-content .form-sent .tick-holder .close-icon:before {
   content: "";
   position: absolute;
   background-color: #fff;
   width: 20px;
   height: 2px;
   top: 19px;
   left: 10px;
   border-radius: 2px;
   -webkit-transform-origin: left center;
   -moz-transform-origin: left center;
   -ms-transform-origin: left center;
   transform-origin: left center;
   -webkit-transform: scaleX(0);
   -moz-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
   }


.form-content h3 span{font-weight: 900;}
.info-text{
   font-size: 16px !important;
   font-weight: 300;
   }
.info-text a{
   color: #fff !important;
   font-size: 16px !important;
   font-weight: 300 !important;
   text-decoration: underline;
   }


/**/
.form-content .form-sent{
   width: 340px;
   max-width: 100%;
   }

/**/
.fxt-checkbox-box input[type="checkbox"] {display: none;}
.fxt-checkbox-box label {
   color: #adadad;
   margin-bottom: 0;
   font-size: 13px !important;
   font-weight: 300 !important;
   position: relative;
   }
.fxt-checkbox-box label:before {
   content: "";
   position: absolute;
   width: 16px;
   height: 16px;
   top: 1px !important;
   left: 0;
   right: 0;
   border: 1px solid !important;
   border-color: #dcdcdc;
   border-radius: 3px;
   background-color: #fff;
   -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
   -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
   transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
   }
.fxt-checkbox-box  input[type=checkbox]:checked + label:after, .fxt-checkbox-box input[type=checkbox]:not(:checked) + label:after{top: 2px !important;}
.fxt-checkbox-box input[type="checkbox"]:checked + label::before {
   background-color: #fff;
   /*border-color: red;*/
   }

   
.form-content .form-button {
    margin-top: 20px;
    margin-bottom: 20px;
}