:root {
--bs-blue: #000;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #000;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0rem;
--bs-border-radius-sm:0rem;
--bs-border-radius-lg: 0rem;
--bs-border-radius-xl: 0rem;
--bs-border-radius-2xl: 0rem;
--bs-border-radius-pill: 0rem;
--bs-link-color: #000;
--bs-link-hover-color: #000;
--bs-code-color: #d63384;
--bs-highlight-bg: #fff3cd;
}


body{
font-family: "Noto Kufi Arabic", sans-serif;
font-size: 14px;
color: black;
line-height: 1.42857143;
direction:rtl;
font-size: 12px;
/*font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 17px;*/
}
h1,h2,h3,h4,h5,h6,p{
margin: 0;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover {
color: #23527c;
text-decoration: none;
}
h5, .h5 {
    font-size: 1rem;
}
h3, .h3 {
    font-size: 0.8rem;
}
.btn {
    --bs-btn-font-size: 0.8rem;
}
.row-0 {
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}

.pagination {
--bs-pagination-active-bg: #000;
--bs-pagination-active-border-color: #000;
--bs-pagination-border-radius:0;
}
.page-link:focus {
outline: 0;
box-shadow: none;
}
p.card-text-cat {
text-align: center;
font-size: 22px;
font-family: "Noto Kufi Arabic", sans-serif;
}
img.img-cat {
height: 300px;
transition: 0.3s;
}
img.img-cat:hover {
filter: brightness(0.8);
-webkit-filter:brightness(0.8);
}
.nav-slide {
width: 64px;
margin-top: 15px;
position: fixed;
z-index: 999;
}
.nav-pills .nav-link {
border-radius:0;
padding: 5px;
}
.nav {
--bs-nav-link-padding-x: 0;
--bs-nav-link-padding-y: 0!important;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-link-color);
--bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: #6c757d;
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-item-horizontal > div > a{
white-space: normal;
font-family: "Noto Kufi Arabic", sans-serif;
width: 64px;
height: 64px;
line-height: 17px;
font-size: 12px;
display: flex;
align-items: flex-end !important;
vertical-align: bottom;
padding-right: 3px;
padding-bottom: 3px;
text-align: right;
opacity: 0.8;
}
.dropdown-item-horizontal{
white-space: normal;
font-family: "Noto Kufi Arabic", sans-serif;
width: 70px;
height: 65px;
display: flex;
align-items: flex-end !important;
vertical-align: bottom;
/*    border-right: 1px solid #c0c0c0;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;*/
padding-right: 3px;
padding-bottom: 3px;
text-align: right;
opacity: 0.8;
font-size: 12px;
line-height: 15px;
}

.dropdown-toggle::after {
display: none;
}
.dropend .dropdown-toggle::after {
display: none;
}
ul.d-horizontal{
transform: translate3d(-158px, 0px, 0px);
border: 0;
background: transparent;
--bs-dropdown-bg :transparent;
}
ul.d-horizontal.show{
display: flex;
--bs-dropdown-padding-y: 0;
margin-left: -2px !important;
transform: translate3d(-64px, 0px, 0px) !important;
background: transparent;
}
.d-horizontal > li {
border-right: 0;
border: 0;
border-left: 1px solid;
background: #f5f5f5;
}
.d-horizontal > li:last-child{
border-right: 0;
}
.dropdown-menu {
border-radius: 0;
z-index: 9999;
}
.dropdown-item-horizontal:hover, .dropdown-item-horizontal:focus {
color: #f5f5f5;
background-color: #000;
}
.dropdown:hover>.d-horizontal {
display: flex;
width: 100%;
inset: 0px auto auto 0px;
--bs-dropdown-padding-y: 0;
margin-left: -2px !important;
}
.dropdown>.dropdown-toggle:active {
*pointer-events: none;
}
.nav-fa-lg {
font-size: 1.562em;
margin-top: 4px;
}
.main{
z-index: -1;
}
.card {
--bs-card-border-width: 0;
z-index: 0;
}
.form-check-input:checked {
background-color: #000000;
border-color: #000000;
}
.form-check-input:focus {
border-color: #000;
outline: 0;
box-shadow: none;
}
.form-switch .form-check-input:focus {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23cccccc'/></svg>");
}
.navbar {
z-index: 99;
height: 60px;
margin-left: 60px;
}
.full-width {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.page-header {
background: #adadad !important;
border-width: 1px 0px 0px;
border-right-style: initial;
border-bottom-style: initial;
border-left-style: initial;
border-color: initial;
border-image: initial;
border-top-style: solid;
padding: 0;
width: 100%;
*margin-top: -24px;
}
.books-header {

background-color: #E3D0B5;
background-image: url(../img/book_cover-min.jpg);
background-position: center center;
background-size: cover;
border-width: 1px 0px 0px;
border-right-style: initial;
border-bottom-style: initial;
border-left-style: initial;
border-color: initial;
border-image: initial;
border-top-style: solid;
padding-top: 230px;
width: 100%;
margin-top: 16px;
height: 503px;
font-weight: 400;
font-size: 28px;
line-height: 35px;
font-family: "Noto Kufi Arabic", sans-serif;
font-style: italic;
}
.book-title{
text-align: center;
color: #1e1e1e;
font-size: 3.235em;
font-family: "Noto Kufi Arabic", sans-serif;
}


.book-title:after {
content: ' ';
display: block;
border-top: 1px solid #222222;
height: 0;
width: 8%;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
min-width: 2em;
left: 0;
bottom: 0em;
}

.footer-title {
text-align: right;
color: #1e1e1e;
font-size: 16px;
font-family: "Noto Kufi Arabic", sans-serif;
}

.footer-title:after {
content: ' ';
display: block;
border-top: 1px solid #79797980;
height: 0;
width: 13%;
margin-top: 10px;
margin-bottom: 10px;
/* margin-left: auto; */
/* margin-right: auto; */
min-width: 2em;
left: 0;
bottom: 0em;
}

.fab {
color: rgba(30,30,30,0.4);
}

.fab-thumbnail {
--bs-bg-opacity: 1;
background-color: #e3e3e3;
border-radius: 50%;
height: 34px;
width: 34px;
}
.fab-thumbnail:after {
vertical-align: text-bottom;
}

.carousel-inner {
overflow: inherit;
}

.carousel-caption_ {
bottom: 3.25rem;
background: #00000080;
font-size: 18px;
position: fixed;
z-index: 90;
width: 50%;
font-weight: bold;
}

.carousel-caption_ > p > a{
    font-size: 16px;
    color: #f1f1f1;
}


.carousel-caption_top {
    top: 3.25rem;
    left: 0;
    background: #00000080;
    font-size: 18px;
    position: absolute;
    z-index: 90;
    width: 20%;
    font-weight: bold;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.carousel-caption_top > p  > a{
    font-size: 16px;
    color: #f1f1f1;
}


.carousel-caption_book {
bottom: 25% !important;
text-align: right;
line-height: 32px;
letter-spacing: 0px;
font-weight: 300;
font-size: 25px;
font-family: 'Yanone Kaffeesatz', 'sans-serif' !important;
/*    background: #0000009c;*/
padding: 15px;

z-index: 9;
background-color: rgba(255, 255, 255, 0);
font-style: italic;
height: auto;
color: rgb(255, 255, 255);
text-decoration: none;
white-space: normal;
min-height: 0px;
min-width: 0px;
max-height: none;
max-width: none;
text-align: center;
line-height: 34px;
letter-spacing: 0.6729px;
font-weight: 400;
font-size: 24px;
visibility: visible;
}
.carousel-indicators{
position: fixed;
z-index: 99;  
}
.btn {
font-style: normal;
}
.carousel-indicators_ {
position: absolute;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-left: 15%;
margin-bottom: 1rem;
margin-right: 15%;
list-style: none;
}

.carousel-itemm {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
}

.bg-commnet{
background: #adadad !important;
}
.bg-footer{
background: #eeeeee !important;
}

.carousel-item > img{
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
}

.carousel-commnet{
height: 375px;
}

.carousel-item_ > img {
position: relative;
min-height: initial;
min-width: initial;
height: 455px;
width: 100%;
object-fit: cover;
margin: auto;
}
.carousel-inner.carousel-inner_view {
padding-left: 65px;
padding-right: 65px;
background: lightgray;
margin: auto;
clear: both;
direction: initial;

width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;

}

.carousel-item-next:not(.carousel-item-start),
.carousel-commnet.active.carousel-item-end {
transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.carousel-commnet.active.carousel-item-start {
transform: translateX(-100%);
}

.carousel-caption-comment {
position: absolute;
right: 15%;
bottom: 25%;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center;
font-size: 22px;
font-family: 'Playfair Display';
-webkit-font-smoothing: antialiased;
}

.carousel-indicators [data-bs-target] {
width: 10px;
height: 10px;
border-radius: 50%;
opacity: 1;
background: #869791;
border-top: 0;
border-bottom:0;
opacity: 0.5;
}

.carousel-indicators > .active {
background-color: #D6D6D6;
} 
.carousel-control-next-icon {
background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
.carousel-item > img{
left: 0;
margin-left: 0;
width: 100%;
padding: 0;
margin: 0;
}
.carousel-inner.carousel-inner_view{

padding-left: 0;
padding-right: 0;

}
}

.pattern {
background-image: url(../img/pattern.png);
min-height: 970px;
margin-top: -15px;
display: block;
position: fixed;
left: 0;
top: 0;
overflow: hidden;
z-index: 2;
height: 100%;
width: 100%;
}

.btn-input {
cursor: pointer;
width: 20px;
height: 20px;
font-size: 12px;
float: left;
border-radius: 25px;
}
.btn-action-item{
position: absolute;
top: 5px;
left: 5px;
z-index: 99 !important;    
}

label.active {
border: 2px solid #1a8754 !important;
}
.btn-top {
position: absolute;
top: 10px;
left: 10px;
opacity: 0.9;
}
:root {
--animate-duration: 0.1s;
--animate-delay: 0.1s;
--animate-repeat: 1;
}
.animate {
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
z-index: -1;
}






.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(-158px, 0, 0);
    transform: translate3d(-158px, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(-158px, 0, 0);
    transform: translate3d(-158px, 0, 0);
  }
}



@-webkit-keyframes placeholder-shimmer {
0% {
background-position: -468px 0;
}

100% {
background-position: 468px 0;
}
}

@-moz-keyframes placeholder-shimmer {
0% {
background-position: -468px 0;
}

100% {
background-position: 468px 0;
}
}

@-ms-keyframes placeholder-shimmer {
0% {
background-position: -468px 0;
}

100% {
background-position: 468px 0;
}
}

@-o-keyframes placeholder-shimmer {
0% {
background-position: -468px 0;
}

100% {
background-position: 468px 0;
}
}

@keyframes placeholder-shimmer {
0% {
background-position: -468px 0;
}

100% {
background-position: 468px 0;
}
}

.btn-h:focus, .btn-h.focus {
text-decoration: none;
color: #f5f5f5;
-webkit-animation-name: placeholder-shimmer;
-moz-animation-name: placeholder-shimmer;
-ms-animation-name: placeholder-shimmer;
-o-animation-name: placeholder-shimmer;
animation-name: placeholder-shimmer;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;
background: #000;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #000), color-stop(20%, #333), color-stop(40%, #626262), color-stop(100%, #9a9a9a));
background-image: -webkit-linear-gradient(left, #000 0%, #333 20%, #626262 40%, #9a9a9a 100%);
background-image: -moz-linear-gradient(left, #000 0%, #333 20%, #626262 40%, #9a9a9a 100%);
background-image: -o-linear-gradient(left, #000 0%, #333 20%, #626262 40%, #9a9a9a 100%);
background-image: linear-gradient(left, #000 0%, #333 20%, #626262 40%, #9a9a9a 100%);
background-repeat: no-repeat;
position: relative;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: var(--bs-nav-pills-link-active-color);
background-color: #000000;
padding: 5px;
}
.nav-link {
color: #000000;
}
.fieldset {
all: revert;
border-radius: 0;
border-color: #fff;
padding-left: 20px;
padding-right: 20px;
}
.legend {
all: revert;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
font-size: 24px;
font-family: "Noto Kufi Arabic", sans-serif;
}
.btn{
border-radius: 0;
}
.btn-outline-primary {
--bs-btn-color: #000;
--bs-btn-border-color: #000;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #000;
--bs-btn-hover-border-color: #000;
--bs-btn-focus-shadow-rgb: 13, 110, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #000;
--bs-btn-active-border-color: #000;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #000;
--bs-gradient: none;
}
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: #000;
--bs-btn-border-color: #000;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #000;
--bs-btn-hover-border-color: #000;
--bs-btn-focus-shadow-rgb: 49, 132, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #000;
--bs-btn-active-border-color: #000;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #000;
--bs-btn-disabled-border-color: #000;
}
.form-control{
border-radius: 0;
border-color: #000;
font-size: 12px !important;
}
.form-control:focus {
color: #000;
background-color: #fff;
border-color: #000;
outline: 0;
box-shadow: none;
}
.form-control:not(:focus):hover, .form-select:not(:focus):hover {
border-color: #000;
}
.img-thumbnail {
border: 0;
border-radius: 0;
}
.form-select {
border: 1px solid #000000;
border-radius: 0!important;
}

.form-select:focus {
border-color: #000;
outline: 0;
box-shadow: none;
}
.img-thumbnail {
--bs-bg-opacity: 1;
background-color: #00000050;
}



.new_ftch {
margin-top: 10px;
margin-left: 10px;
position: absolute;
}
.file {
position: relative;
float: right;
padding: 8px;
margin: 0;
color: #3c434a;
list-style: none;
text-align: center;
-webkit-user-select: none;
user-select: none;
box-sizing: border-box;
}
.file-preview {
position: relative;
box-shadow: inset 0 0 15px rgb(0 0 0 / 10%), inset 0 0 0 1px rgb(0 0 0 / 5%);
background: #f0f0f1;
cursor: pointer;
}
.file-preview:before {
content: "";
display: block;
padding-top: 100%;
}
.file-preview.active {
box-shadow: inset 0 0 3px 0px #f0f0f1, inset 0 0 0 7px #239dd1;
outline: 2px solid transparent;
outline-offset: -6px;
}
.thumbnail {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 1;
transition: opacity .1s;
}
.thumbnail:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);
overflow: hidden;
}
.thumbnail img {
position: absolute;
width: 100%;
top: 0;
margin: auto;
padding: 5px;
bottom: 0;
left: 0;
right: 0;
}
.thumbnail .centered {
position: absolute;
top: 0;
width: 100%;
right: 0;
bottom: 0;
margin: auto;
left: 0;
}

.expand-width {
width: 100%;
object-fit: cover;
max-height: 400px; 
}
.btn_toolbar {
position: absolute;
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
pointer-events: none;
opacity: 0.35;
}

button.btn.btn-outline-secondary[aria-expanded="true"] {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
}

.img-collapse{
-webkit-filter: grayscale(100%);
opacity: 0.5;
filter: alpha(opacity=50);
}

.img-collapse:hover {
filter: gray;
-webkit-filter: grayscale(0%);
opacity: 1;
filter: alpha(opacity=100);
}

.img-collapse:hover,.image_cell > div[aria-expanded="true"] > img {
filter: gray;
-webkit-filter: none;
opacity: 1;
filter: alpha(opacity=100);
}

div[aria-expanded="true"] > img {
filter: gray;
-webkit-filter: none;
opacity: 1;
filter: alpha(opacity=100);
}

.image_cell {
position: relative;
margin-bottom: 1px;
}

.title_img {
position: absolute;
bottom: 0;

line-height: 27px;
top: 190px;
color: #fff;
height: 20px;
overflow: auto;
font-size: 14px;
overflow: hidden;
width: 100%;
height: 33px;
font-size: 1vw;
font-family: sans-serif, arial;
background: url(../img/pattern2.png);
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
position: absolute;
bottom: 0;
color: white;
padding: 3px 5px 0 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.title_img  > a,.title_img  > a:hover {
color: #fff;
}

div[aria-expanded="true"] > .title_img{
background: transparent;
}


div[aria-expanded="true"]{
/*height: 320px;*/

}

@media (max-width: 576px) and (min-width: 100px){
.carousel-caption_top,.carousel-caption_ {
  width: 100%;
}
.navbar {
margin-left: 0;
}
#map_container{
  display: none;
}
.bg-sm-light{
  background: #f9f9f9;
  color: #000;
}
.bg-sm-dark{
  background: #000;
  color: #fff;
}
.d-flex.flex-row-reverse.w-100.nav-mobile {
    padding: 4px 0 9px 0;
}

li.nav-item.dropdown {
    padding: 5px 20px;
    border-bottom: 1px solid #ccc;
}

li.nav-item.dropdown:last-child {
    border-bottom: 0;
}
}


.village_collapse{
height: 64px;
overflow: hidden;
cursor: pointer;
transition: height 1s ease;
border-bottom: 1px solid #1e1e1e;
border-top: 1px solid #1e1e1e;
margin-bottom: -1px;
transition: max-height 0.5s ease, opacity 0.5s ease;
}

.village_collapse[aria-expanded="false"] {
height: 64px;
}
.gmnoprint.gm-style-mtc-bbw {
    display: none;
}

 .village_collapse[aria-expanded="true"] {
-webkit-filter: none;
opacity: 1;
height: 100%;
filter: alpha(opacity=100);
}

 .village_collapse[aria-expanded="true"] div > img {
-webkit-filter: none;
opacity: 1;
height: 100%;
filter: alpha(opacity=100);
}

 .village_collapse[aria-expanded="true"] div > .collapse_title {
    background-color: #1e1e1e;
    color: #ffffff;
    padding: 10px;
 }
 .village_collapse[aria-expanded="false"] div > .collapse_title {
    line-height: 30px;
}
.collapse_title::first-line {
    font-weight: bold;
}
.collapse_text{
      padding-right: 10px;
}

.btn-bottom {
    position: absolute;
    margin-top: -40px;
    margin-left: 1px;
    z-index: 999999999;
    display: none;
}

 .village_collapse[aria-expanded="true"] * > .btn-bottom {
display: block;
 }



@media (max-width: 991px) and (min-width: 100px){
.title_img {
display: none;
}
}

@media only screen and (min-width: 768px){
.title_img {
top: 130px;
}
}

@media only screen and (min-width: 1200px){
.title_img {
top: 160px;
}
}

@media only screen and (min-width: 1400px){
.title_img {
top: 182px;
}
}


.image-expand{
max-height: 500px;
width: 400%;
}

i.text.handle {
float: left;
margin-right: 10px;
margin-top: 9px;
}

@media only screen and (min-width: 768px){
.image_cell:nth-of-type(4n+2) .image-expand {
margin-right: -100%;
}
}
@media only screen and (min-width: 768px){
.image_cell:nth-of-type(4n+3) .image-expand {
margin-right: -200%;
}
}
@media only screen and (min-width: 768px){
.image_cell:nth-of-type(4n+4) .image-expand {
margin-right: -300%;
}
}




.collapsing {
-webkit-transition: none;
transition: none;

}


img.img-collapse {
width: 100%;
padding-left: 1px;
height: 215px;
}

h3, .h3 {
font-size: 0.8rem;
}


p {
font-size: 14px;
}

.text-justify {
text-align: justify;
}

.btn-toolbar{
display: block;
}

ol, ul {
padding-left: 0;
}

.sticky-top {
z-index: 99;
}

.nav-tabs {
--bs-nav-tabs-border-width: 0;
--bs-nav-tabs-border-color: #dee2e6;
--bs-nav-tabs-border-radius: 0.375rem;
--bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
--bs-nav-tabs-link-active-color: #495057;
--bs-nav-tabs-link-active-bg: #f5f5f4;
--bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.nav-tabs .nav-link {
border-radius: 0;
}

.bg-tab {
padding: 15px;
background: #f5f5f4;
color: #797979;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color: var(--bs-nav-tabs-link-active-color);
background-color: #1e1e1e;
border-color: var(--bs-nav-tabs-link-active-border-color);
color: #fff;
}






.slider {
position: relative;
/* top: 50%; */
/* left: 50%; */
/* transform: translate(-50%, -50%); */
width: 100%;
direction: ltr;
/* height: 300px; */
/* box-shadow: 3px 3px 10px rgba(0,0,0,.2); */
}

.wrapper {
overflow: hidden;
position: relative;
width: 100%;
z-index: 1;
}

.slides {
display: flex;
position: relative;
top: 0;
direction: ltr;
left: 0;
width: 10000px;
}

.slides.shifting {
transition: left .2s ease-out;
}

.multiple-slide {
width: 200px;
height: 240px;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
transition: all 1s;
position: relative;
}

.slider.loaded {

}

.control {
position: absolute;
top: 50%;
width: 50px;
height: 50px;
background: #fff;
border-radius: 50px;
margin-top: -20px;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
z-index: 2;
}

.prev,
.next {
background-size: 22px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}

.prev {
background-image: url(https://cdn0.iconfinder.com/data/icons/navigation-set-arrows-part-one/32/ChevronLeft-512.png);
left: -32px;
margin-top: -60px;
}

.next {
background-image: url(https://cdn0.iconfinder.com/data/icons/navigation-set-arrows-part-one/32/ChevronRight-512.png);
right: -32px;
margin-top: -60px;
}

.prev:active,
.next:active {
transform: scale(.8);
}
p.card-text {
    font-size: 14px;
    line-height: 30px;
}
.dots i{
width: 10px;
height: 10px;
border-radius: 50%;
opacity: 1;
margin-right: 3px;
margin-left: 3px;
display:inline-block; background:#869791;}

.dots i.active {background:#D6D6D6;}

.card {
--bs-card-bg:transparent;
}


.list-group {
--bs-list-group-color: #212529;
--bs-list-group-bg: #fff;
--bs-list-group-border-color: rgba(0, 0, 0, 0.125);
--bs-list-group-border-width: 1px;
--bs-list-group-border-radius: 0;
--bs-list-group-item-padding-x: 1rem;
--bs-list-group-item-padding-y: 0.1rem !important;
--bs-list-group-action-color: #495057;
--bs-list-group-action-hover-color: #495057;
--bs-list-group-action-hover-bg: #f8f9fa;
--bs-list-group-action-active-color: #212529;
--bs-list-group-action-active-bg: #e9ecef;
--bs-list-group-disabled-color: #6c757d;
--bs-list-group-disabled-bg: #fff;
--bs-list-group-active-color: #fff;
--bs-list-group-active-bg: #000000 !important;
--bs-list-group-active-border-color: #000000!important;
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: 0;
}

.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #000000!important;
border-color: #000000!important;
}

.image_cell.active-item > div > img {
filter: gray;
-webkit-filter: none;
opacity: 1;
filter: alpha(opacity=100);
}

.main-menu_scrollspy {
position: absolute;
right: 0;
left: 0;
/* margin: auto; */
/* top: 0; */
/* bottom: 0; */
margin-top: 150px;
text-align: center;
font-family: 'Yanone Kaffeesatz', sans-serif;
}

.village_name {
font-size: 85px;
color: black;
margin-bottom: 30px;
-webkit-text-fill-color: white;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
z-index: 99 !important;
position: relative;
}
#village_home {
top: 0;
left: 0;
background: transparent center no-repeat;
background-size: cover;
}

.village_navigation {
font-size: 16px;
color: #ffffff;
background-color: #000000;
line-height: 16px;
padding: 9px;
width: 140px;
text-align: center;
display: inline-block;
float: left;
margin-right: 1px;
cursor: pointer;
text-decoration: none;
}

.center_image {
background-position: center;
background-repeat: no-repeat;
}

.fixed_position {
position: absolute;
}

.village_text_body {
font-size: 14px;
line-height: 23px;
background: #fff;
margin-top: 40px !important;
}

div#list-item-1 {
/*    margin-top: 650px !important;*/
}
a#list-item-1 {
margin-top: 630px !important;
}


img.icon_s {
width: 32px;
}


#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }   /*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }           /*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{display:inline;}


.offcanvas-body {
    padding: 0;
}
.offcanvas.offcanvas-start {
    width: calc(100% - 64px);
}
/*Map*/
    #map {
      height: 100%;
      width: 100%;
      position: relative;
    }
    .filter-buttons {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 999;
      display: flex;
      flex-direction: column;
    }
    .filter-buttons button {
      margin: 5px 0;
      background: #c7c7c7;
      color: #fff;
      padding: 10px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      font-size: 14px;
      border-bottom: 5px solid #bbbbbb;
    }

  .filter-buttons button.active {
    background-color: #000;
    color: white;
  }

    .filter-buttons button[data-color="#f18d03"].active {
      border-bottom: 5px solid #f18d03;
    }
    .filter-buttons button[data-color="#114090"].active {
      border-bottom: 5px solid #114090;
    }
    .filter-buttons button[data-color="#01a3a5"].active {
      border-bottom: 5px solid #01a3a5;
    }
    .filter-buttons button[data-color="#d70260"].active {
      border-bottom: 5px solid #d70260;
    }

.map_container_title_text_border {
    height: 49.5%;
}
.map_title_arrow_container {
    width: 6px;
    float: right;
    height: 100%;
}
.map_container_content_container {
    height: 100%;
    width: 100%;
    padding-left: 64px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.map_container_title {
    height: 100%;
    cursor: pointer;
    width: 64px;
    float: left;
}


#map_container {
    position: fixed;
    top: 0;
    left: 0px;
    color: #1e1e1e;
    height: 100%;
    width: 64px;
    padding: 0;
    z-index: 9999;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.map_container_title_text {
    font-size: 22px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    white-space: nowrap;
}
#map_container.active_map{
    width: 100%;
}
.page-node-type-villages #block-riwaqtheme-main-menu > ul {
  padding-right: 1em;
}

.map_title_arrow_line_top{
    margin-bottom: 5.5px;
}

.map_title_arrow_container{
    width: 6px;
    float: right;
    height: 100%;
}

.map_title_arrow_line{
    height: 100%;
    background-color: #ffffff;
    opacity:0.8;
    filter:alpha(opacity=80);
    border-right: 1px solid #1e1e1e;
 }


.map_title_arrow{
    background: url(../img/sprite.png) no-repeat;
    width: 6px;
    height: 11px;
    background-position: 0px -133px;
    position: relative;
    top: -5.5px;
    margin-bottom: -11px;
}



#map_container{
    position: fixed;
    top: 0;
    left: 0px;
    color: #1e1e1e;
    height: 100%;
    width: 64px;
    z-index: 9999;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.map_container_title_text_container{
    height: 100%;
    background-color: #ffffff;
    opacity:0.8;
    filter:alpha(opacity=80);
    width: 58px;
    float: left;
}

.map_container_title_text{
    font-size: 22px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);

    /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    /* Should be unset in IE9+ I think. */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    white-space: nowrap;
}

.collapse-title {
    text-align: center;
    color: #797979;
    font-size: 16px;
    font-family: "Noto Kufi Arabic", sans-serif;
}

.collapse-title[aria-expanded="true"] {
color: #000;
}
.lang-ar .map_container_title_text_border{
    height: 45%;
}

#map_container.active_map{
    width: 100%;
}

.map_container_content_container{
    height: 100%;
    width: 100%;
    padding-left: 64px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#map_container_content{
    background: #ffffff;
    width: 100%;
    height: 100%;
}

.map_title_arrow_line_container{
    height: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.map_title_arrow_line_top_container{
    padding-bottom: 5.5px;
}

.map_title_arrow_line_bottom_container{
    padding-top: 5.5px;
}

.map_container_dummy{
    height: 100%;
    width: 22px;
    display: none;
    background-color: #ffffff;
    opacity: 0.8;
    filter:alpha(opacity=80);
    float: right;
    display: inline-block;
}
.map_navigation{
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
    text-align: left;
}

.map_navigation_item{
    width: 120px;
    margin-right: 1px;
    float: left;
    display: inline-block;
    cursor: pointer;
}

.map_navigation_item_text{
    background-color: #000000;
    color: white;
    width: 110px;
    height: 40px;
    display: table-cell;
    vertical-align: bottom;
    padding-left: 10px;
    padding-bottom: 10px;
    -webkit-box-sizing: unset !important;
}

.map_navigation{
    width: 484px;
     display: none;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}

.active_map_navigation{
    display: inline-block;
}

.map_navigation_item_line{
    height: 5px;
    width: 100%;
}

.collapse-title {
    text-align: center;
    color: #797979;
    font-size: 16px;
    font-family: "Noto Kufi Arabic", sans-serif;
}

.collapse-title[aria-expanded="true"] {
color: #000;
}

.historic_center_button .map_navigation_item_line{
    background-color: #f18d04;
}

.throne_villages_button .map_navigation_item_line{
    background-color: #114090;
}

.village_button .map_navigation_item_line{
    background-color: #d7025f;
}
.building_button .map_navigation_item_line {
    background-color: #01a3a5;
}


.custom_info_window_hc .custom_info_window_body {
    background-color: #f18d04;
}
.custom_info_window_body_content {
    background-color: #ffffff;
    width: 485px;
    margin-left: 5px;
    padding-left: 10px;
}
.custom_info_window_body_title {
    font-family: "Noto Kufi Arabic", sans-serif;
    font-size: 21px;
    margin-top: 2px;
    display: inline-block;
    margin-bottom: 5px;
}
.custom_info_window_body_text {
    padding-right: 10px;
}
.custom_info_window_body {
    width: 500px;
    background-image: url(../img/box_arrow.png);
    background-repeat: no-repeat;
    background-position: 0 64px;
}

.map_title_arrow_container {
    float: right;
}

 #map_container {
    left: 0px;
    right: auto;
}
.map_container_title_text {
    font-size: 19px;
}
.map_title_arrow {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.map_title_arrow_line{
    border-left: 0;
    border-right: 1px solid #1e1e1e;
 }
    
    .map_title_arrow_container{
}
.map_container_title{
    float: right;
}

 #map_container{
    left: 0px;
    right: auto;
}

.map_container_title_text_container{
    float: right;
}

.map_container_title_text{
    font-size: 19px;
}

.map_container_content_container{
    padding-left: 0px;
    padding-right: 64px;
}





.lang-ar #block-riwaqtheme-main-menu a {
    padding: 0 4px 4px 0px;
    font-size: 12px;
    line-height: 18px;
}

#map-icon {
    width: 64px;
    position: absolute;
    top: 0px;
    z-index: 100;
}

.projects-block {
  padding: 0px;
  cursor: pointer;
}


.offcanvas.offcanvas-end {
    width: 100%;
}


.title_img {
    font-family: Arial, sans-serif; /* اختر الخط الذي تفضله */
    text-align: center; /* لجعل النص في المنتصف */
}

.title_img {
    font-size: 13px; /* حجم الخط الافتراضي */
    font-weight: bold; /* نص بارز */
}

.title_img br:first-of-type ~ * {
    display: none;
}
.title_img br:first-of-type + * {
    display: none;
}


var { font-style: normal; }
a.title, .title a, a .title { text-decoration: none; }
a.title:hover, .title a:hover, a .title:hover { text-decoration: none; }
.content-body { flex: 1 1 auto; padding: 1.88rem; }
.img-wrap { position: relative; text-align: center; overflow: hidden; display: block; }
.img-wrap img { object-fit: cover; }
a:hover > .img-thumbnail { border-color: rgb(157, 161, 167); }
.table-lg th, .table-lg td { padding: 1rem; }
.bg-center { background-position: center center; }
.bg-cover { background-size: cover; }
.bg-dark-50 { background-color: rgba(33, 37, 41, 0.5); }
.opacity { opacity: 0.5; }
.mix-blend-multiply { mix-blend-mode: multiply; }
.overlay-gradient { position: relative; }
.overlay-gradient::before { position: absolute; content: ""; display: block; inset: 0px; opacity: 0.7; transition: all 0.5s ease 0s; background: linear-gradient(to right bottom, rgb(1, 67, 163), aqua); }
.overlay-gradient:hover::before { opacity: 0.9; }
.breadcrumb.ondark .breadcrumb-item { color: rgb(255, 255, 255); }
.breadcrumb.ondark .breadcrumb-item::before { color: rgb(255, 255, 255); opacity: 0.6; }
.breadcrumb.ondark a { color: inherit; opacity: 0.75; }
.breadcrumb.ondark a:hover { opacity: 1; }
.accordion-flush .accordion-button { padding-left: 5px; padding-right: 5px; }
.accordion-flush .accordion-body { padding-left: 0px; padding-right: 0px; }
.accordion-header:hover .accordion-button { background-color: rgb(231, 241, 255); }
.padding-y { padding-top: 40px; padding-bottom: 40px; }
.padding-top { padding-top: 40px; }
.padding-bottom { padding-bottom: 40px; }
.padding-y-lg { padding-top: 80px; padding-bottom: 80px; }
.padding-top-lg { padding-top: 80px; }
.padding-bottom-lg { padding-bottom: 80px; }
.padding-y-sm { padding-top: 20px; padding-bottom: 20px; }
.padding-top-sm { padding-top: 20px; }
.padding-bottom-sm { padding-bottom: 20px; }
.icon-xs, .icon-sm, .icon-md, .icon-lg { display: inline-flex; align-items: center; justify-content: center; text-align: center; flex-shrink: 0; flex-grow: 0; }
.icon-xs img, .icon-sm img, .icon-md img, .icon-lg img { max-width: 100%; }
.icon-xs { width: 36px; height: 36px; }
.icon-sm { width: 42px; height: 42px; font-size: 20px; }
.icon-md { width: 56px; height: 56px; font-size: 24px; }
.icon-lg { width: 72px; height: 72px; font-size: 32px; }
.img-xs, .img-sm, .img-md, .img-lg { display: inline-block; object-fit: contain; flex-shrink: 0; flex-grow: 0; }
.img-xs { width: 40px; height: 40px; }
.img-sm { width: 64px; height: 64px; }
.img-md { width: 96px; height: 96px; }
.img-lg { width: 128px; height: 128px; }
.img-xl { width: 196px; height: 196px; }
.obj-contain { object-fit: contain; }
.obj-cover { object-fit: cover; }
.center-xy { top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); }
.center-y { top: 50%; position: absolute; transform: translateY(-50%); }
.center-x { left: 50%; position: absolute; transform: translateX(-50%); }
.menu-aside { list-style: none; margin: 0.5rem; padding: 0px; }
.menu-aside a { display: block; text-decoration: none; }
.menu-aside .menu-item { margin-bottom: 5px; }
.menu-aside .menu-item .icon { color: rgb(157, 161, 167); margin-right: 10px; font-size: 24px; }
.menu-aside .menu-item.active .icon { color: #000; }
.menu-aside .menu-item.active .menu-link { background-color: rgb(215, 231, 255); }
.menu-aside .menu-link { padding: 10px; color: rgb(81, 88, 94); font-weight: bold; border-radius: 0rem; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menu-aside .menu-link .text { vertical-align: middle; }
.menu-aside .menu-link:hover { transition: all 0.2s linear 0s; background-color: rgb(233, 236, 239); }
.menu-aside .submenu { margin-left: 44px; display: none; }
.menu-aside .submenu a { color: rgb(108, 117, 125); padding: 5px; }
.menu-aside .submenu a:hover { color: rgb(0, 0, 0); }
.menu-aside .menu-item.active .submenu { display: block; }
.menu-aside .menu-item.has-submenu > .menu-link::after { display: inline-block; float: right; position: absolute; right: 10px; top: 10px; margin-top: 0.6em; vertical-align: middle; content: ""; border-width: 5px 5px 0px; border-top-style: solid; border-top-color: rgb(157, 161, 167); border-right-style: solid; border-right-color: transparent; border-bottom-style: initial; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; }
.nav-pills .nav-link:not(.active):hover { background-color: rgba(157, 161, 167, 0.15); }
.nav-icontop a.nav-link { text-align: center; padding-top: 0.6rem; padding-bottom: 0.2rem; }
.nav-icontop a.nav-link i { font-size: 20px; color: rgb(157, 161, 167); }
.nav-icontop a.nav-link .text { display: block; font-weight: normal; }
.nav-icontop a.nav-link:hover i { color: rgb(33, 37, 41); }
.nav-icontop a.nav-link.active i, .nav-icontop a.nav-link.active .text { color: #000; }
.nav-ondark .active { background-color: rgba(0, 0, 0, 0.5) !important; }
.nav-ondark a.nav-link { color: rgb(255, 255, 255) !important; }
.nav-ondark a.nav-link:not(.active):hover { background-color: rgba(0, 0, 0, 0.2) !important; }
.item-link { width: 100%; display: block; text-decoration: none; }
.item-link .icon { border: 1px solid rgb(222, 226, 230); }
.item-link .text { display: block; color: rgb(81, 88, 94); }
.item-link:hover { text-decoration: none; }
.item-link:hover .icon { border-color: rgb(157, 161, 167); opacity: 0.7; }
.item-link:hover .text { color: rgb(33, 37, 41); }
.boxed-link { width: 100%; display: block; text-decoration: none; }
.boxed-link .icon { background-color: rgb(231, 241, 255); }
.boxed-link .text { display: block; color: rgb(81, 88, 94); }
.boxed-link:hover { text-decoration: none; }
.boxed-link:hover .icon { background-color: rgb(233, 236, 239); }
.boxed-link:hover .text { color: rgb(33, 37, 41); }
.box.boxed-link:hover, .card.boxed-link:hover { border-color: rgb(204, 209, 214); box-shadow: rgba(0, 0, 0, 0.03) 0px 0.05rem 0.2rem; }
.box.boxed-link:hover .icon, .card.boxed-link:hover .icon { background-color: rgb(195, 219, 255); }
.menu-category { margin: 0px; padding: 0px; }
.menu-category li { position: relative; display: block; border-bottom: 1px solid rgb(222, 226, 230); }
.menu-category li:last-child { border-bottom: 0px; }
.menu-category a { color: rgb(33, 37, 41); }
.menu-category > li > a { display: block; padding: 10px 18px; }
.menu-category .submenu { display: none; margin: 0px; padding: 0px; box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 15px; z-index: 20; position: absolute; left: 100%; top: 0px; width: 250px; background: rgb(255, 255, 255); }
.menu-category .submenu li { list-style: none; }
.menu-category .submenu li a { padding: 10px 16px; display: block; }
.menu-category li:hover { background: rgb(248, 249, 250); transition: all 0.3s ease 0s; }
.menu-category li:hover .submenu { display: block; margin-left: 0px; }
.menu-category .has-submenu > a::after { content: "›"; font-size: 24px; color: rgb(153, 153, 153); line-height: 18px; font-weight: bold; float: right; }
.section-heading { margin-bottom: 1.5rem; }
.title-text { margin-top: 30px; margin-bottom: 10px; font-weight: bold; }
.b { font-weight: 600; }
.text-lg { font-size: 1.1rem; }
.rtl { direction: rtl; }
.ltr { direction: ltr; }
.header-top-light .nav-link { font-weight: normal; }
.header-top-light .nav-link:hover { color: rgb(33, 37, 41); }
.header-top-dark { color: rgba(255, 255, 255, 0.75); }
.header-top-dark .nav-link { color: inherit; font-weight: normal; }
.header-top-dark .nav-link:hover { color: rgb(255, 255, 255); }
.header-main { position: relative; padding-top: 1rem; padding-bottom: 1rem; }
.brand-wrap, .navbar-brand { opacity: 1; }
.brand-wrap .logo, .navbar-brand .logo { margin-right: 7px; max-height: 70px; display: inline-block; }
.brand-wrap:hover, .navbar-brand:hover { opacity: 1; }
.widget-header { display: inline-block; vertical-align: middle; position: relative; }
.widget-header a { text-decoration: none; color: #fff; }
.widget-header i { color: #fff }
.widget-header form { min-width: 280px; }
.widget-header .notify { position: absolute; top: -3px; right: -7px; }
.widget-header:hover i { color:#fff }
.widget-header .widget-icontop { display: inline-block; vertical-align: middle; position: relative; text-align: center; }
.widget-header .widget-icontop .icon-area { font-size: 22px; position: relative; display: inline-block; width: 30px; height: 30px; }
.widget-header .widget-icontop .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; line-height: 1.2; }
.section-footer .logo-footer { max-height: 40px; }
.section-footer .title { font-weight: bold; margin-bottom: 10px; }
.footer-dark { color: rgb(255, 255, 255); }
.footer-dark .icon { opacity: 0.7; color: rgb(255, 255, 255) !important; }
.footer-dark .title { color: rgb(255, 255, 255); }
.footer-dark .list-menu a { color: rgba(255, 255, 255, 0.7); }
.footer-dark .list-menu a:hover { color: rgb(255, 255, 255); }
.footer-bottom { padding-top: 20px; padding-bottom: 20px; }
.btn-icon { width: 2.6rem; padding-left: 0px; padding-right: 0px; }
.btn-icon.btn-sm { width: 2rem; }
.btn-icon.btn-lg { width: 2.8rem; }
.btn-light { background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230); color: rgb(33, 37, 41); }
.btn-light i { color: rgb(157, 161, 167); }
.btn-light:hover { border-color: rgb(193, 201, 208); color: #000; }
.btn-light:hover i { color: #000; }
.btn-light.active { border-color: rgb(193, 201, 208); box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 5px inset; }
.btn-primary-light { color: #000; }
.btn i { min-width: 16px; }
.btn .text + i { margin-left: 10px; }
.btn i + .text { margin-left: 10px; }
a[class*="card"] { text-decoration: none; color: rgb(81, 88, 94); }
a[class*="card"]:hover .title { color: #000; }
.card.card-product-grid, .card.card-product-list { box-shadow: none; border-radius: 0;}
.card.card-product-grid:hover, .card.card-product-list:hover { box-shadow: none; }
.card.card-product-grid .img-wrap {
border-radius: 0;
border: 1px solid #ccc;
box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 5px;
transition: 0.3s;
}
.card.card-product-grid .img-wrap:hover {
background: #bbbbbb;
color: #000;
}
.card.card-product-grid .img-wrap:hover > img {
opacity: 0.8;
}
.card.card-product-grid .img-wrap:hover > a {
color: #000;
}
[class*="card-product"] p { margin-bottom: 0px; }
[class*="card-product"] a.title { display: block; text-decoration: none; height:50px; overflow:hidden; }
[class*="card-product"] a.title:hover { color: #000; }
[class*="card-product"] .price { color: rgb(33, 37, 41); font-size:20px; }
[class*="card-product"] .price-old { margin-left: 3px; font-size: 18px }
[class*="card-product"] .img-wrap { position: relative; }
[class*="card-product"] .img-wrap img { object-fit: cover;height: 100%; max-width: 100%; width: auto; }
.price-old { margin-left: 3px; font-size: 18px }
.card-product-grid { margin-bottom: 20px; }
.card-product-grid .img-wrap { height: 170px; width: 170px; padding:0px; }
.card-product-grid .title { color: #000;font-size: 1.059em;
font-size: 1.1em;
font-weight: 400;
margin-bottom: 0.3em;
padding: 0;

}
.card-product-grid .info-wrap { padding: 1rem 1.2rem; overflow: hidden; height:190px;text-align:center;font-family: "Noto Kufi Arabic", sans-serif; }
.card-product-grid .bottom-wrap { padding: 1rem 1.2rem; border-top: 1px solid rgb(222, 226, 230); }
.card-product-grid .topbar { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 10; text-align: left; padding: 10px 15px; }
.card-product-grid .hover-action { opacity: 0; width: 100%; left: 0px; bottom: 0px; position: absolute; }
.card-product-grid:hover .hover-action { opacity: 1; }
.card-product-list { margin-bottom: 20px; }
.card-product-list .title { color: rgb(33, 37, 41); }
.card-product-list .img-wrap { height: 220px; padding: 0.5rem; }
.card-product-list .info-aside { padding: 1.25rem; border-left: 1px solid rgb(222, 226, 230); height: 100%; }
.product-sm .img-wrap { height: 160px; }
.product-lg .img-wrap { height: 250px; }
.card-banner { display: flex; position: relative; overflow: hidden; background-color: rgb(255, 255, 255); background-size: cover; background-position: center center; border-radius: 0px; }
.card-banner .card-body { background-size: cover; position: relative; z-index: 10; }
.card-banner .caption { background-color: rgba(0, 0, 0, 0.6); z-index: 10; color: rgb(255, 255, 255); }
.card-banner .caption.bottom { bottom: 0px; left: 0px; position: absolute; width: 100%; }
.card-banner .caption.top { top: 0px; left: 0px; position: absolute; width: 100%; }
.card-banner .caption.left { top: 0px; left: 0px; bottom: 0px; position: absolute; }
.card-banner .text-bottom { position: absolute; bottom: 0px; left: 0px; z-index: 10; width: 100%; padding: 2rem 1rem 1rem; border-radius: 0; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); color: rgb(255, 255, 255); }
.card-banner .img-bg {
position: absolute;
left: 15px;
bottom: 0px;
mix-blend-mode: multiply;
max-width: 100%;
width: 100px;
object-fit: contain;
}
.card-banner:hover{box-shadow: rgb(51 51 51 / 10%) 0px 3px 10px; cursor: pointer; transition: all 0.2s ease 0s;}
.icontext { display: inline-flex; align-items: center; vertical-align: middle; }
.icontext p { margin-bottom: 0px; }
.icontext .text { width: 100%; line-height: 1.25; }
.icontext .icon { position: relative; margin-right: 10px; flex-shrink: 0; flex-grow: 0; }
.icontext .title { display: block; margin-bottom: 3px; }
.tag { display: inline-flex; align-items: center; padding: 4px 1rem; margin-bottom: 5px; border: 1px solid rgb(222, 226, 230); border-radius: 0; margin-top: 4px; margin-right: 2px; font-size: 90%; }
.tag .btn-close { width: 0.5rem; height: 0.5rem; margin-left: 10px; }
strong.price, b.price, .b.price, .fw-bold.price { color:#1e1e1e;font-size: 12px; }
.notify { position: absolute; top: -4px; right: -10px; display: inline-block; padding: 0.25em 0.6em; font-size: 12px; line-height: 1; text-align: center; border-radius: 0; color: rgb(255, 255, 255); background-color: rgb(255, 39, 72); }
.img-avatar { border-radius: 0; border: 1px solid rgba(33, 37, 41, 0.2); }
.card-header .title { margin-bottom: 0px; color: initial; display: block; }
.icon-control { margin-top: 6px; float: left; font-size: 84%; color: rgb(157, 161, 167); }
.filter-group { border-bottom: 1px solid rgb(222, 226, 230); }
.filter-group:last-child { border-bottom: 0px; }
.filter-group .card-header { border-bottom: 0px; border-radius: 0px; }
.filter-group .title:hover { text-decoration: none; }
.text-divider { text-align: center; display: flex; font-size: 0.875rem; color: rgb(157, 161, 167); flex-direction: row; justify-content: center; align-items: center; }
.text-divider::after, .text-divider::before { content: ""; height: 1px; background: rgb(222, 226, 230); flex: 1 1 0%; margin: 0px 7px; }
.box { padding: 0.8rem; border-radius: 0rem; border: 1px solid rgb(222, 226, 230); }
.box img { max-width: 100%; }
.label-rating { margin-left: 5px; margin-right: 5px; display: inline-block; vertical-align: middle; }
.rating-stars { display: inline-block; list-style: none; margin: 0px; padding: 0px; position: relative; white-space: nowrap; clear: both; }
.rating-stars i { font-size: 14px; color: rgb(204, 204, 204); display: inline; }
.rating-stars img { height: 16px; max-width: none; }
.rating-stars li { display: block; text-overflow: clip; white-space: nowrap; z-index: 1; }
.rating-stars li.stars-active { z-index: 2; position: absolute; top: 0px; left: 0px; overflow: hidden; }
.rating-stars li.stars-active i { color: orange; }
.rating-stars.stars-lg img { height: 20px; max-width: none; }
.form-check .rating-stars { transform: translateY(-2px); }
.dot { font-style: normal; opacity: 0.5; }
.dot::after { content: "•"; display: inline-block; }
.bg-loading { position: static; margin-right: 10px; overflow: hidden; margin-bottom: 10px; border-radius: 0px; animation: 2s linear 0s infinite normal none running placeholderSkeleton; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0px, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%); background-size: 800px 100%; max-width: 30rem; }
@-webkit-keyframes placeholderSkeleton { 
0% { background-position: -800px 0px; }
100% { background-position: 800px 0px; }
}
@keyframes placeholderSkeleton { 
0% { background-position: -800px 0px; }
100% { background-position: 800px 0px; }
}
.steps-vertical { list-style: none; margin: 0px 0px 0px 12px; padding: 0px; border-right: 2px solid #ccd1d6; position: relative; }

.steps-vertical li.step.active {
border-right: 2px solid #582870;
margin-right: -2px;
/* margin-top: 9px; */
display: table;
/* transform: translateY(-4px); */
}
.steps-vertical li { padding-right: 20px; position: relative; transform: translateY(-4px);height: 50px; }
.steps-vertical li:last-child { height: 20px; }
.steps-vertical .icon { position: absolute; top: 3px; right: -8px; content: ""; background: #ccd1d6; width: 14px; height: 14px; border-radius: 0; display: inline-block; }
.steps-vertical .icon.active {background: #582870;margin-top: -3px;}
.breadcrumb.steps { margin-bottom: 0px; color: #000; }
.breadcrumb.steps a { color: inherit; }
.breadcrumb.steps .breadcrumb-item.active { font-weight: 600; color: rgb(33, 37, 41); }
.breadcrumb.steps .breadcrumb-item.active ~ .breadcrumb-item { color: rgb(157, 161, 167); opacity: 0.8; }
.breadcrumb.steps.ondark .breadcrumb-item.active { color: rgb(255, 255, 255); }
.breadcrumb.steps.ondark .breadcrumb-item.active ~ .breadcrumb-item { color: rgb(255, 255, 255); opacity: 0.5; }
.steps-wrap { list-style: none; margin: 30px 0px 0px; padding: 0px; position: relative; display: flex; border-radius: 0px; }
.steps-wrap .step { width: 100%; text-align: center; position: relative; flex-grow: 1; font-size: 14px; line-height: 24px; }
.steps-wrap .step::before { background-color: rgb(204, 209, 214); height: 4px; position: absolute; content: " "; width: 100%; right: 50%; top: 10px; }
.steps-wrap .step:first-child::before { display: none; }
.steps-wrap .icon { color: rgb(255, 255, 255); display: inline-block; position: relative; z-index: 10; width: 24px; height: 24px; border-radius: 0px; text-align: center; background: rgb(204, 209, 214); }
.steps-wrap .text { display: block; padding-top: 5px; text-align: center; color: rgb(157, 161, 167); }
.steps-wrap .step.active .icon { background: rgb(0, 165, 36); color: rgb(255, 255, 255); }
.steps-wrap .step.active .text { color: rgb(157, 161, 167); }
.steps-wrap .step.active::before { background: rgb(0, 165, 36); }
.steps-wrap .step.active::after { background: rgb(0, 165, 36); height: 4px; position: absolute; content: " "; z-index: 5; width: 50%; right: 0%; top: 10px; }
.steps-wrap .step.active:last-child::after { display: none; }

.input-spinner { max-width: 140px; flex-wrap: nowrap; display: inline-flex; }
.input-spinner input.form-control { text-align: center; border-color: rgb(222, 226, 230); padding-left: 3px; padding-right: 3px; }
.input-spinner .btn { width: 42px; text-align: center; padding-left: 0.5rem; padding-right: 0.5rem; }
.checkbox-btn { position: relative; }
.checkbox-btn input { position: absolute; z-index: -1; opacity: 0; }
.checkbox-btn input:checked ~ .btn { border-color: #000; background-color: rgb(233, 236, 239); }
.box-check { position: relative; margin-right: 5px; }
.box-check:hover:not(.active) { border-color: rgb(110, 168, 254); }
.box-check .border-oncheck { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; border: 1px solid transparent; border-radius: 0rem; z-index: 1; mix-blend-mode: darken; }
.box-check input:checked ~ .border-oncheck { border-color: #000; background-color: rgba(231, 241, 255, 0.5); }
.gallery-uploader-wrap .uploader-img { position: relative; display: inline-flex; width: 110px; height: 110px; margin-right: 5px; margin-bottom: 5px; vertical-align: middle; text-align: center; justify-content: center; align-items: center; border-radius: 0rem; border: 1px dashed rgb(204, 209, 214); overflow: hidden; background-color: rgb(248, 249, 250); }
.gallery-uploader-wrap .uploader-img:hover { border-color: #000; background-color: rgba(231, 241, 255, 0.5); }
.gallery-uploader-wrap input { width: 0px; height: 0px; visibility: hidden; }
.gallery-uploader-wrap img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.done-wrap { text-align: center; margin-bottom: 30px; }
.done-wrap img { width: 140px; height: 140px; margin-bottom: 20px; }
a.itemside { color: rgb(81, 88, 94); text-decoration: none; }
a.itemside:hover .title { color: #000; }
a.itemside:hover .img-thumbnail { border-color: rgb(157, 161, 167); }
.itemside { position: relative; display: flex; width: 100%; }
.itemside .aside { position: relative; flex-shrink: 0; }
.itemside .aside .badge { position: absolute; top: -5px; left: -8px; }
.itemside .info { padding-left: 0.75rem; flex-grow: 1; }
.itemside .title { display: block; margin-bottom: 0rem; }
.itemside a.title { color: inherit; }
.itemside a.title:hover { color: #000; }
.itemside p { margin-bottom: 0px; }
.items-bordered-wrap .itemside:not(:last-child) { border-bottom: 1px solid rgb(222, 226, 230); padding-bottom: 10px; margin-bottom: 10px; }
.itemlist { padding: 20px; border-bottom: 1px solid rgb(238, 238, 238); }
.list-inline { margin-bottom: 0px; }
.list-inline-item { vertical-align: middle; }
dl[class="row"] { margin-bottom: 0px; }
dl[class="row"] dt { color: rgb(33, 37, 41); }
[class*="dlist-"] { margin-bottom: 5px; }
[class*="dlist-"] dd { margin-bottom: 0px; }
.dlist-inline dt, .dlist-inline dd { display: inline-block; }
.dlist-align { display: flex; }
.dlist-align dt { width: 150px; overflow-wrap: break-word; font-weight: normal; }
.dlist-align dd { flex-grow: 1; }
ul.row { list-style: none; padding: 0px; margin-bottom: 0px; }
.list-icon, .list-bullet, .list-dots, .list-check, .list-menu { list-style: none; margin-right: 0px; padding-right: 0px; }
.list-icon li, .list-bullet li, .list-dots li, .list-check li, .list-menu li { position: relative; margin-bottom: 4px; }
.list-icon li { padding-right: 30px; }
.list-icon .icon { position: absolute; top: 3px; right: 0px; width: 22px; text-align: center; color: rgb(157, 161, 167); }
.list-bullet li, .list-dots li { right: 20px; }
.list-bullet li::before, .list-dots li::before { content: " "; position: absolute; top: 8px; right: 0px; width: 7px; border-radius: 0; height: 7px; background: rgb(204, 209, 214); }
.list-check > li { padding-right: 24px; }
.list-check > li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 13px; color: rgb(51, 183, 80); position: absolute; top: 3px; left: 0px; content: ""; }
.list-menu li > a { display: block; color: rgb(81, 88, 94); text-decoration: none; }
.list-menu li > a:hover { color: #000; text-decoration: none; }
.cols-two { column-count: 2; }
.cols-two > li { break-inside: avoid; }
.cols-three { column-count: 3; }
.cols-three > li { break-inside: avoid; }
.cols-four { column-count: 4; }
.cols-four > li { break-inside: avoid; }
@media (max-width: 768px) {
.cols-two { column-count: 1; }
.cols-three { column-count: 2; }
.cols-four { column-count: 2; }
}
.slider-banner-owl .owl-nav .owl-prev, .slider-banner-owl .owl-nav .owl-next { padding: 16px 7px; color: rgb(255, 255, 255); display: inline-block; background-color: rgba(0, 0, 0, 0.3); z-index: 9; position: absolute; }
.slider-banner-owl .owl-nav .owl-prev { left: 0px; }
.slider-banner-owl .owl-nav .owl-next { right: 0px; }
.slider-banner-owl .item-slide img { width: 100%; object-fit: cover; }
.slider-banner-slick .slick-prev, .slider-banner-slick .slick-next { padding: 18px 7px; color: rgb(255, 255, 255); display: inline-block; background-color: rgba(0, 0, 0, 0.3); z-index: 9; position: absolute; }
.slider-banner-slick .slick-prev::before, .slider-banner-slick .slick-next::before { display: none; }
.slider-banner-slick .slick-prev { left: 0px; }
.slider-banner-slick .slick-next { right: 0px; }
.slider-banner-slick .item-slide img { min-width: 100%; min-height: 100%; object-fit: cover; }
.carousel-inner > .img-big-wrap { display: none; text-align: center; width: 100%; max-height: 560px; margin-bottom: 1rem; *overflow: hidden; background-color: rgb(255, 255, 255); }
.carousel-inner > .img-big-wrap a { text-align: center; display: block; height: 100%; }
.carousel-inner > .img-big-wrap img { max-width: 100%; max-height: 100%; *height: 400px;object-fit:contain; }
.carousel-inner > .img-big-wrap.active {display: block;}
.thumbs-wrap { text-align: center; }
.thumbs-wrap .item-thumb { width: 60px; height: 60px; border: 1px solid rgb(222, 226, 230); border-radius: 0rem; margin: 3px; display: inline-block; overflow: hidden; }
.thumbs-wrap a.item-thumb:hover { border-color: rgb(157, 161, 167); }
.thumbs-wrap img { *max-width: 100%; max-height: 100%; object-fit: cover; cursor: pointer; }
@media (min-width: 993px) {
.gallery-vertical { display: flex; }
.gallery-vertical .thumbs-wrap { order: 1; width: 60px; margin-right: 1rem; }
.gallery-vertical .img-big-wrap { order: 2; }
}
.item-option-select { margin-bottom: 1rem; display: inline-block; margin-right: 15px; }
.item-option-select .btn { min-width: 80px; }
.table-shopping-cart.table td, .table-shopping-cart.table th { padding-left: 1.25rem; padding-right: 1.25rem; }
.table-shopping-cart .price-wrap { line-height: 1.2; }
.table-shopping-cart .price { font-weight: bold; margin-right: 5px; display: block; }

.icon_visa > .fab {
    color: rgb(255 255 255 / 67%);
}


.smart-editor-wrapper {
    border: 1px solid #ced4da;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.smart-editor-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 8px;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.smart-editor-toolbar button {
    border: 1px solid #ced4da;
    background: #fff;
    padding: 5px 9px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
}

.smart-editor-toolbar button:hover {
    background: #e9ecef;
}

.smart-editor-separator {
    width: 1px;
    background: #ced4da;
    margin: 0 4px;
}

.smart-editor-area {
    min-height: 280px;
    padding: 12px;
    outline: none;
    line-height: 1.8;
}

.smart-editor-area img {
    max-width: 100%;
    height: auto;
}

.smart-editor-source {
    width: 100%;
    min-height: 280px;
    border: 0;
    outline: none;
    padding: 12px;
    font-family: monospace;
    direction: ltr;
}