@font-face { font-family: tajawal-regular; src: url('../fonts/tajawal-regular.ttf'); } 
@font-face { font-family: tajawal-medium; src: url('../fonts/tajawal-medium.ttf'); } 
@font-face { font-family: tajawal-extrabold; src: url('../fonts/tajawal-extrabold.ttf'); } 

html[dir=rtl] body{
    font-family: tajawal-regular;
}
html[dir=rtl] .regular{
    font-family: tajawal-regular!important;
}
html[dir=rtl] .medium{
    font-family: tajawal-medium!important;
}
html[dir=rtl] .bold{
    font-family: tajawal-extrabold!important;
}

html[dir=rtl] .navbar-light .navbar-nav .nav-link, 
html[dir=rtl] .point-box, 
html[dir=rtl] .property-title,
html[dir=rtl] .property-widget ul.amenities li,
html[dir=rtl] .property-desc-list p, 
html[dir=rtl] .grey-list-box p, 
html[dir=rtl] .check-list p, 
html[dir=rtl] .feature-list p, 
html[dir=rtl] .filter-radio-div .form-check-label {
    font-family: tajawal-medium!important;
}
html[dir=rtl] p.sidebar-title, 
html[dir=rtl] .text-radio label, 
html[dir=rtl] .sidebar-white-box .price-line, 
html[dir=rtl] .price-box .second, 
html[dir=rtl] .price-box .third, 
html[dir=rtl] .show-btn, 
html[dir=rtl] .title, 
html[dir=rtl] .mini-title, 
html[dir=rtl] p.small-title, 
html[dir=rtl] .property-title-list-div p.property-title, 
html[dir=rtl] .plan-box .second, 
html[dir=rtl] .plan-box .third, 
html[dir=rtl] .search-plan-box .second, 
html[dir=rtl] .search-plan-box .third, 
html[dir=rtl] .page-link, 
html[dir=rtl] .search-result-banner h3, 
html[dir=rtl] .search-result-banner p{
    font-family: tajawal-extrabold!important;
}

html[dir=rtl] .top-header span.me-2{
    margin-left: .5rem!important;
}
html[dir=rtl] .navbar-brand .logo {
    left: auto;
    right: 70px;
}
html[dir=rtl] .navbar-nav {
    padding-left: 0;
    padding-right: 150px;
}
html[dir=rtl] span.me-2, 
html[dir=rtl] img.me-2{
    margin-left: .5rem!important;
    margin-right: 0!important;
}

	
	html[dir=rtl] .property-rating-prop-mini_ribbon {

		text-align: left!important;

	}
	
	
html[dir=rtl] 	.invoice-page .container .page h2 {
     font-family: tajawal-medium!important;
}
	
		html[dir=rtl] .telp {
     transform: scaleX(-1);
}
	
	
	
	html[dir=rtl] 	.agreed-title {
     font-family: tajawal-medium!important;
}
		html[dir=rtl] 	.contract-title {
     font-family: tajawal-medium!important;
}
	
	html[dir=rtl] .chalet_prop_mini_ribbon {
	white-space: nowrap;
	text-align: left;
}

html[dir=rtl] span.me-1 {
    margin-left: 0.25rem!important;
    margin-right: 0!important;
}
html[dir=rtl] .search-bar-div .search-btn {
    margin-left: 0;
    margin-right: 12px;
	padding-bottom: 2px;
}
html[dir=rtl] .search-advanced-input-icon {
    position: absolute;
    right: auto;
    left: 12px;
    bottom: 12px;
    cursor: pointer;
}
html[dir=rtl] .search-advanced-input-icon-div .form-control {
    padding-right: 20px;
    padding-left: 60px;
}
html[dir=rtl] .property-link-btn {
    right: auto;
    left: 18px;
    transform: rotate(180deg);
}
html[dir=rtl] .navbar-light .navbar-nav .nav-link {
    font-size: 18px;
}
html[dir=rtl] .plan-box .first {
    font-size: 12px!important;
}
html[dir=rtl] .plan-box {
    padding: 15px 5px 15px;
}

html[dir=rtl] .plan-box .fourth{
    font-size: 10px!important;
	font-weight: 600;
}
html[dir=rtl] .search-rental-dates-box .edit{
	padding-left: 15px;
	font-family: tajawal-extrabold!important;
}
html[dir=rtl]  .chalet-managed-by-box {
	font-size: 12px;
}
html[dir=rtl] .property-title-list-div p.property-title{
    font-size: 18px;
   font-weight: 600;
   font-family: tajawal-medium;
}
html[dir=rtl] .fontreg {
   font-family: tajawal-medium!important;
}
html[dir=rtl] .amenities-font {
    font-size:  12px!important;
}
html[dir=rtl] .plan-box-new{
   
	height: 50px;
}
html[dir=rtl] #main-menu-whatsapp {
	right: 80%;
}
html[dir=rtl] .search-plan-box .white-btn{
    font-size: 10px;
	font-weight: 600;
}
.Telecall{
	font-size: 22px!important;
	margin-left: 70px;
}
html[dir=rtl] .search-rental-dates-box .date {
	font-family: tajawal-extrabold!important;
	font-size: 12px;
}

@media (min-width: 992px){
    html[dir=rtl] .text-lg-start {
        text-align: right!important;
    }
}
html[dir=rtl] .footer-side-img {
    left: auto;
    right: 0;
    transform: rotateY(180deg);
}
html[dir=rtl] .footer .me-3 {
    margin-left: .5rem!important;
    margin-right: 0!important;
}
html[dir=rtl] .footer .me-4{
    margin-left: 1rem!important;
    margin-right: 0!important;
}
@media (min-width: 1200px){
    html[dir=rtl] .pe-xl-5 {
        padding-left: 3rem!important;
        padding-right: 0!important;
    }
}
html[dir=rtl] #sidebar-wrapper-div {
    right: 0;
    left: auto;
}
html[dir=rtl] .sidebar-side-img1 {
    right: auto;
    left: 0;
}
html[dir=rtl] .menu-listing li span {
    margin-left: 18px;
    margin-right: 0;
}
html[dir=rtl] .sidebar-white-box .box-img {
    margin-left: 10px;
    margin-right: 0;
}
html[dir=rtl] .point-box {
    margin-left: 5px;
    margin-right: 0;
}
html[dir=rtl] .favourite-icon {
    left: 0;
    right: 15px;
}
html[dir=rtl] .sidebar-white-box .call-line .pink-text svg{
    transform: rotate(180deg);
}
html[dir=rtl] .sidebar-side-img {
    right: 0;
    left: auto;
    transform: rotateY(180deg);
}
html[dir=rtl] .pink-btn.me-3{
    margin-left: 1rem!important;
    margin-right: 0!important;
}
html[dir=rtl] .sidebar-contact-box .box-img {
    margin-left: 15px;
    margin-right: 0;
}
html[dir=rtl] .sidebar-contact-box a svg {
    transform: rotate(180deg);
}
html[dir=rtl] .star-li{
    padding-right: 0;
    padding-left: 0;
}
html[dir=rtl] .book-now-div .text-end {
    text-align: left!important;
}
html[dir=rtl] .close-book-div-absolute {
    left: 10px;
    right: auto;
}
html[dir=rtl] .lightpick__month-title .lightpick__select-months {
    margin-left: 0.5em;
    margin-right: 0;
    text-align: right;
}
html[dir=rtl] .pink-round {
    margin-left: 8px;
    margin-right: 0;
}
html[dir=rtl] .lightpick__previous-action{
    order: 2;
}
html[dir=rtl] .lightpick__next-action{
    order: 1;
}
html[dir=rtl] .right-min-w-div svg.me-2{
    margin-left: .5rem!important;
    margin-right: 0 !important;
}
html[dir=rtl] .owl-carousel.owl-rtl .property-box-div {
    direction: rtl;
}
html[dir=rtl] .text-end.read-more-btn{
    text-align: left!important;
}
html[dir=rtl] .back-btn{
    transform: rotate(180deg);
}
html[dir=rtl] .property-search-list-box-img-div {
    margin-left: 20px;
    margin-right: 0;
}
html[dir=rtl] .property-search-list-book-div p span.pink-text svg{
    transform: rotate(180deg);
}
html[dir=rtl] .property-search-list-book-div p span.ms-2{
    margin-right: 0.5rem!important;
    margin-left: 0 !important;
}
html[dir=rtl] .page-link svg{
    transform: rotate(180deg);
}
html[dir=rtl] .search-result-banner-bg-img{
    left: auto;
    right: 0;
    transform: rotateY(180deg);
}
html[dir=rtl] .close-search-banner{
    right: auto;
    left: 10px;
}
html[dir=rtl] .form-check {
    padding-right: 1.5em;
    padding-left: 0;
}
html[dir=rtl] .form-check .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0;
}
html[dir=rtl] .close-search-filter {
    right: auto;
    left: 10px;
}
html[dir=rtl] .price-box .first {
    font-size: 13px!important;
}

html[dir=rtl] .search-advanced-input-icon-div {
	zoom: 1.2;
}
html[dir=rtl] .top-header p {
    font-size: 14px!important;
    font-family: tajawal-regular!important;
}
html[dir=rtl] .btn2:hover{
	font-size: 12px!important;
	font-family: tajawal-extrabold!important;
}
html[dir=rtl] .btn2{
	font-size: 12px!important;
	font-family: tajawal-extrabold!important;
}
html[dir=rtl] .property-title{
    font-family: tajawal-extrabold!important;
}

/*rtl responsive css for bigger mobile screen*/

@media only screen and (max-width: 360px) {
	html[dir=rtl] .mini-title{
  	    font-size: 50px;
	}
}
/*rtl responsive css for smaller iphone*/

@media only screen and (min-width: 375px) and (max-width: 400px)  {
	html[dir=rtl] .mini-title{
  	    font-size: 28px;
	}
	html[dir=rtl] .search-plan-box .reg-text{
		font-size: 8px!important;
	    line-height: 18px;
		font-family: tajawal-regular!important;
	}
	html[dir=rtl] .plan-box .fourth{
    	letter-spacing: -0.5px;
	}
	html[dir=rtl] .search-plan-box .white-btn .hover-text{
		font-size: 8px!important;
	    line-height: 18px;
		font-family: tajawal-extrabold!important;
	}
	html[dir=rtl] .mobile-property-div .property-title{
		font-size: 18px!important;
		 font-family: tajawal-extrabold!important;
	}
	/*html[dir=rtl] .property-id {
	    font-size: 12px!important;
		 font-family: tajawal-medium!important;
		   letter-spacing: -1px;
	}*/
	html[dir=rtl] .update-title {
	    font-size: 5px!important;
	}
}

/*rtl between samsung and iphone test*/
@media only screen and (min-device-width: 360px) and (max-device-width: 370px) {
    html[dir=rtl] .search-plan-box .first {
	    font-size: 14px!important;
	    line-height: 18px!important;
	    margin-bottom: 0;
	    font-family: tajawal-extrabold!important;
	}
	html[dir=rtl] .property-widget ul.amenities li, .property-desc-list p{
		font-size: 13px!important;
		 font-family: tajawal-regular!important;
	}
	html[dir=rtl] .mobile-property-div .price-box .second {
    	font-size: 13px;
	}
	html[dir=rtl] .mobile-property-div .price-box .third {
		font-size: 15px!important;
	}
	html[dir=rtl] .mobile-property-div .property-title{
		font-size: 19px!important;
		font-family: tajawal-extrabold!important;
	}
	html[dir=rtl] .search-plan-box .reg-text{
		font-size: 14px!important;
	    line-height: 18px;
	}
	html[dir=rtl] .search-plan-box .white-btn .hover-text{
		font-size: 14px!important;
	    line-height: 18px;
		font-family: tajawal-extrabold!important;
	}
	html[dir=rtl] .search-plan-box .white-btn{
        font-size: 12px!important;
		font-weight: 600;
	}
	html[dir=rtl] .mini-title{
	  	font-size: 50px;
	}
}

/*rtl responsive css*/
@media only screen and (min-device-width: 1200px) and (max-device-width: 1400px){
    html[dir=rtl] .hand-img {
        left: 0;
        right: auto;
        transform: rotateY(180deg);
    }
}
@media only screen and (max-width: 1200px) {
    html[dir=rtl] .navbar-brand .logo {
        left: auto;
        right: 0;
    }
}

@media only screen and (min-device-width: 575px) and (max-device-width: 991px){
    html[dir=rtl] .property-search-list-box .group-tag {
        left: 0;
        right: 0;
    }
}

@media only screen and (max-width: 575px) {
	html[dir=rtl] .mobile-property-div .property-box-img-div::before {
		-webkit-transform: skew(5deg, 0deg);
		transform: skew(5deg, 0deg);
		right: -25px;
		left: auto;
	}

	html[dir=rtl] .mobile-property-div .property-box-img-div {
		margin-left: 0;
		margin-right: auto;
	}

	html[dir=rtl] .property-id {
    font-size: 11px!important;
		line-height: 18px;
		background-color: #3c3c3a66;
		width: 32%;
		padding-left: 2px;
		padding-right: 2px;
		border-radius: 5px;
		height: 18px;
		text-align: center;
		margin-top: 2px;

}

	html[dir=rtl] .mobile-property-div .search-plan-box .for-sale {
		font-family: tajawal-extrabold!important;
	}
	
	

	html[dir=rtl] .price-box-sale2 {
	
	 font-size: 17px!important;
	
}
	html[dir=rtl]	.price-box .price-icon2{
		left: 0;
		margin-left: 20px;
	}

	html[dir=rtl] .mobile-property-div .group-tag {
		right: auto !important;
		left: 10px !important;
	}

	html[dir=rtl] .res-property-share-icon {
		right: 15px;
		left: 20px;
	}

	html[dir=rtl] .mobile-property-div .price-box-div {
		margin-right: -10px;
	}
	
	
	html[dir=rtl] .search-rental-dates-box .date {
		font-family: tajawal-regular !important;
		font-size: 11px;
	}

	html[dir=rtl] .chalet_mini_ribbon {
		right: auto;
		left: 5px;
	}

	html[dir=rtl] .chalet_mini_ribbon2 {

		width: 90px;
		top: 0;

		right: 5px;
	}
	
	html[dir=rtl] .property-rating-prop-mini_ribbon {
		text-align: right!important;
	}
	

	html[dir=rtl] .rtlimg {
		transform: scaleX(-1) !important;
	}

	html[dir=rtl] .rtlimg:hover {
		transform: scaleX(-1) !important;
	}

	html[dir=rtl] .rtlimg:active {
		transform: scaleX(-1) !important;
	}

	html[dir=rtl] .rtlimg:focus {
		transform: scaleX(-1) !important;
	}

	html[dir=rtl] .image-numbers {
		left: 10px;
		right: auto;
	}

	html[dir=rtl] .mobile-property-div .property-search-list-box {
		padding-left: 10px;
		padding-right: 0;
	}

	html[dir=rtl] .mobile-property-div .property-search-list-box-img-div {
		margin-left: 20px;
		margin-right: 0;
	}

	html[dir=rtl] .mobile-property-div .property-search-list-box .group-tag {
		left: 12px;
		max-width: 45px;
	}

	html[dir=rtl] .mobile-property-div .property-search-list-box .group-tag.group-tag-for-sale,
	html[dir=rtl] .mobile-property-div .property-search-list-box .group-tag.group-tag-sold {
		left: auto;
		right: 96px;
	}

	html[dir=rtl] .plan-box {
		padding: 10px 5px 15px !important;
	}

	html[dir=rtl] .plan-box .first {

		font-size: 12px !important;
		font-family: tajawal-extrabold !important;
		
	}

	html[dir=rtl] .div-ft-11 p,
	.div-ft-11 .plan-box > span > span {
		font-size: 12px;

	}

	html[dir=rtl] .property-title-list-div p.property-title {

		font-family: tajawal-extrabold !important;

	}

html[dir=rtl] .small-calendar-section .calendar-navigation .prev,
html[dir=rtl] .small-calendar-section .calendar-navigation .next {

		font-family: poppins-bold!important;
		font-size: 22px!important;
		padding-left: 15px;
				transform: scale(-1, 2)!important;
	-webkit-transform: scale(-1, 2)!important;
	}
	

	html[dir=rtl] .id2 {
	
	font-family: tajawal-medium!important;
}



	html[dir=rtl] .show-btn { /* to avoid gap in the bottom - shifted button to top  */

		margin-right: 375px;
	}


	html[dir=rtl] .property-title {

		font-family: tajawal-extrabold !important;

	}

	html[dir=rtl] .header .mobile-title {

		font-family: tajawal-extrabold !important;
		margin-right: auto;
		margin-left: auto;

	}


	html[dir=rtl] .mobile-property-div .price-box .first {
		font-size: 10px;
		line-height: 10px;
		font-family: tajawal-extrabold !important;
		padding-bottom: 10px;
	}


	html[dir=rtl] .search-plan-box .first {
		font-size: 12px !important;
		font-family: tajawal-extrabold !important;
	}

	html[dir=rtl] .search-advanced-input-icon-div {
		zoom: 1.1;


	}

	html[dir=rtl] .btn2:hover {
		font-size: 12px !important;
		font-family: tajawal-extrabold !important;
	}

	html[dir=rtl] .btn2 {
		font-size: 12px !important;
		font-family: tajawal-extrabold !important;
	}

	html[dir=rtl] .price-box .first {
		font-size: 12px !important;
	}

	html[dir=rtl] .mobile-property-div .price-box {
		font-size: 14px;
		padding: 15px 5px 10px;
	}

	html[dir=rtl] .hero-content .title {
		font-size: 30px !important;
	}

	html[dir=rtl] .search-plan-box .white-btn {
		font-size: 8px !important;
		font-weight: 600;
	}
}
@media only screen and (min-width: 375px) and (max-width: 400px) {

	html[dir=rtl] .property-search-list-box-content{
	    height: 100%;
		line-height: 120%;
		margin-top: 30px;
	}

	html[dir=rtl] .mobile-property-div .property-title{
		font-size: 15px!important;
	}

	html[dir=rtl] .search-plan-box {
	    zoom: 0.9;
	}
}