@import url(face.css);
@import url(sweetalert2.min.css);
@import url(select2.min.css);
@import url(persianDatepicker-default.css);
@import url(bootstrap.rtl.min.css?v=1.2);
:root {
	--pr-color:#089eae;
	--nav-hover-color:#4bb8c4;
	--pr-dark-color:#00B5AF;
	--pr-light-color:#edfaf9;
	--sc-color:#3f414d;
	--bg-color:#eff7f8;
	--h-top:70px;
	--w-side:300px;
	--w-mobile-side:300px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
*:focus{
	outline:none !important;
}
body{
	font-family: IRANSans;
	background-color: var(--bg-color);
}
#side{
	width: var(--w-side);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	color: white;
	transition: 0.2s;
	flex-direction: column;
	display: flex;
	justify-content: space-between;
	overflow-y: auto;
	background-color: var(--pr-color);
}
.side-top{
	margin-bottom: 10px;
}
.help-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.help-btn a{
	display: block;
	color: white;
	background: var(--pr-dark-color);
	padding: 15px;
	text-decoration: none;
	border-radius: 5px;
	width: 100%;
	text-align: center;
	font-weight: 500;
	transition: 0.2s;
	font-size: 13px;
}
.help-btn a:hover{
	background-color:var(--nav-hover-color);
	transition: 0.2s;
}
#logo {
	display: flex;
	align-items: center;
	justify-content: center;
	height: var(--h-top);
	box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
}
#logo h1{ 
	font-size: 16px;
	margin: 0;
}
#navbar {
	padding: 10px 20px;
}
#navbar ul{
	padding:0;
	margin: 0;
	list-style: none;
}
#navbar ul li > a{
	color: #FFF;
	text-decoration: none;
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 15px;
	padding: 15px 20px;
	border-radius: 5px;
	transition: 0.2s;
	position: relative;
}
#navbar ul li > a > span{
	background: var(--pr-dark-color);
	color: white;
	line-height: 1;
	font-size: 13px;
	padding: 5px;
	text-align: center;
	border-radius: 5px;
	position: absolute;
	left: 15px;
	transition: 0.2s;
}
#navbar ul li > a:hover{
	background: var(--nav-hover-color);
	transition: 0.2s;
}
#navbar ul li > a:hover > span{
	background-color: var(--pr-color);
	color: white;
}
#navbar ul li > a svg{
	margin-left: 10px;
}
#navbar > span{
	display: block;
	padding: 20px;
	font-size: 13px;
	color: #f5f5f5;
	font-weight: 300;
}
#main{
	padding-right: var(--w-side);
	padding-top: var(--h-top);
	transition: 0.2s;
}
#top-header{
	transition: 0.2s;
	background-color: white;
	display: flex;
	box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
	justify-content: space-between;
	align-items: center;
	z-index: 2;
	height:  var(--h-top);
	position: fixed;
	top: 0;
	left: 0;
	right: var(--w-side);
}
.side-btn{
	height: var(--h-top);
	display: flex;
	align-items: center;
	padding: 0 20px;
	cursor: pointer;
	transition: 0.2s;
}
.side-btn.active{
	background-color: var(--pr-light-color);
	color: var(--pr-color);
}
.side-btn:hover{
	transition: 0.2s;
	color: var(--pr-color);
	background: var(--pr-light-color);
}
.lside-top-header{
	display: flex;
	align-items: center;
	height: var(--h-top);
}
.user-login a{
	text-decoration: none;
	color: var(--sc-color);
	font-size: 15px;
	word-spacing: -2px;
	height: var(--h-top);
	display: flex;
	align-items: center;
	padding: 0 20px;
}
.user-login a:hover{
	color:var(--pr-color);
	background: var(--pr-light-color);
}
.inbox{
	position: relative;
}
#btnInbox.active::after{
	position: absolute;
    top: 20px;
    right: 10px;
    width: 5px;
    height: 5px;
    content: "";
    background-color: #d84a45;
    border-radius: 100%;
	animation: pulse 2s infinite;
}
.inbox-list{
	position: absolute;
	top: calc( var(--h-top) - 5px);
	width: var(--w-side);
	left: 0;
	background: #fff;
	z-index: 5;
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
	border-radius: 5px;
	overflow: hidden;
	animation: growDown 300ms ease-in-out forwards;
  	transform-origin: top center;
	display: none;
}
@-moz-keyframes growDown {
	0% {
	  transform: scaleY(0);
	}
	80% {
	  transform: scaleY(1.1);
	}
	100% {
	  transform: scaleY(1);
	}
}
@-webkit-keyframes growDown {
	0% {
	  transform: scaleY(0);
	}
	80% {
	  transform: scaleY(1.1);
	}
	100% {
	  transform: scaleY(1);
	}
}
@-o-keyframes growDown {
	0% {
	  transform: scaleY(0);
	}
	80% {
	  transform: scaleY(1.1);
	}
	100% {
	  transform: scaleY(1);
	}
}
@keyframes growDown {
	0% {
	  transform: scaleY(0);
	}
	80% {
	  transform: scaleY(1.1);
	}
	100% {
	  transform: scaleY(1);
	}
}
.inbox-list.show{
	display: block;
}
.inbox-list-head{
	color: white;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	font-size: 13px;
	padding: 20px;
	font-weight: 500;
	background-color: var(--pr-color);
}
.inbox-list-head > span{
	background: var(--pr-dark-color);
    color: white;
    line-height: 1;
    font-size: 13px;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    transition: 0.2s;
}
.inbox-list-content ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.inbox-list-content ul li a{
	display: flex;
	text-decoration: none;
	font-size: 14px;
	align-items: center;
	padding: 15px 20px;
	color: var(--sc-color);
	border-bottom: 1px solid #f5f5ff;
}
.inbox-list-content ul li a:hover{
	color: var(--pr-color);
	background-color: var(--pr-light-color);
}
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0px rgba(230, 65, 65, 0.2);
	}
	100% { 
		box-shadow: 0 0 0 15px rgba(230, 65, 65, 0);
	}
}
#logout-btn{
	background-color: #d84a45;
	padding:0 20px;
	height: var(--h-top);
	display: flex;
	color: white;
	align-items: center;
	transition: 0.2s;
	cursor: pointer;
}
#logout-btn:hover{
	background-color: #e84118;
	transition: 0.2s;
}
#btnInbox , .fullscreen{
	padding:0 15px;
	height: var(--h-top);
	display: flex;
	align-items: center;
	transition: 0.2s;
	cursor: pointer;
	color: var(--sc-color);
}
#btnInbox:hover , .fullscreen:hover{
	background-color: var(--pr-light-color);
	color: var(--pr-color);
	transition: 0.2s;
}
.wrapper{
	padding: 20px;
}
.content{
	padding: 20px;
	background-color: white;
	border-radius: 5px;
	box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
}
.content-title{
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 15px;
	margin-bottom: 20px;
	word-spacing: -1px;
	display: flex;
	justify-content: space-between;
	color: var(--sc-color);
	font-weight: 500;
	align-items: center;
}
.content-title svg{
	margin-left: 5px;
}
.btn{
	border-radius: 3px;
	font-size: 15px;
	font-size: 14px;
	padding:0.5rem 1em;
}
.btn-group-lg>.btn, .btn-lg{
	font-size: 15px;
	word-spacing: -2px;
	padding: 13px 20px;
}
.btn-group-sm>.btn, .btn-sm {
	padding: 0.25rem 0.5rem;
	font-size: 14px;
}
.btn-info{
	background: var(--pr-color);
	color: white;
	border-color: transparent;
}
.btn-info:hover{
	color: white;
	background: var(--pr-dark-color);
	border-color: transparent;
}
.table>:not(caption)>*>*{
	padding: 0.8rem;
}
.table {
	border-color: #ededed;
}
.table td {
	font-size: 15px;
}
.modal-body{
	line-height: 2;
	padding: 30px;
	text-align: right;
}

.modal-content{
	border-radius: 5px;
}
.fullW #main{
	padding-right: 0;
}
.fullW #top-header{
	right: 0
}
.fullW #side{
	right: -500px;
}
#btnCloseInbox{
	text-align: center;
	cursor: pointer;
	padding: 15px;
	color: #d84a45;
	font-size: 14px;
	transition: 0.2s;
}
#btnCloseInbox:hover{
	background-color: #d84a45;
	color: white;
	transition: 0.2s;
}
.nowrap{
	white-space: nowrap;
}
.container-login{
	display:flex;
	align-items:center;
	width: 100%;
	height:100vh;
	justify-content: center;
}
.login-box{
	background:#FFf;;
	border-radius:5px;
	box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
	padding: 20px;
}
.form-area{
	height: 600px;
	display: flex;
    flex-direction: column;
    align-items: center;
	padding: 20px;
	justify-content: space-between;
}
.register-link{
	font-size: 15px;
    border-radius: 5px;
	color: var(--sc-color);
	word-spacing: -1px;
	text-align: center;
	text-decoration: none;
    border: 0;
    transition: 0.2s;
	display: block;
	font-weight: 500;
    padding: 20px 30px;
	margin-top: 20px;
}
.form-control:focus , .form-select:focus{
	border-color: var(--pr-color);
	box-shadow: 0 0 0 0.25rem var(--pr-light-color);
}
.register-link:hover , .register-link:hover span::after{
	color: var(--pr-color);
	border-color: var(--pr-color);
}
.register-link > span{
	position: relative;
	display: inline-block;
	padding: 5px 0;
}
.register-link > span::after{
	border: 1px dashed var(--sc-color);
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.form-area-head h2{
	font-size: 20px;
	font-weight: 600;
	color: var(--sc-color);
	word-spacing: -3px;
	margin-top: 20px;
	margin-bottom: 15px;
	text-align: center;
}
.form-area-head p{
	text-align: center;
	word-spacing: -2px;
	font-size: 14px;
	color: #3a3a3a;
}
.form-control , .form-select{
	border-radius: 5px;
	padding: 15px;
	font-size: 15px;
}
.login-form{
	width: 100%;
}
input[type=number] , input[type=tel]{
	direction: rtl;
}
.form-label{
	margin-bottom: 1rem;
	font-size: 15px;
}
.form-area label{
	display: block;
	color: var(--sc-color);
	font-size: 14px;
	margin: 15px 0;
}
.form-area .login-btn , .btn-register{
	font-size: 15px;
	background-color: var(--pr-color);
	color: white;
	border-radius: 5px;
	border: 0;
	transition: 0.2s;
	padding: 25px 30px;
}
.btn-group-lg>.btn, .btn-lg{
	border-radius: 5px;
}
.form-area .login-btn:hover , .btn-register:hover{
	transition: 0.2s;
	background-color: var(--pr-dark-color);
}
.forgot-password-link{
	color: var(--sc-color);
	text-decoration: none;
	font-size: 14px;
	word-spacing: -1px;
	margin-top: 15px;
	display: block;
}
.forgot-password-link:hover{
	color: var(--pr-color);
}
.welcome-area{
	background-color: var(--pr-color);
	border-radius: 5px;
	padding: 0;
	position: relative;
	color: white;
}
.welcome-area img{
	max-width: 100%;
	height: 600px;
	object-fit: cover;
	border-radius: 5px;
}
.velcome-area-text{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: end;
    justify-content: center;
    padding: 30px;
}
.velcome-area-text h1{
	margin: 0;
	margin-bottom: 20px;
    color: #000;
    background: #ffffff9a;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-box-orient: vertical;
    word-spacing: -4px;
    font-size: 27px;
    border-radius: 5px;
    padding: 30px;
    font-weight: 700;
    text-shadow: 0 1px 3px #ffffff;
}
.regsiter-form-head{
	margin: 20px 0;
	text-align: center;
}
.regsiter-form-head h2{
	font-size: 20px;
    font-weight: 600;
    color: var(--sc-color);
    word-spacing: -3px;
    margin-top: 20px;
    margin-bottom: 15px;
    text-align: center;
}
.regsiter-form-head p {
	text-align: center;
    word-spacing: -2px;
    font-size: 14px;
    color: #3a3a3a;
}
.pdp-default .cell, .pdp-default .yearSelect, .pdp-default .monthSelect, .goToday {
    font-family: IRANSans;
}
.container-register{
	height: auto;
}
.regsiter-form label{
	display: block;
    color: var(--sc-color);
    font-size: 14px;
    margin: 15px 0;
}
.register-result{
	display: flex;
    align-items: center;
    width: 100%;
    height: 100vh;
    justify-content: center;
	word-spacing: -2px;
}
.register-successfully , .verify-sms-box , .reset-password{
	background: #FFf;
    border-radius: 5px;
    box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
    padding: 40px;
	text-align: center;
}
.register-successfully-ico{
	color: #35d39d;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	margin-bottom: 30px;
}
.success-checkmark {
	width: 80px;
	height: 115px;
	margin: 20px auto;
}
.success-checkmark .check-icon {
	width: 80px;
	height: 80px;
	position: relative;
	border-radius: 50%;
	box-sizing: content-box;
	border: 4px solid #4CAF50;
}
.success-checkmark .check-icon::before {
	top: 3px;
	left: -2px;
	width: 30px;
	transform-origin: 100% 50%;
	border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
	top: 0;
	left: 30px;
	width: 60px;
	transform-origin: 0 50%;
	border-radius: 0 100px 100px 0;
	animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
	content: "";
	height: 100px;
	position: absolute;
	background: #FFFFFF;
	transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
	height: 5px;
	background-color: #4CAF50;
	display: block;
	border-radius: 2px;
	position: absolute;
	z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
	top: 46px;
	left: 14px;
	width: 25px;
	transform: rotate(45deg);
	animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
	top: 38px;
	right: 8px;
	width: 47px;
	transform: rotate(-45deg);
	animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
	top: -4px;
	left: -4px;
	z-index: 10;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	position: absolute;
	box-sizing: content-box;
	border: 4px solid rgba(76, 175, 80, 0.5);
}
.success-checkmark .check-icon .icon-fix {
	top: 8px;
	width: 5px;
	left: 26px;
	z-index: 1;
	height: 85px;
	position: absolute;
	transform: rotate(-45deg);
	background-color: #FFFFFF;
}
@keyframes rotate-circle {
	0% {
	  transform: rotate(-45deg);
	}
	5% {
	  transform: rotate(-45deg);
	}
	12% {
	  transform: rotate(-405deg);
	}
	100% {
	  transform: rotate(-405deg);
	}
}
@keyframes icon-line-tip {
	0% {
	  width: 0;
	  left: 1px;
	  top: 19px;
	}
	54% {
	  width: 0;
	  left: 1px;
	  top: 19px;
	}
	70% {
	  width: 50px;
	  left: -8px;
	  top: 37px;
	}
	84% {
	  width: 17px;
	  left: 21px;
	  top: 48px;
	}
	100% {
	  width: 25px;
	  left: 14px;
	  top: 45px;
	}
}
@keyframes icon-line-long {
	0% {
		width: 0;
		right: 46px;
		top: 54px;
	}
	65% {
		width: 0;
		right: 46px;
		top: 54px;
	}
	84% {
		width: 55px;
		right: 0px;
		top: 35px;
	}
	100% {
		width: 47px;
		right: 8px;
		top: 38px;
	}
}
.register-successfully h2{
	font-size: 22px;
	color: #4CAF50;
	font-weight: 700;
}
.register-successfully p{
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 15px;
}
.register-successfully p span{
	background-color: #d84a45;
	color: white;
	padding-right: 5px;
	padding-left: 2px;
	padding-bottom: 2px;
	font-size: 10pt;
	margin-left: 5px;
}
.register-successfully a , #verify-sms-btn , #verify-sms-btn-reset-pass{
	font-size: 15px;
    background-color: var(--pr-color);
    color: white;
    border-radius: 5px;
    border: 0;
	width: 100%;
    transition: 0.2s;
    padding: 20px 30px;
	display: inline-block;
	margin-top: 40px;
	text-decoration: none;
}
.register-successfully a:hover , #verify-sms-btn:hover , #verify-sms-btn-reset-pass:hover{
	transition: 0.2s;
    background-color: var(--pr-dark-color)
}
.sms-box-ico img{
	margin-bottom: 30px;
	height: 250px;
}
.sms-box-text {
	margin-bottom: 20px
}
.sms-box-text h2{
	font-weight: 500;
    text-align: center;
    font-size: 1.1rem;
    margin-bottom: 10px;
}
.sms-box-text span{
	color:var(--sc-color);
	font-weight: 300;
	font-size: 15px;
}
.sms-box-text span b{
	color: black;
	font-weight: 500;
	margin: 0 5px;
}
.sms-code-form input{
    width: 60px;
    height: 60px;
    background: #eef8f9;
    text-align: center;
    border: 1px solid #ceebef;
    border-radius: 4px;
	transition: 0.4s;
}
.sms-code-form input:focus{
	border-color: var(--pr-color);
	transition: 0.4s;
}
.register-form-inner .form-label{
	display: block;
	color: var(--sc-color);
	font-size: 14px;
}
.sms-code-input{
	margin-bottom: 20px;
}
.sms-time{
	font-size: 14px;
	column-rule: var(--sc-color);
}
.is-empty{
	border-color: #f8cbca !important;
    background-color: #ffe8e8 !important;
}
.sms-time button{
	background: transparent;
	border: 0;
	font-size: 14px;
}
.reset-password-head {
	border-bottom: 1px solid #f5f5f5;
	display: flex;
	margin-bottom: 30px;
}
.reset-password-head svg{
	margin-left: 10px;
}
.reset-password-head h2{
	font-size: 16px;
	margin-bottom: 30px;
}
.select2 {
	width: 100%;
}
.select2-container .select2-selection--single{
	height: auto !important;
	border-radius: 5px;
    padding: 12px;
    font-size: 15px;
	border-color:#dee2e6;
}
.select2-container--default.select2-container--focus .select2-selection--multiple , .select2-container--default .select2-selection--multiple{
	border-color:#dee2e6 !important;
}
.select2-container .select2-selection--multiple{
	min-height: 54px;
}
.select2-container .select2-search--inline .select2-search__field{
	height: 42px !important;
	font-family: 'IRANSans';
	line-height: 42px;
	margin-right: 10px;
	font-size: 15px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	padding: 8px;
	padding-left: 20px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	bottom: 0	;
}
.select2-dropdown{
	border-color:#dee2e6;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 52px;
    width: 40px;
}
.select2-container .select2-selection--single:focus{
	border-color: var(--pr-color);
	box-shadow: 0 0 0 0.25rem var(--pr-light-color);
}
.select2.is-invalid .select2-selection {
	border-color: var(--bs-danger) !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.r_receiver_label::after{
	content: ",";
}
.r_receiver_label:last-child:after{
	display: none;
}
.button-index-welcome-area{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.conversation-chat{
	margin-bottom:20px;
}
.conversation-chat-text{
	background: #e8f9fb;
    padding: 10px 20px;
    border-radius: 10px;
	margin-bottom: 5px;
	width: fit-content;
	position: relative;
}
.conversation-chat-text::after{
    content: "";
    border-top: 15px solid #e8f9fb;
    border-right: 15px solid transparent;
    position: absolute;
    top: 20px;
    right: -15px;
}
.conversation-chat-head{
	font-size: 12px;
	text-align: right;
	margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
	.content-title{
		flex-direction: column;
		align-items: start;
	}
	.button-index-welcome-area{
		text-align: center;
		flex-direction: column;
	}
	.button-index-welcome-area a{
		width:100%;
		margin:10px 0;
		font-size : 12pt;
	}
	.content-title-button{
		margin-top: 20px;
		padding-top: 15px;
		display: flex;
		flex-direction: row;
		width: 100%;
		align-items: center;
		justify-content: space-around;
		border-top: 1px solid #f5f5f5;
	}
	:root{
		--w-side:0;
	}
	#top-header{
		z-index: 4;
	}
	#side{
		right: -500px;
		z-index: 3;
	}
	.fullW #side{
		right: 0;
		width: var(--w-mobile-side);
	}
	.closeNav{
		position: fixed;
		top: var(--h-top);
		left: 0;
		cursor: pointer;
		right: 0;
		bottom: 0;
		background: #00000073;
		z-index: 2;
	}
	.inbox-list{
		position: fixed;
		top: var(--h-top);
		left: 0;
		right: 0;
		border-radius: 0;
		width: 100%;
	}
	#btnCloseInbox{
		padding: 20px;
	}
	.login-box{
		padding: 0;
		box-shadow: none;
	}
	.login-register-page{
		background-color: white;
	}
	.container-login{
		width: auto;
		display: block;
	}
	.login-box > .row{
		flex-direction: column-reverse;
		margin: 0;
	}
	.velcome-area-text{
		align-items: center;
	}
	.welcome-area img{
		height: 240px;
		border-radius: 0;
		width: 100%;
	}
	.form-area{
		position: relative;
		padding: 30px;
		padding-top: 0;
		height: calc(100vh - 240px);
	}
	.container-login .container{
		padding: 0;
	}
	.login-box .row > .col-lg-6 {
		padding: 0;
	}
	.velcome-area-text h1{
		font-size:20px;
		text-align: center;
	}
	.form-area::before{
		content: "";
		height: 30px;
		position: absolute;
		background-color: white;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		top: -30px;
		left: 0;
		right: 0;
		z-index: 2;
	}
	.container-login .container, .container-login .container-md, .container-login .container-sm {
    	max-width: 100% !important;
	}
	.form-area-head h2 , .regsiter-form-head h2{
		font-size: 16px;
		margin-top: 0;
	}
	.form-area-head p , .regsiter-form-head p{
		font-size: 12px;
	}
	.regsiter-form-head h2 , .regsiter-form-head p{
		color: white;
	}
	.regsiter-form-head{
		margin: 20px 0;
		text-align: center;
		margin-top: -0.5rem;
		background: var(--pr-color);
		margin-right: -12px;
		color: white;
		margin-left: -12px;
		padding-top: 35px;
		padding-bottom: 50px;
	}
	.register-form-inner{
		position: relative;
		padding: 0 20px;
	}
	.register-form-inner::before{
		content: "";
		height: 30px;
		position: absolute;
		background-color: white;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		top: -50px;
		left: -12px;
		right: -12px;
		z-index: 2;
	}
	.user-login a{
		white-space: nowrap;
    	overflow: hidden;
	}
	.register-successfully {
		height: 100vh;
		box-shadow: none;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.verify-sms-box{
		height: 100vh;
		box-shadow: none;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.reset-password{
		box-shadow: none;
		display: flex;
		height: 100vh;
		flex-direction: column;
		justify-content: center;
	}
	.register-successfully a{
		display: block;
	}
	.sms-box-ico img{ 
		height: 300px;
	}
}