@font-face {
    font-family: 'Manal Sans';
    src: url('../fonts/manal-regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Manal Sans';
    src: url('../fonts/manal-medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Manal Sans';
    src: url('../fonts/manal-bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Manal Sans';
    src: url('../fonts/manal-black.ttf') format('truetype');
    font-weight: 900;
}

html{
    font-size: 16px;
}

body,
.navbar .navbar-nav .nav-link,
h1, h2, h3, h4, h5, h6,
p,
.footer-contact-phone,
.booking-box .head-box h4,
.butn-dark a,
.services .content .info h6,
.section-title,
.section-subtitle,
.butn-light a,
.booking-box .head-box h6,
.header .caption h1,
.header .caption h4,
.rooms1 .item .con .permalink,
.navbar .dropdown-menu .dropdown-item
{
    font-family: "Tajawal", sans-serif;
}

.language-link.ar-text,.language-link.ar-text span{
  font-family: "gill sans" !important;
}

.navbar .dropdown-menu li {
    text-align: right;
}

.modal-header .btn-close {
    margin-inline-end: unset;
    margin-inline-start: auto;
}

@media (min-width: 992px) {
    .navbar-collapse .navbar-nav {
        transform: translateX(0);
    }
}

.rooms1 .item .con .permalink i {
    transform: rotate(180deg);
    display: inline-block;
}

.rooms1 .item .con {
    text-align: right;
}

.footer-language i {
    right: unset;
    left: 30px;
}

.header .caption h1,.header .caption h4 {
    letter-spacing: 0px;
}
.section-subtitle, .booking-box .head-box h6 {
    letter-spacing: 0px;
}
.butn-dark a,.services .content .info h6 {
    letter-spacing: 0px;
}
.butn-light a {
    letter-spacing: 0px;
}

.footer-explore-list li a:before {
    left: unset;
    right: 0;
}

.footer-explore-list li a:hover {
    padding-right: 15px;
    padding-left: 0px;
}

.rooms1 .item .con .permalink {
    letter-spacing: 0px;
}

.navbar .navbar-nav .nav-link,
.navbar .dropdown-menu .dropdown-item {
    font-size: 1.0625rem;
}

.rooms1 .item .con {
    bottom: -42px;
}