@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900;1000&display=swap');

body.rtl{
	text-align: right !important;
	font-family: 'Cairo', sans-serif !important;
}

h1,h2,h3,h4,h5,h6,p,a,li{
	font-family: 'Cairo', sans-serif !important;
}

/*==== rtl css ====*/
.appie-traffic-area.appie-traffic-area-rtl .traffic-thumb {
	left: 0;
	right: auto;
	transform: translateY(-50%) rotateY(-180deg);
}


.appie-traffic-area-rtl .appie-traffic-title{
	padding-left: 220px;
	padding-right: 0;
}


.appie-traffic-area-rtl .appie-traffic-service .icon{
	right: 0;
	left: auto;
}



.appie-faq-area-rtl .faq-accrodion .accrodion .accrodion-title::after,
.appie-faq-area-rtl .faq-accrodion .accrodion .accrodion-title::before{
	right: auto;
	left: 30px;
}


.appie-project-area.appie-project-area-rtl .appie-project-box .appie-project-thumb{
	left: 70px;
	right: auto;
}



.appie-project-area-rtl .appie-project-content .input-box input{
	padding-left: 0;
	padding-right: 30px;
}


.appie-project-area-rtl .appie-project-content .input-box button{
	margin-left: 0;
	margin-right: 10px;
}


.appie-header-area-rtl .appie-header-main-menu ul{
	text-align: right;
}

.appie-header-area-rtl .appie-header-main-menu ul > li .sub-menu{
	text-align: right;
}
.rtl .appie-fun-fact-box .appie-fun-fact-content > .title{
	padding-right: 0;
	padding-left: 80px;
}
.rtl .footer-about-widget{
	padding-right: 0px;
	padding-left: 70px;
}
.rtl .contact--info-area{
	margin-right: 0px;
	margin-left: 70px;
}
.rtl .team-btn a i{
	margin-left: 0;
	margin-right: 6px;
	transform: rotate(180deg) !important;
}

.rtl .team-btn button i{
	margin-left: 0;
	margin-right: 6px;
	transform: rotate(180deg) !important;
}

.rtl .blog-sidebar{
	margin-left: 0;
	margin-right: 30px;
}
.rtl .appie-features-box-item{
    padding:25px 0px 30px 90px !important
}
.rtl .right .appie-features-box-item{
    padding-right: 90px  !important;
    padding-left: 0  !important;
}
.rtl .right .appie-features-box-item:before{
	left:-30px;
}
.rtl .right .appie-features-box-item span.number{
		right: auto;
    left: calc(100% - 75px) !important;
}
.appie-features-box-item span.number{
    right: calc(100% - 75px);
    left:auto !important;
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
}
}
.rtl .footer-widget-info ul li a{
	padding-left: 0;
	padding-right: 30px;
	direction: ltr;
}
.rtl .footer-widget-info ul li a i{
	right: 0;
	left: auto;
}
.rtl .appie-blog-item .content > a i{
	transform: rotate(180deg);
}
.rtl .otp-inputs input[type="text"]{
  width: 22%;
  margin-left: 3.25%;
  height: 70px;
  font-size: 2rem;
  text-align: center;
  background: #f5ecff;
  border:none;
}
.rtl *{
	direction: rtl;
}
.rtl .appie-header-area{
	direction: rtl;
}
.rtl .input-icon input{
	padding-right: 40px;
	padding-left: 0.75rem;
}
.rtl .input-icon i{
	left: auto;
	right: 30px;
}
.rtl .next-hint i{
	transform: rotate(180deg);
}
.rtl .site-btn i{
	right: auto;
	left: 0;
	transform: rotate(180deg);
}
.rtl .close-msg{
  left:10px;
  right: auto;
}
.rtl .appie-hero-content ul li a i{
	margin-right:0;
	margin-left: 6px;
}
.rtl .footer-copyright .apps-download-btn ul li a i{
	margin-right:0;
	margin-left: 6px;
}
.rtl .faq-accrodion .accrodion .accrodion-title::before{
	right: auto;
	left: 20px;
}
.rtl .faq-accrodion .accrodion .accrodion-title::after{
	right: auto;
	left: 20px;
}
.rtl .b-post-details a.read-more i{
	transform: rotate(180deg);
}
.rtl .bp-meta a i{
	margin-right: 0;
	margin-left: 9px;
}
.rtl blockquote:after{
	right: auto;
	left:44px;
}
.rtl .new-form .input-group-text{
	border-radius: 0px;
	border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.rtl .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child){
	border-radius: 0px;
	border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
 @media screen and (max-width: 568px){
   .rtl .toggle-btn{
    left:0;
    right: auto;
    margin-right: 30px;
   }
   .rtl .lang-flag{
   	margin-left: 30px;
   }
   .rtl .faq-accrodion .accrodion .accrodion-title, .rtl .faq-accrodion .accrodion .accrodion-content .inner{
   	padding: 0 18px 0 10px;
   }
  }
.rtl .pricing-card label:before{
	left:auto;
	right: 30px;
}
.rtl .pricing-card label{
	padding-right: 70px;
	padding-left: 50px;
}
.rtl .pricing-card .title{
	right: auto;
	left: 10px;
}
.rtl .pricing-card label .alert-danger{
	left: auto;
	right: 10px;
}
.rtl .right .appie-features-box-item.zoom-in{
  border-radius: 100px 0 0 100px;  
}
.rtl .appie-features-box-item:before{
	left: 30px;
}
.rtl .left .appie-features-box-item.appie-features-box-5-item p{
	text-align: left;
}

.rtl .appie-header-main-menu ul > li{
	margin-right: 0;
	margin-left: 21px;
}

.rtl .appie-header-main-menu ul > li a{
	font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  display: block;

  margin-bottom: 5px;
  color: #222;
  transition: all 0.3s ease-out 0s;
}

.appie-blog-item .content .blog-meta ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
  }
  .appie-blog-item .content .blog-meta ul li {
	display: inline-block;
	font-size: 14px;
	padding-right: 22px;
	position: relative;
  }
  .appie-blog-item .content .blog-meta ul li a {
	font-weight: 400;
	color: #505056;
  }
  .appie-blog-item .content .blog-meta ul li:nth-child(1)::before {
	position: absolute;
	content: "";
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	height: 5px;
	width: 5px;
	background: #2b70fa;
	border-radius: 50%;
  }


#text_error, #regular_expression{
	font-size: 13px;
	font-family: 'Cairo', sans-serif !important;
	margin-bottom: 20px;
}

.team-btn{
	text-align: left;
}

@media (max-width: 767px){
	.team-btn{
		text-align: right;
	}	
}

@media(max-width: 767px){
	#g-recaptcha {
		transform: scale(0.77);
		-webkit-transform: scale(0.77);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
}

@media (max-width: 368px){
	#pr_picture{
		max-width: 25px;
		height: 25px;
		border-radius:50%;
	}
}

.hint-message{
	position: relative;
	z-index: 99999;
	position: absolute;
	top:0;
	right:0;
  }


  table{
	overflow-x: scroll;
  }

  .menu-item.active {
    background-color: none;
    color:white;   
}

@media (min-width: 578px){
	.rtl .lang-flag{
		position: absolute;
		left: -60px;
		display: inline;
	}
}

.rtl .lang-flag-top{
	top: 10px;
}