body {
    font-family: "archia-r";
}

.header-hint,
.header-title,
.section-title,
.contact-title,
.feature-list-item .title,
.options-card .card-body {
	font-family: "lvy-mode-r";
}

.content-with-img .header-content {
	text-align: left;
}

.content-with-img .header-hint {
	text-align: left;
}

main .project-status .section-title {
	max-width: 740px;
    line-height: 100px;
}

.sec_1 .section-desc-content,
main .features .section-desc-content {
	max-width: 526px;
	line-height: 32px;
	margin: 0 0 0 auto;
}

.features .section-title {
	max-width: 600px;
    font-size: 80px;
    line-height: 100px;
}

main .img-slide {
	left: -55px;
}

.options-card .card-head .street {
	left: 16px;
    width: 240px;
}

.options-card .card-head .share-link {
    left: auto;
	right: 0;
}

.options-card .card-body .more-btn {
    font-family: "almarai-r";
}

main .features .features-content .features-img-content {
	margin: 0 0 0 auto;
}

main .features .features-content .features-img-content .feature-img:first-child {
	margin-left: 0;
	margin-right: 35px;
}

main .feature .f-title {
	margin-right: 0;
	margin-left: 11px;
}

main .feature-icons {
	max-width: 323px;
}

.options .section-title {
	max-width: 588px;
}

main .partners .section-title {
	max-width: 443px;
}

main .contact .contact-form .input-layout {
	text-align: left;
}

main .contact .contact-title {
	margin-bottom: 32px;
}

.villa-img-swiper .swiper-pagination {
    margin: 10px 0 0 auto;
}

.villa-image-swiper .swiper-button-next {
	right: 75px;
	left: auto;
}

.villa-image-swiper .swiper-button-prev {
	left: 75px;
	right: auto;
}

.dialog-villa .villa-btn.fill-btn {
	margin-right: 16px;
	margin-left: 0;
	width: 180px;
	font-family: "abd-elradi-b";
}

.details-villa {
	font-family: "abd-elradi-b";
}

.villa-img-swiper .buttons {
	direction: rtl;
}

@media (max-width: 1199px) {
	main .status-project .sp-card {
		flex-direction: row;
	}
	main .status-project .title-status {
		text-align: left;
		margin-left: 15px;
		margin-right: 0;
	}
}

@media (max-width: 991px)
{
	.sec_1 .section-desc-content, main .features .section-desc-content {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
	.dialog-villa #villa-details-close-btn {
		right: 20px;
		left: auto;
	}
}

@media (max-width: 576px) {
	.content-with-img .header-hint {
		text-align: center;
	}
	main .project-status .section-title, main .features .section-title, .options .section-title {
		font-size: 42px;
		line-height: 70px !important;
	}
}

@media (max-width: 460px) {
	main .project-status .section-title, main .features .section-title, .options .section-title {
		font-size: 34px;
		line-height: 54px !important;
	}
}