.hidden {
    display: none;
}
.before-1 {
    position: relative;
}
.before-1 .new_order {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;

    text-align: center;
    top: 8px;
    border-radius: 50%;
    background: rgb(50, 203, 221);
    font-weight: bold;
    padding-top: 1px;
    padding-right: 1px;
}
.before-1 .new_order:lang(ar) {
    left: 19px !important;
}
.before-1 .new_order:lang(en) {
    right: 19px !important;
}
.header-action:lang(ar) {
    width: max-content;
}

.vacancy-item {
    height: max-content !important;
}
.r-10 {
    right: 10px !important;
    left: unset !important;

}
.l-10 {
    left: 10px !important;
    right: unset !important;
}
.select2-container--open .select2-dropdown--below {
    z-index: 99999;
}
.vacancy-bg img {
    min-height: 247px;
    max-height: 225px;
    object-fit: contain;
}
/*--custom--*/
.invalid-booking {
        background: rgb(209,209,209) !important;
        border: unset !important;
        outline: unset !important;
}
.non-selectable-day {
    background-color: #ccc; /* Change to your desired color */
}
/*.fc-timegrid-now-indicator-container {*/
/*    background-color: #d4edda;*/
/*}*/
/*.fc-timegrid-axis .fc-timegrid-now-indicator-container  {*/
/*    background: unset;*/
/*}*/
/*.fc-non-business {*/
/*    background: rgb(255, 255, 255) !important;*/
/*}*/
/*.fc-theme-standard td, .fc-theme-standard th {*/
/*    border: 1px solid #2222 !important;*/
/*}*/
/*.fc-day-disabled .fc-timegrid-now-indicator-container {*/
/*    background: white;*/
/*}*/
/*.fc .fc-non-business {*/
/*    background:rgba(255,252,252,0)!important;*/
/*}*/
/*.fc .fc-timegrid-bg-harness {*/
/*    background: rgb(255,255,255);*/
/*    opacity: 0.8;*/
/*}*/
/*.fc .fc-timegrid-now-indicator-container {*/
/*    background: #c9fbe2eb;*/
/*}*/
/*.fc-timegrid-axis .fc-timegrid-now-indicator-container {*/
/*    background: unset;*/
/*}*/
/*.fc-theme-standard td, .fc-theme-standard th {*/
/*    border: 1px solid #252525;*/
/*}*/
/*.fc-day-disabled .fc-timegrid-now-indicator-container  {*/
/*    background: rgba(210,253,233,0.49) !important;*/
/*    opacity: 1;*/

/*}*/
.dot {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #000; /* Default border color */
}

/* Available Dot */
.dot.available {
    background-color: #FFF;
    border-color: #EEEEEE; /* Green border for available */
}

/* Unavailable Dot */
.dot.unavailable {
    background-color: #dddddd;
    border-color: #9E9E9E; /* Gray border for unavailable */
}

/* Booked Dot */
.dot.booked {
    background-color: #E53D3D;
    border-color: #C62828; /* Darker red border for booked */
}

/* New Booked Dot */
.dot.new_booked {
    background-color: #30a80e;
    border-color: #388E3C; /* Darker green border for new booked */
}


.hidden {
    display: none !important;
}
.btn-sm__ {
    padding: 0 20px !important;

}
.btn-sm-icon__
{
    line-height: 0 !important;
}
.header-category-toggle {
    width: max-content;
}
.header-category-menu {
    width: max-content;
}
/* Preeloader */
/* HTML: <div class="loader"></div> */
.loader {
    width: 50px;
    aspect-ratio: 1;
    display: grid;
    border: 4px solid #0000;
    border-radius: 50%;
    border-color:#3ab0e4 #ad1e1e00;
    animation: l16 1s infinite linear;
    position: absolute;
    z-index: 9999;
}

.loader::before,
.loader::after {
    content: "";
    grid-area: 1/1;
    margin: 2px;
    border: inherit;
    border-radius: 50%;
}
.loader::before {
    border-color: #133ca9 #0000;
    animation: inherit;
    animation-duration: .5s;
    animation-direction: reverse;
}
.loader::after {
    margin: 8px;
}
@keyframes l16 {
    100%{transform: rotate(1turn)}
}
.loader-container{
    position: fixed;
    z-index: 9999;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100vh;
    align-items: center;
    background: #fafafaf7;
}

@media (min-width:1120px){
    .dashboard-nav-fixed .loader {
        margin-left: 320px;
    }

}
.course-info__title {
    font-size: 1vw !important;
    min-height: 57px;
    max-height: 57px;
}
.coupon-btn.mt-3{
    font-size: 0.8rem !important;
    padding: 5px;
    margin: 5px;
    border-radius: 3px;
    font-weight: bold;
}
.coupon-btn.mt-3 .fas {
    margin: 5px;
}
#remove_coupon_button {
    margin:7px;
}
.testimonial-item {

    min-height: 350px !important;
    max-height: 350px !important;
}
.testimonial-info {
    /* align-self: stretch; */
    position: absolute !important;
    bottom: 25px !important;
}
.cart-drop-menu {
    width:100%;
}
.menu-primary__container > li.mega-menu-children > a::before {
    content: "";
    position: absolute;
    bottom: -14px !important;
    z-index: 100;
    transform: translateX(-50%);
    width: 12px;
    opacity: 1;
    height: 10px;
    visibility: visible;
    z-index: 100;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #FFFFFF;
    filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.12));
    transition: 0;
}
.menu-primary__container {
    justify-content: center;
    align-items: center;
}
.mr-10 {
    margin-right: 10px !important;
}
.p-unset {
    padding: unset !important;
}
.m-b-8 {
   margin-right: 8px !important;
   margin-left: 8px !important;
}
.header-action__number:lang(ar) {

    top: 6px !important;
    right: 13px !important;
}
.header-action__number:lang(en) {
    top: 6px !important;
    left: 13px !important;
}
.article-header {
    max-height: 270px;
    min-height: 270px;
    height: 270px;
}
.article-item-02 img{
    height: 100% !important;
    object-fit: cover;
}
.article-header__thumbnail  {
    height: 100%;
    margin-bottom: 10px;
}
.article-header__thumbnail  a{
    height: 100%;
}
.blog-item-02__meta {
    margin-top: 8px;
}
.article-info-02__title {
    font-size: 18px;
    margin-top: 10px;
}
.article-item-02 {
    box-shadow: 0 0 11px #b0b0b0;
    border-radius: 11px;

}
.article-info-02 {
    padding: 13px;
}
.mr-3 {
    margin-right: 3px !important;
}
.ml-3 {
    margin-left: 3px !important;
}
.header-mini-cart:lang(ar) {
    left: 0 !important;
    right: unset !important;
}
.header-mini-cart:lang(en) {
    right: 0 !important;
    left: unset !important;
}
/* Start Responsive Fixing */
@media (max-width:767px)
{
    .slider-search input {
        font-size: 20px;
        font-weight: bold;
    }
    .slider-caption {
        text-align:center;
    }
    .slider-image__image {
        display:none;
    }
    .slider-image-widget {
        top: 10px;
    }
    .slider-image-widget-container {
        margin-bottom: 60px;
    }
    .header-logo__logo {
        width: 45px;
    }
    .slider-wrapper scene {
        margin-top: 100.238px !important;
    }
    .header-inner {
        justify-content: end !important;
        align-items: center;
    }
    .header-toggle button:nth-child(2) {
        display: none !important;
    }
    .header-action {
        top: 5px;
    }
    .header-mini-cart {
        right: -38px;
        top: 50px !important;
    }
    .offcanvas-mobile.show {
        z-index: 99999;
    }
    .offcanvas-logo__logo {
        width: 45px;
    }
    .offcanvas-header  {
        padding: 9px;
    }
    .offcanvas-close {
        font-size: 25px;
        margin-right:5px
    }
    .header-action > div {
        /* width: 30% !important */

    }
    .header-action {
        justify-content:center;
    }
    .slider-section .slider-wrapper {
        margin-top: 60px !important;
    }
    .mobile-menu-item a {
        font-size: 19px !important;
        color: rgb(255,255,255) !important;
    }
    .mobile-menu-item {
        position: relative;
        z-index: 99999 !important;
    }

    .mobile-menu-item:after {
        content:'';
        position: absolute;
        background: rgba(148,187,255,0.32);
        width: 100%;
        opacity: 0;
        height: 100%;
        bottom: 3px;
        z-index: -1;
    }
    .mobile-menu-item:hover:after {
        opacity: 1;
    }
    .features-item__title {
        font-size: 14px !important;
    }
    .features-item__title:lang(en) {
        text-align: right
    }
    .features-item__title:lang(ar) {
        text-align: left;
    }
    .features-item {

        max-width: 100% !important;
    }

    .features-item.aos-init.aos-animate {
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }
    .categories-item {
        width: 100%;
    }
    .section-title a {
        padding: 5px;
        font-weight: bold;
        line-height: 2.6;
        background: unset;
        color: var(--primary-color);
    }
    .categories-item {
        width: 100%;
    }
    .section-title a {
        padding: 5px;
        font-weight: bold;
        line-height: 2.6;
        background: unset;
        color:var(--main-bg-color);
    }
    .footer-widget-area div:lang(en) {
        text-align:left;
    }
    .footer-widget-area div:lang(ar) {
        text-align:right;
    }
        #loginModal {
            z-index: 9999999;
        }
        #registerModal {
            z-index: 9999999;
        }
}
.product-item {
    background: rgba(239,239,239,0.60);
    min-height: min-content;
    max-height: max-content;
    height: max-content;
    border-radius: 9px;
    box-shadow: 0 0 11px rgba(128,128,128,0.66);
}
.product-item__thumbnail {
    height: 260px !important;
}
.product-item__thumbnail img {
    width: 100%;
    object-fit: contain;
    height: 100%;
}
.product-item__title {
    font-size: 19px !important;
}
.product-item__thumbnail a {
    height: 100%;
}
.product-item__info {
    margin-top: 19px !important;
    margin-bottom: 36px !important;
}
.product-item__price .sale-price {
    font-size: 22px !important;
}
.product_info_description {
    margin: 11px 0;
}
.product-item__price {
    align-items: center;
    padding: 10px;
}
.call-to-action__icon i{
    position: relative;
    top: 5px;
}
.course-header__thumbnail img {
    object-fit: cover;
}
.course-header__thumbnail a img {
    height: 100%;
    width: 100%;
}
.course-header__thumbnail a {

    height: 100%;
    width: 100%;
}
.course-info-02__title {
    font-size: 15px !important;
    max-height: 28px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.course-header__thumbnail {
    height: 100% !important;
}

.course-header {
    height: 40% !important;
}
.teachers-page .blog-item__image img {
    max-height: 180px;
    object-fit: cover;
    height: 180px;
    min-height: 180px;

}
.article-header__thumbnail a {
    width: 100%;
    height: 100%;
}
.article-item-02 img {
    height: 100% !important;
    object-fit: cover;
    width: 100%;
}
.article-header__thumbnail {
    height: 100%;
    width: 100%;
    margin-bottom: 10px;
}
.contact-map.section-padding-02 img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.contact-map.section-padding-02 {
    height: 340px;
}
p.card-text.review-message {
    max-height: 100px;
    min-height: 100px;
    height: 100px;
    overflow: auto;
}
.testimonial-caption p {
    font-size: 14px !important;
    line-height: 1.8;
    text-overflow: ellipsis;
    max-height: 104px;
    min-height: 78px;
    overflow: hidden;
}

.testimonial-caption__title {
    font-size: 17px !important;
}



/* Ensures all Teacher items are of the same height */
.blog-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff; /* Optional, add background if needed */
    padding: 20px; /* Adjust padding if necessary */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

/* Image will take fixed height */
.blog-item__image {
    height: 200px; /* Adjust height as needed */
}

/* Content will fill the rest of the card height */
.blog-item__content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Limit the description to 2 lines */
.description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Teacher Comment Section */
.teacher-comment {
    font-style: italic;
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;  /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Ensures consistent button position at the bottom */
.blog-item__more {
    margin-top: auto;
}

.description-limit {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit the description to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto; /* Ensure height is auto */
}
h2:lang(en),h1:lang(en),h3:lang(en),h4:lang(en),h5:lang(en),h6:lang(en),p:lang(en) {
    direction: ltr !important;
    text-align: left !important;
}
.article-info-02__title {
    min-height: 19px;
    max-height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
}
h2.product-item__title {
    padding: 0 15px;
}
.product_info_description {
    padding: 0 15px;
}
/* .card.custom-card {
    box-shadow: 0 0 11px #d4d4d4a8;
} */
.card.custom-card .card-header {
    width: 100%;
    height: 220px;
    max-height: 220px;
    min-height: 220px;
}
.card.custom-card .card-header img
{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.card.custom-card .card-body h5 {
    text-align: center !important;
}
.header-top-bar-wrap__text p{
    text-align: center !important;
}
.mb-11 {
    margin-bottom: 11px !important;
}

/* Ensure text color changes on hover */
.custom-hover-btm:hover {
    color: var(--main-bg-color2) !important;
}