:root {
    --primary: #F4B350;
    --animate-delay: 2s;
}

.pagination {
    --bs-pagination-color: var(--primary);
    --bs-pagination-hover-color: var(--primary);
    --bs-pagination-hover-bg: transparent;
    --bs-pagination-active-color: white;
    --bs-pagination-active-bg: var(--primary);
    --bs-pagination-active-border-color: var(--primary);
    --bs-pagination-disabled-color: var(--primary);
    --bs-pagination-disabled-bg: transparent;
    --bs-pagination-disabled-border-color: var(--primary);
    --bs-pagination-focus-color: var(--primary);
    --bs-pagination-focus-bg: transparent;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(244, 179, 80, 0.25);
}

.dropdown-menu {
    --bs-dropdown-border-color: var(--primary);
    --bs-dropdown-link-hover-color: white;
    --bs-dropdown-link-hover-bg: var(--primary);
    --bs-dropdown-link-active-color: white;
    --bs-dropdown-link-active-bg: var(--primary);
}

html {
    scroll-behavior: smooth;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-family: "Rubik", sans-serif;
}

.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.mt-150 {
    margin-top: 150px !important;
}

@media only screen and (max-width: 768px) {
    .mt-150 {
        margin-top: 50px !important;
    }
}

.pt-100 {
    padding-top: 100px !important;
}

p {
    font-size: 15px;
    color: #999999;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    line-height: 24px;
    margin: 0 0 10px;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
}

.text-primary {
    color: var(--primary) !important;
}

/* header section */

/* hero section/slider section */
.carousel-item {
    position: relative;
}

.carousel-item img {
    height: calc(100vh - 70px);
}

.hero-section-overlay {
    position: absolute;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
}

.hero-text h1 {
    color: #fff;
    font-family: "Alex Brush", cursive;
    font-size: 72px;
}

.hero-text p {
    color: #fff;
}

.slider-section .carousel-item::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.navbar-section {
    color: #999999;
    height: auto;

}

.navbar-section .nav-item .dropdown-menu {
    margin-top: 22px;
}

.navbar-toggler-icon {
    color: #fff;
}

.nav-link {
    padding: 0.5rem 3rem;
    color: white !important;
    font-family: "Rubik", sans-serif;
    font-size: 12px;
}

.nav-link:hover {
    color: var(--primary) !important;
}

.nav-link.active {
    color: var(--primary) !important;
}

.modal .form {
    position: relative;
}

.modal .form span {
    position: absolute;
    right: 17px;
    top: 13px;
    padding: 2px;
    border-left: 1px solid var(--primary);
}

.left-pan {
    padding-left: 7px;
}

.left-pan i {
    padding-left: 10px;
}

.modal .form-input {
    height: 55px;
    text-indent: 33px;
    border-radius: 10px;
}

.modal-backdrop {
    z-index: 1 !important;
}

/* discover section */
.hr {
    display: inline-block;
    width: 40px;
    height: 3px;
    background-color: var(--primary);

}

/* Restorans section */
.text-color {
    color: var(--primary);
}

/* todays spection section */

.todays-special-section {
    background-color: #333333;
}

.todays-special-section h1 {
    color: #fff;
}

.todays-special-section img {
    height: 280px;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .todays-special-section img {
        height: 400px;
    }

    .todays-special-section .card {
        height: 400px;
    }
}

.todays-special-section .card {
    max-width: 100%;
    height: 280px;
    border-radius: 0;
}

.todays-special-section .card span {
    color: var(--primary);
}

.todays-special-section .card:hover {
    background-color: var(--primary);
}

.todays-special-section .card:hover span {
    color: #fff;
}

.todays-special-section .card:hover .text-dark {
    color: #000;
}

/* our menu section starts here */

/* .menu-btn {
    background-color: var(--primary);
    border: none;
    color: #fff;
} */
.menu-nav-item .nav-link {
    background-color: var(--primary) !important;
    color: #fff !important;
    padding: 15px;
}

.menu-nav-item .nav-link.active {
    background-color: #fff !important;
    color: #000 !important;
}

.menu-item-card {
    border-bottom: 1px dashed #e5e5e5;
    padding-bottom: 15px;
}

.menu-bedge {
    position: absolute;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: var(--primary);
    color: #fff;
    font-size: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -10px;
    right: -5px;
    padding: 5px;
}

.menu-item-title {
    font-size: 24px;
    font-weight: bold;
}

/* reservation section starts here */

.reservation-section {
    background: url(../images/ban4.jpg);
    background-size: cover;

}

.reservation-section h1 {
    color: #fff;
}

.form-label {
    color: #fff;
}

.form-btn {
    border: 1px solid var(--primary);
    color: var(--primary);
}

.form-btn:hover {
    background-color: var(--primary);
    color: #fff;
}

/* our team section */

.our-team-section .hr {
    width: 30px;
}

.our-team-section a {
    color: #999999 !important;
}

/* experience section */

.experience-section {
    background: url(../images/ban2.jpg);
    background-size: cover;
}

.experience-section .counter {
    color: var(--primary);
}

/* notice section */
.text-notice {
    color: #000;
}

.btn-primary {
    background-color: var(--primary) !important;
    color: white;
    border: none;
}

/* notice deatails section */
/* .notice-details-section img {
    width: 100%;
    height: auto;
} */

.notice-card .card-text {
    min-height: 50px;
}

/* our-gallery section */

.gallery-nav-bar a {
    color: #999999;
    text-decoration: none;
}

.gallery-nav-bar a:hover {
    color: var(--primary);
}

.gallery-nav-bar a.active {
    color: var(--primary) !important;
}

.gallery-item {
    position: relative;
    overflow: hidden;
}

.gallery-item img {
    transition: 0.5s;
}

.gallery-item img {
    width: 100%;
}

.gallery-overlay {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
}

.gallery-overlay h5 {
    color: var(--primary);

}

.gallery-item:hover .gallery-overlay {
    opacity: 1;

}

.gallery-item:hover img {
    transform: scale(1.5);
}

/* footer section */
.get-in-touch-section {
    background: url(../images/ban3.jpg);
}

.get-in-touch-section h1,
h2 {
    color: #fff;
}

.get-in-touch-section span {
    color: var(--primary);
}

.get-in-touch-section .send-btn {
    border: 1px solid #e5e5e5;
    color: #fff;
}

.get-in-touch-section .send-btn:hover {
    background-color: var(--primary);

}

.btn-social-icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 50%;
    border: 1px solid #e5e5e5;

}

.btn-social-icon {
    color: #999999;
}

.btn-social-icon:hover {
    color: #fff;
    background-color: var(--primary);
}

/* footer bottom section */
.footer-bottom-section a {
    text-decoration: none;
}
 /* offcanvas/cart section */

.add-to-cart-btn-wrap {
    width: 110px;
}

.nav-item .cart-icon i{
    color: var(--primary) !important;
}

.cart-delete-btn {
    display: none;
}

.cart-item-card .cart-delete-btn {
    display: block;
}

.cart-item-card .menu-item-title {
    font-size: 16px;
}

.cart-item-card .add-to-cart-btn-wrap {
    width: 90px;
}

.cart-item-card .add-to-cart-btn-wrap .btn {
    font-size: 12px;
}

.cart-badge {
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: var(--primary);
    top: 5px;
    right: 2px;
}

.order-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #b8b5b5;
    color: #fff;
    font-size: large;
    position: relative;

}

.order-status-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;


}

.order-circle::after {
    content: '';
    position: absolute;
    width: 180px;
    height: 5px;
    top: 20px;
    background-color: #333333;
    left: 40px;

}

.order-status-item:last-child .order-circle::after {
    display: none;
}

.order-status-item.active .order-circle{
    background-color: var(--primary);
}

.order-status-item.active .order-circle-text {
    color: var(--primary);
}

.order-status-item.active .order-circle::after {
    background-color: var(--primary);
}

.order-status-item.step-border-none .order-circle::after {
    background-color:#333333;

 }

 .receipt-section {
    width: 400px;
    height: auto;
    background-color: #fff;
    border: 1px solid #333333;
    margin: auto;
 }
 .dotted-hr {
    border: 1px dotted #000;

 }


 .logo-img {
    /* animation-name: logo-animation; */
    /* animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-delay: 2s; */
    position: absolute;
    animation: logo-animation 5s infinite ease-in-out;
    z-index: 99999;
 }

 @keyframes logo-animation {
    0% {
        left: 100px;
        top: 30px;

    }
    25% {
        left: 100px;
        top: 500px;
    }

    50% {
        left: 1200px;
    }


    100% {
        /* transform: rotate(360deg); */
        top: -50px;
    }






 }