@font-face {
    font-family: 'irfont';
	font-style: normal;
    src: url('../fonts/irfont.eot');
    src: url('../fonts/irfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/irfont.woff') format('woff'),
         url('../fonts/irfont.ttf') format('truetype'),
         url('../fonts/irfont.svg') format('svg');
}

@font-face {
    font-family: 'bahijsoltan';
	font-style: normal;
    src: url('../fonts/bahijsoltan.eot');
    src: url('../fonts/bahijsoltan.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bahijsoltan.woff') format('woff'),
         url('../fonts/bahijsoltan.ttf') format('truetype');
}
:root {
  --placeholdercolor: #fff;
}
html, body{
	font-family: irfont, 'irfont', sans-serif;
	direction:rtl;
}
.textdivider {
	display: flex;
	line-height:0;
}
.textdivider::before, .textdivider::after {
	content:'';
	height:1.5px;
	background-color:#FFFFFF;
	flex-grow:1;
}
.textdivider::before {
	margin-right:1.2rem;
	margin-left:0.5rem;
}
.textdivider::after {
	margin-left:1.2rem;
	margin-right:0.5rem;
}
.glassybg{
	box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .1);	
	border-radius: 5px;
	background-color: rgba(255, 255, 255, .05);
	backdrop-filter: blur(2px);
	cursor:pointer;
}
.placeholdercolor::placeholder { color: var(--placeholdercolor); opacity: 1; }
.placeholdercolor:-ms-input-placeholder { color: var(--placeholdercolor); }
.placeholdercolor::-ms-input-placeholder { color: var(--placeholdercolor); }
.nav .active a{
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	background: #0D6EFD;
	font-weight:bold;
	color:#FFFFFF;
	border-radius:0;
}
.nav-item ul, .nav-item a:hover {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.text-justify{
	text-align:justify;
}
.onlyoneline{
	font-family: bahijsoltan, 'bahijsoltan', sans-serif;
	font-size:2.5rem;
	white-space:nowrap;
	overflow: hidden;
}
.colorchange {
	font-family: bahijsoltan, 'bahijsoltan', sans-serif;
	animation: colorChange 3s infinite;
	font-size: 10rem;
}
.btn-group a {
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.5rem;
}
@keyframes colorChange {
	0% { color:#967EFF; }
	25% { color:#7EFF99; }
	50% { color:#E27EFF; }
	75% { color:#FFBB7E; }
	100% { color:#C852FF; }
}