.pr-search-form{
	position:relative;
	width:100%;
	max-width:500px;
	margin:0 auto;
	border-radius:9999px;
}

.pr-search-form input{
	width:100%;
	height:54px;
	border:1px solid #AB1D65;
	border-radius:9999px !important;
	-webkit-border-radius:9999px !important;
	-moz-border-radius:9999px !important;
	padding:0 60px 0 20px;
	font-size:15px;
	font-weight:400;
	font-family: 'Noto Kufi Arabic' !important;
	color:#313131;
	background:#fff;
	box-sizing:border-box;
	transition:all .25s ease;
	box-shadow:0 8px 24px rgba(171,29,101,.08);
}

.rtl .pr-search-form input{
	padding:0 20px 0 60px;
}

.pr-search-form input:focus{
	outline:none;
	border-color:#681961;
	box-shadow:
		0 0 0 4px rgba(171,29,101,.12),
		0 10px 30px rgba(171,29,101,.10);
}

.pr-search-form input::placeholder{
	font-family: 'Noto Kufi Arabic' !important;
	font-size:14px;
	font-weight:400;
	color:#888;
}

.pr-search-form button{
	position:absolute;
	top:50%;
	right:7px;
	transform:translateY(-50%);
	width:38px;
	height:38px;
	border:none;
	border-radius:9999px;
	background:#AB1D65;
	color:#fff;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	transition:all .25s ease;
}

.rtl .pr-search-form button{
	right:auto;
	left:7px;
}

.pr-search-form button:hover{
	background:#681961;
	color:#fff;
	transform:translateY(-50%) scale(1.05);
}

.pr-search-form button svg{
	width:20px;
	height:20px;
	display:block;
	stroke:currentColor;
}

.pr-search-form button:hover svg{
	stroke:#fff;
}

@media (max-width:767px){

	.pr-search-form{
		max-width:100%;
	}

	.pr-search-form input{
		height:48px;
		font-size:14px;
		padding:0 54px 0 16px;
	}

	.rtl .pr-search-form input{
		padding:0 16px 0 54px;
	}

	.pr-search-form button{
		width:34px;
		height:34px;
		right:7px;
	}

	.rtl .pr-search-form button{
		left:7px;
	}

	.pr-search-form button svg{
		width:18px;
		height:18px;
	}
}