@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('./fonts/IBMPlexSansArabic-Light.eot');
    src: url('./fonts/IBMPlexSansArabic-Light.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSansArabic-Light.woff2') format('woff2'), url('fonts/IBMPlexSansArabic-Light.woff') format('woff'), url('fonts/IBMPlexSansArabic-Light.ttf') format('truetype'), url('fonts/IBMPlexSansArabic-Light.svg#IBMPlexSansArabic-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('./fonts/IBMPlexSansArabic-Bold.eot');
    src: url('./fonts/IBMPlexSansArabic-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSansArabic-Bold.woff2') format('woff2'), url('fonts/IBMPlexSansArabic-Bold.woff') format('woff'), url('fonts/IBMPlexSansArabic-Bold.ttf') format('truetype'), url('fonts/IBMPlexSansArabic-Bold.svg#IBMPlexSansArabic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('./fonts/IBMPlexSansArabic-ExtraLight.eot');
    src: url('./fonts/IBMPlexSansArabic-ExtraLight.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSansArabic-ExtraLight.woff2') format('woff2'), url('fonts/IBMPlexSansArabic-ExtraLight.woff') format('woff'), url('fonts/IBMPlexSansArabic-ExtraLight.ttf') format('truetype'), url('fonts/IBMPlexSansArabic-ExtraLight.svg#IBMPlexSansArabic-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('./fonts/IBMPlexSansArabic-Regular.eot');
    src: url('./fonts/IBMPlexSansArabic-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSansArabic-Regular.woff2') format('woff2'), url('fonts/IBMPlexSansArabic-Regular.woff') format('woff'), url('fonts/IBMPlexSansArabic-Regular.ttf') format('truetype'), url('fonts/IBMPlexSansArabic-Regular.svg#IBMPlexSansArabic-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('./fonts/IBMPlexSansArabic-Medium.eot');
    src: url('./fonts/IBMPlexSansArabic-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSansArabic-Medium.woff2') format('woff2'), url('fonts/IBMPlexSansArabic-Medium.woff') format('woff'), url('fonts/IBMPlexSansArabic-Medium.ttf') format('truetype'), url('fonts/IBMPlexSansArabic-Medium.svg#IBMPlexSansArabic-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('./fonts/IBMPlexSansArabic-SemiBold.eot');
    src: url('./fonts/IBMPlexSansArabic-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSansArabic-SemiBold.woff2') format('woff2'), url('fonts/IBMPlexSansArabic-SemiBold.woff') format('woff'), url('fonts/IBMPlexSansArabic-SemiBold.ttf') format('truetype'), url('fonts/IBMPlexSansArabic-SemiBold.svg#IBMPlexSansArabic-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('./fonts/IBMPlexSansArabic-Thin.eot');
    src: url('./fonts/IBMPlexSansArabic-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSansArabic-Thin.woff2') format('woff2'), url('fonts/IBMPlexSansArabic-Thin.woff') format('woff'), url('fonts/IBMPlexSansArabic-Thin.ttf') format('truetype'), url('fonts/IBMPlexSansArabic-Thin.svg#IBMPlexSansArabic-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/*new fonts not converted*/

@font-face {
    font-family: 'HafsNastaleeq';
    src: url('Q_fonts/HafsNastaleeq-Ver10/HafsNastaleeq Ver10.otf');
}

@font-face {
    font-family: 'uthmani';
    src: url('Q_fonts/uthmani/uthmani.otf');
}

/*new font converted*/
@font-face {
    font-family: 'HQPB7';
    src: url('Q_fonts/q/HQPB7.woff2') format('woff2'),
    url('Q_fonts/q/HQPB7.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HQPB5';
    src: url('Q_fonts/q/HQPB5.woff2') format('woff2'),
    url('Q_fonts/q/HQPB5.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Msh Quraan1';
    src: url('Q_fonts/q/MSH-Quraan1.woff2') format('woff2'),
    url('Q_fonts/q/MSH-Quraan1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HQPB4';
    src: url('Q_fonts/q/HQPB4.woff2') format('woff2'),
    url('Q_fonts/q/HQPB4.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HQPB2';
    src: url('Q_fonts/q/HQPB2.woff2') format('woff2'),
    url('Q_fonts/q/HQPB2.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HQPB3';
    src: url('Q_fonts/q/HQPB3.woff2') format('woff2'),
    url('Q_fonts/q/HQPB3.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HQPB1';
    src: url('Q_fonts/q/HQPB1.woff2') format('woff2'),
    url('Q_fonts/q/HQPB1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HQPB4';
    src: url('Q_fonts/q/HQPB4.woff2') format('woff2'),
    url('Q_fonts/q/HQPB4.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HQPB7';
    src: url('Q_fonts/q/HQPB7.woff2') format('woff2'),
    url('Q_fonts/q/HQPB7.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HQPB5';
    src: url('Q_fonts/q/HQPB5.woff2') format('woff2'),
    url('Q_fonts/q/HQPB5.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Msh Quraan1';
    src: url('Q_fonts/q/MSH-Quraan1.woff2') format('woff2'),
    url('Q_fonts/q/MSH-Quraan1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HQPB1';
    src: url('Q_fonts/q/HQPB1.woff2') format('woff2'),
    url('Q_fonts/q/HQPB1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HQPB2';
    src: url('Q_fonts/q/HQPB2.woff2') format('woff2'),
    url('Q_fonts/q/HQPB2.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HQPB3';
    src: url('Q_fonts/q/HQPB3.woff2') format('woff2'),
    url('Q_fonts/q/HQPB3.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'kfgqpc_hafs_uthmanic_script';
    src: url('Q_fonts/q/kfgqpchafsuthmanicscript-Reg.woff2') format('woff2'),
    url('Q_fonts/q/kfgqpchafsuthmanicscript-Reg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'KFGQPC HAFS Uthmanic Script';
    src: url('Q_fonts/q/KFGQPCHAFSUthmanicScript-Regula.woff2') format('woff2'),
    url('Q_fonts/q/KFGQPCHAFSUthmanicScript-Regula.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
    font-family: 'IBM Plex Sans Arabic';
    font-weight: 300;
}

:root {
    --first-font: 'IBM Plex Sans Arabic', sans-serif;
    --second-font: 'IBM Plex Sans Arabic', sans-serif;
    --theme-color: #E1D0B8;
    --second-color: #2E2E2E;
    --section-bg: #F9F6F2;
    --border-color: #e1d0b8;
    --black: #174369;
    --white: #ffffff;
    --h1: normal 600 51px/1.2 var(--first-font);
    --h2: normal 600 41px/1.2 var(--first-font);
    --h3: normal 600 26px/1.2 var(--first-font);
    --h4: normal 600 22px/1.2 var(--first-font);
    --h5: normal 600 18px/1.2 var(--first-font);
    --h6: normal 600 14px/1.2 var(--first-font);
    --common-text: normal 400 14px/1.4 var(--first-font);
}

.home-search-bar .input-wrapper input {
    font-family: var(--first-font);
}

.hero-left-btns:hover .btn svg path {
    fill: #174369;
}

.logo-col h1 svg {
    height: 55px;
}

.changebox {
    overflow: hidden;
    transition: .5s;
    white-space: nowrap;
}

/*.btn {*/
/*    padding: 10px;*/
/*}*/
.newslatter-content p {
    margin-bottom: 34px;
}

.home-search-bar .row [class*="col-"]:last-of-type {
    padding-left: 10px;
}

.modal-dialog.modal-xl {
    max-width: 90%;
}

.pro-home-section .left-side-wrapper .bottom-content .price-btn.main-header-book button {
    width: 135px;
    padding: 12px 0px;
}

form.contact-form.reader-container {
    height: 100vh;
}

/* تنسيق القائمة وعناصرها */
.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar li {
    padding: 10px 10px 0;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
}

/* الخط الجانبي للعناصر الرئيسية */
.sidebar li::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background-color: transparent;
    transition: all 0.3s ease;
}

.sidebar li:hover::before {
    background-color: #007bff; /* لون الخط عند التحويم */
}

/* الخط الجانبي للعناصر الفرعية */
.sidebar ul ul li::before {
    background-color: transparent;
    width: 2px;
}

.sidebar ul ul li:hover::before {
    background-color: #ff5733; /* لون مختلف للعنصر الفرعي */
}

/* تصميم الفصول الداخلية */
.sidebar ul ul {
    padding-right: 20px;
    margin-top: 8px;
    display: block; /* إخفاء القائمة الفرعية بشكل افتراضي */
}

.sidebar li:hover > ul {
    display: block; /* عرض القائمة الفرعية عند التحويم */
    transition: all 0.3s ease;
}

/* تصميم العناصر الفرعية */
.sidebar ul ul li {
    padding: 8px;
    font-size: 14px;
    color: #555;
    transition: all 0.3s ease;
    position: relative;
}

.sidebar ul ul li:hover {
    background-color: #e2e6ea;
    color: #007bff;
    border-radius: 4px;
}

.link-btn svg {
    margin-right: 13px;
    margin-left: 0;
}

.category-image-text .link-btn svg {
    transform: rotate(180deg);
}

.offset-left {
    margin-right: calc((100% - 1170px) / 2);
    padding-right: 0;
    margin-left: 0;
    padding-left: 0;
}

.thank-u-for, .form-row input {
    letter-spacing: 0;
}

.text-checkbox .checkbox {
    float: right;
    padding-left: 9px;
    padding-right: 0;
}

.header-style-one .menu-right li a .icon-lable {
    margin-left: 7px;
    margin-right: 0;
}

.header-style-one .count {
    left: -11px;
    right: auto;
}

.home-left-col .home-search-bar-out {
    margin-left: -145px;
    margin-right: 0;
}

.header-style-one .main-navigationbar {
    background: var(--white);
}

.header-style-one.head-sticky .main-navigationbar {
    background: var(--section-bg);
}

.header-style-one .main-navigationbar .menu-items-col .main-nav {
    display: none;
    padding-right: 30px;
    padding-left: 0;
}

input.form-control::placeholder {
    color: gray;
}

.nice-select.form-control span {
    color: gray;
}

.form-group textarea::placeholder {
    color: gray;
}

.contact-left-column p a {
    font-size: 18px;
}

.toolbar-options p {
    margin-top: 10px;
    font-size: 17px;
    text-align: center;
    color: #7a7978;
}

.header-style-one .main-navigationbar .menu-items-col .main-nav > li:not(:last-of-type) {
    padding-left: 15px;
    padding-right: 15px;
}

.header-style-one .main-navigationbar .menu-items-col .main-nav > li.has-item > .category-btn {
    padding: 9px 0 9px 27px;
}

.header-style-one .main-navigationbar .menu-items-col .main-nav > li.has-item > .category-btn svg {
    margin-left: 8px;
    margin-right: 0;
}

.header-style-one .main-navigationbar .menu-items-col .main-nav > li.has-item > .category-btn:after {
    left: 10px;
    right: auto;
}

.announcebar-right ul li:not(:last-child) {
    margin-left: 20px;
    margin-right: 0;
}

.header-style-one .announcebar p b {
    margin-right: 6px;
    margin-left: 0;
}

.header-style-one .menu-right li:not(:last-of-type) {
    margin-left: 15px;
    margin-right: 0;
}

.btn svg, .btn-secondary svg {
    margin-left: 8px;
    /*margin-right: 0;*/
}

.hero-left-btns .btn svg, .hero-left-btns .btn-secondary svg {
    margin-right: 0;
}

.subscribe-section input:not([type="submit"]), input:not([type="checkbox"]), input:not([type="radio"]), select, textarea {
    padding: 15px 20px 15px 15px;
}

[data-step] {
    position: relative;
    z-index: auto!important;
}
[data-step="11"] {
    position: static !important;
}

.subscribe-bg {
    border-radius: 0 80px 80px 0;
    /*height: 166px;*/
}

.subscribe-bg::after {
    left: -50vw;
    right: auto;
}

.slick-arrow {
    width: 40px;
    height: 40px;
}

.book-link svg {
    transform: rotate(180deg);
    transform-origin: center;
}

.input-wrapper .btn-subscibe {
    left: 0;
    right: auto;
}

.checkbox-custom label:before {
    margin-left: 15px;
    margin-right: 0;
}

.cat-tab li a {
    letter-spacing: 0;
}

.cat-tab li:not(:first-of-type) {
    margin-right: 10px;
    margin-left: 0;
}

.product-content .price-btn .btn.checkout-btn {
    margin-left: 0;
}

.product-content .size-selectors {
    margin-bottom: 0;
}

/*.wishlist-btn {*/
/*    margin-right: 0;*/
/*    margin-left: 0;*/
/*}*/
.price-btn.read-book button {
    width: 217px;
}

.price-btn.read-book .wishlist-btn svg {
    margin: 10px auto;
    text-align: center;
    display: block;
}

.price-btn.read-book .wishlist-btn {
    width: 42px;
    height: 42px;
    padding: 0;
}

.product-cont-top .subtitle svg {
    margin-left: 8px;
    margin-right: 0;
}

.pro-home-section .left-side-wrapper .bottom-content .btn {
    margin-right: 0;
    margin-left: 0;
}

.testimonials-section .testimonial-star span {
    margin-right: 8px;
    margin-left: 0;
}

.description-section .right-side .code {
    padding-left: 20px;
    padding-right: 0;
}

.blog-col-right .nice-select:after {
    left: 0;
    right: auto;
}

.blog-cat li:not(:last-of-type) {
    margin-left: 10px;
    margin-right: 0;
}

.abt-user-img {
    margin-left: 15px;
    margin-right: 0;
}

.post-lbl {
    margin-right: 50px;
    margin-left: 0;
}

.article-socials li:not(:last-of-type) {
    margin-left: 10px;
    margin-right: 0;
}

.about-us-section .about-us-box svg {
    left: 15px;
    right: auto;
}

.category-card-content {
    padding-right: 15px;
    padding-left: 0;
}

.category-cont-bottom .link-btn svg {
    margin: 0 0 0 15px;
}

.banner-cont-bottom .btn-secondary {
    margin-right: 20px;
    margin-left: 0;
}

.banner-card-content {
    padding-right: 15px;
    padding-left: 0;
}

.nice-select {
    text-align: right !important;
    /*padding: 18px 20px 18px 40px;*/
}

.nice-select:after {
    left: 14px;
    right: auto;
}

.home-search-bar .row [class*="col-"]:last-of-type {
    padding-right: 0;
}

.hero-slider-itm-content {
    padding-right: 10px;
    padding-left: 0;
}

.nice-select .option {
    text-align: right;
}

.search-form-wrapper .btn {
    left: 5px;
    right: auto;
}

.back-btn span {
    margin-left: 10px;
    margin-right: 0;
    transform: rotate(180deg);
}

.product-heading-right-column {
    padding: 14px 22px 14px 0 !important;
}

.produdt-filter-cat li:not(:last-of-type):after {
    content: '/';
    left: -1px;
    right: auto;
}

.produdt-filter-cat li:not(:last-of-type) {
    padding-left: 10px;
    padding-right: 0;
    margin-left: 10px;
    margin-right: 0;
}

.product-heading-row .sort-lbl {
    margin-left: 10px;
    margin-right: 0;
}

.product-widget .acnav-label:before {
    left: 14px;
    right: auto;
}

.product-widget .acnav-label:after {
    left: 18px;
    right: auto;
}

.product-filter-right-column {
    padding-right: 22px !important;
    padding-left: 0 !important;
}

.newslatter-bg {
    height: 470px;
    padding: 100px 0 90px 40px;
    border-radius: 180px 0 0 180px;
    -webkit-border-radius: 180px 0 0 180px;
    -moz-border-radius: 180px 0 0 180px;
    -ms-border-radius: 180px 0 0 180px;
    -o-border-radius: 180px 0 0 180px;
}

.newslatter-bg::before {
    right: -50vw;
    left: auto;
}

.newslatter-images img.newslattwer-1 {
    left: -100px;
    right: auto;
    transform: scale(1.2);
}

.section-title a {
    color: #174369;
}

.newslatter-images img.newslattwer-2 {
    right: auto;
    left: 80px;
}

.newslatter-images img.newslattwer-3 {
    left: 200px;
    right: auto;
}

.book-link svg {
    margin-right: 5px;
    margin-left: 0;
}

.category-card-inner {
    padding: 0;
}

.category-card-image {
    position: relative;
}

.category-card-image span {
    position: absolute;
    top: -15px;
    right: 5px;
}

.paroduct-page.category-section .category-image-text, .paroduct-page.category-section .category-image-text .link-btn {
    color: #fff;
}

.price-btn.main-header-book {
    justify-content: space-between;
    width: 260px;
}

.filter-listing li a {
    display: flex;
    justify-content: space-between;
}

.common-banner-content .section-title h2 span {
    margin-right: 12px;
}

.product-filter-right-column .product-card-inner .product-image img {
    width: 136px;
    height: 189px;
}

.wishlist-btn {
    padding: 5px;
    border-radius: 12px;
    /* margin-right: 10px; */
    margin-left: 10px;
    width: 75px;
}

.wishlist-btn svg {
    display: block;
    margin: 3px auto;
    text-align: center;
}

.pro-itm-inner > .filter-listing > ul > li > .acnav-list {
    padding: 10px 0 10px 0px;
}

.product-widget li a.acnav-label:before {
    left: 5px;
    right: auto;
}

.product-widget li a.acnav-label:after {
    left: 9px;
    right: auto;
}

#flipbookContainer {
    width: 100%;
    height: 100vh;
}

.fancybox__content {
    height: 100vh !important; /* Force full viewport height */
    display: flex; /* Center content if needed */
    align-items: center;
    justify-content: center;
}

.fancybox__iframe {
    height: 100%; /* Ensure iframe fills its container */
    width: 100%;
}

.fancybox__slide {
    padding: 0 100px;
}

.testimonials-section .testimonial-slider.no-image .testimonial-itm-inner .testimonial-itm-content {
    /*max-width: 100%;*/
}

.testimonials-section .testimonial-slider.no-image.single-no-image .testimonial-itm-inner .testimonial-itm-content {
    padding-right: 25px
}

/*.paroduct-page.testimonials-section .testimonial-slider.no-image .testimonial-itm-inner .testimonial-itm-content {*/
/*    max-width: 100%;*/
/*}*/
.app-wrapper .google-play, .app-wrapper .app-store {
    display: inline-block;
    margin: -3px 0;
}

.app-wrapper .google-play img, .app-wrapper .app-store img {
    height: 55px;
}

.wishlist-btn.active svg path {
    fill: #f36464;
    transition: fill 0.3s ease;
    stroke: #f36464;
}

.wishlist-btn.active {
    border: 1px solid #f36464;
}

.wishlist-btn.active:hover {
    background: #e1d0b8;
}

.wishlist-btn svg path {
    transition: fill 0.3s ease;
}

.home-left-inner {
    padding: 30px 0;
}

.count {
    transition: all 0.3s ease-in-out;
}

.footer-subscribe-form input[type="email"] {
    padding: 14px 20px 14px 125px;
}

.footer-col {
    padding-right: 0;
    padding-left: 100px;
}

.footer-widget .footer-list-social li:not(:last-of-type) {
    margin: 0 0 0 10px;
}

.banner-content-card-inner {
    height: 320px;
}

.badge svg {
    display: inline-block;
    vertical-align: middle;
}

.badge svg path {
    stroke: #bd8369;
}

.aticleleftbar p {
    line-height: 1.7em;
    font-size: 20px;
    margin: 15px 0;
}

.sidebar {
    /*width: 25%;*/
    background-color: #fafafa;
    border-right: 1px solid #ddd;
    padding: 15px;
    box-sizing: border-box;
    overflow-y: auto;
    max-height: 90vh;
}

.sidebar h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

#chapter-list {
    list-style-type: none;
    padding: 0;
}

#chapter-list li {
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    transition: background-color 0.3s;
}

#chapter-list li:hover {
    background-color: #e0e0e0;
}

.content {
    /*width: 75%;*/
    padding: 15px;
    box-sizing: border-box;
}

.toolbar, .pagination-toolbar {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.toolbar button, .pagination-toolbar button {
    padding: 8px 12px;
    border: none;
    background-color: #007bff;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.toolbar button:hover, .pagination-toolbar button:hover {
    background-color: #0056b3;
}

#text-content {
    border: 1px solid #ddd;
    padding: 0;
    border-radius: 5px;
    /*background-color: #fafafa;*/
    font-size: 1em;
    line-height: 1.6;
    transition: font-size 0.3s;
    position: relative;
}

#text-content * {
    transition: all 100ms ease-in-out;
}

.pagination-toolbar input {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 150px;
}

.pagination-toolbar button {
    width: auto;
}

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    padding: 20px;
    z-index: 1000;
    max-width: 80%;
    overflow-y: auto;
}

.popup.hidden {
    display: none;
}

#results-list {
    list-style-type: none;
    padding: 0;
    margin-top: 10px;
}

#results-list li {
    margin-bottom: 10px;
}

/* Search container styling */
.search-container {
    position: relative;
    /*display: inline-flex;*/
    /*width: 300px;*/
    /*margin: 0 auto;*/
}

.toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Input field styling */
#search-in-book-input {
    padding: 10px;
    border: 1px solid #ddd;
    font-size: 1em;
    border-radius: 20px;
    margin-left: 20px;
}

/* Dropdown styling */
.dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-height: 200px;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1000;
}

.dropdown li {
    padding: 10px;
    cursor: pointer;
    transition: background 0.3s;
}

.dropdown li:hover {
    background: #f0f0f0;
}

.hidden {
    display: none;
}

.toolbar button, .pagination-toolbar button {
    background: transparent;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    border: 1px solid #bfbdb9;
}

button svg, .pagination-toolbar button svg {
    text-align: center;
    margin: 0 auto;
}

.wrap-buttons button:hover {
    background-color: var(--theme-color);
    color: var(--white);
}

.wrap-buttons button {
    color: var(--black);
    background-color: transparent;
    border: 1px solid var(--theme-color);
}

.wrap-buttons button.reset {
    width: 100%;
}

.content-wrapper h1 {
    font-size: 27px;
    font-weight: 700;
    padding: 20px 0;
}

main.content.read-section {
    margin-top: -190px;
    background: #fff;
}

#text-content p {
    font-size: 24px;
    line-height: 48px;
}

.content-wrapper {
    position: relative;
}

/* Style for the dropdown options list scrollbar */
.nice-select .list {
    max-height: 200px; /* Adjust height as needed */
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: hidden; /* Prevent horizontal scrolling */
    scrollbar-width: thin; /* For Firefox: Makes the scrollbar thinner */
    scrollbar-color: #888 #f0f0f0; /* Thumb color and track color */
}

/* Webkit-based browsers (Chrome, Edge, Safari) scrollbar styles */
.nice-select .list::-webkit-scrollbar {
    width: 8px; /* Scrollbar width */
}

.nice-select .list::-webkit-scrollbar-track {
    background: #f0f0f0; /* Track background color */
    border-radius: 8px; /* Rounded edges for the track */
}

.nice-select .list::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #6c757d, #888); /* Gradient color for the thumb */
    border-radius: 8px; /* Rounded edges for the thumb */
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
}

.nice-select .list::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(45deg, #555, #666); /* Darker color on hover */
}

/* Optional: Ensure consistent styling in all browsers */
.nice-select .list::-moz-scrollbar-thumb {
    background: #888; /* Thumb color for Firefox */
    border-radius: 8px;
}

.testimonial-slider2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Exactly 2 columns each taking 50% width */
    gap: 20px; /* Space between items */

}

.testimonials-section .testimonial-slider2 .testimonial-itm-inner .testimonial-itm-image {
    height: auto;
}

.testimonials-section .testimonial-slider2 .testimonial-itm-inner .testimonial-itm-content {
    padding: 25px 0 25px 25px;
}

.ektbas-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-content .prouct-card-heading {
    margin-bottom: 10px;
    margin-top: 20px;
}

.category-section .section-title h2 {
    text-align: right;
}

.testimonials-section .testimonial-itm-inner {
    border-radius: 20px;
    position: relative;
}

.testimonial-itm-inner::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 25px;
    width: 48px;
    height: 48px;
    opacity: .6;
    background: url('../images/svg/blue-quote.svg') no-repeat center;
    background-size: contain;
}

.blog-section .blog-card-content h4 {
    font-size: 20px;
}

.abt-shp-column-left p {
    font-size: 20px;
    line-height: 36px;
}

.abt-shp-column-right img {
    width: 100%;
    border-radius: 30px;
}

/*.pro-home-section .product-thumb-slider {*/
/*    margin: 15px auto;*/
/*}*/
.right-col .category-card-content .prouct-card-heading h5 {
    margin: 10px 0;
}

.right-col .blog-card-content h4 {
    margin: 0 0 15px;
    font-size: 20px;
}

table.table.table-hover tr:nth-child(odd) {
    background: #fbfbfb;
}

hr.bg_hr_light {
    opacity: .2;
}

table tr {
    border-bottom: 1px solid #efece9;
}

.testimonials-section .testimonial-slider2 .testimonial-itm-inner .testimonial-itm-content span {
    color: #b3997f;
}

.wishlist-btn:hover {
    background: #e1d0b8;
}

.wishlist-btn:hover svg path {
    stroke: #fff;
}

.left-slide-content ul.shortcut-icons.list-inline {
    width: 100%;
    text-align: right;
}

.left-slide-content ul.share-icons {
    text-align: right;
    /* width: 100%; */
}

.left-slide-content .share-icons {
    right: 0;
    left: auto;
}

.left-slide-content .share-ektbas {
    width: 100%;
}

.btn {
    color: gray;
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
}

.btn:hover, .btn:focus {
    background-color: var(--theme-color);
    color: #0a141c;

}

.nice-select.three-options {
    text-align: center;
    padding: 14px;
    width: 165px;
    /* font-family: var(--first-font); */
    /* color: var(--white); */
    background-color: transparent;
    box-shadow: none;
    /* appearance: none; */
    outline: none;
    /* cursor: pointer; */
    border: 1px solid #e1d0b8;
    position: relative;
    /* border-radius: 70px; */
    /* text-transform: capitalize; */
    font-weight: 600;
    /* font-size: 14px; */
    line-height: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.nice-select.three-options:after, .nice-select.three-options:hover:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 60%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(../images/svg/book.svg) no-repeat center;
    background-size: contain;
    border: 0 none;
}

.nice-select.three-options:hover:after {
    background: url(../images/svg/book-hover.svg) no-repeat center;
    background-size: contain;
}

.nice-select.three-options span.current {
    margin-right: 25px;
}

.nice-select.three-options:hover span.current {
    color: #fff;
}

/* Optional: Add hover effect */
.nice-select.three-options:hover, .nice-select.three-options:focus {
    background-color: var(--theme-color);
}

.product-card-inner .product-content .nice-select.three-options {
    margin: 10px 0;
}

.category-card-reverse .category-card-content .category-cont-bottom .nice-select.three-options {
    margin: 10px 0;
}

.category-card-reverse {
    padding: 5px 0;
}

.wrap-buttons .wishlist-btn:last-child {
    margin-left: 0;
}

.wrap-buttons .wishlist-btn {
    width: 78px;
    height: 40px
}

.wrap-buttons .wishlist-btn:hover svg path {
    stroke: #174369
}

.wrap-buttons svg path {
    stroke: #174369
}

.nice-select.three-options.open {
    border-radius: 18px 18px 0 0
}

.category-cont-bottom .price-btn .btn.checkout-btn {
    padding: 12px 16px;
}

.category-card-content .size-selectors a {
    width: 60px;
}

.mini-cart-footer .btn:hover svg path {
    stroke: #fff;
}

.btn:focus svg path, .btn:hover svg path {
    fill: transparent;
}

.slick-slide .nice-select .list {
    max-height: 120px;
}

.category-cont-bottom .nice-select.three-options {
    width: 135px;
}

.form-control, input:not([type="submit"]), input:not([type="checkbox"]), input:not([type="radio"]), select, textarea {
    font-family: 'IBM Plex Sans Arabic';
}

.form-group textarea {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.btn .library path {
    fill: var(--black);
}

.testimonial-slider2.search_adv .testimonial-itm-inner::before {
    display: none;
}

.profile {
    width: 30px; /* Set desired size */
    height: 30px; /* Ensure it's a square */
}

.profile a {
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.header-style-one .cart-header {
    margin-top: 10px;
}

.wrap-buttons {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
}

.order-confirmation-body {
    padding: 30px 0;
    border-top: 1px solid #efece9;
}

.order-history-tbl tr td[data-label="Name"] {
    max-width: 100%;
}

.order-history-tbl tr td {
    /*padding: 15px;*/
    vertical-align: middle;
}

.order-history-tbl tr th:last-child, .order-history-tbl tr td:last-child {
    padding-right: 0;
}

.contact-form {
    border-radius: 20px;
}

.form-group input[type="text"]::placeholder, .home-search-bar .input-wrapper input::placeholder {
    color: gray
}

section.testimonials-section .nice-select {
    width: 250px;
    height: 45px;
}

section.testimonials-section .nice-select span {
    margin-top: 4px;
    display: block;
}

.search-form-wrapper .btn svg path {
    fill: #585151;
}

.category-section .slick-arrow.slick-next {
    right: -25px;
}

.blog-card-content h4 a {
    transition: all .3s ease-in-out;
}

.blog-card-content h4:hover a {
    opacity: 0.7;
}

.product-cont-top .subtitle svg path {
    stroke: var(--theme-color);
}

.article-banner .common-banner-content .back-btn {
    margin: 0 0 26px auto;
}

ul.produdt-filter-cat {
    margin-bottom: 20px;
}

/*.pro-home-section .product-item-img img {*/
/*    -o-object-fit: inherit;*/
/*    object-fit: inherit;*/
/*    padding: 0;*/
/*}*/
/*.pro-home-section .slider-wrapper::before {*/
/*    border:0 none*/
/*}*/
.left-slide-content p {
    margin-top: 20px;
}

.price-btn {
    margin-top: 10px;
}

.pagination-wrapper {
    width: 100%;
    text-align: center;
    margin: 50px 0
}

.pagination {
    float: none;
    display: inline-block;
    vertical-align: bottom
}

.pagination__list {
    display: flex;
    justify-content: center;
    float: left;
    width: 100%
}

.pagination__list > li {
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px;
    line-height: 38px;
    justify-content: center;
    text-align: center;
    margin-right: 5px
}

.pagination__item {
    float: left;
    width: 100%;
    border-radius: 50%;
    border: 1px solid transparent
}

.pagination__item--current, .pagination__item:hover, .pagination__item:focus, .pagination__item:active {
    border: 1px solid var(--theme-color)
}

.pagination__item-arrow {
    display: flex;
    height: 40px
}

.pagination__item-arrow svg {
    margin: auto
}

.dropdown-container {
    position: relative;
    display: inline-block;
}

.dropdown-btn {
    background-color: #333;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 13px;
}

.dropdown-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #f9f9f9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    z-index: 9;
    transition: opacity 0.3s, transform 0.3s;
}

.dropdown-container:hover .dropdown-menu,
.dropdown-container.active .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-menu li {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    transition: background 0.3s;
}

.dropdown-menu li:last-child {
    border-bottom: none;
}

.dropdown-menu li:hover {
    background: var(--theme-color);
}

.dropdown-menu a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333;
    font-size: 14px;
    justify-content: center;
}

.common-banner-content.more-padding {
    padding: 40px 0;
}

.blog-page-banner .common-banner-content p {
    margin-bottom: 0;
}

.toolbar .toolbar-options .dropdown-container button {
    width: 80px;
    height: 40px;
    color: var(--black)
}

.book_page {
    /* background: #1d1d1d; */
    /* padding: 17px; */
    margin: 17px 0 0 0 !important;
}

.footnotes_sec hr:last-child {
    display: none;
}

.order-history-container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* المسافة بين العناصر */
}

.order-item {
    display: flex;
    width: calc(50% - 16px); /* نصف العرض مع مراعاة الفجوة */
    /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
    border-bottom: 1px solid #eaeaea;
    padding: 16px;
    background: #fff;
    border-radius: 8px;
    align-items: center;
    justify-content: start;
    gap: 20px;
}

.pro-img-cart {
    max-width: 100px;
    width: 100px;
    height: 142px;
}

.pro-img-cart img {
    max-width: 100%;
    border-radius: 4px;
    margin-bottom: 8px;
    width: 100px;
    height: 143px;
}

.order-details a {
    color: #333;
    text-decoration: none;
}

.order-details b {
    display: block;
    font-size: 18px;
    margin-bottom: 8px;
}

.product-option p {
    margin: 0;
    color: #666;
    font-size: 14px;
}

.produdt-filter-cat li:not(:last-of-type)::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M14.9991 19L9.83911 14C9.56672 13.7429 9.34974 13.433 9.20142 13.0891C9.0531 12.7452 8.97656 12.3745 8.97656 12C8.97656 11.6255 9.0531 11.2548 9.20142 10.9109C9.34974 10.567 9.56672 10.2571 9.83911 10L14.9991 5" stroke="%23e1d0b8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 5px 5px 5px 5px;
    vertical-align: middle;
    left: auto;
}

.header-style-one .menu-right li.profile a svg {
    width: 22px;
    height: 34px;
}

.profile a {
    position: relative;
    text-decoration: none;
}

.tooltip {
    visibility: hidden;
    position: absolute;
    bottom: auto; /* Position above the link */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.tooltip::after {
    content: "";
    position: absolute;
    bottom: 100%; /* Arrow pointing up */
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
}

.profile:hover .tooltip,
.profile a:focus .tooltip {
    visibility: visible;
    opacity: 1;
}

.footer-widget h4 {
    letter-spacing: 0;
}

.mini-cart-footer .checkout-btn {

    margin: 0 auto 10px;
}

.mini-cart-footer {
    padding: 30px 0;
}

.online-store-itm2.product-card {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.btn .count {
    margin-left: 5px;
}

/*.svg-container {*/
/*    position: relative;*/
/*    width: 100px; !* Adjust to fit SVGs *!*/
/*    height: 100px; !* Same as the SVG dimensions *!*/
/*    overflow: hidden;*/
/*}*/

/*.svg-item {*/
/*    position: absolute;*/
/*    top: 100%; !* Start off-screen *!*/
/*    left: 0;*/
/*    right: 0;*/
/*    transform: translateY(0);*/
/*    animation: slide 10s infinite;*/
/*    opacity: 0; !* Initially hidden *!*/
/*}*/

/*.svg-item:nth-child(1) {*/
/*    animation-delay: 0s; !* Start immediately *!*/
/*}*/

/*.svg-item:nth-child(2) {*/
/*    animation-delay: 5s; !* Start after 5 seconds *!*/
/*}*/

/*@keyframes slide {*/
/*    0% {*/
/*        transform: translateY(100%); !* Off-screen below *!*/
/*        opacity: 0;*/
/*    }*/
/*    10% {*/
/*        transform: translateY(0); !* Slide into view *!*/
/*        opacity: 1;*/
/*    }*/
/*    40% {*/
/*        transform: translateY(0); !* Remain in view *!*/
/*        opacity: 1;*/
/*    }*/
/*    50% {*/
/*        transform: translateY(-100%); !* Slide out of view above *!*/
/*        opacity: 0;*/
/*    }*/
/*    100% {*/
/*        transform: translateY(-100%); !* Stay off-screen above *!*/
/*        opacity: 0;*/
/*    }*/
/*}*/
button[data-tooltip], a[data-tooltip] {
    position: relative;
    cursor: pointer;
}

button[data-tooltip]:hover::after, a[data-tooltip]:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    top: -40px; /* Position above the button */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    font-family: 'IBM Plex Sans Arabic';
}

button[data-tooltip]:hover::before, a[data-tooltip]:hover::before {
    content: '';
    position: absolute;
    top: -16px; /* Position above the tooltip */
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-bottom: none;
    border-top-color: #333;
    opacity: 1;
    visibility: visible;
}

button[data-tooltip]::after, a[data-tooltip]::after,
button[data-tooltip]::before, a[data-tooltip]::before {
    opacity: 0;
    visibility: hidden;
}

.mini-cart-footer .btn:hover svg path {
    fill: none
}

.mobile-menu-wrapper .mobile-menu-bar > ul > li a svg {
    margin-right: auto;
    margin-left: 0;
}

.header-style-one .mobile-menu {
    margin: 0 20px 0 0;
}

.product-image .badge {
    right: 5px;
    left: auto;
}

.footer-list-social {
    margin: 10px 0;
}


/* CSS Styling */
/*.home-right-inner {*/
/*    position: relative;*/
/*    width: 100%; !* Adjust as needed *!*/
/*    height: 530px; !* Adjust as needed *!*/
/*    overflow: hidden;*/
/*}*/

/*.home-right-inner img {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*    opacity: 0;*/
/*    transition: opacity 1s ease-in-out;*/
/*}*/
/*.home-right-inner img.active {*/
/*    opacity: 1;*/
/*}*/
.subscribe-detail p {
    color: var(--black) !important;
}

.mini-cart-body .category-card-image {
    max-width: 50px;
}

.mini-cart-body h5 {
    margin-bottom: 10px;
}

.mini-cart-body .category-card-inner {
    padding: 10px 0;
    border-bottom: 1px solid #efe4d5;
}

.article-banner .blog-cat {
    margin: 0;
}

.form-control, input:not([type="submit"]), input:not([type="checkbox"]), input:not([type="radio"]), select, textarea {
    border: 1px solid var(--theme-color);
}

.page-404 {
    background-color: #ffffff;
    position: relative;
}

.page-404 {
    min-height: 100vh;
    height: 100%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    justify-content: center;
    background-image: linear-gradient(180deg, #e1d0b8 0, #fffFFF00 100%);
}

.page-404:after {
    /*background-image: url(../images/error.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    height: 500px;
    width: 300px;
    content: "";
    position: absolute;
    bottom: 50px;
    right: 0;
    --float-animation-ease: ease;
    --float-animate-from: 0%;
    --float-animate-to: 3%;
    --float-delay: 0s;
    animation: moFloatImg 1s var(--float-animation-ease) infinite alternate;
    animation-delay: var(--float-delay);
}

.page-404 h1 {
    clear: both;
    margin-bottom: 0;
    font-size: 250px;
    line-height: 250px;
}

.page-404 h4 {
    display: block;
    font-size: 37px;
    margin-bottom: 12px;
}

.app-wrapper {
    max-width: fit-content;
    margin-right: auto;
}

.introjs-tooltipbuttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.introjs-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #bfbfbf;
}

.introjs-bullets ul li a.active {
    width: 10px;
}

.introjs-bullets ul li a:hover, .introjs-bullets ul li a:focus {
    width: 10px;
}

.introjs-disabled:hover, .introjs-disabled:focus {
    color: #ffffff;
}

.introjs-button {
    text-shadow: none;
}

.introjs-tooltipbuttons:after {
    display: none;
}

.page .content {
    font-size: 15px;
    line-height: 25px;
    transition: all .25s cubic-bezier(.25, .8, .25, 1);
}

.page-404 .button {
    margin-top: 30px;
}

.button.scaleup::before {
    position: absolute;
    content: '';
    width: 120%;
    height: 0;
    padding-bottom: 120%;
    top: -110%;
    left: -10%;
    border-radius: 50%;
    transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
}

.button.scaleup::after {
    position: absolute;
    content: '';
    transform: translate3d(0, -101%, 0);
    transition: transform .4s cubic-bezier(.1, 0, .3, 1);
}

.button.scaleup span {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

@keyframes moFloatImg {
    0% {
        transform: translateY(var(--float-animate-from, 0))
    }

    to {
        transform: translateY(var(--float-animate-to, 3%))
    }
}

.button.scaleup:hover span {
    animation: MoveScaleUpIn .3s forwards, MoveScaleUpEnd .3s forwards .3s;
}

.button.scaleup span {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.btn_more_link:hover .mo_btn_text {
    opacity: 1;
    text-indent: 0;
    margin-right: 6px;
    visibility: visible;
    -webkit-transition: visibility .4s ease, margin-right .3s ease-out, text-indent .4s ease-out, opacity .4s ease;
    -ms-transition: visibility .4s ease, margin-right .3s ease-out, text-indent .4s ease-out, opacity .4s ease;
    transition: visibility .4s ease, margin-right .3s ease-out, text-indent .4s ease-out, opacity .4s ease
}

.btn-absolute {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-indent: -9999px;
    z-index: 999;
    background-color: transparent !important
}

.category-itm.product-card .slick-slide {
    gap: 30px;
    display: flex;
    flex-direction: column;
}

.button.btn-txt-underlined {
    position: relative;
    background-color: transparent !important;
    border: 0;
    margin: 13px 0;
    padding-bottom: 3px;
    padding-left: 0;
    padding-right: 0;
    min-height: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.button.btn-txt-underlined .button-arrow {
    display: none
}

.button.btn-txt-underlined:after, .button.btn-txt-underlined:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: currentColor
}

.button.btn-txt-underlined:before {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-delay: .16s;
    transition-delay: .16s
}

.button.btn-txt-underlined:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.button.btn-txt-underlined:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.button.btn-txt-underlined:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: .16s;
    transition-delay: .16s
}

.button.button_icon .mo_btn_icon {
    padding-left: 5px;
    padding-right: 5px
}

.button.effect-icon .mo_btn_text {
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transform: translateX(0);
    padding: 0 15px;
    display: inline-block
}

.button.effect-icon .mo_btn_icon {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    line-height: 16px;
    position: absolute;
    right: 35px;
    transform: translateY(50%);
    opacity: 0;
    font-size: 12px
}

.button.effect-icon:hover .mo_btn_text {
    transform: translateX(-10px)
}

.button.effect-icon:hover .mo_btn_icon {
    right: 8px;
    opacity: 1
}

.button.effect-icon.btn_icon_position_left .mo_btn_icon {
    left: 35px;
    right: auto
}

.button.effect-icon.btn_icon_position_left:hover .mo_btn_icon {
    right: auto;
    left: 0
}

.button.effect-icon.btn_icon_position_left:hover .mo_btn_text {
    transform: translateX(10px)
}

.button.btn-txt-underlined .mo_btn_text, .button.btn-txt-underlined .mo_module_button__container, .button.roll .mo_btn_text, .button.roll .mo_module_button__container {
    transition: opacity .6s, transform .8s;
    transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1)
}

.button.btn-txt-underlined .mo_btn_text svg, .button.roll .mo_btn_text svg {
    position: relative;
    right: -5px;
    top: 3px
}

.button.btn-txt-underlined .mo_btn_text.back, .button.roll .mo_btn_text.back {
    display: inline-block;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 80%);
    opacity: 0
}

.button.roll:hover .mo_module_button__container {
    transform: translateY(-100%)
}

.button.roll:hover .mo_btn_text.front {
    opacity: 0;
    transform: translateY(-150%)
}

.button.roll:hover .mo_btn_text.back {
    transform: translate(-50%, 110%);
    opacity: 1
}

.button.large.roll:hover .mo_btn_text.back {
    transform: translate(-50%, 50%)
}

.button.btn-txt-underlined:hover .mo_module_button__container {
    transform: translateY(-100%)
}

.button.btn-txt-underlined:hover .mo_btn_text.front {
    opacity: 0;
    transform: translateY(-150%)
}

.button.btn-txt-underlined:hover .mo_btn_text.back {
    transform: translate(-50%, 55%);
    opacity: 1
}

.button.roll.bg_hr_light:hover:before {
    background: #fff
}

.button.roll.bg_hr_dark:hover:before {
    background: #101828
}

.button.roll.bg_hr_grey:hover:before {
    background: #f5f7f8
}

.button.scaleup {
    overflow: hidden
}

.button.scaleup span {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.button.scaleup::before {
    position: absolute;
    content: '';
    width: 120%;
    height: 0;
    padding-bottom: 120%;
    top: -110%;
    left: -10%;
    border-radius: 50%;
    transform: translate3d(0, 68%, 0) scale3d(0, 0, 0)
}

.button.scaleup::after {
    position: absolute;
    content: '';
    transform: translate3d(0, -101%, 0);
    transition: transform .4s cubic-bezier(.1, 0, .3, 1)
}

.button.scaleup:hover span {
    animation: MoveScaleUpIn .3s forwards, MoveScaleUpEnd .3s forwards .3s
}

.button.scaleup:hover::before {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transition: transform .4s cubic-bezier(.1, 0, .3, 1)
}

.button.scaleup:hover::after {
    transform: translate3d(0, 0, 0);
    transition-duration: 50ms;
    transition-delay: 0.4s;
    transition-timing-function: linear
}

@keyframes MoveScaleUpIn {
    to {
        transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
        opacity: 0
    }
}

@keyframes MoveScaleUpEnd {
    from {
        transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
        opacity: 0
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@media only screen and (max-width: 1470px) {
    .button.large {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.page-404 .button {
    margin-top: 30px;
}

.button.scaleup {
    overflow: hidden;
}

.button.light {
    color: #fff;
}

.button.large {
    font-size: 17px;
    padding: 17px 50px;
}

.button.bg_primary {
    background: var(--black);
}

.button.bg_hr_dark:active, .button.bg_hr_dark:focus, .button.bg_hr_dark:hover {
    background: var(--theme-color);
}

.button.hr_light:active, .button.hr_light:focus, .button.hr_light:hover {
    color: #fff;
}

.search-box .search-input {
    padding: 10px 20px;
    margin: 0;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #dbdada;
}

.mobile-menu-wrapper .mobile-menu-bar > ul > li a {
    letter-spacing: 0;
}

.copyright {
    background: #e1d0b8;
    margin: 0;
    letter-spacing: 0;
    padding: 10px 0;
}

.copyright-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.copyright-footer p {
    margin-bottom: 0;
}

.copyright-footer p img {
    width: 28px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

.logo-col.mobile {
    display: none;
}

.logo-col.desktop {
    display: block;
}

.contact-form-inner-mobile .product-heading-row {
    display: none
}

.cartDrawer .mini-cart-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cartDrawer .mini-cart-body .cart-item {
    display: flex;
    position: relative;
}

.cartDrawer .mini-cart-body .cart-item img {
    max-width: 80px;
    margin: 0 0 0 15px;
}

/*.like-btn {*/
/*    cursor: pointer;*/
/*    background-color: #f0f0f0;*/
/*    border: none;*/
/*    padding: 5px 10px;*/
/*    border-radius: 3px;*/
/*    transition: background-color 0.3s;*/
/*}*/
/*.like-btn.active {*/
/*    background-color: #ff6b6b;*/
/*    color: white;*/
/*}*/
.mini-cart-body {
    padding: 10px;
}

.cart-item {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px;
}

.cart-item img {
    max-width: 50px;
    border-radius: 5px;
}

.cart-item-content {
    flex: 1;
}

.cart-item-title {
    font-weight: bold;
    margin-bottom: 5px;
}

.remove-btn {
    cursor: pointer;
    color: white;
    border: none;
    width: 30px;
    border-radius: 3px;
    transition: background-color 0.3s;
    text-align: center;
    margin-left: 0;
    background-color: transparent;
}

.remove-btn:hover {
    background-color: transparent;
}

.show-mobile {
    display: none;
}

.show-desktop {
    display: inline-flex;
}

.category-itm .slick-slide > div:last-child {
    /*padding: 0 0 55px*/
}

.category-card-reverse .wishlist-btn {
    margin: 10px 0 0 10px;
}

.category-card-reverse .badge {
    margin-bottom: 5px;
    overflow: hidden;
    display: inline-block;
}

.introjs-skipbutton {
    padding: 7px 0;
}

.introjs-tooltiptext {
    padding: 0 20px;
}

.introjs-tooltipReferenceLayer * {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}

.introjs-tooltip {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    background-color: #f5f5f5;
    color: #333;
}

.introjs-bullets ul li {
    float: right;
}

.introjs-tooltip {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    background-color: #ffffff; /* خلفية بيضاء نظيفة */
    color: #333; /* لون النص داكن للقراءة الواضحة */
    border-radius: 12px; /* زوايا مستديرة لمظهر عصري */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); /* ظل ناعم */
    padding: 10px; /* حشوة مريحة */
    max-width: 300px; /* عرض مناسب */
    transition: all 0.3s ease-in-out; /* تأثير انتقال سلس */
}

/* تنسيق رأس الـ Tooltip (إذا كان هناك عنوان) */
.introjs-tooltip-header {
    font-size: 1.2rem;
    font-weight: 700;
    color: #2c3e50; /* لون داكن أنيق */
    margin-bottom: 0;
    padding-top: 0;
}

/* تنسيق نص الـ Tooltip */
.introjs-tooltiptext {
    font-size: 1rem;
    line-height: 1.6;
    color: #555;
    font-weight: 500;
    text-align: center;
    padding: 20px;
}

/* تنسيق الأزرار */
.introjs-button {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    background-color: #3498db; /* لون أزرق عصري */
    color: #3a3a3a;
    border: 1px solid var(--theme-color);
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 0.7rem;
    font-weight: 600;
    transition: background-color 0.3s ease, transform 0.2s ease;
    margin: 5px 0;
}

.introjs-button:hover {
    background-color: #2980b9; /* لون أغمق عند التمرير */
    transform: translateY(-2px); /* تأثير رفع خفيف */
    color: #fff;
    border: 1px solid #e1d0b8;
}

.introjs-button:active {
    transform: translateY(0); /* إلغاء الرفع عند النقر */
}

/* تنسيق زر "التالي" */
.introjs-nextbutton {
    background-color: transparent;
}

.introjs-nextbutton:hover {
    background-color: var(--theme-color);
    color: #fff;
    border: 1px solid #e1d0b8;
}

/* تنسيق زر "السابق" */
.introjs-prevbutton {
    background-color: transparent;
}

.introjs-prevbutton:hover {
    background-color: var(--theme-color);
    color: #fff;
    border: 1px solid #e1d0b8;
}

/* تنسيق زر "إنهاء" */
.introjs-donebutton {
    background-color: var(--theme-color);
}

.introjs-donebutton:hover {
    background-color: #2E2E2E;
    color: #fff;
    border: 1px solid #e1d0b8;
}

/* تنسيق زر "تخطي" */
.introjs-skipbutton {
    background: none;
    font-weight: 600;
    position: absolute;
    right: -12px;
    top: -10px;
    padding: 5px;
    border: 0 none;
    background: #07141f;
    border-radius: 100%;
    width: 18px;
    height: 18px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    vertical-align: middle;
    line-height: 14px;
}

.introjs-skipbutton:hover {
    color: #ffffff;
    background: #0c1c2a;
}

.introjs-skipbutton:hover, .introjs-skipbutton:focus {
    color: #fff
}

/* تنسيق السهم (Arrow) */
.introjs-arrow {
    border-color: transparent transparent #ffffff transparent; /* لون السهم يتطابق مع الـ Tooltip */
}

/* تنسيق النقاط (Bullets) */
.introjs-bullets ul li a {
    background: #ccc; /* لون النقاط غير المفعلة */
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transition: background 0.3s ease;
}

.introjs-bullets ul li a.active {
    background: #d3bd9d; /* لون النقطة المفعلة */
}

/* تنسيق الخلفية (Overlay) */
.introjs-overlay {
    opacity: 0.5;
    background: rgba(0, 0, 0, 0.7); /* خلفية شفافة داكنة */
    transition: opacity 0.3s ease;
}

/* تنسيق الـ Highlight للعنصر المحدد */
.introjs-helperLayer {
    border-radius: 8px;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5); /* تأثير تركيز أنيق */
}

/* تحسين التوافق مع الشاشات الصغيرة */
@media (max-width: 768px) {
    .introjs-tooltip {
        max-width: 250px;
        padding: 15px;
    }

    .introjs-tooltiptext {
        font-size: 0.9rem;
    }

    .introjs-button {
        padding: 6px 12px;
        font-size: 0.8rem;
    }
}

#search-suggestions {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #eaeaea;
    max-height: 400px;
    overflow-y: auto;
    position: absolute;
    right: 40px;
    left: 40px;
    background: #fff;
    z-index: 1000;
    border-radius: 20px;
    margin-top: 5px;
}

#search-suggestions li {
    padding: 10px;
    cursor: pointer;
}

#search-suggestions li:hover {
    background-color: #f0f0f0;
}

#close-suggestions {
    background-color: #27537b;
    border: none;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    position: absolute;
    top: auto;
    left: 25px;
    z-index: 999999;
    border-radius: 100%;
}

#close-suggestions.hidden {
    display: none;
}

#close-suggestions:hover {
    color: #fff;
}

.search-inputs-filter-mobile {
    position: relative; /* لضمان وضع زر الإغلاق بشكل صحيح */
}

.highlight {
    font-weight: 400;
}

#book-page-content {
    /*padding: 20px 0;*/
    color: #000;
}

.read-section form {
    background: #fdfdfd;
}

.m-2 {
    margin: 0 0 10px 0;
}

.df-popup-button {
    background: transparent !important;
    width: 100% !important;
}

.footnotes_sec {
    width: 100% !important;
}

.footnotes {
    width: 100% !important;
}

@media (max-width: 991px) {
    .m-2 {
        margin: 10px 0;
    }

    p.book-pages {
        display: none;
    }

    .toolbar-options {
        display: block !important;
        margin: 0 auto;
        text-align: center;
    }

    .right-col {
        flex-direction: column;
    }
}

@media screen and (max-width: 991px) {
    .testimonial-slider2 {
        grid-template-columns: repeat(1, 1fr);
    }

    .right-col .category-card-inner:not(:last-child) {
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    #search-suggestions {
        right: 30px;
        left: 30px;
    }

    table tr td {
        padding: 20px 10px 20px;
        display: table-cell;
        text-align: right;
    }
}

@media (max-width: 768px) {
    .order-item {
        width: calc(100% - 16px);
    }

    .product-card-inner {
        padding: 20px 20px 100px 20px;
    }

    /*.contact-left-column.moby {*/
    /*     display: none;*/
    /*}*/
    .product-heading-column.mobily {
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: center;
    }

    .contact-form-inner-mobile .product-heading-row.mobile2 {
        display: block;
    }

    .contact-form-inner-mobile .product-heading-row {
        display: inline-block;
    }

    .fancybox__slide {
        padding: 0 10px;
    }

    .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content {
        width: 100% !important;
    }

    .show-mobile {
        display: block;
        margin-bottom: 30px;
    }

    .show-desktop {
        display: none;
    }

    .logo-col.mobile {
        display: block;
    }

    .logo-col.desktop {
        display: none;
    }

    .table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 1rem;
        text-align: right;
        table-layout: auto;
    }

    table tr {
        display: table-row;
    }

    .table td {
        /*padding: 10px;*/
        vertical-align: top;
    }

    table tr td {
        text-align: right;
    }

    .table img {
        max-width: 50px;
        height: auto;
        border-radius: 5px;
    }

    .table-responsive {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table td {
        white-space: nowrap;
    }

    .wrap-buttons {
        display: inline-block;
    }

    .toolbar button, .toolbar .toolbar-options .dropdown-container button {
        width: auto !important;
    }

    .toolbar-options {
        display: block !important;
    }

    .wrap-buttons.in-mobile {
        display: none;
    }

    .contact-form-mobile {
        margin-top: 0 !important;
    }

    .search-container .nice-select.form-control {
        width: 100% !important;
    }

    .contact-form.contact-form-inner-mobile {
        position: inherit;
        padding: 0;
    }

    .search-inputs-filter-mobile {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .header-style-one .menu-right li:last-of-type svg {
        width: 20px;
    }

    .subscribe-bg {
        border-radius: 0 80px 80px 0;
        height: auto;
    }

    .product-heading-row .sort-lbl {
        display: none;
    }

    .form-container, .order-confirmation-body {
        padding: 20px 0 !important;
    }

    .search-container {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .category-itm.product-card .slick-slide {
        gap: 0;
    }

    .product-filter-right-column .product-image a {
        width: 95px;
    }

    .category-card-reverse h5 {
        height: auto;
        margin-bottom: 10px
    }

    .category-card-reverse .category-itm.product-card .slick-slide > div {
        margin-bottom: 0;
    }

    .option a {
        font-size: 16px;
    }

    .blog-page-banner .common-banner-content p {
        display: none;
    }

    .modal-dialog {
        width: 90%;
        margin: 50px auto;
    }

    section.testimonials-section .nice-select {
        width: 100%;
    }

    .nice-select .option {
        font-size: 13px;
        padding: 7px 15px;
    }

    .product-cont-top p {
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: unset !important;
        -webkit-line-clamp: 3;
    }

    .nice-select.select-align.form-control, .nice-select.select-font.form-control {
        display: none;
    }

    .category-card-reverse .slick-slide div:nth-child(even) .category-card-inner .category-cont-bottom .size-selectors {
        padding-bottom: 10px
    }

    .common-banner-content .section-title h2 {
        text-align: right;
    }

    /*.product-cont-top p {*/
    /*    text-align: center;*/
    /*}*/
    .product-content .price-btn .btn.checkout-btn {
        margin-left: 10px;
    }

    .testimonial-itm-inner::before {
        top: 0;
        left: 5px
    }

    section.paroduct-page.category-section .section-title h2 {
        margin-bottom: 15px;
    }

    .common-banner-content .section-title h2 {
        margin-bottom: 0;
    }

    .abt-shp-column-left p {
        font-size: 15px;
        line-height: 28px;
    }

    .abt-shp-column-left .section-title h3 {
        font-size: 22px;
    }

    .category-image-text h4 {
        font-size: 20px;
    }

    .category-image-text h4 {
        margin-bottom: 12px;
    }

    .category-image-text {
        max-width: 200px;
    }

    .testimonials-section .testimonial-itm-inner .testimonial-itm-content {
        /*align-items: center;*/
        padding: 15px 0 0;
    }

    .testimonials-section .testimonial-itm-inner .testimonial-itm-content p {
        margin-bottom: 0;
        line-height: 28px;
        /*-webkit-line-clamp: 0;*/
    }

    ul.produdt-filter-cat {
        justify-content: start;
    }

    /*.testimonial-itm-content button.read-more-btn {*/
    /*    display: none;*/
    /*}*/
    /*.testimonials-section .testimonial-itm-inner {*/
    /*    text-align: center;*/
    /*}*/
    .cat-tab {
        justify-content: center
    }

    .section-title h2 {
        text-align: center;
    }

    .modal-dialog {
        width: 90%
    }

    /*.product-content .prouct-card-heading {*/
    /*    justify-content: center;*/
    /*}*/
    .product-cont-bottom.d-flex.justify-content-between.align-items-center {
        justify-content: center !important;
    }

    .fancybox__iframe {
        height: 100%;
        width: 500px;
    }

    .subscribe-bg {
        padding: 25px 15px;
        background-image: url(../../assets/bannar/bannar1.png);
        background-repeat: no-repeat;
        background-position: 0 10%;
        background-size: 41%;
    }

    .category-card-reverse p {
        -webkit-line-clamp: 2;
    }

    .contact-form-inner-mobile .product-heading-row.js-sticky-widget {
        display: block
    }

    /*.contact-left-column.moby {*/
    /*    display: none;*/
    /*}*/
    .product-heading-column {
        justify-content: space-between;
        align-items: center;
    }

    .filter-title.mob {
        width: 50px;
        margin-top: -15px;
    }

    .testimonial-itm-inner::before {
        width: 34px;
    }

    .left-slide-content .product-cont-bottom {
        display: inline-block;
    }

    .left-slide-content .main-header-book {
        display: inline-block;
        width: 165px;
        margin: 0 10px 0 0;
    }

    .left-slide-content .bottom-content {
        display: flex;
    }

    .product-sorting-row ul.produdt-filter-cat {
        display: none;
    }

    .online-store-itm.product-card .slick-prev, .online-store-itm.product-card .slick-next {
        display: none !important;
    }

    .category-itm.product-card .slick-next, .category-itm.product-card .slick-prev {
        display: none !important;
    }

    .testimonial-slider .slick-next, .testimonial-slider .slick-prev {
        display: none !important;
    }

    table tr td {
        padding: 0 0 15px;
    }

    .changebox {
        width: 105px !important;
    }

    section.contact-page h2 {
        margin-bottom: 15px;
    }

    .online-store-itm2.product-card .product-card-inner {
        padding: 20px 0 !important;
    }

    .product-card-reverse2.mini-cart-footer {
        padding: 0 !important;
    }

    .testimonials-section .testimonial-title {
        font-size: 20px;
    }

    .category-card-image {
        max-width: 80px;
    }

    .slider-col {
        display: none;
    }

    .category-card-reverse .category-card-inner {
        padding: 20px 0;
    }

    .category-card-reverse .category-cont-bottom .size-selectors {
        justify-content: space-between;
        display: flex;
    }

    .product-heading-row .nice-select {
        padding-right: 15px;
    }

    .category-card-reverse .category-cont-bottom .size-selectors .nice-select,
    .product-listing-section .product-cont-bottom .size-selectors .nice-select {
        width: 110px;
        padding: 8px;
        font-size: 13px;
        margin: 0 !important;
    }

    .product-listing-section .product-cont-bottom .size-selectors .nice-select {
        margin: 0 0 0 10px !important;
    }

    .category-card-reverse .category-cont-bottom .size-selectors a svg,
    .product-listing-section .product-cont-bottom .size-selectors a svg {
        height: 15px;
    }

    .category-card-reverse .category-cont-bottom .size-selectors .size-selectors .wishlist-btn:last-child,
    .product-listing-section .product-cont-bottom .size-selectors .size-selectors .wishlist-btn:last-child {
        margin-left: 0;
    }

    .category-card-reverse .category-cont-bottom .size-selectors .nice-select span.current,
    .product-listing-section .product-cont-bottom .size-selectors .nice-select span.current {
        margin-right: 15px;
    }

    .category-card-reverse .category-cont-bottom .size-selectors .nice-select:after,
    .product-listing-section .product-cont-bottom .size-selectors .nice-select:after {
        height: 14px;
        right: 10px;
        top: 65%
    }

    /*.category-card-reverse .category-cont-bottom .size-selectors a,*/
    /*.product-listing-section .product-cont-bottom .size-selectors a {*/
    /*    width: 35px;*/
    /*}*/
    .left-slide-content .nice-select {
        width: 145px;
    }

    .right-col .category-card-inner:not(:last-child) {
        margin-right: 0;
    }

    .left-slide-content .nice-select:after {
        right: 11px;
        top: 68%;
        height: 18px;
    }

    .dropdown-container {
        display: inline-block;
    }


    .contact-right-inner {
        margin-top: 0 !important;
    }

    .common-banner-content.more-padding {
        padding: 70px 0 0;
    }

    .common-banner-content.more-padding p {
        margin-bottom: 0;
    }

    .hero-slider-title h5 {
        text-align: right;
        margin-right: 10px;
    }

    .copyright {
        display: flex;
    }

    .copyright-footer {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .product-page-card .product-card-inner .product-cont-top .subtitle {
        display: none;
    }

    .product-content .prouct-card-heading {
        margin-top: 0;
    }

    .nice-select.three-options {
        width: 140px;
        padding: 10px;
    }

    .category-section .section-title h2 {
        margin-bottom: 0;
    }

    .newslatter-images, .footer-col.footer-link.footer-link-1, .footer-col.footer-link.footer-link-2 {
        display: none;
    }

    .newslatter-bg {
        height: auto;
    }

    .product-card-inner .product-content .nice-select.three-options {
        margin: 0 0 0 10px;
    }

    .wishlist-btn {
        width: 45px;
        margin-left: 2px;
    }

    .btn-secondary {
        font-size: 12px;
        padding: 10px 20px;
    }

    .btn {
        padding: 10px 20px;
    }

    .product-image {
        text-align: center;
        margin: 0 auto;
    }

    .subtitle {
        margin: 6px auto;
        text-align: center;
    }

    .product-filter-right-column {
        padding-right: 0 !important;
    }

    .product-filter-right-column .product-card-inner .product-image img {
        height: auto;
    }

    .product-cont-top .subtitle a {
        margin-top: 0;
    }

    .app-wrapper .google-play img, .app-wrapper .app-store img {
        height: 40px;
        margin-top: 10px;
    }

    section.banner-contant-section .section-title h2 {
        margin-bottom: 5px;
    }

    h2, .h2 {
        font-size: 22px;
    }

    .online-store-itm2.product-card {
        display: flex;
        flex-direction: column;
    }

    .mini-cart-footer {
        padding: 0;
    }

    .testimonial-slider2 {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .logo-col h1 svg {
        height: 50px;
        width: 160px;
        margin: 0;
    }

    .header-style-one .menu-right li.profile a svg {
        width: 20px;
        height: 20px;
    }

    .offset-left {
        margin-right: 0;
    }

    .home-left-col .home-search-bar-out {
        margin-left: 0;
    }

    .app-wrapper {
        margin-top: 30px;
    }
    .hero-left-slider {
        display:none!important
    }
}

#text-content {
    position: relative; /* لضمان إمكانية وضع الـ spinner داخل هذا العنصر */
}

#text-content .loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border: 5px solid #ddd;
    border-top-color: #007bff; /* لون الجزء المتحرك */
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 10; /* لضمان ظهور الـ spinner فوق المحتوى */
    display: none; /* إخفاء الـ spinner افتراضياً */
}

@keyframes spin {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

p.popup-text:after {
    content: '';
    height: 1px;
    width: 100%;
    background: #e2e2e2;
    display: block;
    margin-top: 20px;
}

/* Notification styles */
.notification {
    position: fixed;
    bottom: 20px;
    left: 20px;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    background-color: #4CAF50; /* Green for success */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    opacity: 1;
    transition: opacity 0.5s ease, transform 0.3s ease;
    transform: translateY(0);
    z-index: 9999999999999;
}

.notification.error {
    background-color: #f44336; /* Red for error */
}

.notification.hide {
    opacity: 0;
    transform: translateY(20px);
}

.view-book-btn {
    background: transparent;
    border: 1px solid #e1d0b8;
    border-radius: 30px;
    padding: 5px 15px;
    margin: 10px 0;
    transition: all .3s ease-in-out;
}

.view-book-btn:hover {
    background: #e1d0b8;
    color: #000;
}

.filter-listing ul li.active {
    font-weight: 900;
}

.cartDrawer .cart-tottl-itm {
    display: inline-block;
    direction: rtl;
    margin-right: 7px;
}

.tag {
    float: right;
    margin: 0 0 5px 5px;
    border: 1px solid #e1d0b8;
    padding: 5px 9px;
    border-radius: 9px;
    transition: all .3s ease-in-out;
}

.tag:hover {
    background: #e1d0b8;
}

.tag:hover a {
    color: #fff
}

.see-size {
    display: block;
    text-align: left;
    margin-right: 10px;
}

.see-size svg {
    display: inline-block;
    margin-left: 3px;
}

.see-size a {
    margin-right: 14px;
    vertical-align: middle;
}

.metatag_sec {
    padding-top: 15px;
}

ul.share-icons {
    text-align: left;
}

ul.share-icons li {
    display: inline-block;
    vertical-align: middle;
}

.ektbas-options .shortcut-icons li {
    display: inline-block;
    margin: 0 0 0 8px;
}

.ektbas-options .shortcut-icons {
    margin-bottom: 0;
}

.popup-content button {
    border: 0 none;
    background: #07141f;
    border-radius: 100%;
    width: 35px;
    height: 35px;
}

.popup-content p.popup-text.zoomed-text {
    font-size: 24px; /* تكبير النص عند التفعيل */
}

.delete-all-btn {
    border: 1px solid #ffffff;
    background: transparent;
    font-family: 'IBM Plex Sans Arabic';
    border-radius: 25px;
    padding: 3px 10px;
    color: #192e48;
    font-size: 11px;
}

.delete-all-btn:hover {
    background: #192e48;
    color: #fff;
    border: 1px solid #e1d0b8;
}

button.copy-text-btn {
    border: 0 none;
    padding: 0;
    background: transparent;
}

button.copy-text-btn svg {
    width: 23px;
    margin-top: -5px;
    margin-left: 5px;
}

ul.shortcut-icons li a {
    display: inline-block;
}

ul.shortcut-icons.list-inline {
    display: flex;
    text-align: right;
    padding: 15px 0 0 0;
    flex-wrap: wrap;
}

ul.shortcut-icons.list-inline li {
    display: inline-block;
    margin-left: 10px;
}

ul.shortcut-icons.list-inline li:last-child {
    margin-left: 0;
}

ul.shortcut-icons li a svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
}

/*ul.share-icons svg path {*/
/*    stroke: #b1b1b1;*/
/*}*/
/*ul.share-icons svg:hover path {*/
/*    stroke: #e1d0b8;*/
/*}*/
/*ul.share-icons li.twitter svg path, ul.share-icons li.whatsapp svg path {*/
/*    fill: #b1b1b1;*/
/*    stroke: none;*/
/*}*/
/*ul.share-icons li.facebook svg:hover path, ul.share-icons li.whatsapp svg:hover path {*/
/*    fill: #e1d0b8*/
/*}*/
.option a {
    display: block;
    width: 100%;
    height: 100%;
}

.img-not-found {
    position: absolute;
    right: 0;
    top: 30%;
}

/*.product-widget .acnav-list li:not(:last-of-type) {*/
/*    margin-bottom: 0;*/
/*}*/
.card__media {
    position: relative;
}

.category-card-image:hover .default-img {
    opacity: 0;
    visibility: hidden;
}

.category-card-image .hover-img {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
}

.category-card-image:hover .hover-img {
    opacity: 1;
    visibility: visible;
}

.category-card-image a {
    position: relative;
    display: block;
    padding-top: 120%;
    background: transparent;
    transition: all ease-in-out 0.6s;
    -webkit-transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -ms-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
}

.category-card-image a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
    transition: all ease-in-out 0.6s;
    -webkit-transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -ms-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
}

.category-card-content .prouct-card-heading h5, .category-card-content .prouct-card-heading p {
    margin: 10px 0 0;
}

.category-image-box .inner-cover img {
    position: relative;
    width: 100px;
    height: 120px;
    max-width: 100%;
    object-fit: contain;
    border-radius: 0 !important;
}

.category-image-box:hover .inner-cover a img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.category-image-box .inner-cover {
    width: auto;
}

.product-widget.product-tag-widget .acnav-list li:not(:last-of-type) {
    margin-bottom: 0;
}

/*.category-card-reverse .category-itm.product-card .slick-slide > div {*/
/*    margin-bottom: 50px;*/
/*}*/
ul.see-size li {
    display: inline-block;
}

li.profile.shorts {
    width: auto;
}

li.profile.shorts .tooltip {
    top: 30px;
}

.product-thumb-item.slick-slide.slick-current.slick-active .thumb-img {
    /*background: #E1D0B8;*/
    border: 2px solid #d0b691;
}

.card.main-card h2 {
    font-size: 1.5rem;
}

.nice-select.select-font.form-control, .nice-select.select-align.form-control {
    border-radius: 13px;
}

/* Spinner styles */
.loader-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 4px solid rgba(0, 0, 0, 0.1); /* Light border */
    border-top: 4px solid #174369; /* Blue border */
    border-radius: 50%;
    width: 50px !important;
    height: 50px;
    animation: spin 1s linear infinite;
    z-index: 1000;
}

/* Spinner animation */
@keyframes spin {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

#book-section-dropdown + .nice-select {
    width: 225px;
    padding-right: 15px;
}

.hero-left-slider {
    justify-content: start;
}


.read-more-btn {
    background-color: transparent;
    color: #9b907f;
    border: none;
    text-align: right;
    cursor: pointer;
    font-family: 'IBM Plex Sans Arabic';
}

.read-more-btn:hover {
    background-color: transparent;
    color: #736b5d;
}

.popup-overlay, .popup-overlay2 {
    display: none; /* Keep it hidden initially */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 100%;
    max-width: 600px;
    text-align: center;
    position: relative;
    /*overflow-y: auto;*/
    max-height: 650px;
    margin: 0 50px
}

.popup-content p.popup-text {
    font-size: 18px;
    overflow-y: auto;
    min-height: 120px;
    max-height: 450px;
}

.popup-title {
    margin: 0 0 10px;
}

/* Custom scrollbar */
.popup-content::-webkit-scrollbar {
    width: 6px;
}

.popup-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
}

.popup-content::-webkit-scrollbar-thumb {
    background: #dab0aa;
    border-radius: 5px;
}

.popup-content::-webkit-scrollbar-thumb:hover {
    background: #E7BFBA;
}

ul.share-icons span {
    vertical-align: top;
}

button#toggle-tashkeel {
    width: 100%;
    font-size: 16px;
}

.close-popup {
    position: absolute;
    top: -9px;
    left: -19px;
    background: none;
    border: none;
    /* font-size: 1px; */
    cursor: pointer;
}

.close-popup svg {
    width: 15px;
    height: 15px;
}

.lb-data .lb-close {
    position: absolute;
    right: 60px;
    top: 0;
}

.image-wrapper {
    /*position: relative;*/
    display: inline-block;
}

.image-wrapper img {
    display: block;
    width: 100%;
    height: auto;
}

.zoom-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0; /* Hidden by default */
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px;
    border-radius: 50%;
    color: white;
    pointer-events: none;
    transition: all .3s ease-in-out;
}

.image-wrapper:hover .zoom-icon {
    opacity: 1; /* Show the icon on hover */
}


/* Bootstrap Modal */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
    width: 30%;
    margin: 50px auto;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
}

/* Fade & Show */
.fade {
    transition: opacity 0.15s linear;
}

.show {
    display: block;
    opacity: 1;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

.modal.show .modal-dialog {
    transform: translate(0, 0);
}

/* Bootstrap Toast */
/* Bootstrap Toast */
.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    border-radius: 0.25rem;
    display: none;
    opacity: 0;
    transition: opacity 0.15s linear;
}

.toast-header {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast-body {
    padding: 0.75rem;
}

/* Fade & Show */
.toast.show {
    display: block;
    opacity: 1;
}

.fade {
    transition: opacity 0.15s linear;
}

/* Toast Container */
.toast-container {
    position: fixed;
    top: 100%;
    left: 0;
    transform: translateY(-95%);
    z-index: 1055;
}

/* Close Button */
.btn-close {
    padding: 0.25rem;
    background: transparent;
    border: none;
    font-size: 1rem;
    opacity: 0.5;
    cursor: pointer;
}

.btn-close:hover {
    opacity: 1;
}

/* Utility Classes */
.position-fixed {
    position: fixed !important;
}

.top-50 {
    top: 50% !important;
}

.end-0 {
    left: 0 !important;
    right: auto;
!important;
}

.translate-middle-y {
    transform: translateY(-50%) !important;
}

.introjs-tooltip {
    position: absolute !important;
}

/* Modal Overlay */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn 0.3s ease;
}

.modal-overlay.active {
    display: flex;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Alert Box */
.alert-box {
    background: white;
    border-radius: 20px;
    padding: 40px;
    max-width: 400px;
    width: 90%;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    transform: scale(0.7);
    opacity: 0;
    animation: popIn 0.4s ease forwards;
}

@keyframes popIn {
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.alert-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    animation: bounce 0.6s ease;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

.alert-icon i {
    font-size: 40px;
    color: white;
}

.alert-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.alert-message {
    font-size: 16px!important;
    color: #666!important;
    line-height: 1.6;
    margin-bottom: 30px;
}

.alert-button-apple {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    padding: 15px 40px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}

.alert-button-apple:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.6);
}

.alert-button-apple:active {
    transform: translateY(0);
}

/* Coming Soon Badge */
.coming-soon-badge {
    display: inline-block;
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: white;
    padding: 8px 20px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}