@font-face {
    font-family: "Tajawal-Medium";
    src: url("../fonts/Tajawal/Tajawal-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Tajawal-Regular";
    src: url("../fonts/Tajawal/Tajawal-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Tajawal-Light";
    src: url("../fonts/Tajawal/Tajawal-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h3 {
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6,
span,
div,
article,
section,
main,
li,
p,
button,
a {
    font-family: "Tajawal-Medium" !important;
}

body {
    /* direction: rtl; */
}

.bidi {
    unicode-bidi: plaintext !important;
}

.rtl {
    direction: rtl !important;
}
.ltr {
    direction: ltr !important;
}

.pg-home header.main-header {
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.65) !important;
}

.pg-home header.main-header nav li a,
.pg-home header.main-header nav li button {
    color: #fff;
}

.pg-home header.main-header nav li a:hover,
.pg-home header.main-header nav li button:hover {
    color: rgb(123, 147, 214);
}
.pg-home header.main-header nav #myCartDropdownButton {
    background-color: #d9d9d9;
}

.pg-home header.main-header .user-ul a {
    color: #6b6969;
}

.pg-home header.main-header .category-ul a {
    color: #6b6969;
}

.pg-home header.main-header .logo {
    filter: brightness(10);
}

.datatable-wrapper .datatable-table,
.datatable-wrapper .datatable-table th {
    text-align: start !important;
}

.pg-content p {
    line-height: 1.8;
}

.z-100 {
    z-index: 100;
}

.fi-section .fi-section-header-heading {
    font-size: var(--text-lg);
}

.online-booking-form-section {
    background-color: rgb(236, 221, 194);
    background-image: url('../img/booking-form-bg.png');
    background-position: center top;
    background-size: cover;
    height: 100%;
    width: 100%;
}


@media (max-width: 700px) {
    .fi-in-table-repeatable>table>tbody>tr {
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 3);
    display: grid;
}
}

body:has(.contact-page-section) .front-footer {
    display: none;
}


.html-content-entry table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.html-content-entry th, .html-content-entry td {
  padding: 8px;
  border: 1px solid #ddd;
  text-align: start;
}

.html-content-entry th {
  background-color: #f2f2f2;
  color: #333;
}

.html-content-entry tr:nth-child(even) {
  background-color: #fdfdfd;
}