/* ----------------------------------------------------------------------------------------
* File          : RTL overrides for custom.css
* Loaded after  : css/custom.css
* Scope         : all pages (sections 01-32 of custom.css)
* Note          : "custom.css:NNN" above each rule = the original line being mirrored.
*                 Because this file loads after custom.css, any property flipped here also
*                 overrides custom.css media queries, so section 32 restates those values.
* ---------------------------------------------------------------------------------------- */

/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/

/* custom.css:56 */
:root{
	--default-font				: "Tajawal", sans-serif;
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/

/* custom.css:163 - mirror image hover shine direction */
.image-anime:after{
	transform: translate(-50%,-50%) rotate(45deg);
}

/* custom.css:222 */
.btn-default{
	margin-right: 0;
	margin-left: 50px;
}

/* custom.css:232, 241 - arrow circle moves to the left and points left */
.btn-default::before{
	right: auto;
	left: -50px;
	transform: translateY(-50%) scaleX(-1) rotate(-45deg);
}

/* custom.css:246 */
.btn-default:hover::before{
	transform: translateY(-50%) scaleX(-1) rotate(0deg);
}

/* custom.css:290 */
.readmore-btn{
	padding-right: 0;
	padding-left: 36px;
}

/* custom.css:302, 312 */
.readmore-btn::before{
	right: auto;
	left: 0;
	transform: translateX(3px) scaleX(-1);
}

/* custom.css:319 */
.readmore-btn:hover::before{
	transform: translateX(0px) scaleX(-1);
}

/* custom.css:418 */
.section-title h3{
	padding: 4px 36px 4px 20px;
}

/* custom.css:426 */
.section-title h3::before{
	left: auto;
	right: 20px;
}

/* custom.css:437, 445 - negative letter-spacing breaks Arabic letter joining */
.section-title h1,
.section-title h2{
	letter-spacing: normal;
}

/* custom.css:485 */
.help-block.with-errors ul{
	text-align: right;
}

/************************************/
/**** 	   03. Header css		 ****/
/************************************/

/* custom.css:522 */
.topbar-contact-info ul li i{
	margin-right: 0;
	margin-left: 10px;
}

/* custom.css:535 */
.topbar-social-links{
	text-align: left;
}

/* custom.css:546 */
.topbar-social-links ul li{
	margin-right: 0;
	margin-left: 20px;
}

/* custom.css:550 */
.topbar-social-links ul li:last-child{
	margin-left: 0px;
}

/* custom.css:636-637 - inline-block makes the icon bidi-neutral so it follows the RTL
   direction (sits on the left of the text) even when the link text is Latin */
.main-menu ul li.submenu > a:after{
	display: inline-block;
	margin-left: 0;
	margin-right: 8px;
	margin-top: 0;
}

/* custom.css:656, 659 */
.main-menu ul ul{
	left: auto;
	right: 0;
	text-align: right;
}

/* custom.css:668, 670 */
.main-menu ul ul ul{
	left: auto;
	right: 100%;
	text-align: right;
}

/* custom.css:681-682 - angle-right becomes angle-left */
.main-menu ul li.submenu ul li.submenu > a:after{
	content: '\f104';
	float: left;
}

/* custom.css:700 */
.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus{
	padding: 6px 23px 6px 20px !important;
}

/* slicknav.min.css - .slicknav_btn{float:right} */
.slicknav_btn{
	float: left;
}

/* custom.css:782 */
.slicknav_nav .slicknav_row,
.slicknav_nav li a{
	letter-spacing: normal;
}

/* custom.css:800 */
.slicknav_menu ul ul li a{
	padding: 6px 30px 6px 20px;
}

/* custom.css:812, 815 */
.slicknav_arrow:after{
	margin-left: 0;
	margin-right: 8px;
	right: auto;
	left: 15px;
}

/************************************/
/***         04. Hero css	      ***/
/************************************/

/* custom.css:832 - horizontally flipped copy so the insects sit opposite the text
   (read by parallaxie.js from the computed style; .hero-slider-layout keeps background:none) */
.hero{
	background-image: url('../images/hero-bg-rtl.jpg');
}

/* custom.css:845 - dark side of the overlay follows the text to the right */
.hero::before{
	background: linear-gradient(90deg, rgba(0, 47, 71, 0.18) 21.87%, rgba(0, 47, 71, 0.9) 100%);
}

/* custom.css:885 (index-slider.html) */
.hero.hero-slider-layout .hero-slide::before{
	background: linear-gradient(90deg, rgba(0, 47, 71, 0.18) 21.87%, rgba(0, 47, 71, 0.9) 100%);
}

/* custom.css:975 */
.best-service-item{
	border-right: none;
	border-left: 1px solid var(--divider-color);
}

/* custom.css:981 */
.best-service-item:nth-child(4n + 4){
	border-left: none;
}

/* custom.css:993 */
.best-service-item .icon-box{
	margin-right: 0;
	margin-left: 20px;
}

/************************************/
/***       05. About Us css	      ***/
/************************************/

/* custom.css:1038 */
.about-us{
	background-position: left bottom;
}

/* custom.css:1045-1046 */
.about-us-images{
	padding: 0 65px 0 55px;
	margin-right: 0;
	margin-left: 10px;
}

/* custom.css:1081 */
.about-us-circle-img-1{
	left: auto;
	right: 0;
}

/* custom.css:1088 */
.about-us-circle-img-2{
	right: auto;
	left: 0;
}

/* custom.css:1147 */
.about-us-list ul li{
	padding-left: 0;
	padding-right: 25px;
}

/* custom.css:1155 */
.about-us-list ul li::before{
	left: auto;
	right: 0;
}

/************************************/
/***     06. Our Services css     ***/
/************************************/

/* custom.css:1367 */
.section-footer-text p span{
	margin-right: 0;
	margin-left: 10px;
}

/************************************/
/***     07. Our Features css     ***/
/************************************/

/* custom.css:1388 */
.our-features{
	background-position: right -30px bottom -37px;
}

/* custom.css:1413 */
.features-item .icon-box{
	margin-right: 0;
	margin-left: 10px;
}

/* custom.css:1459-1460 */
.features-image{
	padding: 0 45px 20px 0;
	margin-left: 0;
	margin-right: 20px;
}

/* custom.css:1478 */
.contact-us-circle{
	left: auto;
	right: 0;
}

/************************************/
/***     08. Our Projects css	  ***/
/************************************/

/* custom.css:1546 - separator dot sits on the left of each filter item */
.our-project-nav ul li a::before{
	right: auto;
	left: -21px;
}

/* No rule in custom.css - arrow-white.svg used as <img> in .project-content (index.html) */
.project-content a img{
	transform: scaleX(-1);
}

/************************************/
/***     09. Our Pricing css	  ***/
/************************************/

/* custom.css:1663 */
.our-pricing{
	background-position: left -50px bottom -3px;
}

/* custom.css:1751 */
.pricing-benefit-list ul li img{
	margin-right: 0;
	margin-left: 15px;
}

/************************************/
/***    10. Why Choose Us css     ***/
/************************************/

/* custom.css:1898 */
.cta-contact-item .icon-box{
	margin-right: 0;
	margin-left: 8px;
}

/************************************/
/***       11. Our FAQs css	      ***/
/************************************/

/* custom.css:1930, 1934 */
.our-faqs-images{
	background-position: right 187px bottom 46px;
	margin-right: 0;
	margin-left: 20px;
}

/* custom.css:1943 */
.faqs-img-1{
	padding-right: 0;
	padding-left: 242px;
}

/* custom.css:1949 */
.faqs-img-2{
	margin-right: auto;
	margin-left: 0;
}

/* custom.css:1956 */
.faqs-img-3{
	right: auto;
	left: 0;
}

/* custom.css:2005 */
.faq-accordion .accordion-header .accordion-button{
	padding-right: var(--bs-accordion-btn-padding-x);
	padding-left: 30px;
}

/* custom.css:2017 - vertical arrow (rotate 90 / -90) needs no mirroring */
.faq-accordion .accordion-item .accordion-button::after,
.faq-accordion .accordion-item .accordion-button.collapsed::after{
	right: auto;
	left: 0;
}

/* custom.css:2033 */
.faq-accordion .accordion-item .accordion-body{
	padding-right: var(--bs-accordion-body-padding-x);
	padding-left: 30px;
}

/************************************/
/*** 	  12. Testimonials Css 	  ***/
/************************************/

/* No directional properties in custom.css for this section */

/************************************/
/*** 	   13. CTA Box Css    	  ***/
/************************************/

/* custom.css:2159 */
.cta-box-image{
	margin-right: 0;
	margin-left: 90px;
}

/* custom.css:2196 */
.cta-box-body ul li{
	padding-left: 0;
	padding-right: 30px;
}

/* custom.css:2207 - bullet moves right, arrow points left */
.cta-box-body ul li::before{
	left: auto;
	right: 0;
	transform: scaleX(-1);
}

/************************************/
/*** 	    14. Our Blog Css      ***/
/************************************/

/* custom.css:2225 */
.our-blog{
	background-position: right -30px bottom 0;
}

/************************************/
/*** 	    15. Footer Css   	  ***/
/************************************/

/* custom.css:2282 */
.about-footer{
	margin-right: 0;
	margin-left: 90px;
}

/* custom.css:2304 */
.footer-links ul{
	padding-left: 0;
	padding-right: 20px;
}

/* custom.css:2354 */
.footer-contact-item .icon-box{
	margin-right: 0;
	margin-left: 15px;
}

/* custom.css:2423 */
.footer-social-links ul li{
	margin-right: 0;
	margin-left: 15px;
}

/************************************/
/*** 	 16. About Us Page Css    ***/
/************************************/

/* custom.css:2467 - horizontally flipped copy so the insect sits opposite the title.
   Set in CSS (not HTML) because parallaxie.js reads the computed background-image */
.page-header{
	background-image: url('../images/page-header-bg-rtl.jpg');
}

/* custom.css:2482 - dark side of the overlay follows the text to the right */
.page-header::before{
	background: linear-gradient(90deg, rgba(0, 47, 71, 0.18) 21.87%, rgba(0, 47, 71, 0.9) 100%);
}

/* custom.css:2498 */
.page-header-box h1{
	letter-spacing: normal;
}

/* custom.css:2536 */
.approach-img-1{
	padding-left: 0;
	padding-right: 128px;
}

/* custom.css:2589 */
.experience-box{
	margin-left: 0;
	margin-right: -75px;
}

/* custom.css:2717 */
.approach-list ul li{
	padding-left: 0;
	padding-right: 25px;
}

/* custom.css:2730 */
.approach-list ul li::before{
	left: auto;
	right: 0;
}

/* custom.css:2742 */
.our-passion{
	background-position: left -50px bottom -3px;
}

/* custom.css:2777 */
.passion-list ul li{
	padding-left: 0;
	padding-right: 25px;
}

/* custom.css:2790 */
.passion-list ul li::before{
	left: auto;
	right: 0;
}

/* custom.css:2798 */
.our-legacy{
	background-position: right -30px bottom -37px;
}

/* custom.css:2806 */
.legacy-content{
	margin-right: 0;
	margin-left: 20px;
}

/* custom.css:2917 - progress fills from the right */
.skills-progress-bar .skillbar .skill-progress .count-bar{
	left: auto;
	right: 0;
}

/* custom.css:2925-2926 */
.commitment-images{
	padding: 0 40px 0 100px;
	margin-left: 0;
	margin-right: 30px;
}

/* custom.css:2950, 2961 */
.experience-counter-box{
	right: auto;
	left: 0;
	animation-name: experienceobject-rtl;
}

/* custom.css:2965-2969 */
@keyframes experienceobject-rtl{
	50%{
		left: 40px;
	}
}

/* custom.css:3014 */
.our-team{
	background-position: left bottom;
}

/* custom.css:3121 */
.our-testimonials.about-testimonials{
	background-position: right -30px bottom 0;
}

/************************************/
/*** 	 17. Services Page css    ***/
/************************************/

/* custom.css:3131 */
.page-services{
	background-position: left bottom;
}

/************************************/
/*** 	 18. Service Single css   ***/
/************************************/

/* custom.css:3152 */
.page-single-sidebar{
	margin-right: 0;
	margin-left: 20px;
}

/* custom.css:3191 */
.page-catagery-list ul li a{
	padding: 15px 20px 15px 40px;
}

/* custom.css:3204, 3206 - arrow moves left and points left */
.page-catagery-list ul li a::before{
	right: auto;
	left: 20px;
	transform: translate(0px, -50%) scaleX(-1);
}

/* custom.css:3240 */
.page-cta-box.sidebar-cta-box{
	padding: 40px 40px 40px 85px;
}

/* custom.css:3273 */
.service-entry h2{
	letter-spacing: normal;
}

/* custom.css:3296 */
.service-entry ul li{
	padding: 20px 45px 20px 20px;
}

/* custom.css:3304 */
.service-entry ul li::before{
	left: auto;
	right: 20px;
}

/* custom.css:3336 */
.service-solutions-item::before{
	right: auto;
	left: -40px;
}

/* custom.css:3350 */
.service-solutions-item img{
	margin-right: 0;
	margin-left: 20px;
}

/* custom.css:3399 */
.service-management-item .icon-box{
	margin-right: 0;
	margin-left: 15px;
}

/************************************/
/*** 	 19. Blog Archive css     ***/
/************************************/

/* No rule in custom.css - prev/next arrows (blog.html) point outward in RTL */
.page-pagination ul li a i{
	transform: scaleX(-1);
}

/************************************/
/*** 	  20. Blog Single css     ***/
/************************************/

/* custom.css:3490 */
.post-single-meta ol li{
	margin-right: 0;
	margin-left: 15px;
}

/* custom.css:3494 */
.post-single-meta ol li:last-child{
	margin-left: 0;
}

/* custom.css:3500 */
.post-single-meta ol li i{
	margin-right: 0;
	margin-left: 5px;
}

/* custom.css:3599 */
.post-entry ul{
	padding-left: 0;
	padding-right: 20px;
}

/* custom.css:3634, 3637 */
.post-entry blockquote{
	background-position: right 30px top 30px;
	padding: 30px 90px 30px 30px;
}

/* custom.css:3681 */
.post-social-sharing{
	text-align: left;
}

/* custom.css:3692 */
.post-social-sharing ul li{
	margin-right: 0;
	margin-left: 10px;
}

/* custom.css:3696 */
.post-social-sharing ul li:last-child{
	margin-left: 0;
}

/************************************/
/*** 	22. Project Single css    ***/
/************************************/

/* custom.css:3745 */
.page-catagery-list.project-sidebar ul{
	text-align: right;
}

/* custom.css:3837 */
.project-entry h2{
	letter-spacing: normal;
}

/* custom.css:3859-3860 */
.project-overview ul li{
	border-left: none;
	border-right: 4px solid var(--accent-color);
	padding-left: 0;
	padding-right: 15px;
}

/* custom.css:3882 */
.project-better-homes ul li{
	padding-left: 0;
	padding-right: 25px;
}

/* custom.css:3890 */
.project-better-homes ul li::before{
	left: auto;
	right: 0;
}

/************************************/
/*** 	  24. Team Single css     ***/
/************************************/

/* custom.css:4044 */
.member-capability-content ul li{
	padding-left: 0;
	padding-right: 25px;
}

/* custom.css:4057 */
.member-capability-content ul li::before{
	left: auto;
	right: 0;
}

/************************************/
/*** 	 28. Video Gallery css    ***/
/************************************/

/* custom.css:4169-4170 - in RTL "right" wins over "left" when both are set, which pins the
   play button to the right edge; drop "right" so it stays centered */
.video-gallery-image a::after{
	right: auto;
}

/************************************/
/*** 	30. Contact Us Page css   ***/
/************************************/

/* custom.css:4239 */
.contact-info-item .icon-box{
	margin-right: 0;
	margin-left: 15px;
}

/* No rule in custom.css - typed email addresses read left-to-right */
.contact-form .form-control[type="email"]{
	direction: ltr;
	text-align: right;
}

/************************************/
/***      32. Responsive css      ***/
/************************************/

@media only screen and (max-width: 991px){

	/* custom.css:4367 */
	.btn-default{
		margin-left: 46px;
	}

	/* custom.css:4371 */
	.btn-default::before{
		left: -46px;
	}

	/* custom.css:4381 */
	.topbar-contact-info ul li i{
		margin-left: 5px;
	}

	/* custom.css:4385 */
	.topbar-social-links ul li{
		margin-left: 10px;
	}

	/* custom.css:4427 */
	.section-title h3{
		padding: 4px 31px 4px 15px;
	}

	/* custom.css:4431 */
	.section-title h3::before{
		right: 15px;
	}

	/* custom.css:4485 */
	.best-service-item:nth-child(2n + 2){
		border-left: none;
	}

	/* custom.css:4491 */
	.best-service-item .icon-box{
		margin-left: 10px;
	}

	/* custom.css:4503 */
	.about-us{
		background-position: left bottom -20px;
	}

	/* custom.css:4510, 4512 */
	.about-us-images{
		padding: 0 45px 0 35px;
		margin-left: auto;
		margin-right: auto;
	}

	/* custom.css:4548 */
	.section-footer-text p span{
		margin-left: 5px;
	}

	/* custom.css:4552 */
	.our-features{
		background-position: right -20px bottom -7px;
	}

	/* custom.css:4562 */
	.features-image{
		margin-right: 0px;
	}

	/* custom.css:4586 */
	.our-project-nav ul li a::before{
		left: -15px;
	}

	/* custom.css:4594 */
	.our-pricing{
		background-position: left -20px bottom -8px;
	}

	/* custom.css:4660 */
	.our-faqs-images{
		margin-left: auto;
		margin-right: auto;
	}

	/* custom.css:4670 */
	.faq-accordion .accordion-header .accordion-button{
		padding-left: 25px;
	}

	/* custom.css:4712 */
	.cta-box-image{
		margin-left: 0;
	}

	/* custom.css:4716 */
	.cta-box-body ul li{
		padding-right: 25px;
	}

	/* custom.css:4732 */
	.our-blog{
		background-position: right -15px bottom -8px;
	}

	/* custom.css:4750 */
	.about-footer{
		margin-left: 0;
	}

	/* custom.css:4784 */
	.footer-social-links ul li{
		margin-left: 10px;
	}

	/* custom.css:4818 */
	.experience-box{
		margin-right: -55px;
	}

	/* custom.css:4842 */
	.our-passion{
		background-position: left -20px bottom -8px;
	}

	/* custom.css:4865 */
	.our-legacy{
		background-position: right -20px bottom -7px;
	}

	/* custom.css:4872 */
	.legacy-content{
		margin-left: 0;
	}

	/* custom.css:4913-4914 */
	.commitment-images{
		padding: 0 40px 0 70px;
		margin-left: auto;
		margin-right: auto;
	}

	/* custom.css:4927 */
	.our-team{
		background-position: left bottom -20px;
	}

	/* custom.css:4941 */
	.our-testimonials.about-testimonials{
		background-position: right -15px bottom -8px;
	}

	/* custom.css:4946 */
	.page-services{
		background-position: left bottom -20px;
	}

	/* custom.css:4957 */
	.page-single-sidebar{
		margin-left: 0;
	}

	/* custom.css:4975 */
	.page-catagery-list ul li a{
		padding: 12px 15px 12px 40px;
	}

	/* custom.css:4979 */
	.page-catagery-list ul li a::before{
		left: 15px;
	}

	/* custom.css:5007 */
	.service-entry ul li{
		padding: 12px 30px 12px 5px;
	}

	/* custom.css:5011 */
	.service-entry ul li::before{
		right: 10px;
	}

	/* custom.css:5033 */
	.service-solutions-item::before{
		left: -20px;
	}

	/* custom.css:5038 */
	.service-solutions-item img{
		margin-left: 10px;
	}

	/* custom.css:5055 */
	.service-management-item .icon-box{
		margin-left: 10px;
	}

	/* custom.css:5111, 5113 */
	.post-entry blockquote{
		background-position: right 20px top 20px;
		padding: 20px 70px 20px 20px;
	}

	/* custom.css:5130 */
	.post-social-sharing ul{
		text-align: right;
	}
}

@media only screen and (max-width: 767px){

	/* custom.css:5346 */
	.best-service-item{
		border-left: none;
	}

	/* custom.css:5423 */
	.features-image{
		padding: 0 20px 20px 0;
	}

	/* custom.css:5443 */
	.our-project-nav ul li a::before{
		left: -9px;
	}

	/* custom.css:5480 */
	.pricing-benefit-list ul li img{
		margin-left: 5px;
	}

	/* custom.css:5501 */
	.our-faqs-images{
		background-position: right 75px bottom 45px;
	}

	/* custom.css:5507 */
	.faqs-img-1{
		padding-left: 152px;
	}

	/* custom.css:5527 */
	.faq-accordion .accordion-item .accordion-body{
		padding-left: 0px;
	}

	/* custom.css:5577 */
	.footer-social-links{
		text-align: left;
	}

	/* custom.css:5581 */
	.footer-social-links ul li{
		margin-left: 5px;
	}

	/* custom.css:5607 */
	.approach-img-1{
		padding-right: 70px;
	}

	/* custom.css:5690 */
	.commitment-images{
		padding: 0 20px 0 40px;
	}

	/* custom.css:5720 - restated because the RTL base rule would override it */
	.page-cta-box.sidebar-cta-box{
		padding: 30px;
	}

	/* custom.css:5739 */
	.service-entry ul li{
		padding: 8px 28px 8px 5px;
	}

	/* custom.css:5744 */
	.service-entry ul li::before{
		right: 6px;
	}

	/* custom.css:5757-5759 - divider becomes a full-width horizontal line */
	.service-solutions-item::before{
		left: 0;
	}

	/* custom.css:5802-5803 */
	.post-entry blockquote{
		background-position: right 15px top 15px;
		padding: 60px 15px 15px 15px;
	}
}