@import url("https://fonts.googleapis.com/css2?family=Questrial&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

.open-sans {
    font-family: "Open Sans", sans-serif;
}
/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Questrial", sans-serif;
}

/* Apply Questrial font to paragraphs, spans, links, and buttons */

html {
    overflow-x: hidden;
}

body:not(.home) {
    padding-top: 85px;
}

span,
a,
button {
    font-family: "Questrial", sans-serif;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
}
a {
    font-family: "Open Sans", sans-serif;
}
p,
li,
b,
strong {
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
}

.btn-bx {
    margin-top: 40px;
}

.common-btn1 {
    width: max-content;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #000000;
    padding: 10px 22px;
    color: #000;
    transition: 0.6s;
    text-transform: capitalize;
    background: transparent;
    display: inline-block;
}

.common-btn1:hover {
    background: #000;
    color: #fff;
}

.common-btn2 {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #000000;
    padding: 10px 22px;
    transition: 0.6s;
    background: #000;
    text-transform: capitalize;
    color: #fff;
    display: block;
}

.section-title {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.section-title h2, .section-title h1 {
    font-size: 36px;
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: inline;
}

.section-title p {
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
}

section {
    padding: 70px 0px;
}

.slick-dots {
    text-align: center;
    margin-top: 0;
    padding: 0;
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.slick-dots li button {
    height: 4px;
    width: 22px;
    border-radius: 0%;
    background: #fff;
    border: none;
    font-size: 0;
    padding: 2px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.slick-dots {
    display: flex;
    position: unset;
    justify-content: center;
    gap: 5px;
}

.slick-dots li.slick-active button {
    background: #d69227 !important;
    width: 28px;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 45px;
    width: 45px;
    border-radius: 0;
    font-size: 0;
    background-position: center center;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d69227;
    background: #d69227;
}

.slick-arrow:hover {
    border: 1px solid #d69227;
    background: #d69227;
}

.slick-arrow:focus {
    border: 1px solid #d69227;
    background: #d69227;
}

.slick-arrow.slick-prev {
    left: 1%;
}

.slick-arrow.slick-prev:before {
    content: "\f104";
    font-size: 20px;
    color: #ffffff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.slick-arrow.slick-next {
    right: 1%;
}

.slick-arrow.slick-next:before {
    content: "\f105";
    font-size: 20px;
    color: #ffffff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.phone-number img {
    max-width: 20px !important;
    filter: brightness(0) saturate(100%) invert(68%) sepia(70%) saturate(1290%) hue-rotate(345deg) brightness(91%) contrast(84%) !important;
}

header .logo-bx {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    position: relative;
    align-items: center;
}

header .logo-bx .phone-number {
    position: absolute;
    bottom: -25px;
}
body:not(.home) header .logo-bx .phone-number {
    display: none;
}


.fixed .phone-number {
    display: none;
}

.fixed .logo-bx::before {
    display: none;
}

header #navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .right-nav {
    display: flex;
    align-items: center;
    gap: 22px;
}

header .logo-bx a img {
    width: 100%;
    max-width: 255px;
    transition: all 0.5s;
}

header {
    padding: 10px 0px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.5s;
    box-shadow: unset;
    z-index: 99;
}

header .common-btn1 {
    border: 1px solid #d69227;
    background-color: rgb(0 0 0 / 25%);
    color: #fff;
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 16px;
    text-transform: uppercase;
}

.fixed .dropdown-item {
    color: #000 !important;
}

a.dropdown-item {
    padding: 15px;
    border-bottom: 1px solid #0000002e;
    color: #000;
}

ul.dropdown-menu li:last-child a.dropdown-item {
    border-bottom: 0px solid #ffffff2e !important;
}

a.dropdown-item:hover {
    background: #d69227;
    color: #ffffff !important;
}

header .common-btn1:hover {
    background-color: #d69227;
}

.common-btn1 img {
    filter: brightness(0) saturate(100%) invert(75%) sepia(46%) saturate(2639%) hue-rotate(344deg) brightness(90%) contrast(85%);
    max-height: 34px;
}

header.fixed .common-btn1 {
    background-color: transparent;
}

header .phone-number {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    font-weight: 500;
    width: 100%;
    text-align: center;
    justify-content: flex-start;
}

header .phone-number img {
    filter: brightness(0) saturate(100%) invert(90%) sepia(18%) saturate(2%) hue-rotate(61deg) brightness(108%) contrast(101%);
}

header .toggle-menu {
    height: 45px;
    width: 45px;
    background: transparent;
    border: 0px;
}

header .toggle-menu img {
    width: 100%;
}

body.secondary-page header.fixed {
    position: fixed !important;
    background: #1c1c1c;
    padding: 15px 0px;
}
body.secondary-page header {
    background-color: #000;
	position:relative;
}
header .nav-menu ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    justify-content: center;
    gap: 30px;
    transition: 0.5s;
}

header .nav-menu ul li a:hover {
    color: #d69227;
}

header .common-btn1:hover img {
    filter: none;
}

body:not(.home) header {
    background: #1c1c1c;
}

body.secondary-page:not(.home) .logo-bx a:first-child {
    margin-top: 0;
}

body.secondary-page:not(.home) header .logo-bx .phone-number {
    position: relative;
    bottom: 0px;
    border-top: 1px solid #ffffff38;
    padding-top: 8px;
    margin-top: 8px;
    display: none;
    opacity: 0;
}

body.secondary-page:not(.home) header .logo-bx::before {
    display: none;
}

body.secondary-page header {
    background-color: #1c1c1c;
    position: absolute;
    padding: 10px 0;
    z-index: 99;
}

.fixed .container {
    width: 100%;
    max-width: 100%;
}

.fixed .logo-bx a img {
    max-width: 215px;
}

.fixed .nav-menu ul {
    opacity: 1;
    display: flex;
}

.fixed .phone-number {
    color: #fff;
}

.fixed .phone-number img {
    filter: brightness(0) saturate(100%) invert(90%) sepia(18%) saturate(2%) hue-rotate(61deg) brightness(108%) contrast(101%);
}

.fixed .common-btn1 {
    border: 1px solid #d69227;
    color: #d69227;
}

.fixed .toggle-menu img {
    filter: brightness(0) saturate(100%) invert(90%) sepia(18%) saturate(2%) hue-rotate(61deg) brightness(108%) contrast(101%);
}

/* Toggle button */

.toggle-menu {
    background: none;
    border: none;
    cursor: pointer;
}

.toggle-menu img {
    width: 28px;
    height: 28px;
}

/* Sidebar */

.sidebar {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    background: #1c1c1c;
    color: #fff;
    padding: 20px;
    transition: right 0.4s ease-in-out;
    z-index: 9999;
}

.sidebar.active {
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

/* .inner-main-wrapper-desk {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 60px;
} */

.inner-main-wrapper-desk {
    display: flex;
    gap: 60px;
    align-items: center;
}

.inner-main-wrapper-desk a {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #d69227;
    padding: 14px 22px;
    color: #d69227;
    display: block;
    transition: 0.6s;
    text-transform: capitalize;
}

.inner-main-wrapper-desk a:hover {
    background-color: #d69227;
    color: #fff;
}

/* Close button */

.sidebar .close-btn {
    color: #d49128;
    font-size: 39px;
    cursor: pointer;
    right: 20px;
    max-width: 100%;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    padding: 6px;
    border: 1px solid #fff;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar ul {
    list-style: none;
    padding: 60px 0 0;
    margin: 0;
}

.sidebar ul li {
    margin: 20px 0;
}

.sidebar ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    transition: color 0.3s;
}

.sidebar ul li a:hover {
    color: #d9861e;
}

.hero-section .hero-image img {
    width: auto;
    margin-inline: auto;
}

.hero-section {
    padding: 0px;
    position: relative;
}

.hero-section::before {
    position: absolute;
    content: "";
    background: #1c1c1c;
    height: 100%;
    width: 100%;
    max-width: 490px;
}

/* .hero-section .hero-slider {
  padding-top: 100px;
} */

.hero-section .slick-dots {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -14px;
}

/* .hero-section::after {
    background: #d69227;
    position: absolute;
    content: "";
    width: 100%;
    height: 50vh;
    top: 60%;
    left: 0%;
    max-width: 50%;
    transform: translate(0%, -50%);
} */

.hero-section .hero-text {
    padding: 10px 35px;
    max-width: 610px;
    margin-left: auto;
}

.hero-section .hero-text h1 {
    color: #fff;
    font-size: 37px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 120%;
    width: 100%;
    max-width: 100%;
}

.hero-section .container-fluid {
    position: relative;
    z-index: 2;
}

.hero-section .hero-text p,
.top-bottom-text p {
    margin: 10px 0px 10px 0px;
    font-size: 22px;
    font-weight: 500;
    width: 100%;
}

.hero-section .hero-buttons {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 20px 0px 0px 0px;
}

/* Simple fade-in-up animation */

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.hero-text h1,
.hero-text p,
.hero-buttons a {
    opacity: 0;
    transform: translateX(30px);
    transition: all 0.6s ease;
}

.hero-text.animate h1 {
    animation: fadeInLeft 0.8s ease forwards;
    animation-delay: 0.2s;
}

.hero-text.animate p {
    animation: fadeInLeft 0.8s ease forwards;
    animation-delay: 0.5s;
}

.hero-text.animate .hero-buttons a:nth-child(1) {
    animation: fadeInLeft 0.8s ease forwards;
    animation-delay: 0.8s;
}

.hero-text.animate .hero-buttons a:nth-child(2) {
    animation: fadeInLeft 0.8s ease forwards;
    animation-delay: 1s;
}

.top-bottom-text p {
    opacity: 0;
    transform: translateX(30px);
    transition: all 0.6s ease;
}

.top-bottom-text p {
    color: #fff;
}

.top-bottom-text .hero-buttons a.common-btn2 {
    background: #d69227;
    border-color: #d69227;
    color: #000;
}

.slick-slide.slick-current.slick-active .top-bottom-text p {
    animation: fadeInLeft 0.8s ease forwards;
    animation-delay: 0.2s;
    opacity: 1;
}

.top-bottom-text h1 {
    font-size: 37px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 120%;
    width: 100%;
    max-width: 100%;
    margin: 0;
    opacity: 0;
    transform: translateX(30px);
    transition: all 0.6s ease;
    color: #fff;
}

.slick-slide.slick-current.slick-active .top-bottom-text h1 {
    animation: fadeInLeft 0.8s ease forwards;
    animation-delay: 0.2s;
    opacity: 1;
}

.top-bottom-text {
    position: absolute;
    top: 60%;
    left: 9%;
    z-index: 99;
    background: #000000d9;
    padding: 15px;
    opacity: 0;
    transform: translateX(30px);
    transition: all 0.6s ease;
}

.slick-slide.slick-current.slick-active .top-bottom-text {
    opacity: 1;
    transform: translateX(30px);
    transition: all 0.6s ease;
}

.slick-slide.slick-current.slick-active .top-bottom-text .hero-buttons a:nth-child(1) {
    animation: 0.8s ease 0.8s 1 normal forwards running fadeInLeft;
}

.info-section .container {
    width: 100%;
    max-width: 100%;
}

.info-section .info-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0px;
    justify-content: center;
    align-items: end;
    position: relative;
    left: 15px;
    width: 100%;
    max-width: 80%;
    margin-left: auto;
    margin-right: 5%;
}

.info-section .info-card {
    background: #ffeed3;
    padding: 15px 0px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 100px;
    border-left: 1px solid #80776a;
    transition: 0.6s;
    position: relative;
    z-index: 10;
}

.info-section .card-main-bx {
    display: flex;
    flex-direction: column;
    gap: 15px;
    transition: 0.6s;
}

.info-section .info-card:hover .card-main-bx {
    transform: translateY(-30px);
}

.info-section .info-card::before {
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    background-color: transparent;
    z-index: -7;
    inset: 0;
    transition: 0.6s;
}

.info-section .info-card:hover::before {
    transform: translateY(-30px);
    background-color: #d69227;
}

.info-section .info-card:hover {
    background-color: #d69227;
    border: 0px !important;
}

.info-section .info-card:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(337deg) brightness(103%) contrast(101%);
}

.info-section .info-card:hover * {
    color: #fff;
}

.info-section .info-card:first-of-type {
    border-left: 0px;
}

.info-section .info-icon img {
    width: 100%;
    transition: 0.5s;
    max-width: 50px;
    margin-inline: auto;
}

.info-section {
    padding-top: 50px;
    padding-bottom: 0;
}

.info-section .info-text span {
    font-size: 17px;
    font-weight: 500;
}

.services-section {
    background-image: url(../images/bg-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-top: 1px solid #fff;
}

.services-section .grid-services {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    text-align: center;
    margin-top: 50px;
}

.services-section .services-card .icon-bx img {
    width: 100%;
    max-width: 95px;
}

.services-section .services-card .card-text {
    margin-block: 15px;
    margin-bottom: 0px;
}

.services-section .services-card .card-text p {
    font-size: 18px;
    width: 100%;
    max-width: 131px;
    margin-inline: auto;
    color: #000;
    margin-bottom: 5px;
    margin-top: 5px;
}

.services-section .services-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 15px;
    transition: all 0.5s;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

.services-section .services-card:hover {
    transform: translateY(-15px);
}

.services-section .services-card:hover .services-overlay {
    transform: translate(0%, 0%);
}

.services-overlay {
    position: absolute;
    background: #d69227;
    padding: 15px;
    transform: translate(0%, 102%);
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: center;
}

.services-overlay h2 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
    margin-bottom: 12px;
}

.services-overlay h2::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 60%;
    background-color: #ffffff;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -4px;
}

.services-overlay p {
    color: #ffffff;
}

.services-overlay span {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    opacity: 0;
    transition: all 0.5s;
    position: relative;
    padding-bottom: 5px;
}

.services-overlay span:after {
    content: "";
    background: #ffffff;
    position: absolute;
    border: 0;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
}

.services-section .services-card:hover .services-overlay span {
    opacity: 1;
}

.services-section .btn-bx {
    display: flex;
    justify-content: center;
}

.video-section {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
}

.video-section .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}

.video-section .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    /* dark overlay */
    z-index: -1;
}

.video-section .image-box img {
    width: 100%;
    height: 520px;
    object-fit: cover;
}

.video-section .right-box {
    margin-top: 175px;
}

.video-section .center-box {
    margin-top: 175px;
    background: #000000d1;
    padding: 22px;
    height: calc(100px - -246px);
}

.video-section .center-box .section-title h2 {
    border-bottom: unset;
    margin-bottom: 10px;
    color: #fff;
    padding-bottom: 0px;
    margin-inline: unset;
    text-align: left;
}

.video-section .center-box p {
    color: #fff;
}

.video-section .center-box .btn-bx a {
    border: 1px solid #fff;
    color: #fff;
}

.video-section .center-box .btn-bx a:hover {
    color: #fff;
    background-color: #000;
}

.video-section::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    inset: 0;
    background: #00000069;
}

.video-section .container {
    position: relative;
    position: 777;
}

.video-section .btn-bx {
    margin-top: 28px;
}

.about-section .about-slider img {
    width: 100%;
    height: 520px;
    object-fit: cover;
}

.about-section .about-center {
    margin-top: 95px;
}

.about-section .right-side {
    margin-top: 175px;
}

.about-section .section-title h2 {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #d6922750;
    color: #d69227;
}

.about-section {
    padding: 0;
}

.menu-items span.active,
.menu-items span:hover {
    color: #d9861e;
}

.menu-section .container {
    z-index: 1;
    position: relative;
}

.menu-section {
    /* background-image: url(../images/bg-1.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; */
    position: relative;
    overflow: hidden;
    background-color: #eebd71;
}

.menu-section .menu-image img {
    max-width: 100%;
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
    padding: 0px 10px;
}

.menu-section .menu-image img.fade-out {
    opacity: 0;
}

.menu-section .menu-items {
    display: flex;
    flex-direction: column;
    gap: 8rem;
    position: relative;
}

.menu-section .menu-wrapper {
    margin-top: 50px;
    position: relative;
}

.menu-section .menu-items span {
    font-size: 18px;
    background: transparent;
    padding: 10px 15px;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    padding-right: 0px;
}

.menu-section .menu-items span::before {
    height: 20px;
    width: 2px;
    background-color: #d69227;
    content: "";
    position: absolute;
    left: 5px;
    top: 10px;
}

.menu-section span.active {
    font-weight: 500;
    color: #d69227;
}

.menu-section .menu-image {
    position: absolute;
    width: 100%;
    max-width: 555px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 49%;
}

.menu-section .menu-items.left span:nth-child(1) {
    position: relative;
    left: 90px;
}

.menu-section .menu-items.left span:nth-child(2) {
    position: relative;
    left: 10px;
}

.menu-section .menu-items.left span:nth-child(3) {
    position: relative;
    left: 90px;
}

.menu-section .menu-items.right span:nth-child(1) {
    position: relative;
    left: -90px;
}

.menu-section .menu-items.right span:nth-child(2) {
    position: relative;
    left: -10px;
}

.menu-section .menu-items.right span:nth-child(3) {
    position: relative;
    left: -90px;
}

.menu-section .menu-image img {
    max-width: 100%;
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
    padding: 0px 10px;
}

.menu-section .menu-image img.animate {
    animation: zoomFade 0.6s ease-in-out;
}

@keyframes zoomFade {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    50% {
        opacity: 0.5;
        transform: scale(1.05);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.menu-section .view-all {
    justify-content: center;
    display: grid;
    margin-top: 50px;
}

.menu-section .section-title {
    margin-bottom: 50px;
}

.comp-cater {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.cater-section .slick-slide img {
    width: 100%;
    text-align: center;
    padding: 2px;
    background: #fff;
    border: 1px solid #00000021;
}

.cater-section .slick-slide {
    padding: 0px 10px;
    margin-bottom: 10px;
}

.cater-section .cater-at {
    margin-block: 35px;
}

.cater-section .center-btn {
    display: flex;
    justify-content: center;
}

.gallery-section .section-title {
    margin-bottom: 50px;
}

.gallery-section ul.slick-dots {
    margin-top: 40px;
}

.gallery-slider {
    position: relative;
}

.gallery-slider:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: 100%;
    z-index: 1;
    background: #eebd71;
    background: linear-gradient(273deg, rgba(238, 189, 113, 0) 10%, rgba(238, 189, 113, 1) 90%);
    pointer-events: none;
}

.gallery-slider:after {
    content: "";
    position: absolute;
    background: #eebd71;
    background: linear-gradient(90deg, rgba(238, 189, 113, 0) 26%, rgba(238, 189, 113, 1) 100%);
    top: 0;
    right: 0;
    width: 20%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.gallery-section {
    /* background-image: url(../images/bg-1.png); */
    background-color: rgb(229 155 39 / 66%);
    background-image: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.gallery-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-block: 40px;
}

.gallery-row .image-tab {
    overflow: hidden;
}

.gallery-row .image-tab img {
    width: 100%;
    height: auto;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.gallery-row .image-tab img:hover {
    transform: scale(1.05);
}

.center-btn {
    display: flex;
    justify-self: center;
    justify-content: center;
}

.testimonial-section .testimonial-head {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    margin-bottom: 28px;
}

.testimonial-section .rating-iocn {
    display: flex;
    align-items: center;
    gap: 5px;
    color: orange;
    font-size: 17px;
}

.testimonial-section .slick-dots li button {
    background: #d6922773;
}

.slick-dots li button:before {
    color: transparent;
}

.slick-dots li.slick-active button:before {
    color: transparent;
}

.testimonial-section .testimonial-dec p {
    width: 100%;
    max-width: 550px;
    margin-inline: auto;
    font-size: 16px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.testimonial-section .testimonial-dec h4 {
    text-align: center;
    margin-top: 35px;
    font-size: 24px;
    margin-bottom: 22px !important;
}

.testimonial-section .section-title {
    margin-bottom: 35px;
}

.testimonial-inner .testimonial-item {
    padding: 15px;
    width: 100%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    max-width: 100%;
    background-color: #fff;
    margin-bottom: 15px;
}

.testimonial-inner .testimonial-head {
    display: flex;
    justify-content: space-between;
    width: 100% !important;
    border: 1px solid #eee;
    padding: 20px;
    align-items: center;
}

.google-icon img {
    max-width: 40px;
    background: #feecd287;
    padding: 8px;
}

.testimonial-inner .testimonial-dec p {
    display: block;
    text-align: left;
    max-width: 100%;
}

.testimonial-inner .testimonial-dec h4 {
    text-align: left;
    margin-top: 15px;
    font-size: 24px;
    margin-bottom: 0 !important;
    border-top: 1px solid #eee;
    padding-top: 15px;
}

.comp-cater-inner {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.comp-cater img {
    width: 100%;
    text-align: center;
    padding: 2px;
    background: #fff;
    border: 1px solid #a7a7a7;
}

.comp-cater-inner img {
    width: 100%;
    text-align: center;
    padding: 2px;
    background: #fff;
    border: 1px solid #a7a7a7;
}

footer {
    background-image: url(../images/footer-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 75px 0px 0px 0px;
    background-attachment: fixed;
}

footer .cta-bx h4 {
    font-size: 20px;
    color: #d69227;
    margin-bottom: 5px;
    text-transform: capitalize;
}

footer .cta-bx a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

footer .footer-cta {
    display: grid;
    border-bottom: 1px solid #d6922750;
    padding-bottom: 50px;
    margin-bottom: 35px;
    grid-template-columns: 20% 30% 20%;
    width: 100%;
    justify-content: space-between;
}

footer .links-bx .title-bx h5 {
    font-size: 20px;
    color: #d69227;
    margin-bottom: 25px;
}

footer .links-bx ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

footer .links-bx ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
}

footer .center-logo-bx {
    text-align: center;
    padding-right: 12%;
    position: relative;
}

footer .center-logo-bx::before {
    height: calc(100% - -40%);
    width: 0.1px;
    position: absolute;
    content: "";
    background-color: #d6922750;
    left: -31%;
    top: 0;
}

footer .center-logo-bx::after {
    height: calc(100% - -40%);
    width: 0.1px;
    position: absolute;
    content: "";
    background-color: #d6922750;
    right: -13%;
    top: 0;
}

footer .footer-logo a img {
    width: 100%;
    max-width: 292px;
}

footer .center-logo-bx .dec-bx {
    margin-top: 55px;
}

footer .dec-bx p {
    color: #fff;
    text-transform: capitalize;
}

footer .request-box {
    width: 100%;
    margin-inline: auto;
    max-width: 280px;
    margin-top: 30px;
}

footer .request-box a {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #d69227;
    padding: 14px 22px;
    color: #d69227;
    display: block;
    transition: 0.6s;
    text-transform: capitalize;
}

footer .request-box a:hover {
    background: #d69227;
    color: #fff;
}

footer .bottom-bar {
    border-top: 0.1px solid #d6922750;
    padding-block: 22px;
    margin-top: 55px;
    display: flex;
    justify-content: space-between;
}

footer .bottom-bar p {
    margin-bottom: 0px;
    color: #fff;
}

footer .bottom-bar p a {
    text-decoration: none;
    color: #d69227;
}

footer .bottom-bar p a + a {
    color: #fff;
}

footer .right-icon {
    display: flex;
    align-items: center;
    gap: 15px;
}

footer .right-icon i {
    color: #d69227;
    font-size: 22px;
}

.footer-section .row .col-lg-3 {
    all: unset;
}

.footer-section .row .col-lg-3:first-of-type {
    padding-left: 15px;
}

.footer-section .col-lg-6 {
    all: unset;
    padding-left: 15px;
    padding-right: 15px;
}

.footer-section .row {
    display: grid;
    grid-template-columns: 20% 30% 20%;
    justify-content: space-between;
    margin-top: 50px;
}

.testimonial-section .slick-dots li button:before {
    content: "";
}

.footer-cta .cta-bx:nth-child(2) {
    text-align: center !important;
    display: block;
    width: 100%;
    max-width: 100%;
}

.about-section {
    padding-bottom: 175px;
    background: #1c1c1c;
}

.strip-container2 {
    margin-top: 175px;
}

.strip-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.strip {
    flex: 1;
    background-size: cover;
    background-repeat: repeat-y;
    animation-duration: 28s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* Left Side → lef-img.png */

.left-strip {
    background-image: url("https://www.benarescatering.com/wp-content/themes/benares-cat25/assets/images/left-side-image.png");
}

.left-strip:nth-child(odd) {
    animation-name: scrollUp;
}

.left-strip:nth-child(even) {
    animation-name: scrollDown;
}

/* Right Side → right-img.png */
.limit-bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
    flex-wrap: wrap;
}

.right-strip {
    background-image: url("https://www.benarescatering.com/wp-content/themes/benares-cat25/assets/images/right-side-image.png");
}

.right-strip:nth-child(odd) {
    animation-name: scrollDown;
}

.right-strip:nth-child(even) {
    animation-name: scrollUp;
}

.about-center * {
    color: #fff;
}

.about-center .btn-bx a {
    border: 1px solid #d69227;
}

.about-center .btn-bx a:hover {
    background-color: #d69227;
}

/* Animations */

@keyframes scrollUp {
    0% {
        background-position: 0 100%;
    }
    100% {
        background-position: 0 0;
    }
}

@keyframes scrollDown {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 100%;
    }
}

.home-2 header header .nav-menu ul li a {
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    color: #000000;
    display: inline-block;
    transition: 0.6s;
    text-transform: capitalize;
}

.home-2 header.fixed .right-nav {
    background-color: transparent;
    padding: 0;
    clip-path: none;
}

.home-2 header.fixed .container-fluid {
    padding-right: 15px;
}

.home-2 header .nav-menu ul li a img {
    filter: brightness(0) saturate(100%) invert(80%) sepia(21%) saturate(6301%) hue-rotate(346deg) brightness(91%) contrast(83%);
    max-height: 34px;
}

.home-2 header.fixed .nav-menu ul li a {
    color: #ffffff;
}

.home-2 section.info-section {
    display: none;
}

.home-2 .hero-section {
    padding: 0px;
    position: relative;
    max-height: 100vh;
    background: #1c1c1c;
    overflow: hidden;
}

.home-2 .hero-section .hero-slider {
    /* padding-top: 100px; */
    margin: 0;
    height: 100vh;
}

.hero-image:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    content: "";
    height: 395px;
    z-index: 2;
    background: #1c1c1c;
    background: linear-gradient(to bottom, rgb(28 28 28), rgba(0, 0, 0, 0));
    z-index: 3;
}

.home-2 header.fixed:before {
    display: none;
}

.home-2 .hero-section .hero-text {
    padding-top: 34%;
}

.home-2 .hero-section .slick-dots {
    bottom: 10px;
}

.home-2 .about-section {
    padding-bottom: 100px;
    background: #1c1c1c;
}

.home-2 .strip-container2 {
    margin-top: 100px;
}

.home-2 .hero-section .hero-slider {
    position: relative;
}

.home-3 header.fixed {
    position: fixed;
    background: #ffffff;
    padding: 15px 0px;
    box-shadow: 0 0 5px #ccc;
}

.menu-section .section-title p {
    margin: 0;
}

.menu-items-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.menu-section span.active {
    font-weight: 500;
    color: #d69227;
}

.menu-items-left span {
    font-size: 30px;
    cursor: pointer;
    position: relative;
}

/* .menu-items-left span::before {
    height: 20px;
    width: 2px;
    background-color: #d69227;
    content: "";
    position: absolute;
    left: 5px;
    top: 10px;
} */

.menu-items-left span:before {
    content: "";
    position: absolute;
    width: 0vw;
    height: 1px;
    background: #d69227;
    bottom: 13px;
    left: 0;
    transition: all 0.5s;
    transform: scale(1.5);
}

.menu-section span.active:before {
    width: 100vw;
}

.menu-grid {
    position: relative;
}

.menu-image-slide {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    row-gap: 50px;
}

.menu-bx:hover .menu-overlay-cta {
    transform: none;
}

.menu-overlay-cta {
    position: absolute;
    background: #1c1c1c;
    padding: 15px;
    transform: translate(0px, -200%);
    top: 0;
    display: flex;
    height: 100%;
    text-align: center;
    flex-direction: column;
    align-items: center;
    transition: all 0.5s;
    justify-content: center;
}

.menu-image-bx img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    object-fit: contain;
    transition: all 0.5s;
}

.menu-image-cn {
    text-align: center;
}

.menu-image-bx {
    margin-bottom: 25px;
}

.menu-image-cn h3 {
    font-size: 25px;
    font-weight: 500;
}

.hero-image {
    position: absolute;
    width: 75%;
    height: 100vh;
    top: 0;
    bottom: 0;
    right: 0;
}

.menu-bx {
    text-decoration: none;
    color: #000;
    transition: all 0.5s;
    position: relative;
    padding: 15px;
    overflow: hidden;
}

/* .menu-bx:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 0%;
    width: 100%;
    background: #ffffff;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 25%, rgb(255 255 255 / 9%) 50%);
    z-index: 0;
    transition: all 0.5s;
} */

/* .menu-bx:hover:after {
    height: 100%;
} */

.menu-bx:hover {
    transform: translate(0px, -20px);
}

.hero-section .hero-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.first_sld .hero-image {
    width: 100%;
}

.first_sld .hero_tst:before {
    display: none;
}

.first_sld .hero_tst .hero-text {
    position: absolute !important;
    top: auto;
    bottom: 0;
    left: 0%;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 99;
    transform: translate(0px, 115%);
    text-align: center;
}

.first_sld .hero_tst .hero-text p {
    color: #fff;
}

/* .first_sld .hero-image::after {
   position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  width: 100%;
  content: "";
  height: 263px;
  z-index: 2;
  background: #1c1c1c;
  background: linear-gradient(to top, rgb(28 28 28), rgba(0, 0, 0, 0));
  z-index: 3;
} */

.home-2 .hero-section .hero-text {
    z-index: 99;
    position: relative;
}

.home-2 .hero-section .slick-list {
    height: 100vh;
}

.hero-slider .col-lg-6 {
    position: relative;
    z-index: 99;
}

.hero_tst:before {
    background: #d69227eb;
    position: absolute;
    content: "";
    width: 0;
    height: 50vh;
    top: 77%;
    left: 0%;
    max-width: 100%;
    transform: translate(0%, -50%);
    z-index: 4;
    /* transition: all 0.8s; */
    transition: 0.9s;
}

.slide.slick-slide.slick-current.slick-active .hero_tst:before {
    width: 100%;
}



.about-hero-wrapper .about-title-block h1,
.section-title h1 {
    font-size: 36px;
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}

.about-hero-wrapper .about-title-block h1::before,
.section-title h1::before {
    background-color: #212529;
    content: "";
    position: absolute;
    height: 2px;
    width: calc(100% - 86%);
    bottom: 3px;
}

/* .about-hero-wrapper .image-slide::after {
    background: #000000;
    background: linear-gradient( 358deg, rgba(0, 0, 0, 1) 0%, rgba(237, 221, 83, 0) 100%);
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    content: "";
    top: 89px;
} */

.about-hero-wrapper .slick-initialized .slick-slide {
    height: 409px;
}

.about-hero-wrapper .slick-dots {
    margin-top: -30px;
}

.about-inner-content {
    padding-right: 5px;
}

.text-inner-bx {
    width: 100%;
    max-width: 650px;
    text-align: center;
    margin-inline: auto;
}

.promise-section * {
    color: #000;
}

.about-hero-wrapper .about-inner-content h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

.event-title h3 {
    font-size: 32px;
    font-weight: 500;
}

section.about-hero-wrapper,
.inner-ban {
    background-color: rgb(229 155 39 / 66%);
    background-image: none;
    /* background-image: url(../images/bg-1.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
}

.inspiration-section {
    min-height: 500px;
    display: flex;
    align-items: center;
    background-size: contain;
    background-attachment: fixed;
    background-position: -75%;
    background-repeat: repeat;
}

.chef-content {
    padding-left: 25px;
}

.chef-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.chef-content .section-title {
    display: unset;
}

.chef-content p {
    text-align: left;
}

.chef-content .section-title h2 {
    border: 0px;
    padding-bottom: 0px;
    display: block;
    width: 100%;
    text-align: left;
}

.chef-section .btn-bx {
    margin-top: 22px;
}

.event-rental-section {
    background: #f2f2f2;
}

.event-info-box {
    width: 100%;
    max-width: 970px;
    margin-inline: auto;
}

.event-info-box .section-title h2 {
    border: 0px;
    margin-bottom: 12px;
    padding-bottom: 0px;
}

.event-info-box .btn-box {
    display: flex;
    justify-content: center;
}

.top-banner {
    position: relative;
    padding: 0px !important;
    width: 100%;
}

.top-banner .banner-image-wrapper {
    position: relative;
    width: 100%;
    height: auto;
}

.top-banner .banner-text h1 {
    font-size: 36px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0px;
    color: #fff;
}

.top-book-layout3 {
    background: rgb(229 155 39 / 66%);
}

.top-book-layout3 .banner-text h1 {
    font-size: 36px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0px;
    color: #000;
}

.inner-ban-title h1 {
    font-size: 36px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0px;
    color: #000;
    text-align: center;
}

.top-banner .banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    z-index: 1;
}

.top-banner:after {
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    background-color: #000000;
    inset: 0;
    opacity: 0.5;
}

.contact-section-2 {
    padding: 60px 0;
}

.contact-main-2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.contact-add-ic {
    background: #d69227;
    width: 75px;
    height: 75px;
    padding: 15px;
    border-radius: 0;
}

.contact-add-ic img {
    filter: invert(1);
}

.contact-add-cn h3 {
    color: #000000;
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0;
}

.contact-add-box .contact-add-cn p {
    font-weight: 600;
    margin: 0;
}

.contact-add-box .contact-add-cn p a {
    font-weight: 600;
    margin: 0;
    margin-top: 2px;
    display: block;
    text-decoration: none;
    color: #000;
}

.contact-add-box {
    border-right: 1px solid #00000036;
    margin-right: 20px;
}

.contact-add-box:last-of-type {
    border: 0px;
}

.contact-add-box {
    display: flex;
    gap: 18px;
    align-items: center;
}

.contact-section-3 {
    position: relative;
    background: linear-gradient(179deg, rgb(0 0 0 / 8%) 40%, rgb(52 24 24 / 15%) 100%);
}

.contact-section-3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(https://www.benarescatering.com//wp-content/uploads/2025/09/cc-9-2-2.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0px 96px;
    background-size: contain;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.cc-img {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    display: none;
}

.top-banner .banner-image-wrapper img {
    width: 100%;
    height: 190px;
    display: block;
    object-fit: cover;
}

.main-form-bx {
    padding: 40px 30px;
    background: #ffffff94;
    width: 100%;
    max-width: 550px;
    margin-left: auto;
}

.main-form-bx .form-title h2 {
    font-size: 36px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 20px;
}

.main-form-bx input {
    height: 50px;
    border-radius: 0;
    border: 1px solid #eee;
}

.main-form-bx select {
    height: 50px;
    border-radius: 0;
    border: 1px solid #eee;
}
.form-group {
    position: relative;
}

.main-form-bx select {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    background: #fff;
    padding-right: 2rem;
}

.main-form-bx textarea {
    height: 80px;
    border-radius: 0;
    border: 1px solid #eee;
    margin-top: 15px;
}

.main-form-bx .row {
    margin-bottom: 15px;
}

.main-form-bx input.benares-btn {
    width: max-content;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #000000;
    padding: 10px 22px;
    color: #000;
    display: block;
    transition: 0.6s;
    text-transform: capitalize;
    margin-left: auto;
    margin-top: 20px;
}

.error {
    background: #ff0000;
    color: #fff !important;
    display: block;
    padding: 0px 2px;
}

.main-form-bx .touch-form .row:last-child > .col-sm-6.text-right {
    background-color: transparent;
    padding: 0px 13px;
}

.main-form-bx .touch-form .row:last-child > .col-sm-6:first-child {
    background-color: transparent;
    padding: 10px 8px 0px;
    margin-top: 8px;
}

.g-recaptcha {
    max-height: 60px;
    transform: scale(0.95);
}

.main-form-bx .row:last-child {
    margin-bottom: 0px;
}

.about-section .content-bx p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bg-grey {
    background-color: #f5f5f5;
}

.chef-content p a,
.section-design-2 p a {
    color: #cd9132;
    text-decoration: none;
    font-weight: 600;
}

.chef-content p strong,
.section-design-2 .text-design-box p strong {
    font-size: 18px;
}

.page-id-633 .catering-form-section,
.page-id-573 .catering-form-section,
.page-id-571 .catering-form-section,
.page-id-563 .catering-form-section,
.page-id-566 .catering-form-section,
.page-id-213 .catering-form-section {
    /* background-image: url('https://www.benarescatering.com/wp-content/themes/benares-cat25/assets/images/bg-1.jpg'); */
    background-color: rgb(229 155 39 / 66%);
    background-image: none;
}

.catering-form-section {
    background-image: url(https://www.benarescatering.com//wp-content/themes/benares-cat25/assets/images/bg-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

/* .catering-form-section .form-group {
  margin-bottom: 15px;
} */

.catering-form-bx input.form-control,
.catering-form-bx select.form-control {
    height: 45px;
    border-radius: 0;
}

.catering-form-bx {
    background: #fff;
    padding: 25px;
    box-shadow: 0 0 7px #2a242436;
    max-width: 750px;
    margin-inline: auto;
}
.catering-form-bx .section-title h1:before{
	margin-inline: auto;
	right: 0;
	left: 0;
}
.catering-form-bx .section-title h1 {
    border: none;
}
.catering-form-bx .section-title {
    margin-bottom: 40px;
}

.catering-form-bx label {
    display: block;
}

.form-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

.catering-form-bx input[type="radio"] {
    accent-color: #000000;
}

.dropdown-toggle::after {
    display: none;
}

.navbar-expand .navbar-nav .dropdown-menu {
    padding: 5px 5px;
    min-width: 230px;
    border-top: 2px solid #d69227;
    border-radius: 0;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    background: #ffffff;
    gap: 0;
}

.navbar-expand .navbar-nav li.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
}

.nav-menu .dropdown-menu {
    padding: 5px 5px;
    min-width: 230px;
    border-top: 2px solid #d69227;
    border-radius: 0;
}

.navbar-nav ul li a:not(.dropdown-item) {
    font-style: normal;
    line-height: 24px;
    padding: 35px 0;
    letter-spacing: 0;
    color: #fff;
    text-decoration: none;
}

.navbar-expand .navbar-nav .dropdown-menu:before {
    display: block;
    background: none;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d69227;
    position: absolute;
    top: -13px;
    left: 16%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ab-event-catering {
    background-image: none;
    background-color: rgb(229 155 39 / 66%);
    background-size: cover;
    background-repeat: no-repeat;
}

.event-catering-slider {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.event-catering-bx {
    background: #fff;
    padding: 15px;
}

.event-cat-cn p {
    margin: 0;
    padding-top: 15px;
    font-size: 16px;
    font-weight: 600;
}

.ab-event-catering .section-title {
    margin-bottom: 40px;
}

.trained-servers {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    margin-top: 30px;
}

/* .trained-servers-sec .section-title {
    margin-bottom: 15px;
} */

.trained-servers-img {
    padding: 15px;
    background: #fff;
    box-shadow: 0 0 5px 0px #00000030;
}

.faq-text-box .accordion-button .arrow {
    transition: transform 0.3s ease;
}

.faq-text-box .accordion-button:not(.collapsed) .arrow {
    transform: rotate(180deg);
}

.faq-text-box .section-title {
    text-align: left;
    margin-bottom: 25px;
}

.faq-inner-content .accordion-header {
    box-shadow: none;
}

.faq-inner-content .accordion-header button {
    background: #ffffff;
    color: #000000;
    font-weight: 600;
}

.bg-image {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center bottom;
    background-size: cover;
}

.faq-inner-content .accordion-button:not(.collapsed) {
    background: #d49127 !important;
    color: #fff !important;
    outline: none;
    box-shadow: 0 0 0 0.25rem rgb(212 145 39 / 50%);
}

.faq-inner-content .accordion-button:not(.collapsed)::after {
    filter: brightness(50) !important;
}

.destination-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 18px;
}

.destination-grid-img {
    padding: 11px;
    background: #fff;
    box-shadow: 0 0 4px 1px #bbbaba82;
}

ul.list-style {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.list-style li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 9px;
}

ul.list-style li:before {
    content: "";
    background: #1c1c1c;
    height: 15px;
    width: 15px;
    border: 2px solid #ffffff;
    display: inline-block;
    position: absolute;
    left: 3px;
    border-radius: 100%;
    outline: 2px solid #1c1c1c;
    top: 5px;
}

.destination-list ul.list-style {
    display: flex;
    flex-wrap: wrap;
    column-gap: 28px;
    justify-content: center;
    row-gap: 15px;
    margin-bottom: 25px;
}

.destination-list ul li a {
    text-decoration: none;
    color: #000;
    font-weight: 600;
}

/* section.catering-form-section.request-catering-bg {
    background-image: url('https://www.benarescatering.com//wp-content/uploads/2025/09/20220604_200107-scaled.jpg');
} */

section.catering-form-section.request-catering-bg .catering-form-bx {
    background: #ffffffeb;
    padding: 25px;
    box-shadow: 0 0 7px #2a242436;
    max-width: 750px;
    margin-inline: auto;
}

textarea.form-control {
    border-radius: 0;
}

section.catering-form-section.request-catering-bg .catering-form-bx input.form-control,
section.catering-form-section.request-catering-bg .catering-form-bx select.form-control {
    height: 45px;
    border-radius: 0;
    background: transparent;
    border: 1px solid #00000042;
}

section.catering-form-section.request-catering-bg textarea.form-control {
    border-radius: 0;
    background: transparent;
    border: 1px solid #00000042;
}

.gallery-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.gallery-bx a {
    display: inline-block;
    height: 350px;
    width: 100%;
    padding: 7px;
    background: #fff;
    box-shadow: 0 0px 5px #5e5d5d;
}

.gallery-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inner-gallery .section-title h2 {
    margin-bottom: 50px;
}

.page-template-events .section-design-2 .section-title h2 {
    text-align: left;
    margin-left: 0;
}

.section-paralax-cn {
    background: #fff;
    padding: 25px;
}

.section-paralax-cn .section-title h2 {
    text-align: left;
    margin-left: 0;
}

.page-id-37 .top-book-bx .banner-text h1 {
    text-align: center;
}

/*--- menu-page css -----*/

.menu_top .row {
    align-items: center;
}

.menu-sec-right {
    background-color: #fff;
    padding: 0;
}

.menu-grid-bx {
    display: grid;
    grid-template-columns: 100% 100%;
}

.menu-list-main {
    padding: 40px 30px;
    background: #ede2d4;
}

.menu-list-main .section-title {
    margin-top: 0;
    text-align: left;
    margin-bottom: 0;
    width: 100%;
    display: block;
}

.menu-size-bx {
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.menu-size-bx span {
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    min-width: 120px;
    text-align: center;
}

.menu-item-price span {
    min-width: 80px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.menu-cn-bx {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0px;
    padding-bottom: 5px;
    flex: 0 0 30%;
}

.menu-item-price {
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    flex: 0 0 80px;
}

.menu-item-name h3 {
    margin-bottom: 3px;
    font-size: 18px;
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
}

.menu-item-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.image-banner .container {
    max-width: 1600px;
    padding: 0 40px;
}

.menu-sec-right .container {
    max-width: 1600px;
    padding: 0;
}

.menu-list-main .menu-cn-bx:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.menu-cl-1 {
    background: #f5e6d1;
}

.menu-spacer {
    height: 5px;
    display: block;
    background: #000;
    width: 100%;
}

.menu-grid-bx.menu-grid-reverse {
    grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
}

.menu-item-name p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-clamp: 4;
}

.menu-item-price p {
    text-align: center;
    font-size: 18px;
    margin: 0;
}

.menu-list-main .section-title h2 {
    color: #e29926;
    border-bottom: 0;
}

.menu-sec-head {
    position: relative;
    background: hsl(36.49deg 44.29% 57.06% / 25.1%);
}

.menu-sec-head .section-title h2 {
    color: #000000;
}

.menu-list-main .section-title p {
    color: 000;
}

.menu-grid-bx.center-menu-item {
    align-items: center;
    justify-content: center;
    grid-template-columns: 100%;
    max-width: 650px;
    margin-inline: auto;
    text-align: center;
}

.menu-grid-bx.center-menu-item .menu-cn-bx {
    flex-direction: column;
}

.menu-grid-bx.center-menu-item .menu-item-price {
    justify-content: center;
}

.menu-cl-2 .menu-item-name p {
    color: #000 !important;
}

.page-id-35 .menu-cl-2 .section-title h2,
.page-id-35 .menu-cl-1 .section-title h2 {
    color: #000;
    display: block;
    width: 100%;
    max-width: 30%;
    text-align: center;
}
.page-id-35 .menu-cl-1 .section-title h2 {
    margin-inline: auto;
}
.page-id-185 .menu-list-main.flex-2 .section-title h2 {
    color: #fff;
    position: relative;
    margin-bottom: 12px;
    display: block;
    text-align: center;
}
.page-id-185 .menu-cl-2 .section-title h2 {
    color: #000;
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: left;
    margin-left: 20px;
}

.note {
    max-width: 30%;
    margin-inline: auto;
}

.menu-sec-right.menu-cl-1.menu-cl-2 .menu-cn-bx {
    flex: 0 0 calc(33% - 3px);
    padding: 5px 20px;
}

.policy_text {
    background: #fff;
}

.menu-list-main.flex-2 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 6px;
    align-items: flex-start;
}

.menu-list-main.flex-3 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 6px;
    align-items: flex-start;
    justify-content: space-between;
}

.menu-list-main.flex-3 .section-title {
    margin-bottom: 25px;
}

/*.menu-item-price {
    display: none;
  }*/

.menu-list-main.flex-2 * {
    color: #fff;
}

.menu-item-price {
    position: relative;
}

.menu-item-price:before {
    position: absolute;
    content: "$";
    top: -2px;
    left: 7px;
    font-size: 16px;
    color: #d99527;
    /* width: 30px; */
    font-weight: 500;
}

.size-bx .menu-item-price::before {
    display: none;
}

.menu-list-main.flex-2 .section-title {
    flex: 0 0 100%;
}

.menu-list-main.flex-2 .menu-cn-bx {
    flex: 0 0 calc(33% - 3px);
    padding: 5px 20px;
}

.menu-sec-right .menu-list-main.flex-2 .menu-cn-bx {
    flex: 0 0 calc(33% - 3px);
    padding: 5px 20px;
}

.menu-list-main.flex-2 .section-title {
    margin-bottom: 25px;
}

.menu-sec-right.menu-cl-1.menu-cl-2 .menu-cn-bx {
    width: 100%;
}

section.tray-menu .menu-list-main.flex-2 .menu-cn-bx,
section.tray-menu.menu-cl-1.menu-cl-2 .menu-cn-bx {
    width: 100%;
    flex: none;
}

section.tray-menu .menu-list-main.flex-2 .menu-cn-bx .menu-item-name,
section.tray-menu.menu-cl-1.menu-cl-2 .menu-cn-bx .menu-item-name {
    min-width: calc(100% - 160px);
    flex: 0 0 calc(100% - 160px);
}

.page-template-banquet-menu section.parallax-section {
    background-size: cover;
    background-repeat: no-repeat;
    height: 450px;
    background-attachment: fixed;
    background-position: center;
}

section.policy_text h2 {
    margin-left: 0;
    margin-top: 20px;
}

.page-id-35 .top-banner .banner-text h1 {
    margin-bottom: 30px;
    color: #000;
}

.page-id-185 .top-banner .banner-text h1 {
    color: #000;
}

.page-id-185 .menu-des-3 .menu-list-main .section-title {
    text-align: left;
    padding-left: 29px;
}

/* .page-id-35 .top-banner .banner-text a {
  background: #e29926;
  border: 1px solid #e29926;
  transition: all 0.3s ease-in-out;
}
.page-id-35 .top-banner .banner-text a:hover {
  background: #000;
  border: 1px solid #e29926;
} */

.color_change {
    animation: bgChange 5s infinite linear;
    font-size: 20px;
    font-weight: 600;
    width: fit-content;
    padding: 9px;
}

@keyframes bgChange {
    0% {
        background-color: #cd9132;
        color: #000;
    }
    /* Red */
    25% {
        background-color: #feedd3;
        color: #000;
    }
    /* Orange */
    50% {
        background-color: #000000;
        color: #fff;
    }
    /* Green */
    75% {
        background-color: #000000a1;
        color: #fff;
    }
    /* Blue */
    100% {
        background-color: #cd9132;
        color: #000;
    }
    /* Back to Red */
}

.blog_main .blog-box > img {
    width: 100%;
}

.blog-box {
    padding: 20px;
    background-color: #fbebd0;
    position: relative;
    height: 100%;
    margin-bottom: 20px;
}
.blog-box .blog-date {
    background-color: #e29926;
    border-radius: 50px;
    padding: 10px 14px;
    color: #fff;
    position: absolute;
    top: 33px;
    left: 32px;
}

.blog-box h3 {
    min-height: 80px;
}

.blog-box h3 a {
    text-decoration: none;
    font-size: 26px;
    color: #000;
    margin-top: 14px;
    display: block;
}

.postid-458 article:last-child {
    background-color: transparent;
}

.postid-458 article:last-child h3 {
    min-height: auto;
}

.postid-458 .blog-box a,
.single-post .blog-box a {
    color: #e29926;
    font-weight: 600;
    text-decoration: none;
}

.widget-area {
    display: none;
}

.mobile-bar {
    display: none;
}

.page-id-185 .banner-text a {
    display: none;
}

.single-post .blog-box.blog-img {
    background-color: #fbebd0;
}

.single-post .blog-box {
    background-color: transparent;
}

.single-post .blog-box h3 {
    min-height: inherit;
}

/* .page-id-566 .about-hero-wrapper {
        background-color: rgb(0 0 0 / 82%);
        background-image: none;
}
.page-id-566 .about-title-block {
  color: #fff;
}
.page-id-566 .about-title-block .common-btn1 {
      border: 1px solid #fff;
      color: #fff;
}
.page-id-566 .about-title-block .common-btn1:hover {
      background: #d49127;
       border: 1px solid #d49127;
    color: #000;
} */

.page-id-571 .about-hero-wrapper {
    background-color: rgb(229 155 39 / 66%);
    background-image: none;
}

/* .page-id-571 .about-hero-wrapper .about-title-block h1::before {
  background-color: #212529;
} */

/* .page-id-571 .catering-form-section {
  background-color: rgb(229 155 39 / 66%);
    background-image: none;
} */

.catering-main {
    display: grid;
    grid-template-columns: 30% 70%;
    align-items: flex-start;
}

.catering-section-new {
    overflow: visible;
    background-image: url(../images/bg-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-top: 1px solid #fff;
}

.catering-sticky {
    position: sticky;
    top: 150px;
}

.decore_text .section-title h2 {
    margin-left: 0;
}

.decore_text p {
    text-align: left;
}

.flower-image {
    display: flex;
    align-items: center;
    min-height: 800px;
}

.decore_text {
    padding: 0 50px 0 0;
}

.decore_text .section_title {
    margin-bottom: 25px;
}

.service_sticky_column {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

.service_head {
    max-width: 400px;
    margin: 0 auto;
    flex: 0 0 400px;
}

.service_head h3 {
    margin-top: 15px;
    font-style: normal;
    color: #000000;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 11px;
}

.service_head img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.menu-image {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.menu-image-card {
    display: grid;
    grid-template-columns: 40% 60%;
    align-items: center;
    background: #fff;
    box-shadow: 5px 8px 2px #d59227;
    padding: 15px;
    border: 1px solid #d69227;
    transition: all 0.5s;
}

.menu-image-card:hover {
    box-shadow: none;
}

.menu-section-new {
    background-image: url(../images/bg-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.menu-image-card span {
    font-size: 25px;
    font-weight: 600;
    margin: 0;
    padding-left: 25px;
}

.menu-image-main {
    position: relative;
}

.background-circle-image {
    position: absolute;
    left: 0;
    right: 0;
    margin-inline: auto;
    text-align: center;
    width: 450px;
    height: 450px;
    display: inline-block;
    top: -11%;
    background: #eac07e;
    border-radius: 100%;
}

.background-circle-image img {
    border-radius: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
}

.catering-col {
    overflow: hidden;
}

.service_head {
    position: relative;
    overflow: hidden;
}

.service-ovelay {
    position: absolute;
    top: 0;
    background: #d69227;
    width: 100%;
    height: 100%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: scale(0);
    transition: all 0.5s;
    text-align: center;
}

.service_head:hover .service-ovelay {
    transform: scale(1);
}

.service-ovelay-img {
    overflow: hidden;
}

.service-ovelay-img img {
    transition: all 0.5s;
}

.service_head:hover .service-ovelay-img img {
    transform: scale(1.1);
}

.menu-des-1 {
    position: relative;
    background: #000;
}

.menu-des-1 .container-fluid {
    position: relative;
    z-index: 2;
}

.menu-des-1 .menu-list-main.flex-2 {
    background: transparent;
}

.menu-des-1:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin-inline: auto;
    background: #101010;
    z-index: 0;
    width: 32%;
    height: 100%;
    border-inline: 1px solid #e2992642;
}

.menu-list-main.flex-2 h3 {
    color: #e29926;
}

.menu-des-2 {
    position: relative;
    background: rgb(229 155 39 / 66%);
}

.menu-des-2 .container-fluid {
    position: relative;
    z-index: 2;
}

.menu-des-2 .menu-list-main.flex-3 {
    background: transparent;
}

.menu-des-2:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin-inline: auto;
    background: hsl(32.21deg 76.61% 48.63% / 38%);
    z-index: 0;
    width: 32%;
    height: 100%;
    border-inline: 1px solid #e29926;
}

.menu-item-name {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #5b5b5b26;
    width: 100%;
    display: block;
}

.menu-des-1 .note {
    color: #ffff;
    background: #101010;
    padding: 15px;
    border: 1px solid #e2992500;
    max-width: 950px;
}

.menu-des-2 .note {
    color: #000000;
    background: #e9d3b4;
    padding: 15px;
    border: 1px solid #e2992500;
    max-width: 950px;
}

.menu-des-3 {
    position: relative;
    background: #000;
}

.menu-des-3 .container-fluid {
    position: relative;
    z-index: 2;
}

.menu-des-3 .menu-list-main.flex-2 {
    background: transparent;
}

.menu-des-3:before {
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    margin-inline: auto;
    background: #101010;
    z-index: 0;
    width: 50%;
    height: 100%;
    border-inline: 1px solid #e2992642;
}

.menu-des-4 {
    position: relative;
    background: #f5e6d1;
}

.menu-des-4 .container-fluid {
    position: relative;
    z-index: 2;
}

.menu-des-4 .menu-list-main.flex-3 {
    background: transparent;
}

.menu-des-4:before {
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    margin-inline: auto;
    background: hsl(35deg 55.02% 81.07%);
    z-index: 0;
    width: 50%;
    height: 100%;
    border-inline: 1px solid rgb(226 153 38 / 20%);
    top: 0;
}

.page-id-185 .menu-list-main.flex-2 {
    display: grid;
    column-gap: 6px;
    align-items: flex-start;
}

.page-id-185 .menu-des-4 .menu-list-main {
    background: transparent;
}

.page-id-185 .menu-des-3 .note {
    color: #ffff;
    background: #101010;
    padding: 15px;
    border: 1px solid #e2992500;
    max-width: 950px;
}

.size-bx {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 5px 20px;
}

.size-bx .menu-item-price span {
    color: #d69227;
}

.menu-list-main.flex-3 .size-bx .menu-item-price span {
    color: #000;
}

.page-id-185 .menu-list-main.flex-3 {
    display: block;
}

.page-id-9 .chef-section .row {
    position: relative;
    /*  border: 1px solid #dfdede;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; */
}

.page-id-9 .chef-section .container {
    max-width: 1074px;
}

/* .page-id-9 .chef_img:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-image: url(https://www.benarescatering.com//wp-content/uploads/2025/09/Group-14.png);
  background-repeat: no-repeat;
  width: 51%;
  height: 100%;
  z-index: -1;
}

.page-id-9 .chef-content:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  background-image: url(https://www.benarescatering.com//wp-content/uploads/2025/09/Group-15.png);
  background-repeat: no-repeat;
  width: 47%;
  height: 100%;
  z-index: -1;
}
 */

.page-id-9 .chef-image img {
    height: 485px;
    object-fit: cover;
}

.chef-image {
    text-align: center;
    width: 100%;
    height: 100%;
}

.chef_img a.common-btn1 {
    margin-top: 25px;
}

.ban-design-text-2 .section-title {
    text-align: left;
}

.ban-design-2 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.ban-design-text-2 {
    background: rgb(255 255 255 / 90%);
    padding: 40px;
    border: 4px solid #d59128;
    outline: 8px solid #d5912885;
}

.catering-form-section {
    background-image: url();
}

.home-2 .strip-container2 {
    margin-top: 0px;
}

#image-scroll {
    position: relative;
    overflow: hidden;
}

/* Strip container behind content */

.page-id-616 .strip-container2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    display: flex;
    flex-direction: column;
}

/* Animated strip */

.page-id-616 .strip {
    flex: 1;
    background-size: cover;
    background-repeat: repeat-y;
    animation-duration: 40s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.page-id-616 .right-strip {
    background-image: url("https://www.benarescatering.com//wp-content/uploads/2025/09/slide-image-min-1-scaled.jpg");
    animation-name: scrollUp;
}

/* Animation keyframes */

@keyframes scrollUp {
    0% {
        background-position: 0 100%;
    }
    100% {
        background-position: 0 0;
    }
}

@keyframes scrollDown {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 100%;
    }
}

#image-scroll .catering-form-bx {
    position: relative;
    z-index: 1;
}

.catering-form-bx .row {
    row-gap: 20px;
}

.packages-section .section-title h1 {
    text-align: left;
}

.packages-content {
    padding-right: 55px;
}

section.packages-section {
    overflow: hidden;
    position: relative;
}

.packages-section .right-image-scroll-box {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-width: 50%;
    right: 0;
    top: 0;
}

.packages-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.packages-grid .packages-content .section-title h1:before {
    background-color: #212529;
}

.packages-section .strip {
    flex: 1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: repeat-y;
    animation-duration: 28s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.packages-section .strip-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.packages-section .strip-up {
    background-image: url("https://www.benarescatering.com//wp-content/uploads/2025/09/Frame-544.jpg");
    background-size: cover;
    background-repeat: repeat-y;
    animation: scrollUp 28s linear infinite;
}

.packages-section .strip-down {
    background-image: url("https://www.benarescatering.com//wp-content/uploads/2025/09/Frame-543.jpg");
    background-size: cover;
    background-repeat: repeat-y;
    animation: scrollDown 28s linear infinite;
}

.strip-up2 {
    background-image: url("https://www.benarescatering.com//wp-content/uploads/2025/09/Frame-552.jpg") !important;
}

.strip-down3 {
    background-image: url("https://www.benarescatering.com//wp-content/uploads/2025/09/Frame-551.jpg") !important;
}

/* Animations */

@keyframes scrollUp {
    0% {
        background-position: 0 100%;
    }
    100% {
        background-position: 0 0;
    }
}

@keyframes scrollDown {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 100%;
    }
}

.page-id-616 .right-strip {
    animation-name: scrollDown;
}

.page-id-8 .strip-container2 {
    margin-top: 100px !important;
}

.catering-section-new-2 {
    background: #eebd7157;
}

.catering-grid-2 .catering-grid-card:last-child {
    border-right: 0;
}

.catering-grid-2 {
    align-items: anchor-center;
    display: grid;
    grid-template-columns: 25% 75%;
    gap: 0;
}

/* .catering-grid-main {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
} */

.catering-grid-card-img img {
    border-radius: 5px;
}

.catering-grid-cn .section-title h2 {
    margin-inline: inherit;
}

.catering-grid-cn p {
    color: #ffffff;
}

.catering-grid-cn {
    padding: 50px 25px;
}

.catering-grid-cn .section-title h2 {
    font-size: 30px;
    border-bottom: 1px solid #ffffff50;
}

.catering-grid-cn .section-title {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 25px;
}

.catering-grid-cn a.common-btn1 {
    margin-top: 10px;
}

.catering-grid-card-cn {
    margin-top: 15px;
}

.catering-grid-card-cn h3 {
    margin: 0;
    font-size: 20px;
    margin-bottom: 5px;
    color: #fff;
}

.catering-grid-card-cn p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}

.catering-grid-card {
    padding: 80px 40px;
    border-right: 1px solid rgb(255 255 255 / 30%);
}

.catering-grid-main.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.catering-grid-main ul.slick-dots {
    position: absolute;
    bottom: 0;
}

.catering-grid-main .slick-dots li button {
    background: #cdcdcd;
}

.catering-grid-2 .common-btn1 {
    width: max-content;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #d69227;
    padding: 10px 22px;
    color: #d69227;
    transition: 0.6s;
    text-transform: capitalize;
    background: transparent;
    display: inline-block;
}

.catering-grid-2 .common-btn1:hover {
    background-color: #d69227;
    color: #fff;
}

.catering-head-3 {
    background: #d69227;
    padding: 35px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 450px;
}

.catering-head-img img {
    height: 450px;
    width: 100%;
    object-fit: cover;
}

.catering-head-grid {
    display: grid;
    grid-template-columns: calc(50% - 8px) calc(50% - 8px);
    gap: 16px;
}

.catering-head-full-img img {
    height: 450px;
    width: 100%;
    object-fit: cover;
}

.catering-head-3 .section-title h2 {
    text-align: left;
    font-size: 30px;
}

.catering-head-bottom p {
    color: #000000;
}

.catering-head-full-img {
    margin-top: 15px;
}

/* .catering-head-bottom .common-btn1 {
    border: 1px solid #d69227;
    color: #d69227;
} */

.catering-cn-3-ic {
    max-width: 50px;
    margin-bottom: 20px;
}

.catering-cn-3 p {
    margin: 0;
}

.catering-cn-3 h3 {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #00000017;
}

.catering-cn-new-main {
    padding-left: 75px;
}

.catering-cn-new-main .section-title h2 {
    text-align: left;
    font-size: 30px;
    margin-left: 0;
}

.catering-cn-3-bx {
    padding: 15px;
    transition: all 0.5s;
}

.catering-cn-3-bx.active {
    background: #d6922729;
}

.catering-cn-3-bx:not(:first-child) {
    margin-top: 50px;
}

.catering-head-new-3 {
    position: sticky;
    top: 50px;
}

.catering-cn-3-ic img {
    filter: brightness(0) saturate(100%) invert(49%) sepia(97%) saturate(368%) hue-rotate(358deg) brightness(104%) contrast(91%);
}

.catering-cn-new-3 .slick-track {
    transform: none !important;
}

.catering-section-new-3 .container {
    max-width: 1300px;
}

.catering-grid-card-img {
    position: relative;
}

.ovarlay-bx {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000d6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    transform: scale(0);
    transition: all 0.5s;
}

.catering-grid-card {
    text-decoration: none;
}

.catering-grid-card-img:hover .ovarlay-bx {
    transform: scale(1);
}

.menu-overlay-cta p {
    font-size: 16px;
    align-items: center;
    text-align: center;
    display: block;
    transition: all 0.5s;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.menu-overlay-cta span {
    font-size: 18px;
    align-items: center;
    text-align: center;
    display: block;
    transition: all 0.5s;
    text-transform: capitalize;
}

.menu-overlay-cta img {
    height: 20px;
    margin-left: 5px;
    filter: invert(1);
}

.menu-bx:hover .order-cta {
    opacity: 1 !important;
}

.menu-overlay-cta * {
    color: #fff;
}

.catering-section-new-6 {
    background: #fff;
    padding: 0;
}

.catering-grid-6 .catering-grid-card:last-child {
    border-right: 0;
}

.catering-grid-6 {
    align-items: anchor-center;
    display: grid;
    grid-template-columns: 25% 75%;
    gap: 0;
}

/* .catering-grid-main {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
} */

.catering-section-new-6 .catering-grid-card-img img {
    border-radius: 5px;
}

.catering-section-new-6 .catering-grid-cn p {
    color: #000;
}

.catering-section-new-6 .catering-grid-cn {
    padding: 50px 25px;
}

.catering-section-new-6 .catering-grid-cn .section-title h2 {
    font-size: 30px;
    border-bottom: 1px solid #00000050;
    margin-inline: inherit;
}

.catering-section-new-6 .catering-grid-cn .section-title {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 25px;
}

.catering-section-new-6 .catering-grid-cn a.common-btn1 {
    margin-top: 10px;
}

.catering-section-new-6 .catering-grid-card-cn {
    margin-top: 15px;
}

.catering-section-new-6 .catering-grid-card-cn h3 {
    margin: 0;
    font-size: 20px;
    margin-bottom: 5px;
    color: #000;
}

.catering-section-new-6 .catering-grid-card-cn p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}

.catering-section-new-6 .catering-grid-card {
    padding: 80px 40px;
    border-right: 1px solid rgb(0 0 0 / 9%);
}

.catering-section-new-6 .catering-grid-main.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.catering-section-new-6 .catering-grid-main ul.slick-dots {
    position: absolute;
    bottom: 0;
}

.catering-section-new-6 .catering-grid-main .slick-dots li button {
    background: #cdcdcd;
}

.catering-grid-6 .ovarlay-bx .common-btn1 {
    width: max-content;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #d69227;
    padding: 10px 22px;
    color: #d69227;
    transition: 0.6s;
    text-transform: capitalize;
    background: transparent;
    display: inline-block;
}

.menu-list-main.flex-2 .section-title {
    text-align: center;
}

.menu-list-main.flex-2 .section-title h2 {
    color: #fff;
    position: relative;
    margin-bottom: 12px;
    display: block;
}

.menu-list-main.flex-2 .section-title h2::before {
    position: absolute;
    content: "";
    width: 122px;
    margin: auto;
    left: 0;
    right: 0;
    margin: auto;
    top: 51px;
    border-bottom: 1px solid #fff;
}

.veg_hd h2 {
    color: #e29926 !important;
    font-size: 26px;
}

.page-id-1164 header {
    background-color: transparent !important;
    position: absolute !important;
}

.page-id-1189 header {
    background-color: transparent !important;
    position: absolute !important;
}

#eventname,
#catering-time,
#datepicker {
    background-image: url(https://www.benarescatering.com//wp-content/uploads/2025/10/arrow-black.png);
    background-repeat: no-repeat;
    background-position: 97% 56%;
}

#datepicker {
    background-image: url(https://www.benarescatering.com//wp-content/uploads/2025/10/calender.png);
}

.gs-slide img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.slick-slide {
    padding: 0 15px;
}

.menu-items-bx {
    margin-bottom: 30px;
}

.menu-items-bx {
    display: grid;
    grid-template-columns: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
}

.menu-items-bx p {
    color: #fff;
    margin: 0;
}

.menu-items-bx h3 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    text-transform: capitalize;
    color: #d69227;
    font-weight: 600;
}

.flip-menu-section {
    background: #eebd7157;
}

.flip-menu-section .pageContents {
    display: flex;
    align-items: center;
}

.flip-menu-section .pageContents .menu-main-bx {
    width: 100%;
}

.menu-image-cn h3 {
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    margin: 0;
}

.menu-cat-name {
    display: none;
    margin-bottom: 25px;
}

.menu-cat-name h2,
.menu-main-img .menu-image-cn h3 {
    margin-bottom: 30px;
    font-size: 25px;
    text-align: left;
}

.menu-main-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.menu-main-img .menu-image-cn h3 {
    text-align: center;
    color: #d69227;
    font-weight: 600;
}

.menu-bx a.common-btn1 {
    border: 1px solid #d69227;
    background: transparent;
    color: #fff;
}

.menu-bx a.common-btn1:hover {
    background-color: #d69227;
}

.pageContents .page-number {
    display: none;
}

.menu-main-img .menu-bx {
    padding: 0;
}

.menu-bx .menu-image-btn {
    text-align: center;
}

.pageContents .menu-bx:hover {
    transform: none;
}

.flip-menu-bx {
    position: relative;
}

.top-book-bx {
    max-width: 500px;
    margin-inline: auto;
}

.page-template-banquet-menu .banner-image-wrapper {
    display: none;
}

.top-book-bx .banner-text {
    text-align: left;
    padding-left: 50px;
}

.top-book-bx .banner-text h1 {
    margin-bottom: 30px;
    color: #000;
    font-size: 36px;
    text-transform: capitalize;
    font-weight: 500;
    text-align: left;
}

.top-book-layout {
    background: #ebb96b;
    background: linear-gradient(90deg, rgba(235, 185, 107, 1) 0%, rgba(239, 213, 174, 1) 50%, rgba(235, 185, 107, 1) 100%);
}

/* .flip-menu-section .page:nth-child(2):after, .flip-menu-section .page:nth-child(4):after, .flip-menu-section .page:nth-child(6):after, .flip-menu-section .page:nth-child(8):after {
    content: '';
    background: #d69227;
    position: absolute;
    right: 0;
    height: 100%;
    width: 4px;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    box-shadow: -3px 20px 30px #fff;
}
.flip-menu-section .page:nth-child(1):before, .flip-menu-section .page:nth-child(3):before, .flip-menu-section .page:nth-child(5):before, .flip-menu-section .page:nth-child(7):before {
    content: '';
    background: #d69227;
    position: absolute;
    left: 0;
    height: 100%;
    width: 4px;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    box-shadow: -3px 20px 30px #fff;
} */

/* .flip-menu-section .page:nth-child(1):before, .flip-menu-section .page:nth-child(3):before, .flip-menu-section .page:nth-child(5):before, .flip-menu-section .page:nth-child(7):before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background: linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,.2) 0, rgba(0,0,0,.4)) no-repeat 100% 0;
	width: 1.73em;
	height: 3em;
	transform: translateY(-1.3em) rotate(-30deg);
	transform-origin: bottom right;
	border-bottom-left-radius: inherit;
	box-shadow: -.2em .2em .3em -.1em rgba(0,0,0,.15);
} 
 */

.flip-menu-section .book:before {
    content: "";
    background: #d69227;
    position: absolute;
    left: 50%;
    height: 100%;
    width: 2px;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    box-shadow: -3px 20px 30px #fff;
    filter: blur(3px);
}

.flip-menu-section .book:after {
    content: "";
    background: #d69227;
    position: absolute;
    left: 50%;
    height: 100%;
    width: 1px;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    box-shadow: -3px 20px 30px #fff;
}

.catering-list {
    padding: 0;
    list-style: none;
    margin: 0px;
}

.catering-list li {
    color: #000;
    font-size: 16px;
    margin: 15px 0px;
    padding-left: 30px;
    position: relative;
    /* transition: 0.6s; */
    font-weight: 600;
}

.catering-list li a {
    color: #1c1c1c;
    text-decoration: none;
    font-size: 16px;
    margin: 15px 0px;
    text-transform: capitalize;
    position: relative;
    /* transition: 0.6s; */
    font-weight: 600;
}

.catering-list li a:hover {
    font-weight: 600;
    color: #d69227;
}

.catering-list li::before {
    height: 11px;
    width: 11px;
    background-color: #d69227;
    position: absolute;
    content: "";
    left: 4px;
    top: 9px;
    border-radius: 100px;
    outline: 2px solid #d69227;
    outline-offset: 2px;
}

/* 
.catering-section-new-2 {
  background: rgb(229 155 39 / 66%);
} */

.catering-section-new-2 .section-title h2 {
    color: #000;
    border-bottom: 1px solid #00000055;
}

.catering-section-new-2 h3 {
    margin: 0;
    font-size: 20px;
    margin-bottom: 5px;
    color: #1c1c1c;
    font-weight: 600;
}

.catering-section-new-2 .catering-grid-card-cn p {
    color: #000;
}

.catering-section-new-2 .catering-grid-cn a.common-btn1 {
    margin-top: 10px;
    border: 1px solid #000;
    color: #000;
}

.catering-section-new-2 .catering-grid-cn a.common-btn1:hover {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
}

.catering-grid-card {
    border-right: 1px solid rgb(0 0 0 / 30%);
}

.top-book-layout2 {
    background-image: url(https://www.benarescatering.com//wp-content/uploads/2025/10/Banner-3.png);
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    position: relative;
}

.top-book-layout2::before {
    height: 100%;
    width: 100%;
    inset: 0;
    position: absolute;
    content: "";
    background-color: rgb(0 0 0 / 50%);
}

.top-book-layout2 .container {
    position: relative;
    z-index: 76;
}

.top-book-layout2 * {
    color: #fff !important;
}

.top-book-bx2 .banner-text h1 {
    color: #fff;
}

.top-book-bx2 .banner-text .common-btn1 {
    border: 1px solid #fff !important;
}

.top-book-layout2 .banner-text a {
    border: 1px solid #d69227 !important;
    background: #d69227;
}

.top-book-layout2 .banner-text a:hover {
    background-color: #d69227;
}

.parallax-hide {
    display: none;
}

.parllex-section-comman {
    min-height: 450px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.parllex-section-comman .parllex-text {
    background: #fff;
    padding: 35px;
    width: 100%;
    max-width: 561px;
}

.parllex-section-comman .parllex-text a {
    color: #cd9132;
    text-decoration: none;
}

.secondary-page {
    padding-top: 85px;
}

.pavk_menu {
    display: flex !important;
    flex-wrap: nowrap;
    flex-direction: row;
}

.menu_lyt h2 {
    color: #e29926 !important;
    font-size: 26px;
    text-align: center;
}

.page-id-37 section.parallax-section {
    background-size: cover;
    background-repeat: no-repeat;
    height: 450px;
    background-attachment: fixed;
    background-position: center;
}

.page-id-37 .top-book-bx .banner-text {
    text-align: left;
    padding-left: 0;
}

.page-id-37 .menu-list-main.flex-2 *,
.page-id-37 .menu-list-main.flex-3 * {
    text-align: center;
}

.page-id-37 .menu_lyt p b {
    background-color: rgb(226 153 38 / 60%);
    padding: 8px 13px;
    font-size: 20px;
    margin-top: 6px;
    display: none;
}

.page-id-37 .menu-list-main.flex-3 .section-title h2 {
    position: relative;
}

.page-id-37 .menu-list-main.flex-3 .section-title h2::before {
    position: absolute;
    content: "";
    width: 122px;
    margin: auto;
    left: 0;
    right: 0;
    margin: auto;
    top: 51px;
    border-bottom: 1px solid #000;
}

.page-id-37 .menu-list-main.flex-3 * h2 {
    color: #000;
}

.page-id-37 .menu-list-main.flex-3 * .menu_lyt h2 {
    color: #000 !important;
}

.page-id-37 .menu-list-main.flex-3 * .menu_lyt p b {
    background-color: #000;
    color: #fff;
}

.suprm_pck::before {
    left: auto;
    width: 51%;
}

.blck_bg {
    background-color: #000;
}

.blck_bg .section-title h2 {
    color: #fff;
    border-bottom: 1px solid #ffffff;
}

.gold_bg {
    background: rgb(229 155 39 / 66%);
}

.gold_bg .section-title h2 {
    color: #000;
    border-bottom: 1px solid #000;
}

.page-id-633 .catering-list ul {
    margin-top: 12px;
    list-style-type: none;
    padding-left: 0;
}

.page-id-633 .parllex-text b {
    margin-bottom: 12px;
    display: block;
}

.page-id-633 .lst-2 .catering-list,
.page-id-566 .lst-2 .catering-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 22px;
    justify-content: center;
    margin-bottom: 21px;
}

.page-id-633 .lst-2 .catering-list li,
.page-id-566 .lst-2 .catering-list li {
    font-size: 17px;
    margin: 7px 0px;
}

.about-hero-wrapper .about-title-block h2 {
    font-size: 26px;
}

@media (max-width: 1440px) {
    .page-id-37 .menu-list-main.flex-2 .section-title h2,
    .page-id-37 .menu-list-main.flex-3 .section-title h2 {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .page-id-37 .menu-list-main.flex-2 .section-title h2,
    .page-id-37 .menu-list-main.flex-3 .section-title h2 {
        font-size: 26px;
    }
    .menu-list-main.flex-2 .section-title h2::before {
        top: 42px;
    }
}

.trained-servers2 {
    grid-template-columns: 1fr 1fr;
    width: 100%;
    max-width: 900px;
    margin-inline: auto;
}

.trained-servers2 .trained-servers-img {
    display: grid;
    grid-template-columns: 100%;
    align-items: center;
    text-align: left;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.trained-servers2 .text-bx h3 {
    font-size: 22px;
}

.trained-servers2 .text-bx {
    padding-right: 14px;
}

.Packages-Grid-bx {
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.Packages-Grid-bx .left-bx {
    height: 100%;
    width: 100%;
}

.Packages-Grid-bx .left-bx img {
    height: 100%;
    width: 100%;
}

.simple-section {
    background: #f2f2f2;
}

.simple-section .section-title h2 {
    border: 0px;
    text-align: left;
    font-size: 22px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.simple-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
}

.new-list li {
    color: #000;
    font-size: 18px;
    margin: 15px 0px;
    font-weight: 600;
    padding-left: 30px;
    position: relative;
    /* transition: 0.6s; */
}

.new-list li::before {
    height: 11px;
    width: 11px;
    background-color: #d69227;
    position: absolute;
    content: "";
    left: 4px;
    top: 9px;
    border-radius: 100px;
    outline: 2px solid #d69227;
    outline-offset: 2px;
}

.new-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.simple-grid .simple-bx:first-child {
    border-right: 1px solid #d69227;
    margin-right: 25px;
}

.packages-menu-section2 .Packages-Grid-bx {
    grid-template-columns: 100%;
    width: 100%;
    max-width: 739px;
    margin-inline: auto;
}

.packages-menu-section2 .Packages-Grid-bx p {
    text-align: center;
}

.packages-menu-section2 .Packages-Grid-bx h2 {
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 7px;
}

.packages-menu-section2 .new-list {
    display: flex;
    justify-content: center;
    column-gap: 19px;
    margin-top: 0px;
    flex-wrap: wrap;
}

.packages-menu-section2 .new-list li {
    margin-top: 0px;
    color: #fff;
}

.packages-menu-section2 {
    background: #000;
}

.packages-menu-section2 * {
    color: #fff;
}

.event-bx p {
    margin: 0px;
    padding-bottom: 1px;
    font-size: 22px;
}

.event-bx p {
    margin: 0px;
    padding-bottom: 1px;
    font-size: 22px;
}

.number-bx {
    display: flex;
    justify-content: center;
    margin: 10px 0px;
    gap: 11px;
}

.number-bx span {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.number-bx a {
    color: #d69227;
    text-decoration: none;
    font-weight: 600;
}

.page-id-9 .chef-section .catering-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
}

.page-id-9 .chef-section .catering-list li {
    margin: 10px 0px;
}

.mobile-number-link {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

.packages-section p b {
    font-weight: 600;
}
.chef-content p strong,
.section-design-2 .text-design-box p strong {
    font-weight: 600;
}
.event-info-box p b {
    font-weight: 600;
}
.about-hero-wrapper p strong {
    font-weight: 600;
}
.catering-list li b {
    font-weight: 600;
}

.sub-list li::before {
    height: 13px;
    width: 13px;
    outline: 0px solid #d69227;
}
.sub-list li {
    padding-left: 27px;
}

.sub-heading-bx p {
    margin-bottom: 5px;
}
.sub-heading-bx p b {
    font-weight: 600;
}

.parllex-text b {
    font-weight: 600;
}
.about-hero-wrapper b {
    font-weight: 600;
}
.chef-content p b {
    font-weight: 600;
}
.section-design-2 b {
    font-weight: 600;
}
/* .about-hero-image {
  height: 100%;
}


.about-hero-wrapper 
.about-hero-image {
  height: 100%;
  width: 100%;
  object-fit: cover;
} */

.about-hero-wrapper .row {
    align-items: unset !important;
}

.about-hero-wrapper .about-hero-image {
    height: 100%;
}
.about-hero-wrapper .about-hero-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.mobile-menu-section {
    background: #eebd7157;
    display: none;
}
.mobile-menu-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    margin-top: 50px;
    position: relative;
}
.mobile-menu-main:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 70%;
    width: 1px;
    background: #00000024;
    pointer-events: none;
    margin: auto;
    bottom: 0;
    top: 0;
}
.mobile-menu-main:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background: #00000024;
    pointer-events: none;
    margin: auto;
    bottom: 0;
    top: 0;
}
.mobile-menu-main .menu-image-cn h3 {
    text-align: center;
    color: #000000;
    font-weight: 600;
    margin-bottom: 25px;
}
a.mobile-menu-bx {
    text-decoration: none;
}

@media only screen and (max-width: 1400px) {
    .hero-section::after {
        top: 62%;
    }
    .home-2 .hero-section::after {
        top: 65%;
    }
    .home-2 .hero-section .hero-text {
        padding-top: 47%;
    }
    .home-3 .hero-section .hero-image img {
        width: auto;
        height: 78vh;
        margin-inline: auto;
    }
    .hero_tst:before {
        top: 78%;
    }
}

@media (max-width: 1366px) {
    .header .nav-menu ul li a {
        font-size: 16px;
    }
    header .nav-menu ul li a img,
    .common-btn1 img {
        max-height: 24px;
    }
    header .common-btn1 {
        font-size: 16px;
        padding: 10px 10px;
    }
    li.dropdown i {
        font-size: 16px;
    }
    .first_sld .hero_tst .hero-text {
        transform: translate(0px, 91%);
    }
    .page-id-9 .chef-section:before {
        width: 44%;
    }
}

@media (max-width: 1269px) {
	body.secondary-page header {
		position: relative !important;
	}
	body.secondary-page header.fixed {
		position: relative !important;
	}
    .home header {
        position: relative;
    }
    .home-2 header .right-nav {
        gap: 18px;
    }
    .home-2 .hero-section::before {
        max-width: 330px;
    }
    .last_img {
        object-position: 115%;
    }
    .bg-image,
    footer {
        background-attachment: inherit;
    }
    .testimonial-section .slick-arrow.slick-prev,
    .testimonial-section .slick-arrow.slick-next {
        display: none !important;
    }
    .mobmenu-right-panel {
        background-color: #d69227 !important;
    }
    #mobmenuright li a {
        font-family: "Questrial", sans-serif !important;
        font-size: 18px !important;
    }
    .mobmenu-content li {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .mobmenu-content #mobmenuright li:hover {
        background-color: #000000 !important;
    }
    .mobmenu-content #mobmenuright > li > a:hover {
        background-color: #000000 !important;
    }
    .mobmenu-content #mobmenuright .sub-menu {
        background-color: #222222 !important;
    }
    .touch-form #quote_submit {
        border: 1px solid #000000 !important;
        color: #000 !important;
        background-color: transparent !important;
    }
}

@media only screen and (max-width: 1260px) {
    header .nav-menu ul {
        gap: 15px;
    }
}

@media only screen and (max-width: 1200px) {
    .mobile-bar {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        text-align: center;
    }
    .mobile-bar a {
        display: inline-block;
        position: relative;
        top: 0px;
        font-size: 15px;
        font-weight: 400;
        color: #000;
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        white-space: nowrap;
        transition: 0.4s;
        padding: 12px 0px;
        background: #d69227;
        border: 0px;
        text-decoration: none;
    }
    .appt {
        color: #fff !important;
    }
    .mobile-bar a + a {
        border: 1px solid #d69227;
        background: #000000;
        text-decoration: none;
    }
    .mobile-bar {
        display: block;
    }
    .right-nav .nav-menu {
        display: none;
    }
    header .right-nav {
        padding: 0 70px 0 0;
    }
    .mob-menu-header-holder.mobmenu {
        height: auto;
    }
	header .logo-bx a img {
		width: 100%;
		max-width: 190px;
	}
    body .mobmenur-container {
        position: absolute;
        right: 0px;
        top: 55px;
        right: 23px;
        padding: 9px 4px;
        border: 1px solid #d69227;
        background-color: rgb(0 0 0 / 25%);
    }
    body.home header.fixed .right-nav {
        padding: 0 70px 0 0;
    }
    .home header.fixed ~ .mob-menu-header-holder.mobmenu {
        position: inherit;
    }
    .hero-section .hero-text h1,
    .top-bottom-text h1 {
        font-size: 32px;
    }
    .hero-section .hero-text p,
    .top-bottom-text p {
        font-size: 18px;
    }
    .services-section .services-card .card-text p {
        font-size: 16px;
    }
    .section-title h2 {
        font-size: 30px;
    }
    .slick-arrow.slick-next {
        right: 0;
    }
    .slick-arrow.slick-prev {
        left: 0;
    }
    header {
        top: 46px;
        background-color: #000;
    }
    header .logo-bx .phone-number {
        display: none;
    }
    .hero-section::before,
    header .logo-bx::before {
        display: none;
    }
    .hero-image {
        width: 100%;
    }
    header.fixed {
        position: absolute;
    }
    .right-nav .common-btn1 {
        display: none;
    }
    header {
        top: 0px;
    }
    .mobmenu-content li > .sub-menu li {
        padding-left: calc(8 * 1%) !important;
    }
}

@media (max-width: 1024px) {
    .page-id-37 section.parallax-section,
    .parllex-section-comman {
        background-attachment: inherit;
    }
    .page-template-banquet-menu section.parallax-section {
        background-attachment: inherit;
    }
    .note {
        max-width: 100%;
        margin-inline: auto;
    }
}
@media (min-width: 992px) {
    /* only on desktops */
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
        top: 140%;
    }
}

@media (max-width: 991px) {
    .slick-slide.slick-current.slick-active .top-bottom-text {
        transform: none;
    }
    .home-2 .about-section {
        padding-block: 40px;
    }
    .hero-section .hero-text h1 {
        color: #000000;
    }
    .top-bottom-text {
        position: relative;
        top: 0;
        left: 0;
        z-index: 99;
        background: #000000d9;
        padding: 15px;
        opacity: 0;
        transform: none;
        transition: all 0.6s ease;
    }
    .hero-image {
        position: relative;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        right: 0;
    }
    .home-2 .hero-section {
        max-height: max-content;
    }
    .home-2 .hero-section .hero-text {
        padding: 25px;
        background: #d69227;
    }
    .hero-image {
        height: auto;
    }
    .hero-slider .slick-slide {
        padding: 0;
    }
    .hero_tst:before,
    .hero-image:before {
        display: none;
    }
    .home-2 .hero-section .slick-list,
    .home-2 .hero-section .hero-slider {
        height: auto;
    }
    .home-2 .hero-section {
        background: #f9e8cf;
    }

    .hero-section .hero-text {
        padding: 10px 35px;
        max-width: 100%;
        margin-left: 0;
        padding: 25px;
    }
    .main-form-bx {
        width: 100%;
        max-width: 100%;
    }
    .contact-add-box {
        border-right: none;
        margin-right: 0;
    }
    .contact-main-2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .menu-des-3:before,
    .menu-des-4:before {
        display: none;
    }
    .note {
        max-width: 100%;
        margin-inline: auto;
    }
    footer .bottom-bar p {
        text-align: center;
    }
    footer .bottom-bar {
        margin-top: 30px;
    }
    .menu-list-main {
        padding: 40px 15px;
    }
    .page-id-185 .menu-des-3 .menu-list-main .section-title {
        text-align: left;
        padding-left: 0;
    }
    .menu-list-main.flex-2 .section-title h2 {
        color: #fff;
        position: relative;
        margin-bottom: 12px;
        display: block;
    }
    .menu-list-main.flex-2 .section-title h2::before {
        bottom: 0;
      
    }
    .menu-cn-bx {
        flex: 0 0 100%;
    }
    .top-book-bx {
        margin-bottom: 25px;
    }
    .top-book-bx .banner-text {
        text-align: center;
        padding-left: 0;
    }
    .top-book-bx .banner-text h1 {
        text-align: center;
    }
    .chef-content {
        padding-left: 0;
        margin-top: 25px;
    }
    .parllex-section-comman .parllex-text {
        max-width: 100%;
    }
    .menu-des-1:before,
    .menu-des-2:before {
        display: none;
    }
    .menu_lyt h2 {
        background: transparent;
        padding: 15px;
        border: 1px solid #e29926;
    }
    .page-id-37 section.parallax-section {
        background-attachment: inherit;
    }
    .Packages-Grid-bx {
        grid-template-columns: 100%;
    }
    .simple-grid .simple-bx:first-child {
        border-right: none;
        margin-right: 0;
    }
    .simple-grid {
        grid-template-columns: 100%;
        row-gap: 50px;
    }
    .mobile-menu-section {
        display: block;
    }
    .flip-menu-section {
        display: none;
    }
    .services-section .grid-services {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .home-2 .strip-container2 {
        display: none;
    }
    .menu-items-left span:nth-child(2),
    .menu-items-left span:nth-child(6),
    .menu-items-left span:first-child,
    .menu-items-left span:nth-child(5) {
        transform: none;
    }
    .menu-image-bx img {
        width: 59%;
        margin: auto;
    }
    footer .footer-cta {
        grid-template-columns: 20% 30% 32%;
        margin-bottom: 0;
        padding-bottom: 0;
        border: none;
    }
    .ft_meun {
        display: none !important;
    }
    .about-title-block {
        margin-bottom: 30px;
    }
    .event-catering-slider {
        grid-template-columns: repeat(2, 1fr);
    }
    .trained-servers {
        grid-template-columns: 1fr 1fr;
    }
    section {
        padding: 40px 0;
    }
    .section-cn-image {
        margin-bottom: 20px;
    }
    .section-design-2 .section-cn-image {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .destination-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .destination-grid-img img {
        width: 100%;
    }
    footer .bottom-bar {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }
    .comp-cater {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .catering-grid-2 {
        display: block;
    }
    .catering-grid-cn {
        padding: 10px 25px 0;
    }
    .catering-grid-card {
        padding: 30px 20px;
        border-right: none;
    }
    .menu-image-slide {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 0;
    }
    .menu-image-bx img {
        width: 100% !important;
    }
    .menu-image-cn h3 {
        font-size: 18px;
    }
    .menu-section .section-title {
        margin-bottom: 0px;
    }
    .packages-section .right-image-scroll-box {
        display: none;
    }
    .page-id-9 .chef-image img {
        height: auto;
        object-fit: contain;
    }
    .packages-grid {
        grid-template-columns: 1fr;
    }
    .menu-des-1:before,
    .menu-des-2:before,
    .menu-des-3:before,
    .menu-des-4:before {
        display: none;
    }
    .page-id-35 .menu-cl-2 .section-title h2,
    .page-id-35 .menu-cl-1 .section-title h2 {
        max-width: 100%;
    }
    .packages-content {
        padding-right: 0;
    }
    .blog-box h3 a {
        font-size: 18px;
    }
    .blog_main .container,
    .blog_main .container-sm {
        max-width: 100%;
    }
    .blog_main .blog-box > img {
        height: 164px;
    }
    .blog-box {
        min-height: 84px;
    }
    .blog-box p {
        min-height: 78px;
    }
    .parallax-section {
        background-attachment: inherit !important;
    }
    .size-bx {
        padding: 5px 0px 5px 0;
    }
    .menu-list-main.flex-3 .size-bx .menu-item-price span {
        text-align: end;
    }
}

@media (max-width: 769px) and (min-width: 768px) {
    .contact-main-2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .main-form-bx {
        max-width: 100%;
        margin-left: 0;
    }
    .hero_tst:before {
        top: 89%;
        left: 0%;
        height: 32vh;
    }
    .home-2 .hero-section .hero-text {
        margin-left: 0;
    }
}

@media (max-width: 575px) {
	.hero-section .hero-text h1, .top-bottom-text h1 {
		font-size: 23px;
	}
	.hero-section .hero-text p, .top-bottom-text p {
		font-size: 16px;
	}
    footer .footer-cta {
        text-align: center;
    }
    .page-template-banquet-menu section.parallax-section {
        height: 250px;
    }
    section.tray-menu .menu-list-main.flex-2 .menu-cn-bx .menu-item-name,
    section.tray-menu.menu-cl-1.menu-cl-2 .menu-cn-bx .menu-item-name {
        min-width: 55%;
    }
    .menu-sec-right .menu-list-main.flex-2 .menu-cn-bx,
    .menu-sec-right.menu-cl-1.menu-cl-2 .menu-cn-bx {
        flex: 0 0 calc(100% - 3px);
        padding: 5px 0px;
    }
    .hero-section .hero-buttons {
        flex-direction: column;
        align-items: baseline;
    }
    .hero_tst:before {
        top: 78%;
    }
    .services-section .grid-services {
        grid-template-columns: repeat(2, 1fr);
    }
    .menu-items-left {
        display: grid;
        grid-template-columns: 100%;
        row-gap: 15px;
    }
    .menu-image-bx img {
        margin-left: 0;
        margin-top: 35px;
    }
    .menu-image-slide {
        position: relative;
        top: inherit;
        left: inherit;
        transform: none;
    }
    footer .footer-cta {
        grid-template-columns: 100%;
        row-gap: 34px;
    }
    .footer-cta .cta-bx:nth-child(2) {
        text-align: center !important;
    }
    .gallery-row {
        grid-template-columns: repeat(2, 1fr);
    }
    .testimonial-section .slick-arrow.slick-prev,
    .testimonial-section .slick-arrow.slick-next {
        display: none !important;
    }
    footer .cta-bx h4 {
        margin-bottom: 0;
    }
    footer {
        padding: 44px 0px 0px 0px;
    }
    .event-catering-slider {
        grid-template-columns: repeat(1, 1fr);
    }
    .trained-servers {
        grid-template-columns: 1fr;
    }
    .chef-content {
        padding-left: 0;
        padding-top: 25px;
    }
    .top-banner .banner-text h1,
    .top-book-layout3 .banner-text h1 {
        font-size: 28px;
        margin-bottom: 12px;
    }
    .menu-cl-1 {
        padding: 0 !important;
    }
    .gallery-inner {
        grid-template-columns: repeat(2, 1fr);
    }
    .faq-text-box h1 {
        text-align: center;
    }
    .contact-main-2 {
        grid-template-columns: repeat(1, 1fr);
        gap: 28px;
    }
    .contact-add-box {
        border-right: none;
    }
    .main-form-bx {
        background: #d69227;
    }
    .contact-section-3 {
        padding: 0 !important;
    }
    .main-form-bx .form-title h2 {
        color: #fff;
        font-size: 33px;
    }
    .main-form-bx .row {
        row-gap: 15px;
    }
    .main-form-bx input.benares-btn {
        margin-left: 0;
    }
    .page-template header {
        top: 0;
    }
    .home .about-section .about-center {
        margin-top: 0;
        text-align: center;
    }
    .about-section .section-title h2 {
        text-align: center;
    }
	.mobile-bar a {
		font-size: 0.9rem;
		font-weight: 700;
	}
}

@media (max-width: 480px) {
    .blog-box {
        min-height: inherit !important;
    }
    .blog-box p {
        min-height: inherit !important;
    }
}

@media (max-width: 380px) {
    .mobile-bar a {
		font-size: 0.7rem;
		font-weight: 700;
	}
}
