.ourServicesBody {
	 font-family: "Montserrat", sans-serif;
}
 .ourServicesBody .vegnonvegTitles {
	 text-align: center;
	 margin-top: 20px;
}
 .ourServicesBody .vegnonvegTitles h5 {
	 font-size: 1rem;
	 color: #0a1622;
	 font-weight: 600;
}
 .ourServicesBody #vegnvpopuplogo {
	 width: 10px !important;
	 height: 10px !important;
}
 .ourServicesBody .deliveryBgContainer h3 {
	 font-size: 15px;
	 font-weight: 700;
	 color: #363d42;
	 margin-left: 15px;
	 margin-block: 15px;
}
 .ourServicesBody .deliveryBgContainer h3 span {
	 color: #be2d30;
}
 .ourServicesBody .serviceBgContainer h3 {
	 font-size: 15px;
	 font-weight: 700;
	 color: #363d42;
}
 .ourServicesBody .serviceBgContainer h3 span {
	 font-style: italic;
	 color: #be2d30;
}
 .ourServicesBody .liveBgContainer h3 {
	 font-size: 15px;
	 font-weight: 700;
	 color: #363d42;
}
 .ourServicesBody .liveBgContainer h3 span {
	 color: #be2d30;
}
 .ourServicesBody .mixBgContainer h3 {
	 font-size: 15px;
	 font-weight: 700;
	 color: #363d42;
}
 .ourServicesBody .mixBgContainer h3 span {
	 color: #be2d30;
}
 .ourServicesBody .newServicesSection .iconwraper {
	 margin-top: 10px;
	 padding-left: 10px;
	 display: flex;
	 overflow-x: auto;
	 overflow-y: hidden;
	/* Ensure no vertical scrollbar */
	 white-space: nowrap;
	/* Prevent wrapping of containers */
	 width: 100%;
	/* Ensure the wrapper takes up the full width of the parent */
	 box-sizing: border-box;
}
 .ourServicesBody .newServicesSection .iconwraper::-webkit-scrollbar {
	 display: none;
}
 .ourServicesBody .newServicesSection .serviceCardIcon {
	 margin-right: 10px;
	 width: 144.65px;
	 height: 153px;
	 flex-shrink: 0;
	 border-radius: 18.84px;
	 border: 1px solid #ffc31a;
	 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
	 position: relative;
	 margin-top: 10px;
	 background: #fbefce;
	 background: radial-gradient(circle, rgba(251, 239, 206, 1) 10%, rgba(255, 195, 26, 1) 54%);
	 cursor: pointer;
}
 .ourServicesBody .newServicesSection .serviceCardIcon .tags {
	 margin-top: -10px !important;
	 z-index: 2;
	 margin-left: -5px !important;
	 position: absolute;
	 font-family: "Montserrat";
	 color: #fff;
	 font-size: 10px;
	 font-style: normal;
	 font-weight: 700;
	 max-width: 130px;
	 height: 20px;
	 clip-path: polygon(100% 0, 92% 50%, 100% 100%, 0% 100%, 0% 50%, 0% 0%);
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 width: 100%;
	 margin: auto;
	 padding-right: 7px;
	 background: linear-gradient(182deg, #f1a42b 23.49%, #e54b3b 165.99%);
	 filter: drop-shadow(0.657px 1.314px 0.657px rgba(0, 0, 0, 0.5));
}
 .ourServicesBody .newServicesSection #backgroundImg {
	 position: absolute;
	 transform: rotate(0deg);
	 animation: rotateAnimation 10s linear infinite;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 z-index: 0;
	 opacity: 0.5;
}
 @keyframes rotateAnimation {
	 to {
		 transform: rotate(360deg);
	}
}
 .ourServicesBody .newServicesSection .guestCount {
	 color: #2c3338;
	 font-size: 9.041px;
	 font-style: normal;
	 font-weight: 800;
	 line-height: normal;
	 text-align: center;
	 margin-top: 2px;
	 margin-bottom: 0%;
	 position: relative;
}
 .ourServicesBody .newServicesSection .guestCount span {
	 color: #be2d30;
	 font-size: 9.041px;
	 font-style: normal;
	 font-weight: 800;
	 line-height: normal;
}
 .ourServicesBody .newServicesSection .imgCricleContainer {
	 margin-top: 20px;
	 height: 70px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .ourServicesBody .newServicesSection .imgCricleContainer #frontImg {
	 position: relative;
	 z-index: 1;
	 object-fit: cover;
}
 .ourServicesBody .newServicesSection .imgCricleContainer img {
	 background: radial-gradient(circle 50px at center, rgba(255, 195, 26, 1) 0%, rgba(231, 166, 26, 0) 80%);
}
 .ourServicesBody .newServicesSection h5 {
	 font-size: 14.13px;
	 font-weight: bold;
	 text-align: center;
	 color: #1e1e1e;
	 margin-top: 10px;
	 margin-bottom: 0%;
	 font-family: "Poppins", sans-serif;
	 z-index: 2;
	 position: relative;
}
 .ourServicesBody .newServicesSection h5 span {
	 color: #be2d30;
}
 .ourServicesBody .newServicesSection h6 {
	 position: relative;
	 font-size: 10.36px;
	 color: #555;
	 text-align: center;
	 z-index: 2;
	 margin-top: 5px;
}
 .ourServicesBody .shadowBar {
	 margin-top: -25px;
	 height: 8px;
	 box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.3);
}
 .ourServicesBody .ourServiceMenuContainer {
	 height: 77px;
	 flex-shrink: 0;
	 background: #fff;
}
 .ourServicesBody .ourServiceMenuContainer .ourServiceHeader {
	 display: flex;
	 justify-content: center;
	 gap: 10px;
	 align-items: center;
}
 .ourServicesBody .ourServiceMenuContainer .ourServiceHeader hr {
	 align-items: center;
	 color: #2c3338;
	 width: 50px;
}
 .ourServicesBody .ourServiceMenuContainer .ourServiceHeader img {
	 width: 22px;
	 height: 11px;
	 align-items: center;
}
 .ourServicesBody .ourServiceMenuContainer .ourServiceHeader h3 {
	 font-family: "Montserrat", sans-serif;
	 margin-top: 7px;
	 text-align: center;
	 color: #2c3338;
	 font-size: 14.09px;
	 font-style: normal;
	 font-weight: 700;
	 line-height: normal;
	 letter-spacing: 2.466px;
	 text-transform: uppercase;
}
 .ourServicesBody .ourServiceMenuContainer .serviceFilterButtonContainer {
	 overflow-x: auto;
	 white-space: nowrap;
	 margin-left: 5px;
}
 .ourServicesBody .ourServiceMenuContainer .serviceFilterButtonContainer button {
	 height: 26px;
	 border-radius: 7px;
	 border: 0.337px solid #aaa;
	 background: white;
	 color: #be2d30;
	 font-size: 11.72px;
	 font-style: normal;
	 font-weight: 700;
	 margin-bottom: 5px;
	 margin-inline: 5px;
	 padding-inline: 20px;
}
 .ourServicesBody .ourServiceMenuContainer .serviceFilterButtonContainer::-webkit-scrollbar {
	 display: none;
}
 .ourServicesBody .allServicesContainer {
	 padding-top: 35px;
	 padding-bottom: 25px;
}
 .ourServicesBody .serviceCard::-webkit-scrollbar {
	 display: none;
}
 .ourServicesBody .serviceCard {
	 display: flex;
	 overflow-x: auto;
	 height: 230px;
	 white-space: nowrap;
	 margin-bottom: -25px;
}
 .ourServicesBody .serviceCard .card {
	 margin-right: 10px;
	 margin-left: 55px;
	 width: 273px;
	 height: 175.649px;
	 flex-shrink: 0;
	 border-radius: 18.756px;
	 background: linear-gradient(0deg, #ffc31a 0%, #ffc31a 100%), radial-gradient(101.78% 73.57% at 17.58% 78.85%, #fbefce 0%, #ffc31a 100%);
	 background-blend-mode: color, normal;
	 box-shadow: 0px 1.191px 1.191px 0px rgba(0, 0, 0, 0.25);
	 position: relative;
}
 .ourServicesBody .serviceCard .card .imgSection h4 {
	 z-index: 2;
	 margin-left: -20px !important;
	 position: absolute;
	 font-family: "Montserrat";
	 color: #fff;
	 font-size: 12.067px;
	 font-style: normal;
	 font-weight: 800;
	 max-width: 159px;
	 height: 20px;
	 clip-path: polygon(100% 0, 92% 50%, 100% 100%, 0% 100%, 0% 50%, 0% 0%);
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 width: 100%;
	 margin: auto;
	 padding-right: 7px;
	 background: linear-gradient(182deg, #f1a42b 23.49%, #e54b3b 165.99%);
	 filter: drop-shadow(0.657px 1.314px 0.657px rgba(0, 0, 0, 0.5));
}
 .ourServicesBody .serviceCard .card .imgSection #backImg {
	 margin-left: -50px;
	 margin-top: 20px;
	 width: 191.778px;
	 height: 161.862px;
	 transform: rotate(0deg);
	 animation: rotateAnimation 10s linear infinite;
}
 @keyframes rotateAnimation {
	 to {
		 transform: rotate(360deg);
	}
}
 .ourServicesBody .serviceCard .card .imgSection #nbox {
	 position: absolute;
	 margin-top: 45px;
	 margin-left: -40px;
	 width: 169.96px;
	 height: 113.857px;
}
 .ourServicesBody .serviceCard .card .imgSection .nbuffy img {
	 position: absolute;
	 width: 190px;
	 height: 140px;
	 margin-top: 37px;
	 margin-left: -45px;
}
 .ourServicesBody .serviceCard .card .imgSection .mealboxImg img {
	 position: absolute;
	 width: 171px;
	 height: 153px;
	 margin-top: 20px;
	 margin-left: -45px;
}
 .ourServicesBody .serviceCard .card .imgSection .classicImg img {
	 position: absolute;
	 width: 171px;
	 height: 108.055px;
	 margin-top: 50px;
	 margin-left: -45px;
}
 .ourServicesBody .serviceCard .card .imgSection .gourmetImg img {
	 position: absolute;
	 width: 177.22px;
	 height: 152.75px;
	 margin-top: 26px;
	 margin-left: -45px;
}
 .ourServicesBody .serviceCard .card .imgSection .snackboxImg img {
	 position: absolute;
	 width: 178px;
	 height: 130px;
	 margin-top: 35px;
	 margin-left: -45px;
}
 .ourServicesBody .serviceCard .card .imgSection img {
	 position: absolute;
	 margin-top: 45px;
	 margin-left: -40px;
	 width: 169.96px;
	 height: 113.857px;
}
 .ourServicesBody .serviceCard .serviceDetails {
	 padding-top: 10px;
	 align-items: end;
	 margin-left: 140px;
}
 .ourServicesBody .serviceCard .serviceDetails .guestCount {
	 color: #2c3338;
	 font-size: 9.041px;
	 font-style: normal;
	 font-weight: 800;
	 line-height: normal;
}
 .ourServicesBody .serviceCard .serviceDetails .guestCount span {
	 color: #be2d30;
	 font-size: 9.041px;
	 font-style: normal;
	 font-weight: 800;
	 line-height: normal;
}
 .ourServicesBody .serviceCard .serviceDetails h5 {
	 margin-left: 0px;
	 width: 120px;
	 height: 18.458px;
	 border-radius: 9.229px;
	 background-color: rgba(33, 33, 33, 0.08);
	 color: #fff;
	 font-size: 8.075px;
	 font-style: normal;
	 font-weight: 500;
	 letter-spacing: 0.144px;
	 text-align: center;
	 padding-top: 5px;
	 margin-bottom: 0%;
}
 .ourServicesBody .serviceCard .serviceDetails #ninjabox {
	 margin-bottom: 16px;
}
 .ourServicesBody .serviceCard .serviceDetails #mealBox {
	 margin-bottom: -5px;
}
 .ourServicesBody .serviceCard .serviceDetails .buffyTitle {
	 font-size: 20.07px;
	 margin-bottom: 10px;
}
 .ourServicesBody .serviceCard .serviceDetails .classicTitle {
	 font-size: 19.07px;
	 margin-bottom: 11px;
}
 .ourServicesBody .serviceCard .serviceDetails .gourmetTitle {
	 font-size: 16.5px;
	 margin-bottom: 14px;
}
 .ourServicesBody .serviceCard .serviceDetails .snackboxTitle {
	 font-size: 24.21px;
	 margin-bottom: -5px;
}
 .ourServicesBody .serviceCard .serviceDetails img {
	 margin-top: 20px;
	 width: 55px;
	 height: 11px;
	 margin-bottom: 5px;
}
 .ourServicesBody .serviceCard .serviceDetails h3 {
	 margin-top: -3px;
	 color: #0a1622;
	 font-size: 24.071px;
	 font-style: normal;
	 font-weight: 900;
	 line-height: 112%;
}
 .ourServicesBody .serviceCard .serviceDetails h3 span {
	 color: #fff;
}
 .ourServicesBody .serviceCard .serviceDetails h6 {
	 margin-top: 11px;
	 color: #42484e;
	 font-size: 7.182px;
	 font-weight: 600;
	 line-height: 0.1px;
}
 .ourServicesBody .serviceCard .serviceDetails h6 span {
	 font-style: italic;
}
 .ourServicesBody .serviceCard .serviceDetails button {
	 text-align: center;
	 border: none;
	 color: rgba(255, 255, 255, 0.87);
	 font-size: 10.122px;
	 font-style: normal;
	 font-weight: 700;
	 line-height: 4.763px;
	 letter-spacing: 0.372px;
	 width: 118.191px;
	 height: 25.008px;
	 border-radius: 6.53px;
	 background: #fa3434;
	 box-shadow: 0px 0.595px 1.191px 0px rgba(0, 0, 0, 0.20), 0px 0.298px 2.977px 0px rgba(0, 0, 0, 0.12), 0px 1.191px 1.489px 0px rgba(0, 0, 0, 0.14);
}
 .ourServicesBody .liveServicesContainer {
	 margin-top: 30px;
	 justify-content: center;
	 text-align: center;
	 background: #fff0e6;
	 background: linear-gradient(180deg, rgba(255, 240, 230, 1) 10%, rgba(255, 255, 255, 1) 50%);
	 padding-block: 5px;
}
 .ourServicesBody .liveServicesContainer .liveServicesHeadings {
	 display: flex;
}
 .ourServicesBody .liveServicesContainer .liveServicesHeadings h4 {
	 font-size: 17.8px;
	 font-weight: 700;
	 color: #363d42;
	 font-family: "Poppins", sans-serif;
}
 .ourServicesBody .liveServicesContainer .liveServicesHeadings #leftStar {
	 margin-left: 20px;
}
 .ourServicesBody .liveServicesContainer .liveServicesHeadings #liveLogo {
	 margin-top: 15px;
}
 .ourServicesBody .liveServicesContainer .liveServicesHeadings #rightFire {
	 margin-top: -20px;
}
 .ourServicesBody .liveServicesContainer .liveServicesHeadings #rightStar {
	 margin-top: -20px;
	 margin-left: 20px;
}
 .ourServicesBody .liveServicesContainer .description {
	 font-size: 11px;
	 font-family: "Poppins", sans-serif;
	 font-weight: 400;
	 color: #4d555b;
	 width: 272px;
	 height: 21px;
	 margin: auto;
	 align-items: center;
	 text-align: center;
	 padding-top: 2.5px;
	 border-radius: 13px;
	 background-color: #f1f1f1;
}
 .ourServicesBody .liveServicesContainer .description span {
	 color: #be2d30;
}
 .ourServicesBody .liveServicesContainer .liveCardN {
	 width: 144.75px;
	 height: 153.1px;
	 border-radius: 18.36px;
	 border: 1px solid #ffc31a;
	 background-color: #fff;
	 text-align: center;
	 flex-shrink: 0;
	 margin-right: 10px;
	 cursor: pointer;
}
 .ourServicesBody .liveServicesContainer .liveCardN .containerWraper {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	/* Adjust based on your needs */
	 position: relative;
	 height: 100px;
}
 .ourServicesBody .liveServicesContainer .liveCardN .liveimgContainer {
	 border-radius: 50%;
	 background-color: #ffe18d;
	 width: 72.13px;
	 height: 72.13px;
	 margin-top: 5px;
	 position: absolute;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .ourServicesBody .liveServicesContainer .liveCardN img {
	 position: relative;
}
 .ourServicesBody .liveServicesContainer .liveCardN h4 {
	 margin-top: -10px;
	 font-size: 12.18px;
	 color: #fb0;
	 font-style: italic;
	 margin-bottom: 0px;
	 font-weight: 700;
}
 .ourServicesBody .liveServicesContainer .liveCardN h4 span {
	 color: #fb0;
	 text-shadow: 1px 0px 0px rgba(205, 36, 13, 1);
	 letter-spacing: 0.8px;
}
 .ourServicesBody .liveServicesContainer .liveCardN h5 {
	 margin-top: 0px;
	 font-size: 14.14px;
	 color: #1e1e1e;
	 font-weight: 600;
	 font-family: "Poppins", sans-serif;
}
 .ourServicesBody .liveServicesContainer .liveCardN h5 span {
	 color: #be2d30;
}
 .ourServicesBody .liveServicesContainer .liveCardN a {
	 text-decoration: none;
}
 .ourServicesBody .liveServicesContainer .liveCardN h6 {
	 font-size: 10.37px;
	 color: #555;
	 margin-top: 5px;
}
 .ourServicesBody .liveServicesContainer .liveCardsWraperContainer {
	 margin-top: 15px;
	 padding-left: 10px;
	 display: flex;
	 overflow-x: auto;
	 overflow-y: hidden;
	/* Ensure no vertical scrollbar */
	 white-space: nowrap;
	/* Prevent wrapping of containers */
	 width: 100%;
	/* Ensure the wrapper takes up the full width of the parent */
	 box-sizing: border-box;
}
 .ourServicesBody .liveServicesContainer .liveCardsWraperContainer::-webkit-scrollbar {
	 display: none;
}
 .ourServicesBody .mixandmatchContainer {
	 margin-top: 20px;
	 background-color: #f5fbff;
	 padding-bottom: 20px;
}
 .ourServicesBody .mixandmatchContainer .mixandmatchHeader {
	 display: flex;
	 justify-content: space-between;
	 text-align: center;
}
 .ourServicesBody .mixandmatchContainer .mixandmatchHeader h4 {
	 margin-top: 25px;
	 font-family: "Sansita Swashed", system-ui;
	 font-size: 30px;
	 font-weight: 700;
	 color: #be2d30;
	 filter: drop-shadow(0px 5px 0px rgba(54, 61, 66, 0.37));
	 text-shadow: #fff 2px 0px 0px, #fff 1.75517px 0.958851px 0px, #fff 1.0806px 1.68294px 0px, #fff 0.141474px 1.99499px 0px, #fff -0.832294px 1.81859px 0px, #fff -1.60229px 1.19694px 0px, #fff -1.97998px 0.28224px 0px, #fff -1.87291px -0.701566px 0px, #fff -1.30729px -1.5136px 0px, #fff -0.421592px -1.95506px 0px, #fff 0.567324px -1.91785px 0px, #fff 1.41734px -1.41108px 0px, #fff 1.92034px -0.558831px 0px;
}
 .ourServicesBody .mixandmatchContainer .mixandmatchHeader h4 span {
	 color: #f1a42b;
}
 .ourServicesBody .mixandmatchContainer .mixandmatchHeader h5 {
	 font-size: 15px;
	 font-weight: 600;
	 font-family: "Poppins", sans-serif;
}
 .ourServicesBody .mixandmatchContainer h6 {
	 font-size: 11px;
	 color: #4d555b;
	 background-color: #f1f1f1;
	 border-radius: 13px;
	 width: 272px;
	 height: 21px;
	 margin: auto;
	 margin-top: -30px;
	 padding-top: 4px;
}
 .ourServicesBody .mixandmatchContainer .mixCardContainer::-webkit-scrollbar {
	 display: none;
}
 .ourServicesBody .mixandmatchContainer .mixCardContainer {
	 margin-top: 20px;
	 padding-left: 10px;
	 display: flex;
	 overflow-x: auto;
	 overflow-y: hidden;
	/* Ensure no vertical scrollbar */
	 white-space: nowrap;
	/* Prevent wrapping of containers */
	 width: 100%;
	/* Ensure the wrapper takes up the full width of the parent */
	 box-sizing: border-box;
	 gap: 15px;
}
 .ourServicesBody .mixandmatchContainer .mixCardContainer .mixCard {
	 margin-top: 45px;
	 width: 145px;
	 height: 154px;
	 background: linear-gradient(90deg, rgba(255, 195, 26, 1) 0%, rgba(255, 241, 204, 1) 15%, rgba(255, 195, 26, 1) 30%, rgba(255, 195, 26, 1) 50%, rgba(255, 195, 26, 1) 70%, rgba(255, 241, 204, 1) 85%, rgba(255, 195, 26, 1) 100%);
	 border-radius: 20.72px;
	 padding-top: 5px;
}
 .ourServicesBody .mixandmatchContainer .mixCardContainer .mixCard h5 {
	 font-size: 12.11px;
	 text-align: center;
}
 .ourServicesBody .mixandmatchContainer .mixCardContainer .mixCard h5 span {
	 font-weight: 700;
	 font-style: italic;
	 color: #d70004;
}
 .ourServicesBody .mixandmatchContainer .mixCardContainer .mixCard h3 {
	 font-size: 12px;
	 font-weight: 700;
	 color: #1e1e1e;
	 text-align: center;
}
 .ourServicesBody .mixandmatchContainer .mixCardContainer .mixCard h3 span {
	 color: #be2d30;
}
 .ourServicesBody .mixandmatchContainer .mixCardContainer .mixCard #seeMoreMixmatchPkg {
	 color: #555;
	 font-size: 10.36px;
	 text-align: center;
	 margin: auto;
}
 .ourServicesBody .mixandmatchContainer .mixCardContainer .mixCard .mixmatchImgContainer {
	 width: 131.19px;
	 height: 75.95px;
	 border-radius: 20.71px;
	 background-color: #7a6106;
	 margin: auto;
	 position: relative;
}
 .ourServicesBody .mixandmatchContainer .mixCardContainer .mixCard .mixmatchImgContainer .mixnmatchImg {
	 display: flex;
}
 .ourServicesBody .mixandmatchContainer .mixCardContainer .mixCard .mixmatchImgContainer .mixnmatchImg #mximg1 {
	 margin-top: -30px;
	 margin-left: -7px;
}
 .ourServicesBody .mixandmatchContainer .mixCardContainer .mixCard .mixmatchImgContainer .mixnmatchImg #mximg2 {
	 margin-top: -45px;
	 margin-left: -10px;
}
 .ourServicesBody .mixandmatchContainer .mixCardContainer .mixCard .mixmatchImgContainer .redDiscountTag {
	 /* background-color: #fd4d4d; */
	 width: 131.19px;
	 height: 30px;
	 position: absolute;
	 bottom: 0;
	 left: 50%;
	 transform: translateX(-50%);
	 border-radius: 0px 0px 20.71px 20.71px;
	 align-items: center;

	 display: flex;
     gap: 15px;
	 background-color: #fff;
}
 .ourServicesBody .mixandmatchContainer .mixCardContainer h4 {
	font-size: 12px;
	color: #2C3338;
	font-weight: 600;
	text-align: center;
	align-items: center;
	padding-top: 10px;
}
.ourServicesBody .mixandmatchContainer .mixCardContainer .mixCard .mixmatchImgContainer .redDiscountTag h5 {
	font-size: 12.11px;
	text-align: center;
	margin-top: 2px;

	span {
		font-weight: 700;
		font-style: italic;
		color: #D70004;
	}
}

 .liveHeadingflexdirection {
	 flex-direction: column;
	 justify-content: center;
}
 .liveHeadingflexdirection h3 {
	 font-family: "Sansita Swashed", system-ui;
	 font-size: 2.6rem;
	 font-weight: 700;
	 color: #fb3c00;
	 filter: drop-shadow(0px 5px 0px rgba(54, 61, 66, 0.37));
	 text-shadow: #fff 2px 0px 0px, #fff 1.75517px 0.958851px 0px, #fff 1.0806px 1.68294px 0px, #fff 0.141474px 1.99499px 0px, #fff -0.832294px 1.81859px 0px, #fff -1.60229px 1.19694px 0px, #fff -1.97998px 0.28224px 0px, #fff -1.87291px -0.701566px 0px, #fff -1.30729px -1.5136px 0px, #fff -0.421592px -1.95506px 0px, #fff 0.567324px -1.91785px 0px, #fff 1.41734px -1.41108px 0px, #fff 1.92034px -0.558831px 0px;
}
 @media (min-width: 768px) {
	 .serviceTitle {
		 text-align: center;
	}
	 .liveHeadingflexdirection {
		 display: flex;
		 flex-direction: column;
		 justify-content: center;
		 text-align: center;
	}
	 .liveHeadingflexdirection #liveLogo {
		 text-align: center;
		 margin: auto;
	}
	 .liveHeadingflexdirection h4 {
		 margin-bottom: 20px;
	}
	 .liveCardsWraperContainer {
		 justify-content: center;
	}
	 .liveServicesContainer {
		 margin: auto;
		 justify-content: center;
	}
	 .liveServicesContainer .liveServicesHeadings {
		 margin: auto;
		 justify-content: center;
	}
	 .mixCardContainer {
		 justify-content: center;
		 margin-top: 20px;
	}
	 .ourServiceHeader {
		 display: flex;
		 justify-content: center !important;
		 gap: 20px;
	}
	 .ourServiceHeader hr {
		 align-items: center;
		 color: #2c3338;
		 width: 180px !important;
	}
	 .ourServiceHeader h3 {
		 margin-top: 4px !important;
		 text-align: center;
		 color: #2c3338;
		 font-size: 20px !important;
		 font-style: normal;
		 font-weight: 700;
		 line-height: normal;
		 letter-spacing: 2.466px;
		 text-transform: uppercase;
	}
	 .iconwraper {
		 justify-content: center;
	}
	 .serviceDetails img {
		 margin-top: 25px;
		 margin-bottom: 5px !important;
	}
	 .serviceFilterButtonContainer {
		 margin: auto !important;
		 justify-content: center !important;
		 text-align: center !important;
	}
	 .allServicesContainer {
		 justify-content: center !important;
		 margin: auto !important;
		 align-items: center !important;
	}
	 .rightStarFire {
		 display: flex;
		 flex-direction: column;
	}
	 .serviceCard {
		 margin: auto !important;
		 justify-content: center !important;
		 height: 250px !important;
	}
	 .serviceCard .card {
		 width: 313.753px !important;
		 height: 201.869px !important;
	}
	 .serviceCard .card .imgSection h4 {
		 max-width: 180px !important;
		 height: 23px !important;
		 font-size: 13.868px !important;
	}
	 .serviceCard .card #backImg {
		 width: 215.05px !important;
		 height: auto !important;
	}
	 .serviceCard .card #nbox {
		 position: absolute;
		 margin-top: 45px;
		 margin-left: -40px;
		 width: 195.332px !important;
		 height: 130.853px !important;
	}
	 .serviceCard .card .nbuffy img {
		 position: absolute;
		 width: 206.78px !important;
		 height: 158.44px !important;
		 margin-top: 44px !important;
		 margin-left: -45px;
	}
	 .serviceCard .card .mealboxImg img {
		 position: absolute;
		 width: 196.527px !important;
		 height: 175.84px !important;
		 margin-top: 20px;
		 margin-left: -45px;
	}
	 .serviceCard .card .classicImg img {
		 position: absolute;
		 width: 196.527px !important;
		 height: 124.186px !important;
		 margin-top: 50px;
		 margin-left: -45px;
	}
	 .serviceCard .card .gourmetImg img {
		 position: absolute;
		 width: 200.16px !important;
		 height: 176.29px !important;
		 margin-top: 30px !important;
		 margin-left: -45px;
	}
	 .serviceCard .card .snackboxImg img {
		 position: absolute;
		 width: 204.572px !important;
		 height: 149.406px !important;
		 margin-top: 35px;
		 margin-left: -45px;
	}
	 .serviceDetails {
		 margin-left: 165px !important;
	}
	 .serviceDetails h5 {
		 width: 135px !important;
		 height: 21.21px !important;
		 border-radius: 10.61px !important;
		 font-size: 9.281px !important;
	}
	 .serviceDetails img {
		 width: 63.21px !important;
		 height: 12.642px !important;
	}
	 .serviceDetails h3 {
		 font-size: 27.664px !important;
	}
	 .serviceDetails .buffyTitle {
		 font-size: 23.066px !important;
	}
	 .serviceDetails .classicTitle {
		 font-size: 21.917px !important;
	}
	 .serviceDetails .gourmetTitle {
		 font-size: 19.071px !important;
	}
	 .serviceDetails .snackboxTitle {
		 font-size: 26.21px !important;
	}
	 .serviceDetails h6 {
		 font-size: 8.255px !important;
		 margin-bottom: 10px !important;
		 line-height: 2px !important;
	}
	 .serviceDetails button {
		 width: 135.834px !important;
		 height: 28.741px !important;
		 border-radius: 7.505px !important;
		 font-size: 11.633px !important;
		 margin-top: 5px !important;
	}
	 .serviceDetails .guestCount {
		 margin-top: 15px !important;
	}
}
 .liveItemsPopup {
	 font-family: "Montserrat", sans-serif;
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background-color: rgba(0, 0, 0, 0.5);
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 z-index: 1000;
}
 .liveItemsPopup h2 {
	 color: #be2d30;
	 font-weight: 600;
}
 .liveItemsPopup .popupContent {
	 background-color: #fff;
	 padding: 20px;
	 border-radius: 10px;
	 width: 90%;
	 max-width: 500px;
	 position: relative;
}
 .liveItemsPopup .closeItemsBtn {
	 position: absolute;
	 top: 10px;
	 right: 10px;
	 background: transparent;
	 border: none;
	 font-size: 24px;
	 cursor: pointer;
}
 .liveItemsPopup .packageList {
	 margin-top: 20px;
}
 .liveItemsPopup .packageItemcard {
	 background-color: #f9f9f9;
	 border: 1px solid #ffc31a;
	 border-radius: 5px;
	 padding: 10px;
	 margin-bottom: 10px;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
}
 .liveItemsPopup .packageItemcard h3 {
	 font-size: 1.5rem;
}
 .liveItemsPopup .packageItemcard p {
	 margin: 0;
	 font-size: 14px;
	 font-weight: 500;
	 background-color: #fff;
	 padding: 5px;
}
 .liveItemsPopup .confirmPackage {
	 text-align: center;
	 margin-top: 15px;
}
 .liveItemsPopup .confirmPackage button {
	 border: none;
	 background-color: #32a852;
	 color: #fff;
	 font-size: 1rem;
	 font-weight: 600;
	 border-radius: 5px;
}