/* Mada Arabic CSS */
/* font-family: Noto Kufi Arabic */



body.rtl {
  font-family: "Noto Kufi Arabic", sans-serif;
  font-weight: 300; 
}
.rtl p {;
  font-family: "Noto Kufi Arabic", sans-serif;
  font-weight: 300;
}
.rtl .mada-banner .banner-content {
    left: initial;
	right: 200px;
}
.rtl .login-icon-inline,
.rtl .mada-btn-icon {
    transform: rotate(180deg);
}
.rtl .mada-banner .banner-btn:hover,
.rtl .mada-btn:hover {
    transform: translateX(-5px);
}
.rtl .mada-section-title-text::after {
    margin-left: initial;
	margin-right: 10px;
    right: 100%;
	left: initial;
}
.rtl .choices[data-type*=select-one]::after {
    right: initial !important;
	left: 11.5px !important;
}
.rtl .mada-counter-wrapper {
    direction: ltr;
}
.rtl .thin-arrow-wrapper {
    text-align: right;
}
.rtl .news-row .mada-btn {
    float: right;
}
.rtl .news-section .arabic-news-row  .mada-btn {
    float: left;
}
.rtl .contact-line i {
    padding-left: 10px;
	padding-right: initial;
}
.rtl .social-widget ul {
    padding-right: 0;
	padding-left: initial;
}
.rtl footer::after {
    left: 10px;
	right: initial;
    background-position: left bottom;
}
.rtl .nav {
	padding-right: 0 !important;
	padding-left: initial;
}
.rtl .mada-faq-question {
	text-align: right;
}
.rtl .mada-faq-toggle-icon {
    margin-left: initial;
	margin-right: 1rem;
}
.rtl .wpforms-submit-container button {
	transform: rotate(180deg) !important;
}
.rtl .wpforms-submit.mada-form-button {
	transform: rotate(0deg) !important;
}
.rtl footer a.nav-link {
    padding-right: 0;
	padding-left: initial;
}
.rtl .mada-accordion-number {
    margin-left: 30px;
	margin-right: initial;
}
.rtl .mada-accordion-icon {
    margin-right: 10px;
	margin-left: initial;
}
.rtl .text-start {
    text-align: right !important;
}
.rtl .mada-tab-title.active-tab::after {
    margin-right: 10px;
	margin-left: initial;
    right: 100%;
	left: initial;
}
.rtl .brand-section:after {
    right: 0;
	left: initial;
    background-position: right bottom;
}
.rtl .chairman-message-section:after {
    left: 0;
	right: initial;
    background-position: left center;
	background: url("https://mada.perpetualbuild.com/wp-content/uploads/2025/12/shadow-1-ar.png")    no-repeat;
}
.rtl .what-we-do .mada-accordion-body {
    padding-right: 0;
	padding-left: initial;
}
.rtl .what-we-do::after {
    right: 50px;
	left: initial;
    background: url("https://mada.perpetualbuild.com/wp-content/uploads/2025/10/yellow-pattern.png") right bottom / contain no-repeat;
    background-position: right bottom;
}
.rtl .project-title {
    text-align: right;
}
.rtl .project-item .thin-arrow-wrapper {
    transform: rotate(270deg);
}
.rtl .project-item  .thin-arrow-icon:hover {
    transform: translateX(5px);
}
.rtl .mada-project-wrapper .zigzag .flex-row-reverse .project-content {
    text-align: left;
	padding-left: 50px;
    padding-right: initial;
}
.rtl .mada-project-wrapper .zigzag .flex-row-reverse .project-place,
.rtl .mada-project-wrapper .zigzag .flex-row-reverse .project-category, 
.rtl .mada-project-wrapper .zigzag .flex-row-reverse .project-title, 
.rtl .mada-project-wrapper .zigzag .flex-row-reverse .project-button,
.rtl .mada-project-wrapper .zigzag .flex-row-reverse .thin-arrow-wrapper {
    text-align: left;
}
.rtl .project-content {
    padding-right: 50px;
	 padding-left: initial;
}
.rtl .feature-text {
    text-align: right;
}
.rtl .investor-title {
    text-align: right;
}
.rtl .pattern-left::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 250px;
    background: url("https://mada.perpetualbuild.com/wp-content/uploads/2025/10/yellow-pattern.png")
    no-repeat;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
    background-position: left top;
}
.rtl .mada-post-item {
    text-align: right;
}
.rtl button.wpforms-submit.mada-form-button {
    padding-right: 0 !important;
	padding-left: initial !important;
}
.rtl .mada-form .wpforms-submit-container:after {
    top: 0;
    left: initial;
    background-position: left;
    margin-left: initial;
	margin-right: 10px;
	transform: rotate(180deg);
}
.rtl .wpforms-submit-container:hover {
    transform: translateX(-6px);
}
body.rtl .iti__arrow, body.rtl div.wpforms-container .wpforms-form .iti__arrow, 
body.rtl div.wpforms-container-full .wpforms-form .iti__arrow,
body.rtl #wpforms-conversational-form-page .iti__arrow {
    margin-right: 6px;
    margin-left: 6px !important;
}
.rtl div.wpforms-container-full input[type="date"],
.rtl div.wpforms-container-full input[type="datetime"],
.rtl div.wpforms-container-full input[type="datetime-local"],
.rtl div.wpforms-container-full input[type="email"],
.rtl div.wpforms-container-full input[type="month"],
.rtl div.wpforms-container-full input[type="number"],
.rtl div.wpforms-container-full input[type="password"],
.rtl div.wpforms-container-full input[type="range"],
.rtl div.wpforms-container-full input[type="search"],
.rtl div.wpforms-container-full input[type="tel"],
.rtl div.wpforms-container-full input[type="text"],
.rtl div.wpforms-container-full input[type="time"],
.rtl div.wpforms-container-full input[type="url"],
.rtl div.wpforms-container-full input[type="week"],
.rtl div.wpforms-container-full select,
.rtl div.wpforms-container-full textarea,
.rtl .wp-core-ui div.wpforms-container-full input[type="date"],
.rtl .wp-core-ui div.wpforms-container-full input[type="datetime"],
.rtl .wp-core-ui div.wpforms-container-full input[type="datetime-local"],
.rtl .wp-core-ui div.wpforms-container-full input[type="email"],
.rtl .wp-core-ui div.wpforms-container-full input[type="month"],
.rtl .wp-core-ui div.wpforms-container-full input[type="number"],
.rtl .wp-core-ui div.wpforms-container-full input[type="password"],
.rtl .wp-core-ui div.wpforms-container-full input[type="range"],
.rtl .wp-core-ui div.wpforms-container-full input[type="search"],
.rtl .wp-core-ui div.wpforms-container-full input[type="tel"],
.rtl .wp-core-ui div.wpforms-container-full input[type="text"],
.rtl .wp-core-ui div.wpforms-container-full input[type="time"],
.rtl .wp-core-ui div.wpforms-container-full input[type="url"],
.rtl .wp-core-ui div.wpforms-container-full input[type="week"],
.rtl .wp-core-ui div.wpforms-container-full select,
.rtl .wp-core-ui div.wpforms-container-full textarea {
	direction: rtl !important;
}
.rtl .mada-faq-description {
    padding-left: 60px;
    padding-right: initial;
}
.rtl .wpml-ls-native {
	 font-family: "Poppins", sans-serif !important;
}
.rtl a.contact-item.whatsapp {
    direction: ltr;
    text-align: right;
}
.rtl a.contact-item.whatsapp i {
    float: right;
}
.rtl .service-section::after {
    right: 0;
	left: initial;
    background: url("https://mada.perpetualbuild.com/wp-content/uploads/2025/12/gray-pattern-ar.png")
    no-repeat;
    background-position: right bottom;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	button.btn.btn-link.mada-tab-title {
		padding-left: initial;
		padding-right: 0;
	}
}
@media (max-width: 767px) { 
	.rtl .mada-banner .banner-content {
		right: 15px !important;
		left: initial;
	}
	.rtl .news-section .arabic-news-row  .mada-btn {
		float: right;
	}
	.rtl i.fa.English {
		display: none !important;
	}
	.rtl   div.wpforms-container .wpforms-form .wpforms-field > *{
		overflow-y: hidden;
	}      
	.rtl .mada-project-wrapper .zigzag .flex-row-reverse .project-content {
		padding-left: initial !important;
		padding-right: 15px !important;
		text-align: right !important;
	}
	.rtl .mada-project-wrapper .zigzag .flex-row-reverse .project-place,
	.rtl .mada-project-wrapper .zigzag .flex-row-reverse .project-category,
	.rtl .mada-project-wrapper .zigzag .flex-row-reverse .project-title,
	.rtl .mada-project-wrapper .zigzag .flex-row-reverse .project-button,
	.rtl .mada-project-wrapper .zigzag .flex-row-reverse .thin-arrow-wrapper {
			text-align: right !important;
	}
	.rtl .project-content {
		padding-right: 15px;
		padding-left: initial;
	}
   .rtl .pattern-left::after {
        width: 150px;
        height: 150px;
    }
	.rtl div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column,
	.rtl div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column {
		padding-left: 0;
		padding-left: initial;
	}
}