.services-content .service-item .content .title::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    background: rgba(16, 36, 71, 0.7);
    content: '';
    transform: skewY(-15deg);
    -webkit-transform: skewY(-15deg);
    -moz-transform: skewY(-15deg);
    -ms-transform: skewY(-15deg);
    -o-transform: skewY(-15deg);
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    outline: none !important;
}

@font-face {
    font-family: Cairo;
    src: url(../fonts/Cairo-Regular.ttf);
}

@font-face {
    font-family: CairoBold;
    src: url(../fonts/Cairo-Bold.ttf);
}

@font-face {
    font-family: CairoExtraBold;
    src: url(../fonts/Cairo-Black.ttf);
}

body {
    font-family: Cairo, serif !important;
    font-size: 14px;
    color: #fff;
    text-align: right;
}
.fw-bold,
.fw-semiBold{
    font-family: CairoBold;
}

.fw-extraBold {
    font-family: CairoBlack;
}

.fw-normal {
    font-family: Cairo;
}
.header-menu ul.main-menu li.menu-item a {
    font-family: Cairo;
}
.home-service-intro h2::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 95px;
    height: 1px;
    background: #fff;
    z-index: 1;
}
.home-hotel-heading h3::before {
    position: absolute;
    right: 0;
    width: 95px;
    height: 1px;
    background: #C19B76;
    content: '';
    top: 0;
}
.home-service .elite-logo  {float: left; }
.btn-view-more .diamond i  {
     -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.btn-view-more span {
    margin-left: 0;
    margin-right: 1rem;
}
.footer-social,
.footer-contact{
    direction: ltr;
}
.hotel-select .select-arrow {
    left: 10px;
    right: unset;
}
.occupancy-detail select {
    padding-right: 0;
}
.home-service h3 {
    direction: ltr;
}
.slide-counter {
    text-align: left;
}
.slide-counter span {
    font-family: Cairo, serif;
}
.slide-counter {
    direction: ltr;
}
.reservation-form .date-input .icon-calendar {
    left: 15px;
    right: unset;
}
.description-heading h3::after {
    right: 0;
    left: unset;
}
span.language {
    margin: 0 .5rem;
}
.hotel-selection select{
    font-family: Cairo, serif;
}
.occupancy-detail select {
    padding-right: 10px;
    padding-left: 20px;
}
.language-select-wrapper .language-options {
    right: 15px;
}
.home-slider .slick-arrow.btn-prev .slide-control {
    padding-left: 10px;
}
.home-slider .slick-arrow.btn-next .slide-control {
    padding-left: 10px;
}
.location-search-wrapper{
    left: 10px;
    right: unset;
    direction: rtl;
}
.search-input.active{
    margin-left: 10px;
}
.zoom-control-wrapper {
    left: 20px;
    right: unset;
}
.location-detail-wrapper {
    direction: rtl;
    right: 0;
    left: unset;
}
.location-image {
    margin-left: 1rem;
}
.location-detail-wrapper .close {
    float: left;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    direction: ltr;
}
[dir='rtl'] .slick-slide
{
    float: left;
}
.slick-dots {
    direction: ltr;
}
.facility-list ul li p {
    font-family: Cairo, serif;
    margin-right: 1rem;
}
.type-table table td,
.type-table table th{
    font-family: Cairo, serif;
}
.btn-view-more {
    direction: ltr;
    justify-content: flex-end;
}
.btn-view-more span {
    margin-right: 0;
    margin-left: 1rem;
}

.services-content .service-item .content .title {
    padding-top: 30px;
    position: relative;
    padding-right: 15px;
    padding-left: 30px;
}
.hotels-content .hotel-item h3,
.detail-content .description{
    font-family: Cairo, serif;
}
.description  pre{
    font-family: Cairo, serif;
    word-break: break-all;
    width: 100%;
    white-space: break-spaces;
    overflow: unset;
}
.occupancy-item {
    direction: ltr;
}
.occupancy-item:first-child {
    margin-left: 10px;
    margin-right: 0;
}
.modal-header .close {
    padding: 0;
    margin: 0;
}
/* fahd */
.faci_cont {
    float: right;
}
.faci_cont .icon {
    float: right;
}
.facility-accord .icon {
    margin-left: 1rem;
    margin-right: initial;
    float: right;
}
.accordion__item > .accordion-header:after {
    float: left;
}
@media (min-width: 1920px){
    .services-content .service-item .content .title {
        padding-left: 90px;
    }
}

#font-size-toggle {left: 0px !important; right: auto !important; transform: translate(calc(-90px + 2.7em)) }