.banner .title {
    font-family: "Inter", sans-serif;
}



.title abbr {
    background: var(--primary-color) !important;
    font-size: 16px;
    padding: 9px 15px;
    border-radius: 50px;
}


.photo-card img {
    height: auto;
}


.client_section {
    padding: 60px 0;
}


.client_slider_item {
    background: #fbfbfb;
    box-shadow: inset 0px 2px 73px 2px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    border-bottom: 2px solid #0d89fd;
    padding: 40px 30px;
}

.q {
    width: 35px !important;
}

.clent_divl img {
    width: 50px !important;
    height: 50px !important;
    margin-right: 15px;
}

.starg i {
    color: #eed572;
    font-size: 12px;
}

.clent_divr h4 {
    margin: 0 0 3px 0;
    font-size: 0.8rem;
    font-weight: 600;
    color: #0d89fd;
}

.clent_divr span {
    font-size: 0.6rem;
    opacity: 0.6;
    display: block;
}

.client_img {
    margin-top: 50px;
}

.client_details {
    min-height: 100px;
}

.menu_list img {
    border-radius: 16px 16px 0 0px;
}

.item_content {
    padding: 30px 15px;
    text-align: left;
    background: #222;
    border-radius: 0 0px 16px 16px;
}


.item_content h3 {
    color: var(--primary-color);
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.item_content p {
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    margin: 0;
}

.red1 {
    border-radius: 250px 250px 0 250px !important;
}

.red2 {
    border-radius: 250px 250px 250px 0 !important;
}


.h2theme {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 36px;
}

.h3theme {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
}

.btn_started {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0;
    background: #000;
    color: #fff;
}

.client_slider_item {
    background: #fff;
    box-shadow: inset 0px 2px 73px 2px rgba(0, 0, 0, 0.05);

    border-bottom: 2px solid #000;
    padding: 40px 30px;
}

.q {
    width: 35px !important;
}

.clent_divl img {
    width: 50px !important;
    height: 50px !important;
    margin-right: 15px;
}

.starg i {
    color: var(--themecolor5);
    font-size: 12px;
}

.clent_divr h4 {
    margin: 0 0 3px 0;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--themecolor);
}

.clent_divr span {
    font-size: 0.6rem;
    opacity: 0.6;
    display: block;
}

.client_img {
    margin-top: 50px;
}

.client_details {
    min-height: 100px;
}


.cagegory {
    display: block;
    text-decoration: none;
}

.cagegory h3 {
    margin: 0;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    background: #000;
    color: #fff;
    padding: 5px 0;
    text-transform: uppercase;
}

.cagegory {
    overflow: hidden;
    transition: transform 0.5s ease;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}

.cagegory:hover {
    transform: scale(1.02);
}

.menutab {
    text-align: center;
    display: flex;
    justify-content: center;
}

.menutab,
.menutab li,
.menutab li button {
    border: 0 !important;
}

.menutab li {
    padding: 0 5px;
    display: inline-block !important;
}

.menutab li button {
    border-radius: 50px !important;
    background: #ddd !important;
    color: #111 !important;
}

.menutab li button.active {
    background: #000 !important;
    color: #fff !important;
}

.reservation-section {
    padding: 50px 0;
}

.reservation-form {
    background: #f8f9fa;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.reservation-content {
    padding: 20px;
}

.reservation-section .form-control,
.reservation-section .form-select {
    border-radius: 0;
    height: 50px;
}

.btn_reserve {
    border-radius: 0;
    height: 50px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.timer-box {
    text-align: center;
    padding: 20px 40px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.time {
    display: flex;
    justify-content: center;
    gap: 6px;
    font-size: 64px;
    font-weight: bold;
    color: #0d6efd;
    letter-spacing: 2px;
}

.digit {
    display: inline-block;
    min-width: 40px;
    text-align: center;
    background: #f0f4ff;
    border-radius: 8px;
    padding: 10px 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.colon {
    min-width: 20px;
    text-align: center;
}

.label {
    margin-top: 10px;
    font-size: 14px;
    color: #6c757d;
}


.menu_item table img {
    width: 125px;
    border-radius: 8px;
}

.menu_item .nav-link {
    padding: 4px 20px;

}


.menu_item td strong {
    font-size: 20px;
}


.btn-custom-wrapper a {
    margin: 0 auto;
}

.section_booktable {
    background: var(--primary-color);

}


.reservation-content * {
    color: #fff;
}


@media (max-width: 991px) {
    .section {
        padding: 20px 0;
    }

    .section-title-wrap .title {
        font-size: 30px;
        line-height: 39px;
    }

    .header-absolute+.banner.banner-1 .banner-inner {
        min-height: 600px !important;
    }

}
.menutab li button.active {
    background: var(--primary-color) !important;
}

.menutab .owl-carousel .owl-stage {
    padding: 5px 0;
}

#blog_carousel5 {
    padding: 0 40px;
}

.menutab .owl-nav {
    position: absolute;
    width: 100%;
    left: 0;
    top: 3px;
    margin: 0;
}

.menutab .owl-stage-outer {
    z-index: 9999;
}

.menutab .owl-prev {
    float: left;
    font-size: 30px !important;
}

.menutab .owl-next {
    float: right;
    font-size: 30px !important;
}

.menutab .nav-link,
.menutab .owl-carousel.owl-drag .owl-item,
.menutab .owl-carousel .owl-item {
    margin: 0;
}

.menutab .blog-col {
    width: 100%;
    word-break: break-all;
}

.menutab .owl-theme .owl-nav [class*="owl-"]:hover {
    background: none;
    color: #000;
    text-decoration: none;
}

@media only screen and (max-width: 600px) {
    #blog_carousel5 {
        padding: 0 20px;
    }

    .menu_item .nav-link {
        padding: 4px 10px;
    }
}