/*PRELOADER*/
    .preloader {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999999999;
    }
    .preloader-div {
        top: 50%;
        left: 50%;
        width: 15em;
        display: flex;
        position: absolute;
        align-items: center;
        justify-content: space-around;
        transform: translate(-50%, -50%);
    }
    .preloader-div div {
        width: 2em;
        height: 2em;
        border-radius: 50%;
        transform-origin: 50% 100%;
        animation: preloader 1s linear infinite;
    }
    .preloader {
        background-color: hsl(0deg 0% 0% / 85%);
    }
    @keyframes preloader {
        0%, 100% {
            transform: translateY(0) scale(1, 1);
            animation-timing-function: ease-in;
        }
        45% {
            transform: translateY(5em) scale(1, 1);
            animation-timing-function: linear;
        }
        50% {
            transform: translateY(5em) scale(1.5, 0.5);
            animation-timing-function: linear;
        }
        55% {
            transform: translateY(5em) scale(1, 1);
            animation-timing-function: ease-out;
        }
    }
        
	/*GENERAL SECTION*/
	::-webkit-scrollbar {
	    width: 3px;
	}
	::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
	    border-radius: 10px;
	}
	#form-section {
		height: 100vh;
		display: flex;
		padding: 3rem 0;
		align-items: center;
		justify-content: center;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		<?php if(substr($row_default['web_background'], 0, 4) == "http"){?>
		background-image: url(<?php echo $row_default['web_background']; ?>);
		<?php }else{?>
		background-image: url('<?php echo $realurl?>/K2D8LWbT2q7W/<?php echo $row_default['web_background']; ?>');
		<?php }?>
	}
	#logo-div {
		text-align: center;
		margin-bottom: 15px;
	}
	#logo-div img {
		width: 300px;
		height: auto;
	}
	#form-img-div {
		text-align: center;
		margin-bottom: 1.5rem;
	}
	#form-img-div img {
		width: 150px;
		height: auto;
	    border-radius: 50%;
	}
	#form-div {
		padding: 40px 25px;
		margin-top: 1.5rem;
		position: relative;
		border-radius: 3px;
	}
	#form-title-div {
		text-align: center;
		margin-bottom: 1.5rem;
	}
	#form-title {
		font-size: 24px;
		font-weight: 600;
		line-height: 1.4;
		margin-bottom: 5px;
	}
	#form-p {
		font-size: 13px;
		line-height: 1.4;
		margin-bottom: 0;
	}
	.input-div {
		margin-bottom: 15px;
	}
	.input-div label {
		font-size: 13px;
		margin-bottom: 5px;
	}
	.input-div .form-control, .select2-container--default .select2-selection--single {
	    height: 40px !important;
	    border: unset !important;
	    font-size: 13px;
	    padding: 0 10px;
	    line-height: 1.4;
	    transition: 0.3s;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		padding: 0 !important;
    	line-height: 40px !important;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow {
		top: 0 !important;
	    height: 40px !important;
	}
	.input-div .file-input {
    	line-height: 40px;
	}
	#input-btn-div button, #input-btn-div a, #secure-btn-div button, #secure-btn-div a {
		width: 100%;
	}
	#general-btn, #second-btn, #third-btn {
		border: unset;
		font-size: 13px;
		font-weight: 500;
		line-height: 1.4;
		padding: 12px 15px;
		border-radius: 3px;
		text-align: center;
		position: relative;
		letter-spacing: 1px;
		align-items: center;
		display: inline-flex;
		justify-content: center;
		transition: all 0.3s linear;
	}
	#general-btn:hover, #second-btn:hover, #third-btn:hover {
		transform: translateY(-5px);
	}
	.alert p {
		margin-bottom: 0;
	}
	#link-div {
		margin-bottom: 15px;
	}
	#link-p, #link-p1 {
		font-size: 13px;
		line-height: 1.4;
		margin-bottom: 5px;
	}
	.form-check-input {
		margin-top: 0.1em;
	}
	.form-check-label {
		font-size: 13px;
	}
	#link-div p:last-child {
		margin-bottom: 0;
	}
	#note-p {
		display: block;
		font-size: 11px;
		margin-top: 5px;
		line-height: 1.4;
		margin-bottom: 0;
	}
	.form-control:disabled {
		cursor: not-allowed;
	}
	.select2-container--default .select2-selection--single {
		background-color: unset !important;
	}
	#secure-div {
		display: inline-flex;
		margin-bottom: 15px;
	}
	.secure-img-div {
		margin: 0 5px;
		transition: all 0.3s;
	}
	.secure-img-div img {
		width: 100%;
		height: auto;
	}
	#otp-div {
		margin: 15px 0 30px 0;
		display: inline-block;
	}
	#otp-btn, #otp-btn-2 {
		border: unset;
	    font-size: 10px;
	    font-weight: 500;
	    line-height: 1.4;
	    margin-right: 8px;
	    padding: 8px 10px;
	    border-radius: 3px;
	    text-align: center;
	    position: relative;
	    letter-spacing: 1px;
	    align-items: center;
	    display: inline-flex;
	    justify-content: center;
	    transition: all 0.3s linear;
	}
	#pw-ct-title {
		font-size: 13px;
	    line-height: 1.4;
	    margin-bottom: 0.5rem;
	    padding-left: 0 !important;
	}
	#password_contain {
        display:none;
        padding: 15px;
        border-radius: 5px;
        position: relative;
        margin-bottom: 0.5rem;
    }
    #pw-ct-title {
        font-size: 13px;
        font-weight: 500;
        line-height: 1.4;
        margin-bottom: 0.5rem;
        padding-left: 0 !important;
    }
    #password_contain .invalid, #password_contain .valid {
        font-size: 12px;
        line-height: 1.4;
        margin-left: 5px;
        margin-bottom: 5px;
    }
    #password_contain p:last-child {
        margin-bottom: 0;
    }
    .valid:before {
        position: relative;
        left: -5px;
        content: "✔";
    }
    .invalid:before {
        position: relative;
        left: -5px;
        content: "✖";
    }
	.pw-ct-p {
		font-size: 11px;
		line-height: 1.4;
		margin-bottom: 5px;
	}
	.pw-ct-p:last-child {
		margin-bottom: 0;
	}
	#psw-div {
		position: relative;
	}
	#psw-visable-icon {
	    top: 0;
	    right: 10px;
	    height: 100%;
	    display: flex;
	    align-items: center;
	    cursor: pointer;
	    position: absolute;
	}
	.iti {
		width: 100%;
	}
	.iti__country-list {
		max-width: 330px;
	}
	#tsflag-div {
		text-align: center;
		margin-top: 25px;
	}
	#tsflag-div a {
		cursor: pointer;
		margin-right: 5px;
		display: inline-block;
	}
	#tsflag-div a:last-child {
		margin-right: 0;
	}
	#tsflag-div a img {
		width: 25px;
		height: auto;
	}
	@media (max-width: 991px){
		body {
		    background: #071019;
		    background-size: cover;
		    background-position: 50% 90%;
		    background-repeat: no-repeat;
		    <?php if(substr($row_default['mobile_background'], 0, 4) == "http"){?>
			background-image: url(<?php echo $row_default['mobile_background']; ?>);
			<?php }else{?>
			background-image: url('<?php echo $realurl?>/HHQQxWbtih/<?php echo $row_default['mobile_background']; ?>');
			<?php }?>
		}
		#form-section {
			height: unset;
			display: block;
			padding: 10rem 0 0;
			align-items: unset;
			justify-content: unset;
			background-image: unset;
		}
		#logo-div {
			margin-bottom: 0;
		}
		#logo-div img {
			width: 200px;
		}
		#form-div {
			max-height: 395px !important;
    		padding: 30px 15px;
    	}
		#form-img-div img {
		    width: 100px;
		}
		#form-title {
		    font-size: 18px;
		}
		#form-p {
		    font-size: 10px;
		}
		.input-div label {
		    font-size: 11px;
		}
		.input-div .form-control, .select2-container--default .select2-selection--single {
			height: 35px !important;
		    font-size: 11px;
		}
		.select2-container--default .select2-selection--single .select2-selection__rendered {
	    	line-height: 35px !important;
		}
		.select2-container--default .select2-selection--single .select2-selection__arrow {
		    height: 35px !important;
		}
		#general-btn, #second-btn, #third-btn {
		    font-size: 11px;
		}
		#link-p, #link-p1 {
		    font-size: 10px;
		    margin-bottom: 3px;
		}
		#check-div {
			display: flex;
		}
		#check-div2 {
			display: flex;
		}
		.form-check-label {
			width: 100%;
			margin-left: 8px;
			font-size: 10px;
		}
		#note-p {
		    font-size: 9px;
		}
		#pw-ct-title {
    		font-size: 11px;
    	}
    	.pw-ct-p {
		    font-size: 9px;
		}
	    #password_contain .invalid, #password_contain .valid {
	        font-size: 10px;
	    }
	    #tsflag-div {
		    margin-top: 20px;
		}
	    #tsflag-div a img {
		    width: 20px;
		}
    }