:root {
    --white: #ffffff;
    --black: #000000;
    --text: #666666;
    --primary-color: #9b2a62;
    --secondary-color: #f3df1f;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}

body {
    font-size: 16px;
    font-family: "Lato", sans-serif;
    scroll-behavior: smooth;
}

@font-face {
    font-family: 'Lato';
    src: url('../font/Lato-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../font/Lato-Thin.ttf') format('ttf');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../font/Lato-Light.ttf') format('ttf');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../font/Lato-Bold.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../font/Lato-Black.ttf') format('ttf');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

a,
.btn,
button,
.button,
img {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

a {
    text-decoration: none !important;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.form-control:focus,
.btn-close:focus {
    border-color: var(--primary-color);
    outline: 0;
    /* box-shadow: 0 0 0 0.25rem rgb(190 143 45 / 25%); */
    box-shadow: none;
}

/* scrollbar styling */
/* width */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    /* display: none; */
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 10px;
}

::selection {
    color: #fff;
    background: var(--primary-color);
}

.py-100 {
    padding: 100px 0;
}

.top_contact {
    display: inline-flex;
    column-gap: 30px;
}

.header {
    position: absolute;
    z-index: 9;
    top: 0;
    width: 100%;
    background-color: transparent;
}

/* .top_header{
    background-color: var(--primary-color);
}
.top_header ul a {
    text-decoration: none;
    font: normal normal 500 14px / 17px "Lato", sans-serif;
    letter-spacing: 0px;
    color: #d2b4c3;
}
.top_contact li span {
    display: inline-flex;
    width: 24px;
    height: 24px;
    background: var(--secondary-color);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: var(--primary-color);
} */
.btn-style {
    background: transparent linear-gradient(90deg, #af3d75 0%, #9b2a62 100%) 0% 0% no-repeat padding-box;
    transition: background 2s;
    border-radius: 10px;
    text-align: center;
    font: normal normal 500 16px / 26px "Inter", sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 12px 40px;
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;
    text-transform: capitalize;
}
.btn-style22 {
    background: transparent linear-gradient(90deg, #af3d75 0%, #9b2a62 100%) 0% 0% no-repeat padding-box;
    transition: background 2s;
    border-radius: 10px;
    text-align: center;
    font: normal normal 500 16px / 26px "Inter", sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;
    text-transform: capitalize;
    margin-top: 2rem !important;
    
}

.btn-style::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0px;
    bottom: 0;
    background: #9b2a62;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 10px;
  
}
.btn-style22::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0px;
    bottom: 0;
    background: #9b2a62;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 10px;

}

.btn-style22:hover,
.btn-style22:focus,
.btn-style22:active {
    color: #fff !important;
}
.btn-style:hover,
.btn-style:focus,
.btn-style:active {
    color: #fff !important;
}

.btn-style:hover::before,
.btn-style:focus::before,
.btn-style:active::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.btn-style22:hover::before,
.btn-style22:focus::before,
.btn-style22:active::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.btn-style2 {
    background: transparent;
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color);
}

.navScrolled .right_menu .btn-style2 {
    background: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.booknow.btn-style::before {
    background: var(--secondary-color);
    color: #ffffff;
}

.shadow_btn {
    box-shadow: 0px 10px 10px #9b2a6233;
}

.header .navbar-collapse .navbar-nav {
    gap: 40px;
}

.header .navbar-collapse .navbar-nav li .nav-link {
    display: inline-flex;
    align-items: center;
    column-gap: 6px;
    font: normal normal 500 16px / 20px "Lato", sans-serif;
    letter-spacing: 0px;
    color: #ffffff;
    padding: 40px 0;
    text-transform: capitalize;
}

.header .navbar-collapse .navbar-nav li .nav-link.active,
.header .navbar-collapse .navbar-nav li .nav-link:hover {
    color: var(--secondary-color);
}

.navbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.navScrolled {
    position: fixed;
    top: 0;
    z-index: 999;
    background: var(--white);
    -webkit-box-shadow: 0 10px 50px 0 rgba(4, 16, 38, 0.06);
    box-shadow: 0 10px 50px 0 rgba(4, 16, 38, 0.06);
    animation: scrollSticky 0.5s ease-out;
    -webkit-animation: scrollSticky 0.5s ease-out;
}

@keyframes scrollSticky {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.header.navScrolled .navbar-collapse .navbar-nav li .nav-link {
    color: #000000;
}

.header.navScrolled .navbar-collapse .navbar-nav li .nav-link.active,
.header.navScrolled .navbar-collapse .navbar-nav li .nav-link:hover,
.header.navScrolled .mega-menu__list .mega-menu__list-item .mega-menu__list-item-link:hover,
.header.navScrolled .mega-menu__list-left .mega-menu__list-item-left .mega-menu__list-item-link-left:hover {
    color: var(--primary-color);
}

.hero-banner-swiper .swiper-slide {
    position: relative;
    z-index: 1;
}

.hero-banner-swiper .swiper-slide::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.hero-banner-content {
    margin-top: 120px;
    padding-bottom: 100px;
    display: flex;
    align-items: center;
    height: 100vh;
}

.hero-banner-content h1 {
    font: normal normal 500 60px / 79.23px "Lato", sans-serif;
    color: var(--white);
}

.hero-banner-content p {
    font: normal normal normal 18px / 32px "Lato", sans-serif;
    color: var(--white);
    max-width: 580px;
}

.hero-banner-swiper .swiper-pagination-bullet {
    background: var(--secondary-color);
}

.hero-banner-swiper .swiper-pagination-bullet-active {
    background: var(--secondary-color);
}

.benefit-box {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    padding: 20px;
    border-radius: 12px;
    height: 100%;
    border: 1px solid #F8E5E7;
    text-align: center;
    background-color: var(--primary-color);
    box-shadow: 0px 24px 24px -16px rgba(15, 15, 15, .2);
}

.benefit-box p {
    font: normal normal 600 18px / 20px "Lato", sans-serif;
    color: var(--white);
    margin: 0;
}

.about-img {
    border-radius: 20px;
    overflow: hidden;
    max-height: 550px;
}

.about-us-area,
.about-thumb {
    position: relative;
}

.about-thumb img {
    object-fit: cover;
    border-radius: 50%;
    height: 100px;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.6);
}

.about-thumb img:first-child {
    height: 480px;
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
}

.about-thumb img:nth-child(2),
.about-thumb img:nth-child(3),
.about-thumb img:nth-child(4) {
    position: absolute;
    width: 120px;
    height: 120px;
}

.about-thumb img:nth-child(2) {
    right: 5%;
    top: 10%;
    border: 2px solid var(--white);
}

.about-thumb img:nth-child(3) {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 5px solid var(--white);
}

.about-thumb img:nth-child(4) {
    right: 5%;
    bottom: 10%;
    border: 2px solid var(--white);
}

.about-us-box {
    /* box-shadow: 0px 2px 60px 0px rgba(0, 0, 0, 0.1); */
    background: var(--white);
    padding: 45px;
    position: relative;
    border-radius: 12px;
}

.sub-heading {
    text-transform: uppercase;
    color: var(--primary-color);
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    padding-right: 10px;
    font: normal normal 600 18px / 20px "Lato", sans-serif;
}

.sub-heading::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: -5px;
    content: "";
    width: 40%;
    border-bottom: 2px solid var(--primary-color);
}

.title {
    font: normal normal 600 35px / 45px "Lato", sans-serif;
    color: var(--black);
    margin-bottom: 15px;
}

.text {
    font: normal normal normal 16px / 28px "Lato", sans-serif;
    color: var(--text);
    margin-bottom: 20px;
}

.bg-light {
    background-color: #fff2f9 !important;
}

.Service-area {
    position: relative;
    z-index: 1;
}

.Service-area::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(../img/Catering-Services.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.sub-title {
    text-transform: uppercase;
    color: var(--primary-color);
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    padding: 0 10px;
    font: normal normal 600 18px / 20px "Lato", sans-serif;
}

.sub-title::before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5px;
    content: "";
    width: 40%;
    border-bottom: 2px solid var(--primary-color);
}

.site-heading {
    margin-bottom: 60px;
}

.achievement-area {
    position: relative;
    z-index: 1;
}

.achievement-area::after {
    background: var(--black);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.site-heading2 .sub-title {
    color: var(--secondary-color);
}

.site-heading2 .sub-title::before {
    border-color: var(--secondary-color);
}

.site-heading2 .title {
    color: var(--white);
}

.achievement-box {
    padding: 50px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(0, 0, 0, 0.5);
    position: relative;
    text-align: center;
    z-index: 3;
    height: 100%;
}

.achievement-box .achievement-icon {
    margin-bottom: 10px;
}

.achievement-box .achievement-icon img {
    height: 60px;
    width: 50px;
}

.achievement-box h3 {
    font: normal normal 600 32px / 38px "Lato", sans-serif;
    color: var(--white);
}

.achievement-box p {
    font: normal normal normal 16px / 20px "Lato", sans-serif;
    color: var(--secondary-color);
    margin: 0;
}

.home-blog-style-one-item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.home-blog-content .info {
    padding: 20px;
    background: var(--white);
    box-shadow: 0px 2px 60px 0px rgba(0, 0, 0, 0.1);
    position: relative;
}

/* .home-blog-content .info .date{
    height: 80px;
    width: 80px;
    text-align: center;
    background: var(--primary-color);
    color: var(--white);
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-transform: uppercase;
    position: absolute;
    right: 30px;
    top: -40px;
    border-radius: 12px;
}
.home-blog-content .info .date strong{
    display: block;
    font: normal normal 600 28px / 34px "Lato", sans-serif;
} */
.home-blog-content .info .blog-title a {
    display: block;
    font: normal normal 600 20px / 28px "Lato", sans-serif;
    color: var(--black);
}

.home-blog-content .info .blog-title a:hover {
    color: var(--primary-color);
}

.home-blog-content .info .blog-btn {
    font: normal normal 400 16px / 28px "Lato", sans-serif;
    color: var(--primary-color);
}

.home-blog-content .info .blog-btn i {
    transform: rotate(-45deg);
    font-size: 14px;
    margin-left: 4px;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
}

.home-blog-style-one-item .home-blog-img {
    height: 235px;
    overflow: hidden;
}

.home-blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
}

.home-blog-style-one-item:hover .home-blog-img img {
    transform: scale(1.1);
}

.home-blog-content .info .blog-btn:hover i {
    transform: rotate(0deg);
}

.home-blog-style-one-item:hover .home-blog-content .info .date {
    background-color: var(--secondary-color);
}

.mlf-testimonials-section {
    position: relative;
    padding: 30px 30px;
    background: var(--white);
    border-radius: 10px;
    margin: 15px;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.mlf-testimonials-section:before {
    content: "";
    position: absolute;
    height: 60px;
    width: 60px;
    top: 50px;
    right: 30px;
    background: url(../img/svg/quote.svg);
    background-position: center;
    background-size: initial;
    z-index: 1;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    opacity: .2;
}

.mlf-testimonials {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 21px;
}

.mlf-testimonials img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 0 30px rgb(0 0 0 / 8%);
    border: 4px solid #efefef;
}

.mlf-testimonials div {
    width: calc(100% - 100px);
    padding: 0 0 0 20px;
}

.mlf-testimonials div h4 {
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 5px;
    color: #000000;
}

.mlf-testimonials div p {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    color: var(--primary-color);
}

.cat-rating ul li {
    color: #f7a032;
    display: inline-flex;
}

.testimonial-swiper .swiper-pagination-bullet,
.testimonial-swiper .swiper-pagination-bullet-active {
    background: var(--primary-color);
}

.bg-light-gray {
    background-color: #f8f8f8;
}

.clients-tabs .nav-tabs {
    border-bottom: unset;
    justify-content: center;
    column-gap: 20px;
    display: inline-flex;
    padding: 8px;
    background-color: #f8f8f8;
    border-radius: 30px;
   
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex
;
    flex-wrap: nowrap !important;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.clients-tabs .nav-tabs li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 20px;
    border-radius: 30px;
    color: #000000;
    font: normal normal 400 18px / 32px "Lato", sans-serif;
}

.clients-tabs .nav-tabs li a.active {
    background-color: #9b2a62;
    color: #ffffff;
}

.our-client-box {
    background: var(--white);
    box-shadow: 0 0 30px rgb(0 0 0 / 6%);
    border-radius: 10px;
    overflow: hidden;
}

.our-client-effect {
    position: relative;
    overflow: hidden;
    height: 350px;
}

.our-client-effect::before {
    content: "";
    background: linear-gradient(transparent, var(--primary-color));
    height: 100%;
    width: 25%;
    transform: translateY(-110%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all .4s;
}

.our-client-effect:after {
    content: "";
    background: linear-gradient(transparent, var(--primary-color));
    height: 100%;
    width: 25%;
    transform: translateY(-110%);
    position: absolute;
    left: 25%;
    top: 0;
    z-index: 1;
    transition: all .4s;
}

.our-client-effect-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .2s;
}

.our-client-effect-inner:after,
.our-client-effect-inner:before {
    content: "";
    background: linear-gradient(transparent, var(--primary-color));
    height: 100%;
    width: 25%;
    transform: translateY(-110%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all .4s;
}

.our-client-effect-inner:before {
    left: 50%;
}

.our-client-effect-inner:after {
    left: 75%;
}

.our-client-info {
    padding: 30px 20px;
}

.our-client-info a h4 {
    font: normal normal 600 24px / 32px "Lato", sans-serif;
    color: #000000;
    margin-bottom: 15px;
}

.our-client-info a h4:hover {
    color: var(--primary-color);
}

.our-client-box:hover .our-client-effect::before,
.our-client-box:hover .our-client-effect::after,
.our-client-box:hover .our-client-effect-inner::before,
.our-client-box:hover .our-client-effect-inner::after {
    transform: translateY(0);
}

.our-client-box:hover .our-client-effect::before {
    transition-delay: 225ms;
}

.our-client-box:hover .our-client-effect::after {
    transition-delay: 75ms;
}

.our-client-box:hover .our-client-effect-inner::before {
    transition-delay: 0.15s;
}

.contact-form {
    position: relative;
    padding: 60px 35px 60px 35px;
    background-color: var(--white);
    box-shadow: 0px 10px 50px 0px rgb(53 82 99 / 9%);
}

.contact-classic-form-title {
    font-size: 35px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 700;
}

.contact-form-inner .form-control,
.contact-form-inner .form-select {
    border: none;
    border-radius: 0;
    padding: 16px 18px;
    background-color: #f3f5f6;
}

.contact-area-classic-content {
    margin-bottom: 40px;
}

.contact-area-classic-content h4 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 25px;
    color: var(--black);
}

.contact-area-classic-list li:not(:last-child) {
    margin-bottom: 12px;
}

.contact-area-classic-list-link {
    display: flex;
    gap: 6px;
    align-items: center;
    font-size: 15px;
    color: var(--black);
    transition: all 0.3s;
}

.contact-area-classic-list-link i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    background-color: var(--primary-color);
    flex-shrink: 0;
}

.breadcrumb-area {
    position: relative;
    padding: 80px 0;
    padding-top: 230px;
    z-index: 1;
}

.breadcrumb-area::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.breadcrumb-area h1 {
    font: normal normal bold 50px / 62px "Lato", sans-serif;
    color: var(--secondary-color);
    margin-bottom: 12px;
}

.breadcrumb-area .breadcrumb .breadcrumb-item a {
    color: var(--secondary-color);
}

.breadcrumb-area .breadcrumb .breadcrumb-item.active,
.breadcrumb-area .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: var(--white);
}

.contact-us-area {
    position: relative;
    z-index: 1;
}

.google-maps {
    width: 100%;
    height: 100%;
}

.mega-menu {
    position: relative;
}

.mega-menu .mega-menu__list,
.mega-menu .mega-menu__list-left {
    text-transform: none;
    position: absolute;
    top: 90px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s linear;
    text-align: left;
    list-style-type: none;
    width: 300px;
    min-width: 160px;
    border-radius: 5px;
    padding: 20px;
    background-color: var(--white);
    border: 1px solid transparent;
    box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.15);
}

.mega-menu:hover>.mega-menu__list {
    top: 99px;
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

.mega-menu__list .mega-menu__list-item .mega-menu__list-item-link,
.mega-menu__list-left .mega-menu__list-item-left .mega-menu__list-item-link-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    color: var(--black);
    text-transform: capitalize;
    font: normal normal 400 16px / 26px "Lato", sans-serif;
}

.mega-menu__list .mega-menu__list-item .mega-menu__list-item-link:hover,
.mega-menu__list-left .mega-menu__list-item-left .mega-menu__list-item-link-left:hover {
    color: var(--secondary-color);
}

.mega-menu .mega-menu__list-left {
    left: 260px;
}

.mega-menu:hover>.mega-menu__list-left {
    top: 0;
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

.blog-items {
    margin-bottom: 40px;
}

.blog-items-box .thumb {
    margin-bottom: 40px;
    background: transparent;
    border-radius: 8px;
    border-radius: 12px;
    overflow: hidden;
    height: 500px;
}

.blog-items-box .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-items-box .info .meta {
    margin-bottom: 15px;
}

.blog-items-box .info .meta ul {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.blog-items-box .info .meta ul li a {
    display: flex;
    align-items: center;
    column-gap: 8px;
    color: var(--primary-color);
    font: normal normal 400 16px / 26px "Lato", sans-serif;
}

.sidebar .sidebar-item {
    margin-bottom: 50px;
    width: 100%;
    background-color: #fff2f9;
    padding: 40px;
}

.sidebar form {
    position: relative;
}

.sidebar input[type="text"] {
    border: 1px solid #cccccc;
    min-height: 60px;
    border-radius: 5px;
    padding: 20px;
}

.sidebar button[type="submit"] {
    background: var(--primary-color);
    border: none;
    color: var(--white);
    font-weight: 600;
    letter-spacing: 1px;
    min-height: 55px;
    width: 60px;
    position: absolute;
    right: 5px;
    text-transform: uppercase;
    top: 5px;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    border-radius: inherit;
    font-size: 18px;
    border-radius: 8px;
    padding: 0;
}

.sidebar .title {
    margin-bottom: 30px;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
    display: inline-block;
    padding-bottom: 15px;
    font-size: 22px;
    line-height: normal;
    color: #000000;
}

.sidebar .title::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 2px;
    width: 50px;
    border-bottom: 2px solid var(--primary-color);
}

.sidebar .sidebar-item.category li {
    display: block;
    position: relative;
    margin-top: 13px;
}

.sidebar .sidebar-item.category li:first-child {
    margin-top: 0;
    padding-top: 0;
}

.sidebar .sidebar-item.category li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: capitalize;
    font-weight: 600;
    color: #666666;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sidebar .sidebar-item.category li a span {
    font-size: 13px;
    margin-left: 5px;
    background: var(--white);
    min-width: 40px;
    padding: 3px;
    text-align: center;
    color: var(--black);
    border-radius: 30px;
}

.sidebar .sidebar-item.category li a:hover {
    color: var(--primary-color);
}

.top_contact-right {
    display: flex;
    align-items: center;
}

.top_contact-right .dropdown {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    margin-right: 30px;
}

.top_contact-right .dropdown button {
    background: transparent;
    padding: 0 30px !important;
    font-weight: 500;
    display: flex;
    gap: 10px;
    align-items: center;
    border: unset;
    color: var(--white);
}

.top_contact-right .dropdown .dropdown-toggle::after {
    display: none;
}

.social ul {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

.social ul li a {
    font: normal normal 400 16px / 26px "Lato", sans-serif;
}

.social ul li a:hover {
    color: var(--white);
}

.service-inner .service-inner-item:not(:last-child) {
    margin-bottom: 40PX;
}

.service-title {
    color: var(--white);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 180%;
    text-transform: capitalize;
    background-color: #57197C;
    border: 2px solid var(--white);
    padding: 10px;
    border-radius: 12px;
}

.service-text {
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%;
    text-transform: capitalize;
    margin-bottom: 12px;
}

.service-list {
    list-style: disc;
    margin: unset;
    padding-left: 2rem;
}

.service-list li {
    margin-bottom: 12px;
}

.gallery-box-link {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    line-height: 1;
    text-align: center;
}

.gallery-box-img {
    overflow: hidden;
    margin-bottom: 15px;
    height: 240px;
    border-radius: 12px;
}

.gallery-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-box:hover .gallery-box-img img {
    transform: scale(1.1);
}

.gallery-box-link p {
    font-size: 16px;
    font-weight: 500;
    color: #9b2a62;
    margin-bottom: 10px;
}

.gallery-box-link h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    margin: 0;
}

.whychooseus-product {
    background-color: var(--white);
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #F8E5E7;
}

.whychooseus-product:hover {
    box-shadow: 0px 2px 60px 0px rgba(0, 0, 0, 0.1);
}

.whychooseus-img {
    height: 190px;
    overflow: hidden;
}

.whychooseus-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.whychooseus-content {
    padding: 20px;
}

.whychooseus-content .title {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 10px;
    color: var(--primary-color);
}

.whychooseus-swiper .swiper-pagination-bullet,
.whychooseus-swiper .swiper-pagination-bullet-active {
    background: var(--primary-color);
}

.whychooseus-product:hover .whychooseus-img img {
    transform: scale(1.1);
}

.service-box {
    display: block;
    overflow: hidden;
}

.service-box-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.service-box-main-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.service-box-main-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.service-box:hover .service-box-main-img img {
    transform: scale(.9);
}

.service-box:hover .service-title {
    color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.whychooseus-swiper .swiper-pagination,
.testimonial-swiper .swiper-pagination {
    position: relative;
    top: 0;
    bottom: 0;
    margin-top: 15px;
}

.cursor-alter {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.client-logo {
    width: 100px;
}

.cursor-alter img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: grayscale(1);
    transform: scale(0.9);
    transition: transform 0.3s, opacity 0.3s;
}

.cursor-alter:hover img {
    filter: grayscale(0);
    transform: scale(1);
}

.about-thumb-2 {
    padding-right: 70px;
    position: relative;
    z-index: 1;
    padding-bottom: 50px;
}

.about-thumb-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.about-thumb-2 img:nth-child(1) {
    height: 550px;
}

.about-thumb-2 img:nth-child(2) {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 50%;
    height: 320px;
}

.about-thumb-2::after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    height: 40%;
    width: 30px;
    background: var(--primary-color);
}

.sticky-thumb {
    position: sticky;
    top: 200px;
}

.more-link {
    display: inline-block;
    background-color: var(--primary-color);
    padding: 14px 40px;
    color: var(--white);
    text-transform: capitalize;
    letter-spacing: 2px;
    border-radius: 10px;
    border: 2px dashed var(--primary-color);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    transition: .4s;
    position: relative;
    z-index: 1;
}

.more-link:hover {
    transition: .4s;
    border: 2px dashed var(--primary-color);
    background-color: var(--white);
    color: var(--primary-color);
}

.about-thumb-info {
    position: relative;
    padding: 15px;
    margin-top: 30px;
    /* background-color: var(--primary-color); */
    text-align: center;
    color: var(--primary-color);
}

/* .about-thumb-info::before,
.about-thumb-info::after{
    position: absolute;
    top: 0;
    content: "";
    height: 100%;
    width: 30px;
    background: var(--primary-color);
}
.about-thumb-info::before{
    left: -20px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 56% 48%);
}
.about-thumb-info::after{
    right: -20px;
    clip-path: polygon(0% 0%, 100% 0%, 44% 50%, 100% 100%, 0% 100%);
} */
.faq-content .accordion .accordion-item {
    border: 0;
    border-radius: 12px;
    overflow: hidden;
    background-color: #f8f8f8;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.faq-content .accordion .accordion-item:not(:last-child) {
    margin-bottom: 20px;
}

.faq-content .accordion .accordion-item .accordion-header .accordion-button {
    color: var(--white);
    background-color: var(--primary-color);
}

.faq-content .accordion .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: unset;
}

.faq-content .accordion .accordion-item .accordion-header .accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.testimonial-main .mlf-testimonials-section {
    margin: 0;
}

.team-area-box {
    border: 1px solid #f2f2f2;
    padding: 16px;
    margin: 30px 0;
    position: relative;
    background-color: #fff;
    transform: translateY(0);
    transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.team-area-box-img {
    height: 350px;
}

.team-area-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.team-area-box-cont {
    padding: 15px 0;
    background-color: #fff;
}

.team-area-info h2 {
    font: normal normal 700 18px / 20px "Lato", sans-serif;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: var(--primary-color);
}

.team-area-info p {
    font: normal normal 700 15px / 16px "Lato", sans-serif;
    margin-bottom: 0;
    text-transform: uppercase;
    color: var(--text);
}

.team-area-box:hover {
    border-color: var(--primary-color);
    transform: translateY(-16px);
    box-shadow: 0 64px 128px rgba(0, 0, 0, 0.2);
}

.team-area {
    margin-top: 40px;
}

.contact-us-page .contact-form {
    box-shadow: unset;
    padding: 60px 80px;
}

.mlf-testimonials-video-inner .ratio {
    border-radius: 1rem;
    overflow: hidden;
}

.mlf-testimonials-video-inner {
    margin: 15px;
}

.client-swiper .swiper-wrapper {
    transition-timing-function: linear !important;
}

.meals-area{
    background: #f6f8fc;
}







.footer {
    position: relative;
    /* background-color: #dca7c4; */
    background-color: var(--black);
}

.footer::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.footer-bottom {
    padding: 14px 0;
    position: relative;
    z-index: 1;
    background-color: #181818;
}

.footer-bottom-shape img {
    height: auto;
    max-width: 35%;
    opacity: 0.4;
}

.footer-style-one {
    padding: 40px 0;
    position: relative;
    z-index: 2;
}

.f-item .widget-title {
    font: normal normal 500 25px / 30px "Lato", sans-serif;
    margin-bottom: 15px;
    color: var(--secondary-color);
}

.f-item p {
    font: normal normal normal 16px / 26px "Lato", sans-serif;
    margin-bottom: 0;
    padding-right: 44px;
    text-align: justify;
    color: var(--white);
}

.footer .link li {
    margin-top: 10px;
}

.footer .link li:first-child {
    margin-top: 0;
}

.footer .link li a {
    color: var(--white);
}

.footer .link li a:hover {
    color: var(--primary-color);
}

.footer .newsletter form {
    position: relative;
}

.footer .newsletter form .form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 0;
    padding: 0;
    color: var(--white);
}

.footer .newsletter form .form-control::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.footer .newsletter form button {
    padding: 0;
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    border: transparent;
    color: var(--white);
}

.login-left {
    position: relative;
    background-color: var(--primary-color);
    padding: 50px 0 0;
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
}

.login-left::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
    z-index: -1;
}

.login_caption {
    padding: 0 50px;
}

.login_caption ul {
    text-align: start;
}

.login-left h2 {
    font: normal normal normal 25px / 50px "Lato", sans-serif;
    letter-spacing: 2px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.login-left h2 strong {
    display: block;
    font-size: 40px;
    color: var(--secondary-color);
}

.login-left p {
    font: normal normal normal 18px / 31px "Lato", sans-serif;
    letter-spacing: 0.36px;
    color: #FFFFFF;
    max-width: 650px;
}

.login-right {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100vh;
    padding: 30px 50px;
    max-width: 800px;
    margin: auto;
    position: relative;
    align-content: space-between;
    overflow: auto;
}

.login_top a {
    font: normal normal 600 16px / 20px "Lato", sans-serif;
    letter-spacing: 0px;
    color: #000000;
    text-decoration: none;
}

.login-contact {
    max-width: 450px;
    margin: auto;
}

.login-contact h4 {
    font: normal normal 600 24px / 28px "Lato", sans-serif;
    letter-spacing: 2px;
    color: #000000;
    /* text-transform: uppercase; */
    margin-bottom: 18px;
}

.login-contact p {
    font: normal normal normal 16px / 20px "Lato", sans-serif;
    letter-spacing: 0px;
    color: #000000;
}

.login-contact .form-group {
    margin-top: 16px;
}

.login-contact .form-control {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 45px;
    margin-bottom: 20px;
    height: 60px;
    padding: 15px;
}

.login-contact p span {
    color: var(--primary-color);
}

.addtocart-box{
    position: fixed;
    right: 20px;
    bottom: 80px;
    z-index:999;
}

.addtocart-btn {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 50%;
    overflow: visible;
    color: var(--white);
    background-color: var(--primary-color);
    box-shadow: 0px 10px 10px #9b2a6233;

}

.addtocart-btn sup {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--primary-color);
    background-color: var(--secondary-color);
}

.booking-multi-box {
    overflow: hidden;
    border-radius: 15px;
    background-color: var(--white);
    box-shadow: 0px 24px 38px -16px rgba(15, 15, 15, .2);
}

.booking-multi-box-head {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background-color: var(--primary-color);
    color: var(--white);
    font-size: 24px;
}

.booking-multi-box-head img {
    width: 45px;
}

.booking-multi-box-body {
    padding: 20px;
}

.booking-box {
    display: flex;
    gap: 15px;
    flex-direction: column;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 20px;
    color: var(--primary-color);
    border-radius: 12px;
    box-shadow: 0px 24px 24px -16px rgba(15, 15, 15, .2);
    height: 100%;
    min-height: 200px;
    border: 1px solid var(--primary-color);
}
.booking-box span {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--primary-color);
}
.booking-box img {
    width: 30px;
    margin: auto;
}
.booking-box:hover{
    color: var(--white);
    background-color: var(--primary-color);
}
.booking-box:hover span{
    background-color: #b54b7f;
}
.booking-inner {
    height: 100%;
}
.booking-inner>a>.booking-box {
    align-items: center;
    justify-content: center;
}
.booking-inner>a>.booking-box img {
    margin: inherit;
}
.login-tabs .nav-tabs {
    display: inline-flex;
    padding: 5px;
    border-radius: 12px;
    background-color: #FAFAFA;
    border-bottom: unset;
    margin-bottom: 12px;
}

.login-tabs .nav-tabs li a {
    display: flex;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.4px;
    color: #343E48;
}

.login-tabs .nav-tabs li a.active {
    background-color: #ffffff;
    box-shadow: -1px 1px 4px 0px #0000000F;
}

.select-store {
    background-color: var(--primary-color);
    padding: 25px 0;
}

/* .order-location {
    position: relative;
}

.order-location .form-control {
    background-color: transparent;
    border-radius: 0;
    border: unset;
    border-bottom: 1px solid var(--white);
    padding: 12px 0 12px 25px;
    color: var(--white);
} */

.order-location .form-control::placeholder,
.eventDate-grp .form-control::placeholder {
    color: var(--white);
}

.order-location i {
    position: absolute;
    top: 15px;
    left: 0;
    color: var(--white);
}

.eventDate-grp {
    position: relative;
}

.eventDate-grp .form-control {
    padding: 12px 12px 12px 45px;
    background-color: transparent;
    border: 1px solid var(--white);
    color: var(--white);
}

.eventDate-grp img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 30px;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.meals-main-box {
    position: relative;
    border-radius: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    overflow: hidden;
    background-color: var(--white);
    z-index: 1;
}

.meals-main-box-inner {
    padding: 30px;
    background-color: var(--white);
}

.meals-main-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.meals-main-top .meals-main-top-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.meals-main-top .meals-main-top-left span {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    border-radius: 50%;
}

.meals-main-top .meals-main-top-left span img {
    width: 30px;
}

.meals-main-container .meals-main-box {
    margin-bottom: 40px;
}

.guest-box {
    display: flex;
    gap: 10px;
    align-items: center;
}

.remove-style {
    background-color: rgba(220, 53, 69, 1);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

.remove-style:hover {
    background-color: rgba(220, 53, 69, 1);
}

.remove-style::before {
    background: rgba(220, 53, 69, 1);
}

.meals-tab-box .nav-tabs {
    border-bottom: unset;
}

.meals-tab-box .nav-tabs {
    border: 1px solid var(--white);
    border-radius: 10px;
    overflow: hidden;
}

.meals-tab-box .nav-tabs li {
    width: 50%;
}

.meals-tab-box .nav-tabs li a {
    display: flex;
    padding: 5px;
    color: var(--white);
    justify-content: center;
}

.meals-tab-box .nav-tabs li a.active {
    color: var(--primary-color);
    background-color: var(--white);
}

.meals-menu-items {
    z-index: 9;
    background-color: #f2f0eb;
}

.meals-menu-items-list {
    display: flex;
}

.meals-menu-items-list li {
    position: relative;
    padding: 0 20px;
}

.meals-menu-items-list li::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 20px;
    border-right: 1px solid #7a7a7a;
}

.meals-menu-items-list li:last-child:after {
    display: none;
}

.meals-menu-items-list li a {
    display: inline-flex;
    padding: 20px 0;
    color: var(--text);
    border-bottom: 2px solid transparent;
}

.meals-menu-items-list li a:hover,
.meals-menu-items-list li a.active {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
}

.meals-menu-subitems {
    z-index: 9;
    background-color: var(--white);
    border-bottom: 2px solid #e4e4e4;
}

.meals-menu-subitems-list {
    display: flex;
}

.meals-menu-subitems-list li {
    padding: 0 20px;
}

.meals-menu-subitems-list li a {
    display: inline-flex;
    padding: 15px 0;
    color: var(--text);
}

.meals-menu-subitems-list li a:hover,
.meals-menu-subitems-list li a.active {
    color: var(--primary-color);
}

.meals-menu-items-list li a.active,
.meals-menu-subitems-list li a.active {
    font-weight: 600;
}

.meals-all-item-filter,
.packageMenu-tab-content,
.addtocardarea-area {
    padding: 10px 0;
}


/*.meals-all-item-filter-heading {*/
/*    margin-bottom: 40px;*/
/*}*/

.meals-all-item-filter-heading h3 {
    font: normal normal 600 16px / 22px "Lato", sans-serif;
    color: var(--black);
    margin-bottom: 10px;
}

.meals-all-item-filter-heading p {
    font: normal normal 500 14px / 20px "Lato", sans-serif;
    color: var(--text);
    margin-bottom: 0;
}

.meals-all-item-box-box {
    padding: 20px;
    border-radius: 10px;
    background-color: var(--white);
    background-color: #f9f9f9;
    box-shadow: 0 0 2px #00000012, 0 2px 2px #0000000f, 0 1px 3px #0000001a;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.meals-all-item-box-box:hover {
    box-shadow: #00000059 0 5px 15px;
}

.meals-all-item-box-box .meals-all-item-inner {
    display: flex;
    gap: 15px;
}

.meals-all-item-box-box .meals-all-item-img {
    flex-shrink: 0;
}

.meals-all-item-box-box .meals-all-item-img img {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    object-fit: cover;
}

.meals-all-item-box-box .meals-all-item-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.veg-item {
    display: block;
    margin-bottom: 5px;
}

.meals-all-item-box-box .meals-all-item-content-top {
    min-height: 130px;
}

.meals-all-item-box-box .meals-all-item-content-top h3 {
    margin-bottom: 8px;
    font: normal normal 600 15px / 22px "Lato", sans-serif;
    color: var(--black);
}

.meals-all-item-box-box .meals-all-item-content-top p {
    margin-bottom: 0;
    font: normal normal 500 12px / 18px "Lato", sans-serif;
    color: var(--text);
}

.meals-all-item-box-box .meals-all-item-content-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.meals-all-item-box-box .meals-all-item-content-bottom span {
    margin-bottom: 0;
    font: normal normal 600 16px / 24px "Lato", sans-serif;
    color: var(--black);
}

.allmeal-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    line-height: normal;
    padding: 8px 24px;
}

.menu-card-modal .modal-content {
    border-radius: 20px;
    overflow: hidden;
}

.menu-card-modal .modal-body {
    padding: 0;
}

.menu-card-modal .modal-body .modal-body-img {
    height: 200px;
}

.menu-card-modal .modal-body .modal-body-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.menu-card-modal .modal-body .modal-body-content {
    position: relative;
    padding: 20px;
    margin: 20px 0;
}

.greyleafright {
    position: absolute;
    top: -20px;
    right: 0;
}

.menu-card-modal .modal-body .modal-body-content h3 {
    margin-bottom: 8px;
    font: normal normal 600 25px / 32px "Lato", sans-serif;
    color: var(--black);
}

.menu-card-modal .modal-body .modal-body-content p {
    font: normal normal 500 12px / 18px "Lato", sans-serif;
    color: var(--text);
}

.menu-card-modal .modal-body .modal-body-content span {
    margin-bottom: 0;
    font: normal normal 600 16px / 24px "Lato", sans-serif;
    color: var(--black);
}

.meals-menu-breadcrumb {
    padding: 20px 0;
}

.meals-menu-breadcrumb .site-heading {
    margin-bottom: 0;
}

.meals-menu-breadcrumb .breadcrumb li a {
    color: var(--primary-color);
}

.meals-menu-items-area .meals-main-btn {
    margin-bottom: 40px;
}

.meals-food-services-box {
    text-align: center;
    padding: 30px;
    border-radius: 30px;
    box-shadow: 0 2.41247px 16.8873px rgba(155, 42, 98, 0.4);
}

.meals-food-services-box h3 {
    margin-bottom: 15px;
    font: normal normal 600 25px / 32px "Lato", sans-serif;
    color: var(--black);
}

.meals-food-services-box .meals-food-services-img {
    max-width: 290px;
    margin: auto;
    margin-bottom: 15px;
}

.meals-food-services-box .meals-food-services-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.meals-food-services-detail-box h5 {
    margin-bottom: 20px;
    font: normal normal 500 14px / 22px "Lato", sans-serif;
    color: var(--black);
}

.meals-food-services-detail-box h6 {
    margin-bottom: 6px;
    font: normal normal 500 24px / 32px "Lato", sans-serif;
    color: var(--black);
}

.meals-food-services-detail-box h6 sub {
    font: normal normal normal 12px / 18px "Lato", sans-serif;
}

.meals-food-services-detail-box p {
    margin-bottom: 30px;
    font: normal normal normal 11px / 12px "Lato", sans-serif;
    color: var(--text);
}

.menu-card-card .menu-card-card-inner {
    margin-bottom: 15px;
}

.menu-card-card-inner h4 {
    margin-bottom: 6px;
    font: normal normal 500 16px / 20px "Lato", sans-serif;
    color: var(--black);
}

.menu-card-card-inner ul {
    padding-left: 20px;
    list-style: circle;
}
.back-btn{
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 24px;
    font-size: 12px;
    color: var(--white);
    border: 1px solid var(--white);
    border-radius: 10px;
    transition: all .3s;
    text-transform: capitalize;
}
.back-btn:hover{
    color: var(--primary-color);
    background-color: var(--white);
}
.menu-card-modal .btn-close.btn-close-white{
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid;
    border-radius: 50%;
    padding: 8px;
}
.addtocardarea-area .meals-all-item-box{
    margin-bottom: 20px;
}
.wcs-single-img{
    height: 500px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 40px;
}
.wcs-single-img  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wcs-title{
    font: normal normal 600 35px / 45px "Lato", sans-serif;
    max-width: 800px;
    margin: auto;
    margin-bottom: 20px;
    color: var(--black);
}
.ad_admin_card {
    background-color: var(--white);
    padding: 30px 20px;
    border-radius: 12px;
    box-shadow: 0 0 5px rgb(0 0 0 / 33%);
    height: 100%;
    transition: all ease .3s;
}
.ad_admin_card strong {
    display: block;
    font: normal normal 600 20px / 25px "Lato", sans-serif;
    color: var(--black);
    margin-bottom: 15px;
    position: relative;
}
.ad_admin_card strong:after {
    content: "";
    border-bottom: 2px solid var(--primary-color);
    display: block;
    width: 75px;
    margin-top: 9px;
}
.ad_admin_card:hover {
    box-shadow: 0 1px 10px rgb(0 0 0 / 33%);
    transition: all ease .3s;
    background-color: var(--primary-color);
}
.ad_admin_card:hover strong, .ad_admin_card:hover p {
    color: var(--white);
}
.ad_admin_card:hover strong:after {
    border-color: var(--white);
}
.seo-chooseus-box {
    padding: 40px 30px;
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    background-color: #ffffff;
    height: 100%;
    transition: all ease .3s;
}
.seo-chooseus-img{
    display: inline-block;
    padding: 20px;
    border-radius: 50%;
    background-color: var(--primary-color);
    margin-bottom: 20px;
}
.seo-chooseus-img img{
    width: 50px;
}
.seo-chooseus-box strong {
    display: block;
    font: normal normal 600 18px / 20px "Lato", sans-serif;
    color: var(--black);
    margin-bottom: 12px;
}
.seo-chooseus-box:hover{
    border-color: var(--primary-color);
}
.pricing-table{
    position: relative;
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
    padding: 30px;
    border-top: 8px solid var(--secondary-color);
    border-radius: 6px;
}
.pricing-title h3{
    font: normal normal 600 28px / 32px "Lato", sans-serif;
    color: var(--black);
    margin-bottom: 15px;
}
.pricing-prize{
    margin: 30px 0;
}
.pricing-prize h6{
    font: normal normal 600 32px / 38px "Lato", sans-serif;
    color: var(--black);
}
.pricing-prize h6 sub{
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
}
.pricing-content{
    margin-top: 30px;
}
.pricing-content ul li{
    display: flex;
    gap: 15px;
    font: normal normal normal 14px / 16px "Lato", sans-serif;
    color: var(--text);
    margin-bottom: 15px;
}
.pricing-content ul li .fa-check-circle{
    color: #1C9C53;
}
.pricing-content ul li .fa-times-circle{
    color: #dc3545;
}
.pricing-table.active {
    margin-top: -7px;
}
.pricing-table.active{
    border-top: 16px solid var(--primary-color);
}
.timeline{
    padding: 20px 0 20px;
    position: relative;
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    background-color: #e6e6e6;
    left: 50%;
    margin-left: -0.5px;
}
.timeline > li {
    margin-bottom: 20px;
    position: relative;
    text-align: right;
    min-height: 60px;
}
.timeline > li > .timeline-badge {
    color: var(--primary-color);
    width: 18px;
    height: 18px;
    line-height: 10px;
    font-size: 0.7em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    border: 3px solid var(--primary-color);
    margin-left: -9px;
    background-color: #ffffff;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    -webkit-box-shadow: 0px 0px 5px white;
    -moz-box-shadow: 0px 0px 5px white;
    box-shadow: 0px 0px 5px white;
}
.timeline > li > .timeline-panel {
    width: 46%;
    float: left;
    padding: 15px 10px 25px 10px;
    position: relative;
    font: normal normal 600 18px / 22px "Lato", sans-serif;
    color: var(--primary-color);
    text-transform: capitalize;
}
.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 23px;
    right: -25px;
    display: inline-block;
    width: 25px;
    height: 2px;
    background: #e6e6e6;
    content: " ";
}
.timeline > li.timeline-inverted {
    text-align: left;
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -25px;
    right: auto;
}
.food-box-swiper-box{
    margin-bottom: 40px;
}
.delicious-foodBox-swiper .swiper-wrapper .swiper-slide{
    height: 100%;
    width: 408.677px;
}
.delicious-foodBox-swiper .whychooseus-product{
    margin: 15px;
}
.delicious-foodBox-swiper .swiper-pagination{
    margin-top: 30px;
}
.our-popular-food-cont .our-popular-food-item{
    margin-bottom: 30px;
}
.our-popular-food-item .our-popular-food-item-title{
    display: block;
    font: normal normal 600 20px / 24px "Lato", sans-serif;
    color: var(--primary-color);
    margin-bottom: 30px;
}
.top-wedding-venues-amenities strong{
    display: block;
    margin-bottom: 10px;
    color: var(--primary-color);
}
.top-wedding-venues-amenities ul{
    list-style: circle;
    padding-left: 30px;
}
.top-wedding-venues-amenities ul li{
    margin-bottom: 8px;
}
.our-process-planning-area .seo-chooseus-box strong{
    display: flex;
    gap: 12px;
    align-items: center;
}
.our-process-planning-area .seo-chooseus-box strong i{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    transition: all ease .3s;
    flex-shrink: 0;
}
.our-process-planning-area .seo-chooseus-box:hover strong i{
    color: var(--white);
    background-color: var(--primary-color);
}
.wcwca-box{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wcwca-shap-1 {
    position: absolute;
    left: 15px;
    top: -22px;
    width: 354.994px;
    height: 378.66px;
    border-radius: 16px;
    background: var(--primary-color);
}
.wcwca-shap-2 {
    position: absolute;
    right: 15px;
    bottom: -25px;
    width: 374.723px;
    height: 157.618px;
    border-radius: 16px;
    background: var(--secondary-color);
}
.wcwca-img {
    position: relative;
    overflow: hidden;
    max-width: 635px;
    width: 100%;
    height: 420px;
    border-radius: 16px;
}
.wcwca-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.why-choose-wedding-catering-area .about-us-box{
    padding: 30px;
}
.wcwca-food-box{
    position: relative;
}
.wcwca-food-dot-img{
    position: absolute;
    left: -150px;
    top: 0;
    z-index: 1;
}
.wcwca-food-img-outer{
    display: flex;
    align-items: flex-end;
}
.wcwca-food-img-outer-1-inner{
    width: 70px;
    height: 410px;
    border-radius: 10px;
    background-size: contain;
    background-position: center;
    margin-right: 30px;
}
.wcwca-food-img-outer-2{
    height: 450px;
    border-radius: 10px;
    overflow: hidden;
}
.wcwca-food-img-outer-2 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.why-choose-wedding-catering-area .about-thumb-2 img{
    border-radius: 12px;
}
.residences-box{
    position: relative;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 20px 0px;
    background-color: rgb(255, 255, 255);
}
.residences-box-inner{
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}
.residences-box-inner .residences-image-container{
    width: 30%;
}
.residences-box-inner .residences-image-container .residences-box-img{
    height: 100%;
    overflow: hidden;
    position: relative;
}
.residences-box-inner .residences-image-container .residences-box-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.residences-box-inner .residences-box-content{
    padding: 15px 20px;
    background-color: var(--white);
    align-self: stretch;
    width: 70%;
}
.residences-box-inner .residences-box-content .residences-box-content-inner{
    display: flex;
    flex-direction: column;
    align-self: stretch;
    height: 100%;
    gap: 12px;
}
.residences-box-content-detail-header h3{
    font: normal normal 600 18px / 23px "Lato", sans-serif;
    letter-spacing: 0.25px;
    transition: 0.2s;
    margin-bottom: 2px;
}
.residences-box-content-location-container {
    min-height: 30px;
}
.residences-box-content-location-container .nearby-location{
    max-width: fit-content;
    background-color: rgb(237, 244, 255);
    border-radius: 100vw;
    color: rgb(41, 45, 50);
    font-size: 12px;
    line-height: 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 8px 12px;
    gap: 10px;
}
.residences-box-content-location-container .nearby-location i{
    color: var(--primary-color);
}
.residences-box-content-location-container .nearby-location span{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 14px;
}
.residences-box-content-amenities{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.residences-box-content-amenities li{
    background: rgba(155, 42, 98, 0.08);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 4px 12px;
    border-radius: 100px;
    font: normal normal 600 12px / 14px "Lato", sans-serif;
    color: var(--primary-color);
}
.residences-box-content-price-action-buttons{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.residences-box-content-location-container,
.residences-box-content-amenities,
.residences-box-content-price-action-buttons{
    margin-top: auto;
}

.residences-box-content-price-action-buttons .max-limit label{
    text-transform: capitalize;
    font: normal normal normal 12px / 14px "Lato", sans-serif;
    color: var(--text);
}
.residences-box-content-price-action-buttons .max-limit h6{
    font: normal normal normal 18px / 26px "Lato", sans-serif;
    color: var(--black);
    margin: 0;
}
.residences-box-content-price-action-buttons .max-limit h6 i{
    font-size: 14px;
    color: var(--primary-color);
}
.residences-box:hover .residences-box-content-detail-header h3{
    color: var(--primary-color);
}
.residences-box:hover .residences-box-inner .residences-image-container .residences-box-img img{
    transform: scale(1.1);
}
.booking-area-accordian .accordion .accordion-item .accordion-button:focus{
    box-shadow: 0 0 0 0.25rem rgba(155, 42, 98, 0.25);
}
.booking-area-accordian .accordion .accordion-item .accordion-button:not(.collapsed){
    color: var(--white);
    background-color: var(--primary-color);
}
.booking-area-accordian .accordion .accordion-item .accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.booking-area-accordian .accordion .accordion-item {
    border-radius: 40px;
    border-color: var(--primary-color);
}
.booking-area-accordian .accordion .accordion-item .accordion-header{
    border-radius: 50px;
    overflow: hidden;
}
.booking-area-accordian .accordion .accordion-item .accordion-button{
    font-size: 20px;
    color: var(--primary-color);
}
.booking-area-accordian .accordion .accordion-item .accordion-button span,
.booking-area-accordian .accordion .accordion-item .accordion-body ul li a span{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 15px;
    background-color: #b54b7f;
}
.booking-area-accordian .accordion .accordion-item .accordion-button span img,
.booking-area-accordian .accordion .accordion-item .accordion-body ul li a span img{
    width: 30px;
}
.booking-area-accordian .accordion .accordion-item .accordion-button.collapsed span{
    background-color: var(--primary-color);
}
.booking-area-accordian .accordion .accordion-item .accordion-body ul li a{
    padding: 16px;
    display: flex;
    align-items: center;
    color: var(--black);
    font-size: 20px;
    border-radius: 50px;
}
.booking-area-accordian .accordion .accordion-item .accordion-body ul li a:hover{
    color: var(--white);
    background-color: #b54b7f;
}
.booking-area-accordian .accordion .accordion-item .accordion-body ul li a:hover span{
    background-color: #c96395;
}
.dnt-haveAccount{
    font: normal normal 500 16px / 22px "Lato", sans-serif;
    color: #000000;
    margin-bottom: 0;
}
.dnt-haveAccount a{
    color: var(--primary-color);
    text-decoration: underline !important;
}
.checkout-table{
    border: 1px solid #EBECED;
    border-radius: 12px;
    overflow: auto;
}
.meal-item-box{
    display: flex;
    gap: 8px;
    align-items: center;
    font: normal normal 500 15px / 20px "Lato", sans-serif;
}
.meal-item-box img{
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
}
.change-profile-area .contact-form{
    box-shadow: unset;
}
.pass-relative{
    position: relative;
}
.pass-eye {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #04111D;
    cursor: pointer;
}
.order-cancel-policy-area .service-title{
    font-size: 25px;
    color: var(--primary-color);
    background-color: transparent;
    padding: 0;
}
.eventDate-grp .table-btn{
    position: absolute;
    top: 0;
    right: 0;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 100%;
    background-color: var(--white);
    color: var(--primary-color);
    border: none;
    font-size: 14px;
}

















/*===============:: Dashboard styling start ::===============*/

.main-topbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: var(--white);
    border-bottom: 1px solid #e9eef5;
}

.main-topbar .navbar {
    padding: 0 20px 0 0;
}

.head-lg .form-control {
    border-radius: 50px;
    padding-right: 1rem;
    padding-left: 2.25rem;
    color: #94a3b8;
}

.search-top {
    position: relative;
}

.search-top i {
    position: absolute;
    top: 8px;
    left: 10px;
}


#Sidebar_menu,
#topside_logo {
    width: 90px;
}

#Sidebar_menu.expanded,
#topside_logo.expanded {
    width: 250px;
}

#Sidebar_menu~#main_content {
    margin-left: 90px;
    transition: margin-left .5s;
}

#Sidebar_menu.expanded~#main_content {
    margin-left: 250px;
}

#Sidebar_menu .sidebar-menu-text {
    display: none;
}

#Sidebar_menu.expanded .sidebar-menu-text {
    display: inline-block;
    margin-left: 9px;
}

#Sidebar_menu .sidebar-menu-icon {
    display: none;
}

#Sidebar_menu.expanded .sidebar-menu-icon {
    display: block;
    float: right;
}

#Sidebar_menu .sidebar-button,
#topside_logo {
    justify-content: center;
}

.sidebar {
    display: flex;
    flex-direction: column;
    z-index: 1001;
    background: #ffedf6;
    bottom: 0;
    margin-top: 0;
    position: fixed;
    top: 70px;
    transition: 0.5s;
    border-right: 1px solid #e9e9ef;
}

.simplebar-content-wrapper {
    position: relative;
    width: 100%;
    height: 100vh;
    padding-top: 20px;
    overflow-y: scroll;
    background-color: var(--white)
}

.simplebar-content-wrapper::-webkit-scrollbar {
    display: none;
}

.simplebar-content-wrapper:hover::-webkit-scrollbar {
    display: block;
}

.simplebar-content-wrapper:hover::-webkit-scrollbar-thumb {
    background: rgba(111, 133, 147, 0.2);
}

.side_logo {
    width: 50px;
}

.sidebar-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
    width: 250px;
    height: 70px;
    transition: 0.5s;
    /* background-color: #fbfaff; */
    border-right: 1px solid #e9e9ef;
    -webkit-box-shadow: 0 2px 2px #fbfaff;
    box-shadow: 0 2px 2px #fbfaff;
}

.openbtn {
    padding: 4px 16px;
}

#checkbox {
    display: none;
}

.toggle {
    position: relative;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    transition-duration: .5s;
}

.bars {
    width: 90%;
    height: 3px;
    /* background-color: rgb(176, 92, 255); */
    background-color: var(--primary-color);
    border-radius: 4px;
}

#bar2 {
    transition-duration: .8s;
}

#bar1,
#bar3 {
    width: 60%;
}

#checkbox:checked+.toggle .bars {
    position: absolute;
    transition-duration: .5s;
}

#checkbox:checked+.toggle #bar2 {
    transform: scaleX(0);
    transition-duration: .5s;
}

#checkbox:checked+.toggle #bar1 {
    width: 90%;
    transform: rotate(45deg);
    transition-duration: .5s;
}

#checkbox:checked+.toggle #bar3 {
    width: 90%;
    transform: rotate(-45deg);
    transition-duration: .5s;
}

#checkbox:checked+.toggle {
    transition-duration: .5s;
    transform: rotate(180deg);
}

#Sidebar_menu .sideNav li {
    margin-bottom: 18px;
}

#Sidebar_menu.expanded .sideNav li {
    margin-bottom: 0;
}

.sideNav li a {
    display: flex;
    align-items: center;
    padding: 0.62rem 1.5rem;
    color: #6f6f6f;
    position: relative;
    font-size: .9rem;
    -webkit-transition: all .4s;
    transition: all .4s;
    font-weight: 500;
    margin: auto;
    border-radius: 10px;
    width: max-content;
}

#Sidebar_menu .sideNav li a {
    padding: 12px 18px;
    justify-content: center;
    position: relative;
    white-space: nowrap;
    text-transform: capitalize;
}

#Sidebar_menu .sideNav li a.active,
#Sidebar_menu .sideNav li a:hover,
.mobileSideNav li a.active,
.mobileSideNav li a:hover {
    color: var(--primary-color);
    background-color: rgba(155, 42, 98, .2);
}

#Sidebar_menu.expanded .sideNav li a:hover::before,
#Sidebar_menu.expanded .sideNav li a.active::before,
.mobileSideNav li a:hover::before,
.mobileSideNav li a.active::before {
    width: 6px;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--primary-color);
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    border-radius: 0 8px 8px 0;
}

#Sidebar_menu.expanded .sideNav li a,
.mobileSideNav li a {
    justify-content: start;
    border-radius: 0;
    width: 100%;
    box-shadow: none;
}

#Sidebar_menu .sideNav li a span,
#Sidebar_menu .sideNav .menu_title {
    display: none;
}

#Sidebar_menu.expanded .sideNav li a span,
#Sidebar_menu.expanded .sideNav .menu_title {
    display: block;
}

.profile-bottom {
    display: flex;
    padding: .75rem 0;
    align-items: center;
    flex-direction: column;
}

.profile-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    color: var(--primary-color);
}

.sideNav li a i {
    font-size: 18px;
    margin-right: 10px;
}

#Sidebar_menu .sideNav li a i {
    margin-right: 0;
}

#Sidebar_menu.expanded .sideNav li a i {
    margin-right: 10px;
}

.user-profile {
    width: 3rem;
    height: 3rem;
}

.page_content {
    transition: margin-left .5s;
    padding: calc(80px + 20px) calc(20px / 2) 90px calc(20px / 2);
}

.main_content .footer {
    bottom: 0;
    padding: 20px calc(20px / 2);
    position: fixed;
    right: 0;
    z-index: 9;
    color: #74788d;
    left: 250px;
    height: 60px;
    transition: .5s;
    font-size: 14px;
    text-transform: capitalize;
    background-color: #fff;
    border-top: 1px solid #e9e9ef;
}

.main_content .footer .footerContent {
    font-size: 14px;
    color: var(--title-color);
}

.pageTitleBox {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    justify-content: space-between;
}

.pageTitleBox h4 {
    font-size: 18px;
    text-transform: capitalize;
}

#Sidebar_menu~#main_content .footer {
    left: 90px;
}

#Sidebar_menu.expanded~#main_content .footer {
    left: 250px;
}

#main_content .footer::before {
    display: none;
}

.profile-drop {
    min-width: 16rem;
}

.profile-drop .drop-head {
    padding: 1.25rem 1rem;
}

.profile-drop__wrap {
    display: flex;
    align-items: center;
}

.profile-drop__wrap .user-profile {
    width: 4rem;
    height: 4rem;
    flex-shrink: 0;
    margin-right: 1rem;
}

.profile-drop__wrap-content h4 {
    margin-bottom: 3px;
    width: 10rem;
    font-size: 16px;
    color: #334155;
    font-weight: 500;
    text-transform: capitalize;
}

.profile-drop__wrap-content p {
    margin: 0;
    width: 10rem;
    font-size: 12px;
    color: #94a3b8;
    text-transform: capitalize;
}

.profile-drop .drop-content {
    padding: 0;
    display: flex;
    padding-top: 6px;
    padding-bottom: 1.25rem;
    flex-direction: column;
    min-height: unset;
    max-height: unset;
    overflow: unset;
}

.tracking-wide {
    display: flex;
    gap: 10px;
    padding: 0.5rem 1rem;
}

.tracking-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: 18px;
    border-radius: 6px;
    color: var(--white);
    background-color: var(--primary-color);
}

.tracking-wide:hover {
    background-color: #f1f5f9;
}

.tracking-content__title {
    font-size: 14px;
    color: #334155;
    font-weight: 600;
    margin-bottom: 2px;
    text-transform: capitalize;
}

.tracking-content__text {
    margin: 0;
    color: #94a3b8;
    font-size: 12px;
    text-transform: capitalize;
}

.profile-logout {
    margin-top: 1.2rem;
    padding: 0 1rem;
}

.attendence-btn {
    position: relative;
    padding: 8px 22px;
    border-radius: 45px;
    border: none;
    background-color: var(--primary-color);
    color: var(--white);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
}

.attendence-btn::before {
    width: 70%;
    height: 2px;
    position: absolute;
    background-color: rgba(250, 250, 250, 0.678);
    content: "";
    filter: blur(1px);
    top: 7px;
    border-radius: 50%;
}

.attendence-btn::after {
    width: 70%;
    height: 2px;
    position: absolute;
    background-color: rgba(250, 250, 250, 0.137);
    content: "";
    filter: blur(1px);
    bottom: 7px;
    border-radius: 50%;
}

.drop-head {
    padding: 12px;
    background-color: #ffedf6;
}

.drop-wrap {
    min-width: 20rem;
    padding: 0;
    border: none;
    border-radius: 8px;
    overflow: hidden;
    background-color: var(--white);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 3px 10px 0 rgb(48 46 56 / 6%);
}

.table{
    margin-bottom: 0;
}
table.dataTable {
    border: 1px solid #EBECED;
    border-radius: 12px 12px 0 0;
    margin-bottom: 0px !important;
    margin-top: 15px !important;
}

div.dataTables_wrapper div.dataTables_length label {
    display: inline-flex;
    align-items: center;
    column-gap: 4px;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 100px;
    min-width: 100px;
}

.dataTables_wrapper .row:last-child {
    border: 1px solid #ebeced;
    border-top: 0;
    padding: 12px 12px;
    border-radius: 0 0 12px 12px;
}
.table.table-striped>tbody>tr:nth-of-type(odd)>*{
    --bs-table-bg-type: var(--white);
}
.table.table-striped>tbody>tr:nth-child(even)>* 
,table.dataTable.table-striped>tbody>tr.even>* {
    background: #FAFAFA;
}

.table th,table.dataTable th {
    background: #FAFAFA;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.4px;
    text-transform: uppercase;
    border-bottom: 0;
}

.table td,table.dataTable td {
    padding: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;
    border-bottom: 0;
}

.valign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.whychooseus-ifram {
    margin-top: 80px;
}

.whychooseus-ifram .ratio {
    border-radius: 1rem;
    box-shadow: 0px 3rem 5rem 0px rgba(0, 0, 0, 0.3);
    margin-bottom: 4rem;
    overflow: hidden;
    position: relative;
}

.newsletter .contact-area-classic-list-link {
    gap: 10px;
    color: var(--white);
    align-items: baseline;
}

.newsletter .contact-area-classic-list i {
    color: var(--primary-color);
    background-color: var(--white);
}

.btitle {
    font: normal normal 600 30px / 42px "Lato", sans-serif;
    color: var(--black);
    margin-bottom: 25px;
}

.post-share h3 {
    font: normal normal 600 20px / 32px "Lato", sans-serif;
    color: var(--black);
    margin-bottom: 0;
}

.post-share {
    display: flex;
    gap: 12px;
    align-items: center;
}

.social ul li a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.social ul li a:hover {
    background-color: var(--primary-color);
}

.blog-comments {
    margin-top: 50px;
    padding-top: 45px;
    border-top: 1px solid #e7e7e7;
}

.comments-title h3 {
    font: normal normal 600 30px / 32px "Lato", sans-serif;
    color: var(--black);
    margin-bottom: 30px;
}

.comments-area .comments-list {
    margin-bottom: 50px;
}

.comments-area .comment-item {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 37px;
    -webkit-box-shadow: 0px 2px 12px 0px #e7e7e7;
    box-shadow: 0 0 25px rgb(0 0 0 / 8%);
    background: var(--white);
    position: relative;
    border-radius: 8px;
}

.comments-area .comment-item .avatar {
    height: 120px;
    width: 120px;
    min-width: 120px;
}

.comments-area .comment-item .avatar img {
    height: 90px;
    width: 90px;
    border-radius: 50%;
}

.content-title {
    margin-bottom: 15px;
}

.content-title h5 {
    font: normal normal 600 20px / 25px "Lato", sans-serif;
    color: var(--black);
    margin-bottom: 5px;
}

.comment-item .content a {
    display: inline-flex;
    gap: 12px;
    align-items: center;
    color: var(--primary-color);
}

.comments-area .comment-item.reply {
    margin-left: 80px;
}

.post-pagi-area {
    margin-top: 50px;
    display: flex;
    align-items: center;
}

.post-pagi-area>div {
    width: 50%;
    margin-right: 15px;
}

.post-pagi-area a {
    font-weight: 500;
    text-transform: capitalize;
    color: #666666;
    display: flex;
    align-items: center;
}

.post-pagi-area a .icon {
    display: inline-block;
    width: 60px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    text-align: center;
    margin-right: 15px;
    position: relative;
    min-width: 60px;
    height: 60px;
}

.post-pagi-area a .icon i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
}

.post-pagi-area .nav-title {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.6px;
}

.post-pagi-area h5 {
    text-transform: none;
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    transition: all 0.35s ease-in-out;
    color: #232323;
}

.post-pagi-area>div:nth-child(2) {
    text-align: right;
    margin-right: 0;
    margin-left: 15px;
}

.post-pagi-area>div:nth-child(2) a {
    justify-content: right;
}

.post-pagi-area>div:nth-child(2) a .icon {
    margin-right: 0;
    margin-left: 15px;
}

.post-pagi-area a:hover,
.post-pagi-area a:hover .nav-title h5 {
    color: var(--primary-color);
}

.table th,
.table td {
    vertical-align: middle;
    line-height: 1;
    white-space: nowrap;
    padding: 1.25rem 0.9375rem;
}

.table th:first-child,
table.dataTable th:first-child {
    border-radius: 12px 0px 0 0;
}

table.dataTable th:last-child {
    border-radius: 0 12px 0 0;
}

table.dataTable.table-striped>tbody>tr.odd>* {
    box-shadow: none;
}

.pagination li {
    margin: 0 6px;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.pagination li:first-child a,
.pagination li:last-child a {
    border: 0;
}

.pagination li a {
    background: #FAFAFA;
    width: 34px;
    height: 34px;
    padding: 8px 6px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    color: #646C73;
}

.pagination .page-item.active .page-link {
    color: #9b2a62;
    background-color: #ffecf6;
    border-color: #ffecf6;
}

.table-btn {
    padding: 4px 6px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20.4px;
    border-radius: 4px;
    color: var(--white);
    background-color: var(--primary-color);
}

.status-green,
.status-blue,
.status-red {
    position: relative;
    padding: 4px 6px 4px 22px;
    border-radius: 30px;
    color: #1C9C53;
    background-color: #E8F5EE;
    font-size: 12px;
    font-weight: 400;
    line-height: 20.4px;
}

.status-green::before,
.status-blue::before,
.status-red::before {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #1C9C53;
}

.status-blue {
    color: #147BDB;
    background-color: #E8F2FB;
}

.status-blue::before {
    background-color: #147BDB;
}

.status-red {
    color: #E52323;
    background-color: #FCE9E9;
}

.status-red::before {
    background-color: #E52323;
}
.navbar-toggler{
    border-color: var(--white);
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 225, 225, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navScrolled .navbar-toggler{
    border-color: rgba(0, 0, 0, 0.15);
}
.navbar-toggler:focus,
.navScrolled .navbar-toggler:focus{
    box-shadow: unset;
}
.navScrolled .navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg);
}
.mobilebottom-navbar{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 5;
}
.bottom-nav{
    display: flex;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    height: 50px;
    filter: drop-shadow(0 0 5px rgba(31, 31, 31, 0.1));
}
.bottom-nav .nav-slot {
    flex-basis: 15%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
}
.bottom-nav .navlink {
    /* width: 25px;
    height: 25px;
    line-height: 1.5; */
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 10px;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: var(--primary-color);
    padding: 0.5rem 0.5rem;
    transition: 0.3s all;
    text-transform: capitalize;
}
.bottom-nav .navlink i{
    font-size: 16px;
}
.bottom-nav .navlink.active{
    color: var(--white);
    background-color: var(--primary-color);
}
.bottom-nav .curve {
    flex-basis: auto !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M99,0A36.33,36.33,0,0,0,70,15,25,25,0,0,1,30,15,36.33,36.33,0,0,0,1,0H0V50H100V0Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    width: 100px;
    background-color: transparent;
}
.bottom-nav .floating-button {
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 3;
    text-align: center;
    color: var(--white);
    border-radius: 50%;
    bottom: 35px;
    background-image: linear-gradient(to right, #6a11cb 0%, #9b2a62 100%);
    box-shadow: 0 10px 6px -6px #777;
    z-index: 1;
    transition: 0.3s all;
}
.mobilebottom-offcanvas .offcanvas-header{
    border-bottom: 1px solid #eee;
}
.mobilebottom-offcanvas .offcanvas-title{
    width: 60px;
}
.mobilebottom-list li .mobilebottom-list-link,
.mobilebottom-submenu-list li .mobilebottom-submenu-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--black);
    font-size: 16px;
    text-transform: capitalize;
    padding: 10px 20px;
}
.mobilebottom-submenu-list li .mobilebottom-submenu-link {
    padding: 10px 0;
}
.mobilebottom-submenu-list{
    list-style: circle;
    padding-left: 20px;
    margin-left: 20px;
}
.mobilebottom-list .collapsing,
.mobilebottom-list .collapse.show{
    background-color: #f7f7f7;
}
.mobilebottom-list .collapse.show .collapsing,
.mobilebottom-list .collapse.show .collapse.show{
    background-color: #ededed;
}













/*===============:: Responsive styling start ::===============*/


@media (min-width: 1250px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1250px;
    }
}

@media (max-width: 1250px) {
    .header .navbar-brand{
        display: flex;
        width: 80px;
    }
    .header .navbar-collapse .navbar-nav {
        gap: 30px;
    }
    .btn-style{
        padding: 10px 26px;
        font: normal normal 500 16px / 20px "Inter", sans-serif;
    }
    .hero-banner-content h1 {
        font: normal normal 500 50px / 70.23px "Lato", sans-serif;
    }
    .hero-banner-content p {
        font: normal normal normal 16px / 30px "Lato", sans-serif;
    }
    .py-100 {
        padding: 50px 0;
    }
    .benefit-box .benefit-icon img{
        width: 50px;
    }
    .sub-heading,
    .sub-title{
        font: normal normal 600 16px / 18px "Lato", sans-serif;
    }
    .title{
        font: normal normal 600 28px / 40px "Lato", sans-serif;
    }
    .text{
        font: normal normal normal 15px / 26px "Lato", sans-serif;
        margin-bottom: 15px;
    }
    .service-title{
        font-size: 18px;
        line-height: 150%;
        padding: 8px;
        border-radius: 10px;
    }
    .whychooseus-content {
        padding: 15px;
    }
    .achievement-box{
        padding: 35px;
    }
    .achievement-box h3 {
        font: normal normal 600 26px / 36px "Lato", sans-serif;
    }
    .more-link{
        padding: 10px 30px;
    }
    .site-heading {
        margin-bottom: 40px;
    }
    .contact-form{
        padding: 50px 35px 50px 35px;
    }
    .contact-classic-form-title{
        font-size: 30px;
    }
    .footer-logo img{
        width: 80px;
    }
    .f-item .widget-title {
        font: normal normal 500 20px / 25px "Lato", sans-serif;
    }
    .f-item p{
        font: normal normal normal 15px / 25px "Lato", sans-serif;
    }
    .footer .link li a{
        font-size: 15px;
    }
    .breadcrumb-area{
        padding: 60px 0;
        padding-top: 200px;
    }
    .breadcrumb-area h1 {
        font: normal normal bold 40px / 52px "Lato", sans-serif;
    }
    .our-client-effect {
        height: 300px;
    }
    .our-client-info a h4 {
        font: normal normal 600 20px / 28px "Lato", sans-serif;
        margin-bottom: 12px;
    }
    .our-client-info {
        padding: 24px 20px;
    }
    .wcs-title {
        font: normal normal 600 30px / 40px "Lato", sans-serif;
        max-width: 700px;
    }
    .wcwca-img {
        max-width: 570px;
        height: 390px;
    }
    .seo-chooseus-img img {
        width: 40px;
    }
    .seo-chooseus-box{
        padding: 30px 25px;
    }
    .residences-box-inner .residences-image-container,
    .residences-box-inner .residences-box-content {
        flex: unset;
    }
    .residences-box-inner {
        border-radius: 15px;
    }
    .allmeal-btn{
        padding: 6px 20px;
    }
    .blog-items-box .thumb{
        height: 400px;
    }
    .btitle {
        font: normal normal 600 24px / 36px "Lato", sans-serif;
        margin-bottom: 20px;
    }
    .service-list{
        font-size: 15px;
    }
    .post-share h3 {
        font: normal normal 600 16px / 28px "Lato", sans-serif;
    }
    .post-pagi-area a .icon{
        min-width: 40px;
        width: 40px;
        height: 40px;
    }
    .post-pagi-area .nav-title{
        font-size: 14px;
    }
    .post-pagi-area h5{
        font-size: 16px;
        line-height: 20px;
    }
    .post-pagi-area,
    .blog-comments{
        margin-top: 30px;
    }
    .blog-comments{
        padding-top: 35px;
    }
    .comments-title h3 {
        font: normal normal 600 24px / 28px "Lato", sans-serif;
    }
    .home-blog-style-one-item .home-blog-img {
        height: 200px;
    }
    .home-blog-content .info .blog-title a {
        font: normal normal 600 18px / 24px "Lato", sans-serif;
    }
    .contact-us-page .contact-form {
        padding: 45px 55px;
    }
    .login-contact .form-control{
        height: 45px;
        margin-bottom: 15px;
    }
    .login_top a img{
        width: 80px;
    }
    .meals-tab-box .nav-tabs li a{
        padding: 5px;
    }
}

@media (max-width: 1200px) {
    .header .navbar-brand {
        width: 60px;
    }
    .header .navbar-collapse .navbar-nav {
        gap: 20px;
    }
    .btn-style {
        padding: 8px 20px;
        font: normal normal 500 14px / 16px "Inter", sans-serif;
    }
    .header .navbar-collapse .navbar-nav li .nav-link{
        padding: 25px 0;
    }
    .about-thumb img:first-child{
        height: 400px;
    }
    .about-thumb img:nth-child(2), .about-thumb img:nth-child(3), .about-thumb img:nth-child(4) {
        position: absolute;
        width: 100px;
        height: 100px;
    }
    .hero-banner-content h1 {
        font: normal normal 500 40px / 60.23px "Lato", sans-serif;
    }
    .benefit-box p {
        font: normal normal 600 16px / 18px "Lato", sans-serif;
    }
    .title {
        font: normal normal 600 24px / 36px "Lato", sans-serif;
    }
    .service-title {
        font-size: 16px;
        padding: 6px;
        border-radius: 8px;
    }
    .whychooseus-content .title {
        font-size: 18px;
    }
    .achievement-box {
        padding: 20px;
    }
    .achievement-box h3 {
        font: normal normal 600 20px / 32px "Lato", sans-serif;
    }
    .home-blog-content .info {
        padding: 16px;
    }
    .home-blog-content .info .blog-title a {
        font: normal normal 600 16px / 22px "Lato", sans-serif;
    }
    .more-link {
        padding: 6px 20px;
    }
    .contact-classic-form-title {
        font-size: 25px;
    }
    .contact-form {
        padding: 40px 35px 40px 35px;
    }
    .mega-menu:hover>.mega-menu__list{
        top: 70px;
    }
    .our-client-effect {
        height: 250px;
    }
    .breadcrumb-area {
        padding: 40px 0;
        padding-top: 160px;
    }
    .breadcrumb-area h1 {
        font: normal normal bold 32px / 42px "Lato", sans-serif;
    }
    .about-thumb-info{
        padding: 8px;
        margin-top: 14px;
    }
    .about-thumb-2 img:nth-child(1) {
        height: 480px;
    }
    .about-thumb-2 img:nth-child(2) {
        height: 260px;
    }
    .team-area-box-img {
        height: 300px;
    }
    .wcs-single-img {
        height: 400px;
    }
    .wcwca-img {
        max-width: 460px;
    }
    .wcs-title {
        font: normal normal 600 24px / 34px "Lato", sans-serif;
    }
    .seo-chooseus-img{
        padding: 15px;
    }
    .seo-chooseus-img img {
        width: 30px;
    }
    .pricing-table{
        padding: 20px;
    }
    .pricing-title h3 {
        font: normal normal 600 22px / 32px "Lato", sans-serif;
    }
    .pricing-prize h6 {
        font: normal normal 600 26px / 34px "Lato", sans-serif;
    }
    .pricing-prize h6 sub {
        font-size: 14px;
        line-height: 16px;
    }
    .mlf-testimonials-section {
        padding: 20px;
    }
    .mlf-testimonials img {
        width: 60px;
        height: 60px;
    }
    .mlf-testimonials div h4{
        font-size: 16px;
    }
    .mlf-testimonials div p {
        font-size: 12px;
    }
    .mlf-testimonials-section:before{
        height: 30px;
        width: 30px;
        top: 30px;
        right: 20px;
    }
    .wcwca-food-img-outer-2 {
        height: 390px;
    }
    .wcwca-food-img-outer-1-inner{
        width: 70px;
        height: 330px;
    }
    .wcwca-food-dot-img {
        left: -60px;
    }
    .meals-food-services-box h3 {
        font: normal normal 600 20px / 28px "Lato", sans-serif;
    }
    .blog-items-box .thumb {
        height: 300px;
        margin-bottom: 25px;
    }
    .btitle {
        font: normal normal 600 19px / 29px "Lato", sans-serif;
        margin-bottom: 16px;
    }
    .meals-all-item-box-box .meals-all-item-img img{
        width: 50px;
        height: 50px;
    }
    .meals-all-item-box-box .meals-all-item-content-top {
        min-height: 115px;
    }
    .meals-main-box-inner {
        padding: 20px;
        background-color: var(--white);
    }
    .meals-main-top {
        margin-bottom: 20px;
    }   
}

@media (max-width: 992px) {
    div.table-responsive>div.dataTables_wrapper>div.row.dt-row .col-sm-12 {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .hero-banner-content h1 {
        font: normal normal 500 36px / 54.23px "Lato", sans-serif;
    }
    .about-thumb{
        width: 500px;
        margin: auto;
    }
    .about-us-box{
        padding: 30px;
    }
    .service-title {
        font-size: 20px;
        padding: 12px;
        border-radius: 12px;
    }
    .header .navbar-collapse .navbar-nav{
        width: 100%;
        margin: 0 !important;
        padding: 55px 20px 20px;
    }
    .navbar-collapse .navbar-toggler {
        position: absolute;
        right: 15px;
        top: 12px;
        font-size: 25px;
        color: var(--primary-color);
        padding: 5px;
    }
    .bottom-nav .nav-slot{
        flex-basis: 100%;
    }
    /* .header,
    .header.navScrolled{
        display: none !important;
    } */
    .hero-banner-content{
        margin-top: 0;
        padding-bottom: 0;
    }
    .breadcrumb-area {
        padding-top: 130px;
    }
    .breadcrumb-area .breadcrumb{
        margin-bottom: 0;
    }
    .login-left h2 {
        font: normal normal normal 20px / 44px "Lato", sans-serif;
    }
    .login-left h2 strong {
        font-size: 30px;
    }
    .login-left{
        height: auto;
        padding: 30px 0;
    }
    .login-right{
        height: auto;
        gap: 30px;
    }
    .footer{
        padding-bottom: 50px;
    }
    .meals-menu-items-list,
    .meals-menu-subitems-list{
        overflow: auto;
    }
    .meals-menu-items-list::-webkit-scrollbar,
    .meals-menu-subitems-list::-webkit-scrollbar{
        display: none;
    }
    .meals-menu-items-list li,
    .meals-menu-subitems-list li{
        white-space: nowrap;
    }
    .meals-menu-items,
    .meals-menu-subitems{
        position: sticky !important;
        top: 80px;
    }
    .meals-menu-subitems{
        top: 146px;
          position: sticky !important;
    }
    .sidenavOffcanvas{
        width: 80% !important;
    }
    #Sidebar_menu, #topside_logo{
        display: none;
    }
    #Sidebar_menu.expanded ~ #main_content{
        margin-left: 0;
    }
    .main-topbar .navbar {
        padding: 0 20px 0 20px;
    }
    .main-topbar .navbar-brand{
        width: 60px;
    }
    .user-offcanvas__header{
        display: flex;
        gap: 20px;
        align-items: center;
    }
    .userAvtar{
        width: 80px;
        height: 80px;
        margin: 0;
        border-radius: 50%;
    }
    .userAvtar img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .user-offcanvas__header .userAvtar_info{
        color: var(--black);
        text-transform: capitalize;
    }
    .sidenavOffcanvas .offcanvas-header{
        border-bottom: 1px solid #eee;
    }
    .sidenavOffcanvas .offcanvas-body{
        padding: 1rem 0;
    }
    #Sidebar_menu.expanded ~ #main_content .footer{
        left: 0;
    }
    .dataTables_wrapper>.row>.col-md-6 {
        width: 50%;
        max-width: 50%;
    }
    .dataTables_wrapper>.row>.col-md-6 .dataTables_length {
        text-align: left;
    }
    div.dataTables_wrapper div.dataTables_filter {
        text-align: right;
    }
    .dataTable-search-filter .dataTables_filter label input.form-control, .dataTable-search-filter .dataTables_filter label input[type="search"] {
        border: 0;
        width: 100%;
        position: absolute;
        left: 0;
        background: transparent;
        margin: 0;
        padding: 10px 15px;
        padding-left: 40px;
        height: auto;
    }
    .dataTable-search-filter .dataTables_filter label {
        position: relative;
        border: 1px solid #EBECED;
        border-radius: 12px;
        padding: 0px 15px;
        font-size: 14px;
        font-weight: 500;
        line-height: 22.4px;
        width: 160px;
        height: 40px;
        color: transparent;
    }
    .dataTable-search-filter .dataTables_filter label:before {
        content: "\f002";
        font-family: "FontAwesome";
        color: #343E48;
        font-size: 18px;
        font-weight: 300;
        position: absolute;
        top: 9px;
        left: 12px;
    }
    .wcs-title {
        font: normal normal 600 18px / 24px "Lato", sans-serif;
    }
    .wcwca-shap-1{
        left: 95px;
        width: 260.994px;
        height: 260.66px;
    }
    .wcwca-shap-2{
        right: 95px;
        bottom: 25px;
        width: 260.723px;
        height: 157.618px;
    }
    .wcwca-img{
        height: 310px;
    }
    .wcs-single-img {
        height: 360px;
    }
    .contact-us-page .contact-form {
        padding: 25px 30px;
    }
}

@media (max-width: 820px) {}

@media (max-width: 768px) {
    .about-thumb {
        width: 100%;
    }
    .about-thumb img:nth-child(2), .about-thumb img:nth-child(3), .about-thumb img:nth-child(4) {
        position: absolute;
        width: 90px;
        height: 90px;
    }
    .about-thumb img:first-child {
        height: 360px;
    }
    .about-us-box {
        padding: 0;
    }
    .f-item p{
        padding-right: 0;
    }
    .guest-box{
        justify-content: space-between;
    }
    .wcs-single-img {
        height: 350px;
    }
}

@media (max-width: 576px) {
    .py-100 {
        padding: 30px 0;
    }
    .title {
        font: normal normal 600 20px / 28px "Lato", sans-serif;
    }
    .sub-heading, .sub-title {
        font: normal normal 600 14px / 16px "Lato", sans-serif;
    }
    .bottom-nav .floating-button{
        bottom: 30px;
    }
    .contact-form {
        padding: 20px;
    }
    .breadcrumb-area h1 {
        font: normal normal bold 22px / 25px "Lato", sans-serif;
    }
    .booking-area-accordian .accordion .accordion-item .accordion-button span, .booking-area-accordian .accordion .accordion-item .accordion-body ul li a span,
    .booking-box span,
    .meals-main-top .meals-main-top-left span{
        width: 40px;
        height: 40px;
    }
    .booking-area-accordian .accordion .accordion-item .accordion-button span img, .booking-area-accordian .accordion .accordion-item .accordion-body ul li a span img,
    .booking-inner>a>.booking-box img,
    .meals-main-top .meals-main-top-left span img {
        width: 25px;
    }
    .booking-area-accordian .accordion .accordion-item .accordion-button,
    .booking-area-accordian .accordion .accordion-item .accordion-body ul li a {
        font-size: 18px;
        padding: 8px;
    }
    .booking-area-accordian .accordion .accordion-item {
        border-radius: 30px;
    }
    .booking-box {
        font-size: 16px;
        padding: 15px;
        border-radius: 8px;
        min-height: 140px;
    }
    div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {
        font-size: 0;
        width: 100%;
    }
    div.dataTables_wrapper div.dataTables_length select, body div.dataTables_wrapper div.dataTables_filter input {
        width: 100%;
        height: 40px;
        margin-top: 5px;
    }
    .whychooseus-ifram .ratio{
        margin-bottom: 1rem;
    }
    .whychooseus-ifram {
        margin-top: 40px;
    }
    .clients-tabs .nav-tabs li a{
        padding: 2px 12px;
        font: normal normal 400 14px / 24px "Lato", sans-serif;
    }
    .about-thumb-2 img:nth-child(1) {
        height: 330px;
    }
    .about-thumb-2 img:nth-child(2) {
        height: 180px;
    }
    .about-thumb-2 {
        padding-right: 44px;
        padding-bottom: 30px;
    }
    .team-area-box{
        margin: 15px 0;
    }
    .wcs-single-img {
        height: 240px;
    }
    .wcwca-img {
        height: 260px;
    }
    .wcwca-shap-1{
        top: -8px;
        left: 0;
    }
    .wcwca-shap-2{
        right: 0;
        bottom: -8px;
    }
    .why-choose-wedding-catering-area .about-us-box {
        padding: 15px;
    }
    .meals-food-services-box .meals-food-services-img{
        max-width: 390px;
    }
    .wcwca-food-img-outer-1-inner {
        width: 50px;
        height: 230px;
    }
    .wcwca-food-img-outer-2 {
        height: 300px;
    }
    .contact-classic-form-title {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .residences-box-inner {
        flex-direction: column;
    }
    .residences-box-inner .residences-image-container,
    .residences-box-inner .residences-box-content {
        width: 100%;
    }
    .residences-box-inner .residences-image-container .residences-box-img {
        width: 100%;
        height: 160px;
    }
    .login-right{
        padding: 20px;
    }
    .addtocardarea-area .meals-menu-breadcrumb{
        padding: 5px 0;
    }
}

.cart-count {
    position: absolute;
    top: 2px;
    right: 8px;
    background: #f3df20;
    color: #000000;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 50%;
    line-height: 1;
}