@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes installation {
    0% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
        transform: translateY(0px);
    }
    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }
    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }
    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }
    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }
    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }
    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
    }
    100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
        transform: translateY(-20px);
    }
}

@keyframes float-bob-y{
0% {
    transform: translateY(-30px);
}

50% {
    transform: translateY(-10px);
}

100% {
    transform: translateY(-30px);
}
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #202020;
}

.loader img {
    width: 100px;
}

.loader-logo-image {
    width: 200px;
    max-width: 90%;
    height: auto;
    margin: 0 auto 2rem;
    position: relative;
    animation: logoPulse 2s ease-in-out infinite;
}

.loader-logo-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
    opacity: 0;
    transition: opacity 0.3s ease;
}

.loader-logo-image img.loaded {
    opacity: 1;
}

/* Show logo immediately if image is already cached */
.loader-logo-image img[src] {
    opacity: 1;
}

@keyframes logoPulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.go_top_icon{
    display: none;
}
.go_top_icon a {
    display: flex;
    background-color: #7fb741;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: fixed;
    bottom: -100%;
    right: 20px;
    transition: all 0.5s;
    visibility: hidden;
    z-index: 1000;
    animation: 4s installation infinite alternate;
    cursor: pointer;
        outline: none !important;
    box-shadow: none;
    border: none;
    text-decoration: none;
}
.go_top_icon a:active {
    background-color: #7fb741;
}
.catering .go_top_icon a.show {
    opacity: 1;
    visibility: visible;
    bottom: 30px !important;
}
.catering .ctc-analytics{
    display: none;
}

/* Start Banner */
.catering .banner {
    background-position: center;
}
.catering .banner .logo-container .menu img {
    filter: none;
}

.catering .banner .logo-container .manra-logo img,
.catering .banner .logo-container .manra-logo span img {
    width: 100%;
    height: 100%;
}

.catering .banner .logo-container .manra-logo {
    display: flex;
    max-width: none !important;
    width: auto !important;
    justify-content: center;
    align-items: center;
}

.catering .banner .sticky, .catering .banner .logo-container.sticky, .catering #fixheader.sticky, .catering .logo-container.sticky {
    background-color: #2d2d2d !important;
    box-shadow: 0 0 6px white !important;
}
.catering .banner .banner-container {
    padding: 3rem 1rem;
}
.catering .banner .banner-content h1 {
    color: white;
    text-shadow: none;
    font-size: 27px;
}
.catering .banner .banner-content h1 span {
    color: #fc8019;
}

.catering .banner .banner-content p {
    color: white;
    margin-bottom: 2rem;
}
.catering .banner .banner-content .btn-gradient {
    display: flex;
    background-image: linear-gradient(135deg, #ef9e3d 0%, #48a84c 100%);
    font-size: 16px;
    color: white;
    border-radius: 30px;
    padding: 12px 24px;
    width: fit-content;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-weight: 600;
}

/* End Banner */

/* Start About */
.catering .about .about-container {
    display: flex;
    flex-direction: column;
}
.catering .about .about-container .image-content {
    display: flex;
    flex-direction: column;
    position: relative;
}

.catering .about .about-container .about-content .text,
.catering .about .about-container .value-content .text {
    color: #ef9e3d;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.catering .about .image-content .image {
    display: flex;
    width: 100%;
}
.catering .about .image-content .image img {
    width: 100%;
    height: 375px;
    object-fit: cover;
    object-position: center;
    border-radius: 21px;
    display: inline-block;
}

.catering .about .section-title {
    font-weight: bold;
    font-size: 22px !important;
    margin: 1rem 0;
}
.catering .about .bar-content label {
    font-size: 14px;
    font-weight: 600;
}
.catering .about .section-subtitle {
    font-size: 14px;
    font-weight: 600;
    border-left: 3px solid #7fb741;
    padding-left: 1.2rem;
}
.catering .about .custom-progress {
    border-radius: 21px;
    height: 21px;
}
.catering .about .progress-bar {
    background-color: #ef9e3d !important;
    height: 21px;
}
.vision-icon,
.mission-icon {
    font-size: 30px;
    color: white;
    padding: 15px;
    border-radius: 50%;
}
.catering .about .about-container .value-content .vision-icon,
.catering .about .about-container .value-content .mission-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 53px;
    height: 53px;
}
.catering .about .about-container .value-content .vision-icon {
    background-color: #28a745;
}

.catering .about .about-container .value-content .mission-icon {
    background-color: #ffc107;
}
.catering .about .about-container .value-content .vision-content h5,
.catering .about .about-container .value-content .mission-content h5 {
    font-size: 16px;
    font-weight: 600;
}

/* Card Style */
.catering .about .about-container .card-custom {
    border: none;
    position: absolute;
    width: 150px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    background: #fff;
    bottom: -5px;
}
.card-custom .card-body {
    padding: 0;
    display: flex;
    flex-direction: column;
    border-radius: 14px;
}

.card-custom .card-body .card-title {
    padding: 14px;
    background-color: #7fb741;
    color: white;
    font-size: 16px;
    border-radius: 12px 12px 0 0;
    text-align: center;
}

.card-custom .card-body .card-content {
    padding: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.card-custom .card-body .card-content .stars {
    display: flex;
    align-items: center;
}
.card-custom .card-body .card-content .stars i {
    color: #f0ad4e;
}
.card-custom .card-body .card-content .card-text {
    font-size: 12px;
    font-weight: 500;
}
.card-custom .card-body .card-content .card-text strong {
    font-size: 30px;
    color: #7fb741;
}
.catering .about .about-container .value-content {
    display: flex;
    flex-direction: column;
}
.catering .about .about-container .value-content .content {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #e9e9e9;
}
/* End About */

/* Start Offer */
.catering .offer {
    background-color: #f3f3f3;
}
.catering .offer .pan,.catering .offer .plate{
    display: none !important;
}
.catering .offer .offer-container .offer-zone-header strong {
    font-size: 16px;
    color: #ef9e3d;
    text-transform: uppercase;
}
.catering .offer .offer-container .offer-zone-header h2 {
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 1rem;
}
.catering .offer .offer-container .dish-card .image {
    width: 140px;
    height: 140px;
    position: absolute;
    top: -43px;
    animation: rotate 40s linear infinite;
}
.catering .offer .offer-container .dish-card .image img {
    width: 100%;
    height: 100%;
}
.catering .offer .offer-container .dish-card {
    position: relative;
    margin-top: 40px;
}

.catering .offer .offer-container .dish-content {
    background-color: #dedede;
    padding: 90px 15px 25px;
    border-radius: 20px;
}
.catering .offer .offer-container .dish-content h5 {
    margin-top: 1.5rem;
    font-size: 22px;
}
.catering .offer .offer-container .dish-card .stars i {
    color: #f0ad4e;
}
.catering .offer .offer-container .dish-card .price {
    font-size: 24px;
    font-weight: 700;
    color:#2a7418;
}
.catering .offer .offer-container .dish-card .price span {
 opacity: .5;
}
/* End Offer */

/* Start Service */
.catering .service .service-container .head strong {
    font-size: 16px;
    color: #ef9e3d;
    text-transform: uppercase;
}
.catering .service .service-container .head h2 {
    font-weight: 600;
    font-size: 25px;
}
.red-bg {
    background: linear-gradient(180deg, #ff4343 0%, #ff7676 100%);
}

.yellow-bg {
    background: linear-gradient(180deg, #f89b11 0%, #ffc876 100%);
}

.green-bg {
    background: linear-gradient(180deg, #65b500 0.01%, #76bd1e 100%);
}

.blue-bg {
    background: linear-gradient(180deg, #2895fa 0.01%, #7dadd9 100%);
}

.purple-bg {
    background: linear-gradient(180deg, #9643ff 0%, #bb85ff 100%);
}

.pink-bg {
    background: linear-gradient(180deg, #fb3cd1 0%, #ff74e0 100%);
}
.dark-blue-bg {
    background: linear-gradient(rgb(57, 99, 245) 0%, rgb(124, 154, 255) 100%);
}

.light-blue-bg {
    background: linear-gradient(180deg, #0abcd5 0%, #4fe6fb 100%);
}
.catering .service .service-container .service-box{
            padding: 75px 10px 15px;
            margin-top: 4rem;
            border-radius: 20px;
            position: relative;
}
.catering .service .service-container .service-box .image{
        width: 100px;
    height: 100px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    outline: 6px solid white;
    position: absolute;
    top: -42px;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    background-color: transparent !important;
}
.catering .service .service-container .service-box .image img,
.catering .service .service-container .service-box .image span img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 100% !important;
    object-fit: scale-down !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1 !important;
}

.catering .service .service-container .service-box .image span {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
}

/* End Service */

/* Start Book Section */
.catering .book{
background-image: url(../images/form-bg.jpg);
background-size: cover;
background-position: center;
}
.catering .book .book-container .frame-box{
        background-color: #fff;
    border: 17px solid #131822;
  padding: 1.5rem;
    box-shadow: 0 0 18px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 18px 7px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 18px 7px rgba(0, 0, 0, 0.3);
    background-image: url(../images/enquire-bg.png);
    background-size: cover;
    background-position: center;
}
.catering .book .book-container .custom-heading strong{
    color: #ef9e3d;
    font-size: 16px;
}
.catering .book .book-container .custom-heading h2{
    font-weight: 600;
}
.catering .book .book-container form .btn-gradient{
    display: flex;
    background-image: linear-gradient(135deg, #ef9e3d 0%, #48a84c 100%);
    font-size: 16px;
    color: white;
    border-radius: 30px;
    padding: 12px 24px;
    width: fit-content;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    margin-top: 1.5rem;
}
.catering .book .book-container .spices{
 animation: pulse 3s linear infinite;
}
.catering .book .book-container .spices img{
max-width: 100%;
height:auto;
}
.catering .book .book-container form  input,.catering .book .book-container form  select{
        box-shadow: 0 0 3px rgb(203 210 217);
        padding: 10px;
}
.catering .book .book-container .hr-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width:200px;
    margin: auto;
}

.catering .book .book-container .line {
    width: 40%;
    border: 0;
    border-top: 2px solid #b48c80;
}

.catering .book .book-container .hr-icon {
    margin: 0 10px;
    font-size: 18px;
    color: #b48c80; /* Match the color you want */
}

.catering .book .book-container form label{
    font-size: 14px;
    font-weight: 500;
}
/* End Book Section */

/* Start Review */
 .catering .review h2 {
	 font-size:30px !important;
     text-align: center;
     font-weight: 600;
     margin-bottom: 1.5rem;
     }
 .catering .review .review-container, .catering .review .review-list, .review .review-item {
	 display: flex;
	 flex-direction: column;
}
.catering .review .review-item {
	 align-items: center;
	 text-align: center;
	 width: 95%;
	 margin: 0 auto;
}
 .catering .review .review-item span {
	 display: flex;
	 width: 173px;
	 height: 173px;
	 border: 6px solid ;
	 box-shadow: 3px 8px 10px 0px rgba(107,89,89,0.25);
	 border-radius: 100%;
}
 .catering .review .review-item span img {
	 width: 100%;
	 height: 100%;
	 border-radius: 50%;
	 object-fit: cover;
	 object-position: top;
}
.catering .review .review-item .stars{
    display: flex;
    align-items: center;
}
.catering .review .review-item .stars i{
    color: #f0ad4e;
}

 .catering .review .review-item strong {
	 font-size: 14px;

	 margin: 1.8rem 0 0.3rem;
}
 .catering .review .review-item b {
	 font-size: 12px;
	 color: #8C8C8C;
	 font-weight: 500;
}
 .catering .review .review-item >img {
	 width: 110px;
	 height: 20px;
}
 .catering .review .review-item p {
	 margin: 1rem 0;
}
 .catering .review .owl-nav {
	 display: flex;
	 justify-content: space-between;
	 width: 120px;
	 align-self: center;
	 margin-top: 2rem;
}
 .catering .review .owl-nav .owl-prev, .catering .review .owl-nav .owl-next {
	 display: flex;
	 width: 47px;
	 height: 47px;
	 border: 1px solid #000 !important;
	 background-color: white !important;
	 border-radius: 50px;
	 background-image: url(../images/right-arrow.svg) !important;
	 background-size: 25px 21px !important;
	 background-repeat: no-repeat !important;
	 background-position: center !important;
	 transition: 1s all;
}
 .catering .review .owl-nav .owl-prev img,.catering .review .owl-nav .owl-next img {
	 width: 100%;
	 height: 100%;
}
 .catering .review .owl-nav .owl-prev.active,.catering .review .owl-nav .owl-next.active {

	 border: 1px solid transparent;
     filter: invert(1);
}
.catering .review .chef2{
    display: none;
}
 .catering .review .owl-nav .owl-prev {
	 transform: rotate(-180deg);
}
/* End Review */

/* Start Event */
.catering .event-wrapper {
    position: relative;
    background-color:#f3f3f3;
}
.event-wrapper::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(../images/bg-pattern.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .04;
}
.heading-wrapper {
    position: relative;
    text-align: center;
    margin: 0px 0px 42px;
}
.heading-wrapper h4 {
    font-size:18px;
    position: relative;
    display: inline-block;
    color:  #fc8019;
    font-weight: 700;
    padding: 0px 30px;
}
.heading-wrapper h4::before, .heading-wrapper h4::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 4px;
    top: 0px;
    bottom: 0px;
    border-radius: 10px;
    background:  #fc8019;
    margin: auto;
}

.heading-wrapper h4::after {
    right: 0px;
}
.heading-wrapper h4::before {
    left: 0px;
}
.heading-wrapper h2 {
    font-weight: 700;
    font-size: 36px;
    margin: 0px;
}

.filter-menu {
    text-align: center;
    margin-bottom: 30px;
}
.filter-menu button {
    font-weight: 700;
    position: relative;
    color: #fc8019;
    min-width: 150px;
    border: 1px solid  #fc8019;
    padding: 12px 15px;
    background: #fff;
    border-radius: 40px;
    margin: 0px 10px 10px;
}
.filter-menu button, .filter-menu button.active, .filter-menu button:hover {
    transition: 0.5s;
}
.filter-menu button {
        min-width: 120px;
        font-size: 14px;
        padding: 8px 10px;
    }
    .filter-menu button.active, .filter-menu button:hover {
    color: white;
    background: #fc8019;
}
    .nav li.nav-item, .filter-menu button {
        margin: 0px 10px 10px 0px;
    }
   .catering .portfolio-section {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin: 0px 0px 30px;
}

.catering .portfolio-section:hover img {
  transform: scale(1.05);
}

.portfolio-section img {
    width: 100%;
    max-height: 350px;
    min-height: 350px;
    object-fit: cover;
    object-position: center center;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}
.overlay {
    position: absolute;
    width: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0;
    text-align: center;
      background: rgba(252, 128, 25, 58%);
}
.overlay  span {
    display: inline-block;
    font-size: 24px;
}
.overlay-text {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.overlay-text h4 {
    color: white;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 20px;
    margin: 0px;
}
.overlay > span {
    width: 50px;
    height: 50px;
    display: inline-block;
    color: white;
    line-height: 50px;
    text-align: center;
    top: calc(50%);
    position: relative;
    transform: translateY(-50%);
    text-decoration: none;
}
.overlay a span {
    display: inline-block;
    font-size: 24px;
}

.overlay a:hover {
    color:   #fc8019;
}

.portfolio-section:hover .overlay {
    opacity: 1;
}

.overlay a,
.overlay a:hover,
.portfolio-section,
.portfolio-section .overlay,
.portfolio-section:hover .overlay {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.overlay .popup-gallery:hover {
    color: white;
}
.slick-prev, .slick-next {
  background-color: #fff;
  color: #000;
  padding: 10px;
  border-radius: 50%;
}

.slick-prev:hover, .slick-next:hover {
  background-color: #f1f1f1;
}
#event-gallery .slick-slide img {
  max-width: 100%;
  height: auto;
}
/* Hide non-matching categories */
.mix {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.mix.visible {
  display: block;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.portfolio-section img {
  transition: transform 0.3s ease;
}

.portfolio-section img:hover {
  transform: scale(1.05);
}
/* End Event */

/* Start Menu */
.menu .section_heading {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}
.menu .section_heading h4{
     font-size: 18px;
    position: relative;
    display: inline-block;
    color: #fc8019;
    font-weight: 700;
    padding: 0px 30px;
}
.menu .section_heading h4::before, .menu .section_heading h4::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 4px;
    top: 0px;
    bottom: 0px;
    border-radius: 10px;
    background: #fc8019;
    margin: auto;
}
.menu .section_heading h4::before {
    left: 0px;
}
.menu .section_heading h4::after {
    right: 0px;
}
.menu .section_heading h2{
   font-size: 25px;
   font-weight: 600;
}
.menu .menu_tab {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px 10px;
        padding: 0px;
}

    .menu .menu_tab li .menu_btn:hover,.menu .menu_tab li .menu_btn.active{
        background: #2a7418;
    border: 1px solid #2a7418;
    color: white;
    transform: scale(1);
    }
    .menu .menu_tab li{
      margin-top: 10px;
    }
    .menu .menu_tab li .menu_btn {
    background: white;
    border: 1px solid transparent;
     padding: 8px 10px;
          color: black;
          text-decoration: none;
          font-weight: 500;
          border: 1px solid #2a7418;
          border-radius: 5px;
          margin-top: 15px;
          transition: 1s all;
}
.menu .menu_box {
    display: flex;
    align-items: center;
     justify-content: space-between;
     margin-top: 1.5rem;
}
.menu .menu_img {
    display: flex;
    border-radius:20px;
    width: 100px;
    height: 100px;
    min-width: 100px;
    overflow: hidden;
    margin-right: 15px;
}

.menu .menu_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.menu .menu_title h4,.menu .menu_title h2{
    margin-bottom: 0;
}
.menu .menu_title h4{
    font-size: 15px;
    font-weight: 600;
}
.menu .menu_title h2{
    font-size: 15px !important;
    font-weight: 600;
}
.menu .menu_text p{
    margin-bottom: 0;
    font-size: 13px;
}
.menu .main-course .item{
    display: none;
}

.menu .owl-dots{
    display: flex;
    justify-content: center;
    margin-top: 2rem !important;
}
.menu .owl--dots .owl-dot{
    display: flex;
    width: 10px;
    height: 10px;
    background-color: #f5f5f5;
    border-radius: 50%;
}
.menu .owl-theme .owl-dots .owl-dot.active span {
    background: #7fb741;
}
/* .menu .item:first-child{
    margin-right: 1.5rem;
} */
.menu .menu_tab{
    margin-bottom: 2rem;
}

/* End Menu */


@media (min-width: 768px) {
    /* Start Banner  */

    .catering .banner .banner-container {
        padding: 3rem 0rem;
    }

    .catering .banner .banner-content h1 {
        font-size: 35px;
    }
    .catering .banner .banner-content h2{
        font-size: 16px;
    }

    /* End Banner */

    /* Start Menu */
  .menu .menu_title h4{
    font-size: 18px;
  }
  /* End Menu */
}

@media (min-width: 1024px) {
    /* Start Banner */
    .catering .banner .banner-content h1 {
        font-size: 40px;
    }
    .catering .banner .logo-container .menu-links ul .links-li a {
        color: white;
    }

    .catering .banner .logo-container .menu-links ul .links-li:nth-child(3){
        display: none;
    }
    
    /* End Banner */

    /* Start About */
    .catering .about .image-content .image img {
        height: 450px;
    }
    /* End About */

/* Start Review */
    .catering .review {
	 padding-top: 8rem;
	 position: relative;
     padding-bottom: 5rem;
}
.catering .review  h2 {
	 font-size: 100px !important;
	 color: #f5f5f5 ;
	 position: absolute;
	 top: 45px;
     left: 0;
     right: 0;
     margin: auto;
}
 .catering .review .review-list {
	 width: 65%;
	 margin: 0 auto;
}
.catering .review .review-item {
	 margin-top: 6rem;
}
 .catering .review .review-item span {
	 align-items: center;
	 justify-content: center;
	 position: relative;
}
 .catering .review .review-item span::before, .review .review-item span::after {
	 content: '';
	 position: absolute;
	 z-index: -1;
}
 .catering .review .review-item span::before {
	 width: 339px;
	 height: 339px;
	 background-image: linear-gradient(259deg, #F7E6E6 0%, #FFF 48.39%, #C7E7E9 110.35%) ;
	 background-size: 100% 70%;
	 background-repeat: no-repeat;
	 border-radius: 100%;
	 transform: rotate(-25deg);
}
 .catering .review .review-item span::after {
	 width: 353px;
	 height: 353px;
	 background-image: url(../images/pole-star.png);
	 background-size: 100% 100%;
	 animation: swing 10s linear infinite;
}
 .catering .review .owl-nav {
	 position: absolute;
	 width: 100%;
	 top: 34%;
	 margin-top: 0;
}
/* End Review */

/* Start Menu */
.menu .container{
max-width: 850px !important;
}
.menu .menu_tab li .menu_btn{
    font-size: 16px;
}
.menu .owl-nav{
  display: flex;
        justify-content: space-between;
        width: calc(100% + 135px);
        height: fit-content;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -75px;
        margin: auto;
}
.menu .owl-nav .owl-prev,.menu .owl-nav .owl-next{
       display: flex;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    background: white !important;
    border: 1px solid black !important;
}
.menu .owl-nav .owl-prev.active, .menu .owl-nav .owl-next.active{
    background: linear-gradient(180deg, #66bb6a 0%, #43a047 100%) !important;
    border: 1px solid transparent !important;
}
.menu .owl-nav .owl-prev.active img, .menu .owl-nav .owl-next.active img{
    filter: invert(1);
}
.menu .owl-nav .owl-prev{
    transform: rotate(180deg);
}

.menu .owl-nav .owl-prev img,.menu .owl-nav .owl-next img{
width: 15px;
height: 15px;
}
#desserts .owl-prev, #desserts .owl-next {
    display: flex !important; /* Ensure navigation buttons are displayed */
    visibility: visible !important; /* Ensure they are not hidden */
}
}
/* End Menu */


@media (min-width: 1366px) {
    /* Start Banner */
    .catering .banner .banner-container {
        padding: 4rem 0;
    }
    .catering .banner .banner-content h1 {
        font-size: 52px;
    }
    .catering .banner .logo-container .menu-links ul .links-li:nth-child(3){
        display: flex;
    }
    /* End Banner */

    /* Start About */
    .catering .about .section-title {
        font-size: 24px !important;
    }
    /* End About */

    /* Start Service */
    .catering .service{
    background-image: url(../images/service_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
     }
     .catering .service .container{
        max-width: 1200px;
     }
    /* End Service */

    /*  Start Review */
   .catering .review h2 {
	 font-size: 130px !important;
     }
     /* End Review */

     /* Start Menu */
.menu .container{
max-width: 1200px !important;
}
     /* End Menu */

}

@media (min-width: 1600px) {
    /* Start Banner */
    .catering .banner .banner-container {
        position: relative;
        z-index: 1;
    }
    .catering .banner .banner-container::before {
        content: " ";
        background-image: url(../images/banner_shapes.png);
        background-size: contain;
        width: 100%;
        height: 100%;
        animation: 10s circlular linear infinite;
        position: absolute;
        top: 0;
        background-repeat: no-repeat;
        background-position: center;
        z-index: -1;
    }
    .catering .banner .banner-container {
        padding: 6rem 0 10rem;
    }
    .catering .banner .banner-content h1 {
        font-size: 60px;
    }
    .catering .banner .banner-container::after {
        content: none;
    }
    
    /* End Banner */

    /* Start About */
    .catering .about .section-title {
        font-size: 28px !important;
    }
    .catering .about .image-content .image img {
        height: 600px;
    }
    .catering .about .section-title {
        font-size: 32px !important;
    }
    .catering .about {
        position: relative;
        z-index: 1;
    }
    .catering .about::before {
        content: " ";
        background-image: url(../images/about-shapes.png);
        background-size: 100% 100%;
        width: 90%;
        height: 85%;
        animation: 10s circlular linear infinite;
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
    }
    /* End About */

    /* Start Offer */
    .catering .offer .offer-container .dish-card .image {
        width: 190px;
        height: 190px;
    }
    .catering .offer .offer-container .dish-content h5 {
        margin-top: 5rem;
    }
    .catering .offer {
        position: relative;
    }
    .catering .offer::before {
        content: " ";
        background-image: url(../images/offer_shapes.webp);
        width: 90%;
        background-size: contain;
        background-position: center;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin: auto;
        right: 0;
        bottom: 0;
        background-repeat: no-repeat;
        animation: 10s linear 0s infinite normal none running circlular;
    }
    /* End Offer */

    /* Start Book */
    .catering .book .book-container .frame-box{
        padding: 2rem;
    }
    /* End Book */

    /* Start Review */
    .catering .review{
      position: relative;
      z-index: 1;
    }
    .catering .review .plates{
        display: flex;
        position: absolute;
        width: 600px;
        height: auto;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: .1;
    }
     .catering .review .plates img{
        width: 100%;
        height: auto;
     }
    .catering .review .chef2{
        display: flex;
        content: '';
        position: absolute;
        width: 400px;
        height: 400px;
        bottom: 0;
        right: 0;
    }
    .catering .review .chef2 img{
        width: 100%;
        height: 100%;
    }
    /* End Review */

    /*  Start Menu */
    .menu{
      background:url(../images/bg-big-left.webp) no-repeat left bottom, url(../images/bg-big-right.webp) no-repeat right bottom;
    }
    .menu .container{
        max-width: 1100px !important;
    }
    /* End Menu */
}

@media screen and (min-width: 1800px) and (max-width: 1920px) {
    /* Start About */
    .catering .about .section-title {
        font-size: 34px !important;
    }
    /* End About */

    /* Start Offer  */
     .catering .offer{
        position: relative;

     }
     .catering .offer .container{
        max-width: 1150px;
     }
    .catering .offer .pan{
    display: flex !important;
    position: absolute;
    fill: #A44027B3 !important;
    border-color: #A44027B3 !important;
    width: 300px;
    height: auto;
    top: 110px;
    }
     .catering .offer .plate{
    display: flex !important;
    position: absolute;
    fill: #A44027B3 !important;
    border-color: #A44027B3 !important;
    width: 300px;
    height: auto;
    top: 110px;
    right: 0;
     }
    /* End Offer */

    /* Start Event */
    .event-wrapper .container{
     position: relative;
    }
    .event-wrapper .container::before{
        content:'';
        position: absolute;
        background-image: url(../images/spices.png);
        background-size: 100% 100%;
        width: 239px;
        height: 149px;
        animation: float-bob-y 3s linear infinite;
    }

    /* End Event */
}