/*
* lohatk template
* Version: 01,

===========================================

    All include section:

    01. Google fonts
    02. Basic css
    03. Preloader css
    04. hamberger css
	05. header css
	06. home css
	07. best css
	08. visit css
	09. footer css
	10. login css
	11. code css
	12. plates css
	13. favourate css
	14. contact popup css
	15. find popup css
	16. post details css
	17. similar css
	18. user css
	19. add post css
	20. search css
	21. profile css
	22. back to top css
	23. RTL ALL CSS


===========================================


*/

/*======================
   01. Google fonts
========================*/
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Noto%20Sans%20Arabic:wght@300;400;500;700;800&display=swap');

@font-face {
  font-family: "Noto Sans Arabic", sans-serif;
  src: url('/assets/webfonts/NotoSansArabic_Condensed-Regular.ttf');
} */


/*======================
   02. Basic css
========================*/
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

body {
	line-height: 2.6rem;
	background: #ffffff;
	color: rgba(12, 29, 20, 1);
	font-family: 'Tajawal', sans-serif;
}


html {
	font-size: 62.5%;
}

ol,
ul {
	list-style: none;
}

a:hover {
	text-decoration: none;
}

button:focus,
input:focus,
textarea:focus,
select:focus {
	outline: 0;
}


/*======================
   03. Preloader css
========================*/
#preloader {
	position: fixed;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	height: 100vh;
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.loader3 {
	width: 5rem;
	height: 5rem;
	display: inline-block;
	padding: 0;
	text-align: left;
}

.loader3 span {
	position: absolute;
	display: inline-block;
	width: 5rem;
	height: 5rem;
	border-radius: 100%;
	background: rgba(29, 195, 112, 1);
	-webkit-animation: loader3 1.5s linear infinite;
	animation: loader3 1.5s linear infinite;
}

.loader3 span:last-child {
	animation-delay: -0.9s;
	-webkit-animation-delay: -0.9s;
}

@keyframes loader3 {
	0% {
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0);
		opacity: 0.8;
	}

	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 0;
	}
}

@-webkit-keyframes loader3 {
	0% {
		-webkit-transform: scale(0, 0);
		opacity: 0.8;
	}

	100% {
		-webkit-transform: scale(1, 1);
		opacity: 0;
	}
}

/*======================
   04. hamberger css
========================*/
.hamburger_menu {
	cursor: pointer;
	width: 4.4rem;
	height: 4.4rem;
	background: rgba(255, 255, 255, 0.1);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border-radius: 50%;
}

.hamburger_menu span {
	background: #fff;
	width: 2rem;
	height: 0.286rem;
	display: block;
	margin: 0.3rem 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.hamburger_menu:hover .line_top.current,
.hamburger_menu:hover .line_bottom.current {
	-webkit-transform: 0;
	-ms-transform: 0;
	transform: 0;
}

.hamburger_menu .line_top.current {
	-webkit-transform: translateY(250%) rotate(135deg);
	-ms-transform: translateY(250%) rotate(135deg);
	transform: translateY(250%) rotate(135deg);
}

.hamburger_menu .line_center.current {
	opacity: 0;
}

.hamburger_menu .line_bottom.current {
	-webkit-transform: translateY(-325%) rotate(-135deg);
	-ms-transform: translateY(-325%) rotate(-135deg);
	transform: translateY(-325%) rotate(-135deg);
}

/*======================
   05. header css
========================*/
header {
	position: fixed;
	height: 16rem;
	z-index: 1000;
	width: 100%;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	background: #EDEDED;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

header.sticky {
	-webkit-box-shadow: 0 0.8rem 2rem 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0.8rem 2rem 0 rgba(0, 0, 0, .1);
	height: 8.5rem;
}

header .container-fluid {
	padding-left: 0;
	margin-left: 0;
	padding-right: 4rem;
}

.notification_box {
	margin-left: 1.5rem;
	position: relative;
}

.notification_box:hover .notifcation_tab {
	visibility: visible;
	opacity: 1;
	top: 6.4rem;
}

.notification_icon {
	background: rgba(29, 195, 112, 0.1);
	width: 6.4rem;
	height: 6.4rem;
	border-radius: 50%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
}

.red_icon {
	position: absolute;
	top: 1.6rem;
	left: 1.8rem;
	width: auto !important;
}

.red_iconrtl {
	left: auto !important;
	right: 1.8rem !important;
}

.notifcation_tab {
	background: rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 0.9rem 1.6rem 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0.9rem 1.6rem 0 rgba(0, 0, 0, 0.15);
	border-radius: 1.6rem;
	padding: 1.6rem;
	position: absolute;
	right: 50%;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
	top: 7.4rem;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	height: 40rem;
	overflow-y: scroll;
}

.notifcation_tab .tab-pane {
	padding-top: 0.8rem;
}

.notifcation_tab ul {
	-ms-flex-wrap: nowrap !important;
	flex-wrap: nowrap !important;
}

.mr_4 {
	margin-right: 0.4rem;
}

.ml_4 {
	margin-left: 0.4rem;
}

.notifcation_tab .nav-link {
	width: 17.5rem;
	height: 4rem;
	padding: 0;
	background: rgba(240, 240, 240, 1);
	border-radius: 0.8rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: rgba(171, 171, 171, 1);
	font-size: 1.4rem;
	line-height: 1.6rem;
}

.notifcation_tab .nav-link.active {
	background: rgba(2, 218, 110, 0.1);
	color: rgba(29, 195, 112, 1);
}

.notifcation_tab .nav-link.active span {
	background: rgba(29, 195, 112, 1);
}

.notifcation_tab .nav-link span {
	padding: 0.5rem;
	background: rgba(171, 171, 171, 1);
	color: rgba(255, 255, 255, 1);
	margin-left: 1rem;
	border-radius: 1rem;
}

.notification_item {
	padding: 1.2rem;
	border: 0.1rem solid rgba(222, 222, 222, 1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 0.8rem;
	margin-top: 0.8rem;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.notification_man {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	margin-right: 0.4rem;
}

.notification_item h3 {
	font-size: 1rem;
	line-height: 1.2rem;
	color: rgba(12, 29, 20, 1);
	font-weight: 700;
}

.notification_item p {
	font-size: 1.2rem;
	line-height: 1.4rem;
	color: rgba(77, 77, 77, 1);
	margin-top: 0.4rem;
}

.notification_item span {
	color: rgba(171, 171, 171, 1);
	font-size: 1rem;
	line-height: 1.2rem;
	font-weight: 700;
}

.show_btn {
	font-size: 1.4rem;
	line-height: 1.6rem;
	color: rgba(29, 195, 112, 1);
	font-weight: 700;
	padding: 1.2rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border: 0.1rem solid rgba(29, 195, 112, 1);
	border-radius: 5rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.show_btn:hover {
	background: rgba(29, 195, 112, 1);
	color: #ffffff;
}

.logo {
	display: inline-block;
	margin-left: 6.4rem;
}

header.sticky .login_box {
	height: 8.5rem;
}

.login_box {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	background: rgba(0, 100, 50, 1);
	padding: 0 2rem;
	height: 16rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.login_box a {
	width: 15.1rem;
	height: 4rem;
	font-size: 2rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
	text-transform: uppercase;
	background: -o-linear-gradient(bottom, #1DC470, #1DC470), -o-linear-gradient(bottom, #1DC370, #1DC370);
	background: -webkit-gradient(linear, left bottom, left top, from(#1DC470), to(#1DC470)), -webkit-gradient(linear, left bottom, left top, from(#1DC370), to(#1DC370));
	background: linear-gradient(0deg, #1DC470, #1DC470), linear-gradient(0deg, #1DC370, #1DC370);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 5rem;
	position: relative;
	z-index: 1;
	border: 0.1rem solid transparent;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.login_box a:hover {
	border: 0.1rem solid #1DC470;
	background: transparent;
}

.login_shape {
	position: absolute;
	bottom: -2rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -1;
}

.login_box h3 {
	font-size: 2rem;
	line-height: 2.4rem;
	font-weight: 700;
	color: #ffffff;
}

.login_box h3 span {
	font-size: 1.6rem !important;
	font-weight: 400 !important;
}

header.sticky .hamburger_box {
	height: 8.5rem;
}

.hamburger_box {
	padding: 0 1rem;
	background: rgba(29, 195, 112, 1);
	height: 16rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.menu_btn {
	margin-left: 3.2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.menu_btn a,
.post_btn {
	border: 0.1rem solid rgba(217, 217, 217, 1);
	padding: 0 1.6rem;
	border-radius: 5rem;
	font-size: 2rem;
	color: rgba(171, 171, 171, 1);
	font-weight: 500;
	height: 6.4rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0.8rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.menu_btn a.active,
.menu_btn a:hover {
	background: rgba(29, 195, 112, 0.1);
	border: 0.1rem solid transparent;
	color: rgba(29, 195, 112, 1);
}

.menu_btn a.active svg path,
.menu_btn a:hover svg path {
	fill: rgba(29, 195, 112, 1);
}

.menu_btn a:hover span,
.menu_btn a.active span {
	background: rgba(29, 195, 112, 1);
}

.menu_btn a span {
	width: 2rem;
	height: 2rem;
	background: rgba(171, 171, 171, 1);
	display: inline-block;
	border-radius: 50%;
	margin-right: 1.5rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.menu_btn a svg {
	margin-right: 1.5rem;
}

.post_btn {
	background: rgba(29, 195, 112, 1);
	color: #ffffff;
	margin: 0;
}

.post_btn:hover {
	background: rgba(12, 145, 78, 1);
	color: #ffffff;
}

.post_btn p {
	width: 4rem;
	height: 4rem;
	background: #ffffff;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-shadow: 0 0 1.4rem 0.2rem rgba(0, 230, 9, 0.25);
	box-shadow: 0 0 1.4rem 0.2rem rgba(0, 230, 9, 0.25);
	border-radius: 50%;
	color: rgba(29, 195, 112, 1);
	margin-right: 1.5rem;
}

.menu {
	-webkit-box-shadow: 0 0 1.9rem 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 1.9rem 0 rgba(0, 0, 0, 0.15);
	background: #ffffff;
	padding: 2.4rem;
	border-radius: 1.6rem;
	position: absolute;
	top: 95%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 32.8rem;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	visibility: hidden;
	opacity: 0;
	height: 45rem;
	overflow-y: scroll;
}

.menu.open {
	top: 79%;
	visibility: visible;
	opacity: 1;
}

header.sticky .menu.open {
	top: 99%;
}

.menu_head {
	font-size: 1.6rem;
	line-height: 1.9rem;
	font-weight: 500;
	color: rgba(0, 0, 0, 1);
}

.language_text {
	padding: 1.2rem 1.6rem;
	-webkit-box-shadow: 0 0.6rem 0.8rem 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 0.6rem 0.8rem 0 rgba(0, 0, 0, 0.12);
	background: rgba(240, 240, 240, 1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 0.8rem;
	margin-bottom: 2.4rem;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.language_text label {
	color: rgba(171, 171, 171, 1);
	font-size: 1.6rem;
	line-height: 1.9rem;
	font-weight: 500;
	position: relative;
	padding-right: 2rem;
	margin-left: 1.5rem;
	cursor: pointer;
}

.language_text input[type=radio]:checked+label {
	color: rgba(29, 195, 112, 1);
}

.language_text input[type=radio] {
	display: none;
}

.language_text label::before {
	border: 0.1rem solid rgba(171, 171, 171, 1);
	height: 1.4rem;
	width: 1.4rem;
	background: #ffffff;
	border-radius: 50%;
	content: "";
	position: absolute;
	top: 0.2rem;
	right: 0;
}

.language_text input[type=radio]:checked+label::before {
	border: 0.1rem solid rgba(29, 195, 112, 1);
}

.language_text input[type=radio]:checked+label::after {
	content: "";
	position: absolute;
	top: 0.4rem;
	right: 0.2rem;
	width: 1rem;
	height: 1rem;
	background: rgba(29, 195, 112, 1);
	border-radius: 50%;
}

.menu_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: rgba(240, 240, 240, 1);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0.8rem;
	border-radius: 0.8rem;
	margin-top: 1.2rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.menu_item:hover {
	color: rgba(12, 29, 20, 1);
}

.menu_icon {
	width: 4.8rem;
	height: 4.8rem;
	border-radius: 50%;
	background: rgba(230, 230, 230, 1);
	margin-right: 0.8rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.menu_icon img {
	width: 1.8rem;
}

.logout_btn {
	background: rgba(223, 88, 88, 0.1);
	width: 100%;
	height: 5rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: rgba(223, 88, 88, 1);
	font-size: 1.6rem;
	line-height: 1.9rem;
	border-radius: 5rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	font-weight: 700;
	margin-top: 2.4rem;
}

.logout_btn:hover {
	background: rgba(223, 88, 88, 1);
	color: #ffffff;
}

.ok_icon {
	margin-right: 0.5rem;
}

.logo img {
	width: 17rem;
}

/*======================
   06. home css
========================*/

.home_wrapper {
	overflow: hidden;
	margin-top: 16rem;
	position: relative;
	padding: 3.5rem 0 2.4rem 0;
}

.home_shape {
	position: absolute;
	top: 5%;
	left: 0;
}

.home_wrapper h2 {
	font-size: 4.2rem;
	color: rgba(31, 43, 37, 1);
	font-weight: 700;
	line-height: 5rem;
}

.home_wrapper h2 span {
	color: rgba(29, 195, 112, 1);
}

.home_wrapper h2 p {
	border-bottom: 0.4rem solid rgba(29, 195, 112, 1);
	display: inline-block;
}

.home_img_box {
	display: inline-block;
}

.home_bus {
	position: absolute;
	top: 50%;
	left: 57%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.home_social a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin: 0 0.8rem;
}

.home_social a:hover svg path {
	fill: rgba(29, 195, 112, 1);
}

.home_social {
	margin-top: -1.2rem;
}

/*======================
   07. best css
========================*/
.best_wrapper {
	padding-bottom: 7rem;
}

.head_text {
	background: rgba(29, 195, 112, 1);
	color: #ffffff;
	font-size: 6.4rem;
	line-height: 7.6rem;
	font-weight: 700;
	padding: 4rem 2rem;
	text-align: center;
}

.car_slider {
	padding: 8rem 0;
}

.car_slider .swiper-slide {
	height: 40rem;
	width: 73.8rem;
	-o-object-fit: cover;
	object-fit: cover;
}

.car_slider .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 4rem;
}

.car_slider .swiper-slide.swiper-slide-visible.swiper-slide-prev img {
	width: 57.8rem;
	margin-left: 65%;
}

.car_slider .swiper-slide.swiper-slide-visible.swiper-slide-prev .swiper-slide-shadow-left {
	left: 65%;
}

.car_slider .swiper-slide.swiper-slide-visible.swiper-slide-next img {
	width: 57.8rem;
	margin-left: -42%;
}

.car_slider .swiper-slide.swiper-slide-visible.swiper-slide-next .swiper-slide-shadow-left {
	left: -64%;
}

.car_slider .swiper-slide.swiper-slide-visible.swiper-slide-next .swiper-slide-shadow-right {
	left: -63%;
}

.car_slider .swiper-pagination-bullet {
	width: 1.2rem;
	height: 1.2rem;
	background: rgba(153, 153, 153, 1);
	opacity: 1;
	margin: 0 0.5rem !important;
}

.car_slider .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.car_slider .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	display: none;
}

.car_slider .swiper-button-prev,
.car_slider .swiper-button-next {
	font-size: 2.8rem;
	color: rgba(153, 153, 153, 1);
	bottom: 0.50%;
	top: auto;
}

.car_slider .swiper-button-prev {
	left: 36%;
}

.car_slider .swiper-button-next {
	right: 36%;
}

.car_slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 1.6rem;
	height: 1.6rem;
	background: rgba(29, 195, 112, 1);
	-webkit-transform: translateY(0.2rem);
	-ms-transform: translateY(0.2rem);
	transform: translateY(0.2rem);
}

/*======================
   08. visit css
========================*/

.visit_wrapper {
	padding-bottom: 6rem;
}

.visit_wrap {
	background: rgba(243, 243, 242, 1);
	padding: 2.5rem;
	border-radius: 3.2rem;
	overflow-y: hidden;
}

.visit_wrap h2 {
	font-size: 4rem;
	line-height: 4.8rem;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 2rem;
}

.bg-color-2x1 {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 32px;
	background: url(/assets/img/BG-no@2x1.png), #424242 50% / cover no-repeat;
	height: 25rem;
	width: 25rem;
}

.bg-color-2x1 img {
	height: 9rem;
}

.visit_img {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transform: translateY(1.2rem);
	-ms-transform: translateY(1.2rem);
	transform: translateY(1.2rem);

	padding-bottom: 4rem;

}

.visit_img1 {
	-webkit-transform: translateX(4.5rem);
	-ms-transform: translateX(4.5rem);
	transform: translateX(4.5rem);
}

.visit_img2 {
	position: relative;
	z-index: 99;

}

.visit_img3 {
	-webkit-transform: translateX(-4.5rem);
	-ms-transform: translateX(-4.5rem);
	transform: translateX(-4.5rem);
}

.google_icon a {
	padding: 1.8rem 3rem;
	background: rgba(29, 195, 112, 1);
	border-radius: 1.1rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #ffffff;
	position: relative;
	margin: 4rem 2rem 0 2rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	box-shadow: 0 10px 10px rgba(29, 195, 112, 0.30)
}

.google_icon a:hover {
	-webkit-transform: translateY(-0.5rem);
	-ms-transform: translateY(-0.5rem);
	transform: translateY(-0.5rem);
}

.google_icon a img {
	margin-right: 1.5rem;
}

.google_icon.tar a img {
	margin-left: 1.5rem;
}



.google_icon a span {
	font-size: 1.2rem;
	line-height: 1.4rem;
	color: rgba(255, 255, 255, 1);
}

.google_icon a h3 {
	font-size: 2rem;
	line-height: 1.6rem;
}

.google_shadow {
	position: absolute;
	bottom: -4.8rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 20rem;
	z-index: -1;
}

/*======================
   09. footer css
========================*/

footer {
	background: rgba(243, 243, 242, 1);
}

footer .container {
	max-width: 111rem;
}

.footer_head {
	font-size: 2.4rem;
	line-height: 2.8rem;
	font-weight: 700;
	color: rgba(0, 0, 0, 1);
	padding-bottom: 0.8rem;
}

.first_footer {
	border-bottom: 0.1rem solid rgba(29, 195, 112, 1);
	padding-bottom: 3rem;
}

.footer_box {
	margin-top: 3rem;
}

.footer_box ul li a {
	font-size: 2rem;
	line-height: 2.4rem;
	color: rgba(65, 65, 65, 1);
	font-weight: 500;
	margin-top: 1.6rem;
	display: block;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.footer_box ul li a:hover {
	color: rgba(29, 195, 112, 1);
}

.footer_social a {
	margin: 1.6rem 3rem 0 0;
	display: inline-block;
}

.footer_social.tar a {
	margin: 0 0 1.6rem 3rem !important;
	display: inline-block;
}

.footer_social a:hover svg path {
	fill: rgba(29, 195, 112, 1);
}

.copyright_text {
	font-size: 2rem;
	font-weight: 500;
	color: rgba(0, 0, 0, 1);
	padding: 2rem 0;
}

.copyright_text a {
	color: rgba(29, 195, 112, 1);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.copyright_text a:hover {
	text-decoration: underline;
}

/*======================
   10. login css
========================*/
.form_wrapper {
	margin: 16rem 0 0 0;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.form_container {
	width: 36rem;
	margin: 0 auto;
}

.form_box {
	padding: 3rem 1.6rem;
	background: rgba(255, 255, 255, 1);
	border-radius: 3.2rem;
	margin-bottom: 5rem;
}

.form_box label {
	color: rgba(0, 0, 0, 1);
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 2.8rem;
}

.form_info {
	border: 0.1rem solid rgba(183, 183, 183, 1);
	height: 5.6rem;
	width: 100%;
	border-radius: 5rem;
	position: relative;
	margin-top: 1.5rem;
}

.form_info::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0.9rem;
	background-image: url(../img/form/phone_icon.svg);
	background-size: cover;
	width: 4rem;
	height: 4rem;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.form_info input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: transparent;
	background: transparent;
	padding-left: 5.8rem;
	padding-right: 1.8rem;
	color: rgba(147, 147, 147, 1);
	font-size: 2rem;
}

.form_btn {
	height: 5.5rem;
	width: 92%;
	border: transparent;
	background: rgba(0, 100, 50, 1);
	color: #ffffff;
	border-radius: 5rem;
	font-size: 2.4rem;
	font-weight: 700;
	position: relative;
	z-index: 1;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.form_btn:hover {
	background: rgba(4, 145, 75, 1);
	color: #ffffff;
}

.form_shape {
	position: absolute;
	left: 50%;
	bottom: -51%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -1;
	height: 7rem;
}

.form_para {
	font-size: 2rem;
	font-weight: 500;
	color: rgba(0, 0, 0, 1);
	margin-top: 2rem;
}

.form_para a {
	color: rgba(0, 100, 50, 1);
	font-weight: 700;
}

.form_para a:hover {
	text-decoration: underline;
}

.form_info2::before {
	background-image: url(../img/form/form_icon01.svg) !important;
}

.form_info3::before {
	background-image: url(../img/form/form_icon02.svg) !important;
}

.form_info3 select,
.form_info5 select {
	width: 100%;
	height: 100%;
	border-radius: 5rem;
	border: transparent;
	padding-left: 5.5rem;
	padding-right: 4.5rem;
	font-size: 2rem;
	font-weight: 500;
	color: rgba(147, 147, 147, 1);
	background-image: url(../img/form/select_icon.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 2rem) center;
	-webkit-appearance: none;
}

.form_info4::before {
	background-image: url(../img/form/form_icon03.svg) !important;
}

.form_info5::before {
	background-image: url(../img/form/form_icon04.svg) !important;
}

/*======================
   11. code css
========================*/
.form_box label span {
	font-weight: 700;
}

.code_number {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.code_number input {
	border: 0.1rem solid rgba(220, 220, 220, 1);
	width: 7rem;
	height: 8rem;
	border-radius: 1.6rem;
	color: rgba(220, 220, 220, 1);
	font-size: 6rem;
	text-align: center;
	padding-left: 0.1rem;
	margin-top: 1.5rem;
}

.code_number input::-webkit-outer-spin-button,
.code_number input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.code_number input:focus {
	border: 0.1rem solid rgba(0, 100, 50, 1);
}

.code_number input:focus {
	color: rgba(0, 100, 50, 1);
}

.code_text {
	font-size: 2rem;
	color: rgba(0, 0, 0, 1);
	margin-top: 3rem;
	text-align: center;
}

.code_text span {
	font-weight: 700;
}

.back_btn {
	color: rgba(0, 0, 0, 1);
	font-size: 2rem;
	font-weight: 700;
	margin-top: 2rem;
	display: block;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.back_btn:hover {
	color: rgba(0, 100, 50, 1);
}

/*======================
   12. plates css
========================*/
.plates_wrapper {
	margin-top: 16rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-bottom: 6rem;
}

.back_sidemenu {
	font-size: 2.4rem;
	line-height: 2.2rem;
	letter-spacing: -0.041rem;
	font-weight: 500;
	color: rgba(12, 29, 20, 1);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.back_sidemenu p {
	font-weight: 700;
	margin-left: 0.5rem;
}

.back_sidemenu:hover {
	color: rgba(29, 195, 112, 1);
}

.back_sidemenu:hover span {
	border: 0.1rem solid rgba(29, 195, 112, 1);
	color: rgba(29, 195, 112, 1);
}

.back_sidemenu.tar span {
	margin-left: 1rem;
	margin-right: 0 rem;

}

.back_sidemenu span {
	border: 0.1rem solid rgba(12, 29, 20, 1);
	width: 4rem;
	height: 4rem;
	border-radius: 0.8rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	color: rgba(12, 29, 20, 1);
	font-size: 2.8rem;
	margin-right: 1rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.custom_menuclose {
	display: none;
	position: absolute;
	top: 1rem;
	right: 2rem;
	color: #000000;
	font-size: 3rem;
}

.side_menu {
	padding-top: 3rem;
	width: 28rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-left: 1.5rem;
	background: #ffffff;
	position: sticky;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 111;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	padding: 3rem 1.5rem 2rem 1.5rem;
}

.side_menubox {
	padding: 0.6rem 1.5rem 1.5rem 1.5rem;
	border: 0.1rem solid rgba(240, 240, 240, 1);
	border-radius: 1.6rem;
	margin-top: 2.5rem;
}

.side_menubox .side_menuitem {
	background: rgba(240, 240, 240, 1);
	padding: 1rem 0.7rem;
	border-radius: 3.2rem;
	color: rgba(104, 104, 104, 1);
	font-size: 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 1rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	font-weight: 500;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.side_menubox .side_menuitem.active,
.side_menubox .side_menuitem:hover {
	color: rgba(29, 195, 112, 1);
	background: rgba(29, 195, 112, 0.1);
}

.side_menubox .side_menuitem.active span,
.side_menubox .side_menuitem:hover span {
	background: rgba(29, 195, 112, 1);
}

.side_menubox .side_menuitem.active span svg path,
.side_menubox .side_menuitem:hover span svg path {
	fill: #ffffff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.side_menubox .side_menuitem span {
	background: rgba(217, 217, 217, 1);
	width: 4.8rem;
	height: 4.8rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 1rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.search_plate {
	font-size: 1.4rem;
	font-weight: 700;
	margin-top: 1.4rem;
	color: rgba(0, 0, 0, 1);
}

.search_plate img {
	margin-right: 1rem;
}

.search_plate.tar img {
	margin-left: 1rem;
}


.make_btn {
	background: rgba(29, 196, 110, 1);
	height: 4.8rem;
	width: 100%;
	border-radius: 3.2rem;
	font-size: 2rem;
	font-weight: 700;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #ffffff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.make_btn:hover {
	color: #ffffff;
	background: rgba(18, 147, 81, 1);
}

.plate_btn {
	padding: 0.8rem 1.6rem;
	border-radius: 0.8rem;
	height: auto;
	width: auto;
	line-height: 2.8rem;
}

.main_wrap {
	padding-top: 3rem;
	width: calc(100% - 29.5rem);
}

.tab_menu {
	border: 0.1rem solid rgba(237, 237, 237, 1);
	padding: 1.6rem;
	border-radius: 1.6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 2.5rem 0 0.5rem 0;
}

.tab_menu ul li a {
	font-size: 2.4rem;
	color: rgba(171, 171, 171, 1);
	font-weight: 500;
	margin-right: 3rem;
	padding: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.tab_menu ul li a.active,
.tab_menu ul li a:hover {
	color: rgba(29, 195, 112, 1);
}

body[dir="rtl"] .tab_select {
	padding-right: 2rem;
}

.tab_select.tar {
	padding-right: 2rem;
}

.tab_select {
	font-size: 2rem;
	font-weight: 500;
	color: rgba(171, 171, 171, 1);
	border: transparent;
	background-image: url(../img/plates/select_plateicon.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 0rem) center;
	-webkit-appearance: none;
	padding-right: 1rem;
	margin-left: 3rem;
}

.tab_platewrap {
	padding: 0 1.1rem;
}

.comment_icon {
	width: 2.2rem;
	height: 2.2rem;
	margin-bottom: 10px;
	color: #C7C9C4;
}

.container_like_comment {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 1rem;
}

.container_like_comment h1 {
	font-size: small;
}

.container_load_more {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.container_load_more h1 {
	font-size: large;
	color: rgba(29, 195, 112, 1);

}

.container_load_more button {
	border: none;
	background: white;
}

.love_icon {
	background: rgba(0, 0, 0, 0.1);
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 50%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: rgba(163, 163, 163, 1);
	font-size: 1.4rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 1rem;
}

.love_icon:hover {
	color: #ffffff;
	background: rgba(29, 195, 112, 1);
}

.plate_box {
	background: rgba(240, 240, 240, 1);
	padding: 3rem 1.5rem;
	border-radius: 1.6rem;
	margin-top: 1rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.plate_box:hover {
	-webkit-box-shadow: 0.1rem 0.3rem 0.6rem rgb(0 0 0 / 18%);
	box-shadow: 0.1rem 0.3rem 0.6rem rgb(0 0 0 / 18%);
	-webkit-transform: translateY(-0.5rem);
	-ms-transform: translateY(-0.5rem);
	transform: translateY(-0.5rem);
}

.plate_box.active .plate_imgright {
	background: rgba(0, 91, 184, 1);
}

.plate_box.active .traingle_icon {
	width: 1.4rem;
	margin: 0 auto;
}

.plate_box h3 {
	font-size: 2rem;
	color: rgba(0, 0, 0, 1);
	font-weight: 700;
}

.plate_box .make_btn {
	padding: 0.8rem 1.4rem;
	width: auto;
	height: auto;
}

.plate_imgbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: auto;
	height: 13rem;
	border: 0.3rem solid rgba(0, 0, 0, 1);
	border-radius: 1.6rem;
	overflow: hidden;
	color: rgba(0, 0, 0, 1);
	background: #ffffff;
}

.plate_imgbox:hover {
	color: rgba(0, 0, 0, 1);
}

.plate_width {
	width: 50%;
	text-align: center;
	border: 0.2rem solid rgba(0, 0, 0, 1);
	height: 6.3rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background: #ffffff;
	padding: 0 2.1rem;
}

.plate_para {
	width: 27rem;
}

.plate_para p {
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.plate_para h3,
.plate_width {
	font-size: 2.8rem;
	font-weight: 700;
}

.plate_imgright {
	width: 2.5rem;
	height: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: center;
	padding: 0.3rem 0.2rem;
	background: #ffffff;
}

.plate_imgright p {
	font-size: 0.5rem;
	font-weight: 600;
	line-height: 1.2rem;
}

.plate_textwrap {
	background: rgba(155, 155, 155, 1);
	padding: 0.1rem 0.2rem;
	line-height: 1.4rem !important
}

.plate_textwrap p {
	background: -webkit-gradient(linear, left top, right top, color-stop(-0.36%, #B5B5B5), color-stop(783.14%, rgba(155, 155, 155, 0)));
	background: -o-linear-gradient(left, #B5B5B5 -0.36%, rgba(155, 155, 155, 0) 783.14%);
	background: linear-gradient(90deg, #B5B5B5 -0.36%, rgba(155, 155, 155, 0) 783.14%);
	line-height: 0.7rem;
	font-size: 0.8rem;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.plate_imgcalculate {
	width: calc(100% - 2.5rem);
	border-right: 0.2rem solid rgba(0, 0, 0, 1);
}

.ksa_text {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.4rem;
}

.ksa_text span {
	display: block;
	line-height: 1.4rem;
}

.black_ball {
	background: rgba(23, 22, 22, 1);
	width: 1.7rem;
	height: 1.7rem;
	border-radius: 50%;
	margin: 0 auto;
}

.traingle_icon {
	width: 4.2rem;
	margin: 0 auto;
}

.plate_second {
	padding: 1.5rem 0 1rem 0;
	border-bottom: 0.1rem solid rgba(226, 226, 226, 1)
}

.plate_last {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.plate_last p,
.post_first p {
	font-size: 1.6rem;
	color: rgba(0, 0, 0, 1);
	font-weight: 500;
	margin: 1rem 0 0 1.5rem;
}

.plate_last p span,
.post_first p span {
	width: 2.5rem;
	height: 2.5rem;
	background: rgba(226, 226, 226, 1);
	border-radius: 50%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 0.5rem;
	font-size: 1.4rem;
}

.custom_menu {
	color: #000000;
	font-size: 3rem;
	display: none;
}

/*======================
   13. favourate css
========================*/

.favourate_box .love_icon {
	background: rgba(2, 218, 110, 0.1) !important;
	color: rgba(29, 195, 112, 1) !important;
}

.favourate_box .love_icon:hover {
	background: rgba(0, 0, 0, 0.1) !important;
	color: rgba(163, 163, 163, 1) !important;
}

.advertisement_box {
	background: rgba(240, 240, 240, 1);
	width: 100%;
	height: 43rem;
	text-align: center;
	padding: 0 2rem;
	border-radius: 1.6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 2.5rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.advertisement_box h3 {
	font-size: 2rem;
	color: rgba(0, 0, 0, 1);
	font-weight: 700;
}

body[dir="rtl"] .notifcation_tab .nav-link span {
	margin-right: 1rem !important;
	margin-left: 0;
}

.notification_box2 {
	background: rgba(240, 240, 240, 1);
	padding: 2.5rem;
	border-radius: 1.6rem;
	margin-top: 6.4rem;
}

.notifcation_para {
	color: rgba(0, 0, 0, 1);
	font-weight: 700;
	font-size: 1.6rem;
}

.notifcation_para span {
	background: rgba(29, 195, 112, 1);
	padding: 0.3rem 0.8rem;
	border-radius: 0.4rem;
	line-height: 1.9rem;
	color: #ffffff;
}

.notification_box2 .notification_item {
	padding: 1.6rem;
	margin-top: 1.5rem;
}

.notification_box2 .notification_man {
	width: 6.5rem;
	height: 6.5rem;
}

.notification_box2 .notification_item h3 {
	font-size: 2rem;
	line-height: 2.4rem;
}

.notification_box2 .notification_item p {
	font-size: 1.8rem;
	line-height: 2.1rem;
}

.notification_box2 .notification_item span {
	font-size: 2rem;
	line-height: 2.4rem;
}

/*======================
   14. contact popup css
========================*/

.custom_head {
	font-size: 2rem;
	line-height: 2.4rem;
	color: rgba(12, 29, 20, 1);
	font-weight: 700;
}

.contact_popup,
.search_popup {
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
}

.contact_popup .modal-dialog {
	max-width: 45rem;
	margin: 0 auto;
}

.contact_popup .modal-content,
.search_popup .modal-content {
	background: rgba(255, 255, 255, 1);
	border-radius: 3.2rem;
	border: transparent;
	padding: 3rem;
}

.contact_popup .modal-body,
.search_popup .modal-body {
	padding: 0;
}

.contact_popup .modal-body .custom_head {
	margin-bottom: 2.5rem;
}

.contact_popup .modal-body .make_btn,
.search_popup .modal-body .make_btn {
	height: 6.5rem;
	padding: 0.8rem 1.6rem 0.8rem 1.6rem;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.contact_popup .modal-body .make_btn .popup_icon {
	width: 4.8rem;
	height: 4.8rem;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 0.8rem;
}

.contact_popup .modal-body .make_btn i {
	font-size: 2.2rem;
}

.popup_closebtn {
	font-weight: 700;
	color: rgba(235, 87, 87, 1);
	font-size: 2rem;
	margin-top: 2.5rem;
	display: block;
	text-align: center;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.popup_closebtn:hover {
	color: rgba(194, 45, 45, 1);
}

/*======================
   15. find popup css
========================*/

.find_box .plate_last {
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.search_popup .modal-dialog {
	max-width: 60rem;
	margin: 0 auto;
}

.search_popup .modal-content {
	margin: 5rem 1rem;
}

.search_popup .make_btn {
	border-radius: 0.8rem !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	z-index: 1;
}

.search_popup .plate_imgbox {
	width: 100% !important;
	height: 26rem !important;
	margin-top: 2.5rem;
}

.search_popup .plate_width {
	height: 12.7rem;
}

.search_popup .plate_imgright {
	width: 5rem;
	padding: 1rem 0.4rem;
}

.search_popup .plate_imgcalculate {
	width: calc(100% - 5rem);
}

.search_popup .plate_imgright img {
	width: 3.5rem;
}

.search_popup .ksa_text {
	font-size: 3.4rem;
}

.search_popup .ksa_text span {
	line-height: 3.4rem;
}

.search_popup .plate_imgright p {
	font-size: 1rem;
	line-height: 2.2rem;
}

.search_popup .black_ball {
	width: 3.5rem;
	height: 3.5rem;
}

.search_popup .plate_imgright .plate_textwrap p {
	font-size: 1.4rem !important;
}

.search_popupsub {
	background: rgba(240, 240, 240, 1);
	padding: 1.3rem;
	border-radius: 1.6rem;
	text-align: center;
	width: 17rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.search_popupsub span {
	width: 6.5rem;
	height: 6.5rem;
	background: rgba(217, 217, 217, 1);
	border-radius: 50%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.search_popupsub p {
	color: rgba(104, 104, 104, 1);
	font-size: 1.6rem;
	font-weight: 500;
	margin-top: 1rem;
}

.search_popupbtn .select_box {
	width: 25rem;
	height: 5rem;
	background: rgba(240, 240, 240, 1);
	border-radius: 0.8rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 2.5rem 0 3.5rem 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.number_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	border: transparent;
	color: rgba(171, 171, 171, 1);
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
}

.number_box::-webkit-outer-spin-button,
.number_box::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.number_box::placeholder {
	color: rgba(171, 171, 171, 1);
}

.search_popupshape {
	position: absolute;
	bottom: -54%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 7rem;
	z-index: -1;
}

.selected,
.option,
.selected2,
.option2,
.selected3,
.option3 {
	color: rgba(171, 171, 171, 1);
	font-size: 2rem;
	font-weight: 700;
	padding: 0.3rem;
	cursor: pointer;
}

.options-container,
.options-container2,
.options-container3 {
	max-height: 0;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	overflow: hidden;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	background: rgba(240, 240, 240, 1);
	border-radius: 0.4rem;
	position: absolute;
	top: 5.1rem;
	z-index: 9;
}

.options-container.active,
.options-container2.active2,
.options-container3.active3 {
	max-height: 14rem;
	opacity: 1;
	overflow-y: scroll;
}

.options-container::-webkit-scrollbar,
.options-container2::-webkit-scrollbar,
.options-container3::-webkit-scrollbar {
	width: 0.3rem;
	background: #FFFFFF;
	border-radius: 1.8rem;
}

.options-container::-webkit-scrollbar-thumb,
.options-container2::-webkit-scrollbar-thumb,
.options-container3::-webkit-scrollbar-thumb {
	background: #A1A1A1;
	border-radius: 1.8rem;
}

.option,
.option2,
.option3 {
	cursor: pointer;
	padding: 0.2rem;
	text-align: center;
	font-size: 1.6rem !important;
	line-height: 1.6rem;
	font-weight: 500;
}

.option .radio,
.option2 .radio,
.option3 .radio {
	display: none;
}

/*======================
   16. post details css
========================*/

.post_details_wrapper {
	margin-top: 16rem;
	padding-bottom: 5rem;
}

.custom_social a {
	background: rgba(0, 0, 0, 0.1);
	width: 4rem;
	height: 4rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	color: rgba(163, 163, 163, 1);
	font-size: 2rem;
	margin-left: 1.5rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.custom_social a.active,
.custom_social a:hover {
	background: rgba(2, 218, 110, 0.1);
	color: rgba(29, 195, 112, 1);
}

.post_detailbox {
	background: rgba(240, 240, 240, 1);
	padding: 3rem;
	border-radius: 3rem;
}

.post_detailbox .search_plate {
	font-size: 2rem !important;
}

.post_detailbox.tar .search_plate {
	text-align: right !important;
}

.post_para {
	font-size: 2.4rem;
	line-height: 2.8rem;
	padding: 0.8rem 1.5rem 1.5rem 1.5rem;
	font-weight: 500;
}

.post_slide .owl-dots button {
	background: rgba(204, 204, 204, 1);
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	padding: 0;
	margin: 0 0.4rem;
}

.post_slide .owl-dots {
	position: absolute;
	bottom: -3.6rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.post_slide .owl-dots button.active {
	background: rgba(29, 195, 112, 1);
	width: 1.6rem;
	height: 1.6rem;
}

.post_slide .plate_imgbox {
	width: 68rem !important;
	height: 33.8rem !important;
}

.post_slide .plate_width {
	height: 16.6rem !important;
	font-size: 6.8rem !important;
}

.post_slide .plate_imgcalculate {
	width: calc(100% - 6.4rem) !important;
}

.post_slide .plate_imgright {
	width: 6.4rem !important;
	padding: 2rem 1rem !important;
}

.post_slide .ksa_text span {
	line-height: 4.4rem !important;
}

.post_slide .ksa_text {
	font-size: 4.4rem !important;
}

.post_slide .plate_imgright p {
	font-size: 1.1rem !important;
	line-height: 2.2rem !important;
}

.post_slide .black_ball {
	width: 4.5rem !important;
	height: 4.5rem !important;
}

.comment_box {
	width: 100%;
	height: 7rem;
	border: 0.1rem solid rgba(226, 226, 226, 1);
	position: relative;
	border-radius: 0.8rem;
}

.comment_box textarea {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: transparent;
	background: transparent;
	padding: 2rem 6rem 0 1rem;
	padding-right: 8rem;
	font-size: 2rem;
	font-weight: 500;
	resize: none;

}

.comment_box textarea::-webkit-input-placeholder {
	color: rgba(171, 171, 171, 1);
}

.comment_box textarea::-moz-placeholder {
	color: rgba(171, 171, 171, 1);
}

.comment_box textarea:-ms-input-placeholder {
	color: rgba(171, 171, 171, 1);
}

.comment_box textarea::-ms-input-placeholder {
	color: rgba(171, 171, 171, 1);
}

.comment_box textarea::placeholder {
	color: rgba(171, 171, 171, 1);
}

.comment_box button {
	width: 5rem;
	height: 5rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 50%;
	background: rgba(2, 218, 110, 0.1);
	color: rgba(29, 195, 112, 1);
	font-size: 2rem;
	border: transparent;
	position: absolute;
	right: 1rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.comment_box button:hover {
	background: rgba(29, 195, 112, 1);
	color: #ffffff;
}

.comment_box button:hover svg path {
	fill: #ffffff;
}

/*.comment_btn {
	color: rgba(29, 195, 112, 1);
	font-weight: 700;
	font-size: 2rem;
	margin-top: 2.5rem;
	display: block;
	text-align: center;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.comment_btn:hover {
	color: rgba(15, 145, 80, 1);
}*/

.comment_text {
	height: 36.9rem;
	overflow-y: scroll;
}

.comment_item {
	padding-bottom: 1rem;
	border-bottom: 0.1rem solid rgba(220, 220, 220, 1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.comment_item img {
	width: 4.8rem;
	height: 4.8rem;
	border-radius: 50%;
	margin-right: 1rem;
}

.comment_item h3 {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.6rem;
}

.comment_item p {
	font-size: 1.6rem;
	line-height: 1.9rem;
}

.comment_item span {
	color: rgba(171, 171, 171, 1);
	font-size: 1.4rem;
	font-weight: 700;
}

.post_first {
	padding-bottom: 2.5rem;
	border-bottom: 0.1rem solid rgba(226, 226, 226, 1)
}

.post_first h3 {
	font-size: 2.4rem;
	font-weight: 700;
}

.post_first p {
	margin: 1rem 2.5rem 0 0;
}

.post_back {
	background: rgba(226, 226, 226, 1);
	width: 5rem;
	height: 5rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 1.6rem;
	font-size: 2rem;
	color: rgba(12, 29, 20, 1);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.post_back:hover {
	background: rgba(29, 195, 112, 1);
	color: #ffffff;
}

.post_second {
	padding: 1rem 0;
	border-bottom: 0.1rem solid rgba(226, 226, 226, 1)
}

.post_second .post_back {
	background: rgba(2, 218, 110, 0.1);
	color: rgba(29, 195, 112, 1);
	margin-right: 1rem;
}

.post_second h3 {
	font-size: 2.4rem;
	font-weight: 500;
}

.post_price {
	background: rgba(29, 195, 112, 1);
	width: 10rem;
	height: 5rem;
	border-radius: 0.8rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 2rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
}

.post_third .post_price {
	background: rgba(241, 79, 79, 0.1);
	color: rgba(241, 79, 79, 1);
}

.post_third {
	border-bottom: transparent !important;
}

.post_btnwrap {
	margin-top: 6.5rem;
}

.post_btnwrap a {
	height: 6.5rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 2.4rem;
	font-weight: 700;
	color: #ffffff;
	border-radius: 0.8rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.post_btnwrap a:hover {
	background: #16a55e;
}

.post_btn1 {
	width: 12rem;
	background: rgba(241, 79, 79, 1);
}

.post_btn2 {
	width: calc(100% - 14rem);
	background: rgba(29, 195, 112, 1);
}

.post_bottompara {
	padding: 2.5rem 3rem;
	background: rgba(240, 240, 240, 1);
	border-radius: 1.6rem;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
}

/*======================
   17. similar css
========================*/

.similar_wrapper {
	padding-bottom: 6rem;
}

.similar_wrapper .head_text {
	margin-bottom: 2.5rem;
}

.chat_btn {
	background: rgba(151, 71, 255, 1) !important;
}

/*======================
   18. user css
========================*/
.user_wrapper {
	margin-top: 16rem;
	padding-bottom: 6rem;
}

.user_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

/*======================
   19. add post css
========================*/

.addpost_wrapper {
	margin-top: 16rem;
	padding-bottom: 7rem;
}

.addpost_head {
	text-align: center;
	position: relative;
	padding-bottom: 1rem;
	display: inline-block;
}

.addpost_head::before,
.addpost_head::after {
	content: "";
	position: absolute;
	background: rgba(29, 195, 112, 1);
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	bottom: 35%;
}

.addpost_head::before {
	left: 23%;
}

.addpost_head::after {
	right: 23%;
}

.addpost_border {
	background: rgba(29, 195, 112, 1);
	height: 0.15rem;
	width: 50%;
	display: inline-block;
	margin-bottom: 5%;
}

.addpost_box {
	padding: 2.5rem 1.5rem;
	border: 0.1rem solid rgba(171, 171, 171, 1);
	border-radius: 1.6rem;
	margin-top: 2.5rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.addpost_box:hover {
	border: 0.1rem solid rgba(29, 195, 112, 1);
}

.addpost_box h3 {
	font-size: 2.4rem;
	font-weight: 700;
	margin-top: 2rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.addpost_box:hover h3 {
	color: rgba(29, 195, 112, 1);
}

.addpost_box .plate_imgbox {
	width: 100% !important;
	height: 19rem !important;
}

.addpost_box .plate_width {
	height: 9.2rem !important;
}

.addpost_box .ksa_text {
	font-size: 2rem;
}

.addpost_box .ksa_text span {
	line-height: 2.2rem;
}

.addpost_box .plate_textwrap p {
	line-height: 1rem;
	font-size: 1rem;
}

.addpost_box .plate_imgright {
	width: 3.5rem !important;
	padding: 1rem 0.3rem;
}

.addpost_box .plate_imgcalculate {
	width: calc(100% - 3.5rem);
}

.private_transferbox .black_ball {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 20rem;
	border-bottom-right-radius: 20rem;
}

.private_transferbox .plate_imgright {
	background: #005BB8 !important;
}

.motorcycle_box .plate_imgbox {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.motorcycle_box p {
	font-size: 2.4rem;
	font-weight: 700;
	margin-top: 3rem;
}

.addplate_wrap {
	padding: 2.5rem;
	border: 0.1rem solid rgba(171, 171, 171, 1);
	border-radius: 1.6rem;
}

.addplate_btn {
	padding: 3rem 0 3rem 0;
}

.addplate_btn a {
	background: rgba(240, 240, 240, 1);
	height: 5rem;
	width: 48.5%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	color: rgba(171, 171, 171, 1);
	font-size: 2rem;
	font-weight: 700;
	border-radius: 0.8rem;
}

.addplate_box .plate_imgbox {
	width: 100% !important;
	height: 32.5rem !important;
}

.addplate_box .plate_imgright {
	width: 5.5rem !important;
}

.addplate_box .plate_width {
	height: 16rem !important;
}

.addplate_box .ksa_text {
	font-size: 2.8rem !important;
}

.addplate_box .ksa_text span {
	line-height: 3.4rem !important;
}

.addplate_box .plate_imgright {
	width: 5.5rem !important;
	padding: 1rem 0.6rem !important;
}

.addplate_box .plate_imgright img {
	width: 7rem;
}

.addplate_box .plate_imgright p {
	font-size: 1rem !important;
	line-height: 2.2rem !important;
}

.file_input_button {
	background: rgba(240, 240, 240, 1);
	width: 100%;
	height: 32.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	border-radius: 1.6rem;
}

.file_input_button span {
	border: 0.2rem dotted rgba(29, 195, 112, 1);
	width: 12rem;
	height: 12rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
}

.file_input_button h3 {
	color: rgba(29, 195, 112, 1);
	font-size: 3.2rem;
	font-weight: 500;
	margin-top: 2.5rem;
}

.file_input_button input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.upload_box p {
	font-size: 2rem;
	font-weight: 500;
	margin-top: 1.5rem;
}

.custom_head2 {
	font-size: 2rem;
	font-weight: 700;
}

.addplate_dot {
	width: 1rem;
	height: 1rem;
	background: rgba(29, 195, 112, 1);
	border-radius: 50%;
	margin-right: 1rem;
	display: inline-block;
}

body[dir='rtl'] .addplate_dot {
	margin-left: 1rem;
	margin-right: 0rem;
}


.addplate_btn2 a {
	background: rgba(240, 240, 240, 1);
	width: 17.5rem;
	height: 5rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: rgba(171, 171, 171, 1) !important;
	font-weight: 700;
	font-size: 2rem;
	border-radius: 0.8rem;
	margin-left: 1rem;
}

.addplate_btn2 a.active {
	background: rgba(29, 195, 112, 1);
	color: #ffffff !important;
}

.addplate_border {
	border-top: 0.1rem solid rgba(223, 223, 223, 1)
}

.custom_pb {
	padding-bottom: 3rem;
}

.input_info {
	width: 100%;
	height: 6.5rem;
	background: rgba(240, 240, 240, 1);
	border-radius: 0.8rem;
	font-size: 2rem;
	font-weight: 500;
	padding-left: 1.5rem;
	padding-right: 4rem;
	border: transparent;
	position: relative;
	text-transform: capitalize;
}

.input_infobtn {
	color: rgba(171, 171, 171, 1);
	font-size: 2rem;
	font-weight: 500;
	position: absolute;
	background: transparent;
	border: transparent;
	width: 7.5rem;
	right: 0;
	height: 100%;
}

.input_info2 input {
	padding-right: 8rem;
}

.input_infotextarea {
	height: 18.4rem !important;
	padding-top: 2rem;
	padding-right: 4rem;
}

.addpost_btn {
	width: 35.8rem;
	background: -o-linear-gradient(196.55deg, #1DC370 26.04%, #1DC370 67.44%);
	background: linear-gradient(253.45deg, #1DC370 26.04%, #1DC370 67.44%);
	z-index: unset;
}

/*======================
   20. search css
========================*/

.search_form {
	border-bottom: 0.1rem solid rgba(104, 104, 104, 1);
	width: 36rem;
	position: relative;
	height: 3rem;
}

.search_form input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: transparent;
	background: transparent;
	padding-left: 0.5rem;
	color: rgba(104, 104, 104, 1);
	font-size: 1.6rem;
}

.search_form button {
	background: rgba(29, 195, 112, 1);
	width: 2.5rem;
	height: 2.5rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 50%;
	border: transparent;
	position: absolute;
	right: 0;
	top: 0;
	color: #ffffff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	font-size: 1.6rem;
}

.search_form button:hover {
	background: #15a35c;
}

/*======================
   19. chat css
========================*/

.chat_profilebox {
	background: rgba(240, 240, 240, 1);
	padding: 1.5rem 2.5rem;
	border-radius: 1.6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 6.5rem;
}

.chat_profile i {
	font-size: 2rem;
	color: rgba(12, 29, 20, 1);
	margin-right: 1rem;
}

.chat_profile img {
	width: 6.5rem;
	height: 6.5rem;
	border-radius: 50%;
	margin-right: 0.8rem;
}

.chat_profile p {
	font-size: 1.4rem;
	color: rgba(12, 29, 20, 1);
}

.chat_profile span {
	background: rgba(29, 195, 112, 1);
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 50%;
	margin-right: 0.4rem;
	display: inline-block;
}

.chat_profilebox .dropdown-menu.show {
	-webkit-box-shadow: 0 0.4rem 0.9rem 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 0.4rem 0.9rem 0 rgba(0, 0, 0, 0.16);
	padding: 1.2rem 0.8rem;
	border: transparent;
	-webkit-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
	left: auto !important;
	right: 0 !IMPORTANT;
	top: 5rem !important;
	border-radius: 0.4rem;
}

.chat_profilebox .dropdown-menu.show .dropdown-item {
	padding: 0.2rem 3.4rem 0.8rem 0.2rem !important;
	font-size: 1.6rem !important;
	border-bottom: 0.1rem solid rgba(218, 218, 218, 1);
	text-align: left;
}

.chat_profilebox .dropdown-menu.show .dropdown-item.border_none {
	border-bottom: transparent !important;
}

.chat_profilebox .dropdown-menu.show .dropdown-item img {
	margin-right: 0.4rem;
	width: 2.4rem;
}

.dropdown_menu {
	background: rgba(29, 195, 112, 1);
	width: 4rem;
	height: 4rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 50%;
	color: #ffffff;
	font-size: 2rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.dropdown_menu:hover {
	background: #17a960;
	color: #ffffff;
}

.dropdown-toggle::after {
	display: none;
}

.chat_box {
	border: 0.1rem solid rgba(240, 240, 240, 1);
	padding: 1.5rem;
	border-radius: 1.6rem;
}

.room-chat {
	flex: 1;
	overflow-y: auto;
	padding: 10px;
	max-height: calc(100vh - 41vh);
}

.msger-chat {
	flex: 1;
	overflow-y: auto;
	padding: 10px;
	height: calc(100vh - 41vh);
}

.msger-chat::-webkit-scrollbar {
	width: 6px;
}

.msger-chat::-webkit-scrollbar-track {
	background: #ddd;
}

.msger-chat::-webkit-scrollbar-thumb {
	background: #bdbdbd;
}

.chat_date {
	padding: 1rem;
	font-size: 1.4rem;
	line-height: 1.6rem;
	font-weight: 700;
	border: 0.1rem solid rgba(237, 237, 237, 1);
	border-radius: 5rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.chat_item {
	padding: 1.5rem;
	background: rgba(237, 237, 237, 1);
	border-radius: 0.8rem;
}

.chat_item p {
	font-size: 2rem;
	font-weight: 500;
}

.chat_item span,
.time_count {
	font-size: 1.2rem;
	font-weight: 500;
	color: rgba(150, 150, 150, 1);
}

.chat_item.active {
	background: rgba(29, 195, 112, 1);
}

.chat_item.active p,
.chat_item.active span {
	color: #ffffff;
}

.chat_item.active img {
	margin-right: 0.4rem;
}

.chat_img {
	border-radius: 0.8rem;
	margin-right: 1rem;
}

.type_mgsbox {
	-webkit-box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.05);
	padding: 1.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 1.6rem;
	background: rgba(255, 255, 255, 1);
}

.type_mgsitem {
	width: 100%;
	height: 4.8rem;
	border: 0.1rem solid rgba(237, 237, 237, 1);
	border-radius: 5rem;
	position: relative;
	overflow: hidden;
}

.type_mgsitem input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: transparent;
	color: rgba(171, 171, 171, 1);
	padding-left: 1rem;
	font-size: 2rem;
}

.type_mgsitem button {
	width: 3.2rem;
	height: 3.2rem;
	background: rgba(2, 218, 110, 0.1);
	border-radius: 50%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border: transparent;
	position: absolute;
	right: 1rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.type_mgsitem button:hover {
	background: rgba(29, 195, 112, 1);
}

.type_mgsitem button:hover svg path {
	fill: #ffffff;
}

.type_mgsitem button svg {
	width: 1.4rem;
}

.file_upload {
	width: 4.8rem;
	height: 4.8rem;
	background: rgba(29, 195, 112, 1);
	border-radius: 50%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	margin-left: 1rem;
}

.file_upload input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.file_upload svg {
	width: 2rem;
}

/*======================
   21. profile css
========================*/

.profile_btn a {
	width: 12rem;
	height: 4rem;
	border-radius: 0.8rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 2rem;
	font-weight: 500;
	margin-left: 1.5rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.profile_btn a i {
	margin-left: 0.5rem;
	font-size: 1.7rem;
}

.edit_btn {
	background: rgba(2, 218, 110, 0.1);
	color: rgba(29, 195, 112, 1);
}

.edit_btn:hover {
	background: rgba(29, 195, 112, 1);
	color: #ffffff;
}

.delete_btn {
	background: rgba(235, 87, 87, 0.1);
	color: rgba(235, 87, 87, 1);
}

.delete_btn:hover {
	background: rgba(235, 87, 87, 1);
	color: #ffffff;
}

.prfile_head {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 3.8rem;
}

.side_menu2 {
	width: 36rem;
}

.side_menu2 .side_menubox {
	padding: 3rem 1.5rem;
}

.main_wrap2 {
	width: calc(100% - 37.5rem);
}

.profile_viewbox {
	border: 0.1rem solid rgba(237, 237, 237, 1);
	padding: 1.5rem;
	border-radius: 1.6rem;
	margin-top: 2.5rem;
}

.profile_viewbox p {
	font-size: 1.6rem;
	line-height: 1.9rem;
	color: rgba(147, 147, 147, 1);
	padding: 0 0 1rem 1rem;
}

.profile_info {
	width: 32.5rem;
	height: 5.5rem;
	border: 0.1rem solid rgba(29, 195, 112, 1);
	border-radius: 5rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1.2rem;
}

.profile_info span {
	width: 3.2rem;
	height: 3.2rem;
	background: rgba(29, 195, 112, 1);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #ffffff;
	border-radius: 50%;
	margin-right: 1rem;
	font-size: 1.7rem;
}

.profile_info h3 {
	font-size: 2rem;
	font-weight: 500;
}

.profile_mr {
	margin-right: 1.5rem;
}

.big_logowrapper {
	padding: 11.5rem 0;
	text-align: center;
}



/*======================
   23. RTL ALL CSS
========================*/

.header_rtl .container-fluid {
	padding-right: 0;
	padding-left: 4rem;
}

.header_rtl .login_box {
	text-align: right;
}

.header_rtl .menu_btn {
	margin: 0 3.2rem 0 0;
}

.header_rtl .menu_btn a span {
	margin: 0 0 0 1.5rem;
}

.header_rtl .menu_btn a svg {
	margin: 0 0 0 1.5rem;
}

.header_rtl .logo {
	margin: 0 6.4rem 0 0;
}

.header_rtl .notification_box {
	margin: 0 1.5rem 0 0;
}

.header_rtl .post_btn p {
	margin: 0 0 0 1.5rem;
}

.header_rtl .language_text label {
	margin: 0 1.5rem 0 0;
}

.header_rtl .menu_icon {
	margin: 0 0 0 0.8rem;
}

.header_rtl .notifcation_tab ul li a.mr_4 {
	margin: 0 0 0 0.4rem;
}

.header_rtl .notifcation_tab ul li a.ml_4 {
	margin: 0 0.4rem 0 0;
}

.header_rtl .notifcation_tab .nav-link span {
	margin: 0 1rem 0 0;
}

.header_rtl .notification_man {
	margin: 0 0 0 0.4rem;
}

.plates_rtl .search_form button {
	right: auto;
	left: 0;
}

.plates_rtl .notification_man {
	margin: 0 0 0 0.4rem;
}

.plates_rtl .side_menubox .side_menuitem span {
	margin: 0 0 0 1rem;
}

.plates_rtl .back_sidemenu span {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin: 0 0 0 1rem;
}

.rtl_footer .footer_social a {
	margin: 1.6rem 0 0 3rem;
}

.chat_rtl .chat_profile span {
	margin: 0 0 0 0.4rem;
}

.chat_rtl .chat_profile img {
	margin: 0 0 0 0.8rem;
}

.chat_rtl .chat_profile i {
	margin: 0 0 0 1rem;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.chat_rtl .chat_item.active img {
	margin: 0 0 0 0.4rem;
}

.chat_rtl .chat_img {
	margin: 0 0 0 1rem;
}

.chat_rtl .chat_profilebox .dropdown-menu.show .dropdown-item {
	padding: 0.2rem 0.2rem 0.8rem 3.4rem !important;
	text-align: right !important;
}

.chat_rtl .chat_profilebox .dropdown-menu.show .dropdown-item img {
	margin: 0 0 0 0.4rem !important;
}

.chat_rtl .type_mgsitem input {
	padding: 0 1rem 0 0;
}

.chat_rtl .type_mgsitem button {
	right: auto !important;
	left: 1rem !important;
}

.chat_rtl .type_mgsitem button svg {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.chat_rtl .file_upload {
	margin: 0 1rem 0 0;
}

.home_rtl .home_shape {
	left: auto;
	right: 0;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.home_rtl {
	padding-right: calc((100% - 129rem) / 2 + 1.5rem);
	padding-left: 0 !important;
}

.home_rtl .home_bg {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.home_rtl .home_bus {
	left: 50%;
}

.home_rtl h2 {
	text-align: right;
}

.visit_rtl {
	direction: ltr;
}

.visit_rtl .visit_wrap h2 {
	direction: rtl !important;
}

.find_rtl .tab_select {
	margin: 0 3rem 0 0;
	padding-left: 1rem;
	background-position: left;
}

.find_rtl .love_icon {
	margin: 0 0.5rem 0 0;
}

.find_rtl .plate_imgcalculate {
	border-right: transparent;
	border-left: 0.2rem solid rgba(0, 0, 0, 1);
}

.find_rtl .plate_last .ml_0 {
	margin-right: 0 !important;
}

.find_rtl .plate_last p span,
.find_rtl .post_first p span {
	margin: 0 0 0 0.5rem;
}

.find_rtl .plate_last p,
.find_rtl .post_first p {
	margin: 1rem 1.5rem 0 0;
}

.find_rtl .search_plate {
	text-align: right;
}

.find_rtl .search_plate img {
	margin: 0 0 0 1rem;
}

.postdetail_rtl .custom_social a {
	margin: 0 1.5rem 0 0;
}

.postdetail_rtl .post_first p {
	margin: 1rem 0 0 2.5rem;
}

.postdetail_rtl .plate_last p span,
.postdetail_rtl .post_first p span {
	margin: 0 0 0 0.5rem;
}

.postdetail_rtl .post_first .post_back {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.postdetail_rtl .post_second .post_back {
	margin: 0 0 0 1rem;
}

.postdetail_rtl .post_detailbox .search_plate {
	text-align: right;
}

.postdetail_rtl .search_plate img {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin: 0 0 0 1rem;
}

.postdetail_rtl .post_detailbox .post_para {
	text-align: right;
}

.postdetail_rtl .post_detailbox .comment_box button {
	left: 1rem;
	right: auto;
}

.postdetail_rtl .post_detailbox .comment_box button svg {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.postdetail_rtl .post_detailbox .comment_box textarea {
	padding: 2rem 1rem 0 6rem;
}

.postdetail_rtl .post_second h3 {
	text-align: right;
}

.postdetail_rtl .comment_item img {
	margin: 0 0 0 1rem !important;
}

.contact_rtl .modal-body .make_btn .popup_icon {
	margin: 0 0 0 0.8rem;
}

.contact_rtl .modal-body .make_btn i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.addpost_rtl .custom_pb {
	text-align: right;
}

.addpost_rtl .custom_head2 .addplate_dot {
	margin: 0 0 0 1rem;
}

.addpost_rtl .custom_head2 {
	text-align: right;
	display: block;
}

.addpost_rtl .input_info {
	padding: 0 1.5rem 0 0;
}

.addpost_rtl .input_infobtn {
	width: 13.5rem;
	right: auto;
	left: 0;
}

.addpost_rtl .input_info2 .input_info {
	padding: 0 1.5rem 0 12rem;
}

.addpost_rtl .input_infotextarea {
	padding-top: 2rem;
}

.form_rtl .form_info::before {
	left: auto;
	right: 0.9rem;
}

.form_rtl .form_info3 select,
.form_rtl .form_info5 select {
	background-position: calc(100% - 29rem) center;
	padding: 0 5.5rem 0 0;
}

.form_rtl .form_info input {
	padding: 0 5.8rem 0 0;
}

.code_rtl .form_container {
	width: 40.5rem;
}

.code_rtl .code_number input {
	padding: 0 0rem 0 0;
}

.profile_viewrtl .profile_viewbox p {
	text-align: right;
}

.profile_viewrtl .profile_info span {
	margin: 0 0 0 1rem;
}

.profile_viewrtl .profile_btn a {
	margin: 0 1.5rem 0 0;
}

.best_rtl .car_slider .swiper-slide.swiper-slide-visible.swiper-slide-next img {
	margin-left: auto;
	margin-right: -42%;
}

.best_rtl .car_slider .swiper-slide.swiper-slide-visible.swiper-slide-prev img {
	margin-left: auto;
	margin-right: 65%;
}

.best_rtl .swiper-3d .swiper-slide-shadow-right {
	display: none;
}

.best_rtl .car_slider .swiper-button-prev {
	left: 36%;
	right: auto;
}

.privacy_rtl .back_sidemenu span {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin: 0 0 0 1rem;
}

.privacy_rtl .privcy_head {
	text-align: right;
}

.privacy_rtl .privacy_box {
	text-align: right;
}

.privacy_rtl .privacy_custompara span {
	margin: 0 0 0 0.4rem;
}

.privacy_rtl .privacy_ul {
	padding: 0 1.5rem 0 0;
}

/*======================
   24. privacy area css
========================*/

.privacy_wrapper {
	margin-top: 16rem;
	padding: 3rem 0 7rem 0;
}

.privcy_head {
	background: rgba(29, 195, 112, 0.1);
	padding: 1.2rem;
	border-radius: 0.8rem;
	color: rgba(29, 195, 112, 1);
	font-size: 2rem;
	font-weight: 500;
}

.privacy_box {
	padding: 1rem 1.5rem;
}

.privacy_box p {
	font-size: 1.6rem;
	color: rgba(0, 0, 0, 1);
	line-height: 1.9rem;
}

.privcy_headtwo {
	color: rgba(29, 195, 112, 1);
	font-size: 1.6rem;
	font-weight: 500;
}

.privacy_dot {
	margin-right: 0.4rem;
}

.privacy_700 {
	font-weight: 700;
}

.privacy_paradisa {
	color: rgba(99, 99, 99, 1) !important;
}

.privacy_custompara {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 0.4rem;
}

.privacy_custompara span {
	background: rgba(29, 195, 112, 1);
	width: 1rem;
	height: 0.2rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 0.4rem;
	-webkit-transform: translateY(0.8rem);
	-ms-transform: translateY(0.8rem);
	transform: translateY(0.8rem);
}

.privacy_ul {
	list-style: decimal;
	padding-left: 1.5rem;
}

.privacy_ul li {
	font-size: 1.6rem;
	line-height: 2.4rem;
}

.privacy_500 {
	font-weight: 500;
}

.lohak_gmail {
	color: rgba(0, 0, 0, 1);
}


/*======================
   22. back to top css
========================*/
.back-to-top {
	font-size: 2.4rem;
	width: 4.5rem;
	height: 4.5rem;
	line-height: 4.5rem;
	text-align: center;
	color: #4DE2C1;
	display: none;
	position: fixed;
	bottom: 3rem;
	right: 2rem;
	z-index: 999999999999;
	border-radius: 50%;
	background: rgba(29, 195, 112, 1);
}

.back-to-top i {
	color: #ffffff;
}


.direction-ltr {
	direction: ltr !important;
}

.text-align-right {
	text-align: right !important;
}

.letter-spacing-1 {
	letter-spacing: 1rem !important;
}

.letter-spacing-2 {
	letter-spacing: 2rem !important;
}

.mt-25 {
	margin-top: 15rem;
}

.mt-26 {
	margin-top: 18rem;
}