@font-face {
  font-family: "UrbanistRegular";
  src: url("../fonts/urbanist/Urbanist-Regular.ttf")
  format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "UrbanistMedium";
  src: url("../fonts/urbanist/Urbanist-Medium.ttf")
  format("truetype");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "UrbanistLight";
  src: url("../fonts/urbanist/Urbanist-Light.ttf")
  format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "UrbanistSemiBold";
  src: url("../fonts/urbanist/Urbanist-SemiBold.ttf")
  format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "UrbanistBold";
  src: url("../fonts/urbanist/Urbanist-Bold.ttf")
  format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "UrbanistBlack";
  src: url("../fonts/urbanist/Urbanist-Black.ttf")
  format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "UrbanistExtraBold";
  src: url("../fonts/urbanist/Urbanist-ExtraBold.ttf")
  format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "BagelFatOne";
  src: url("../fonts/BagelFatOne-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

:root {
  --primary-clr: #00a4ca;
  --secondary-clr: #f97f4e;
  --font-heading: BagelFatOne;
  --font-light: UrbanistLight;	
  --font-regular: UrbanistRegular;
  --font-medium: UrbanistMedium;
  --font-semibold: UrbanistSemiBold;	
  --font-bold: UrbanistBold;
  --font-extrabold: UrbanistExtraBold;	
  --font-black: UrbanistBlack;	
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-regular);
}

a {
  text-decoration: none;
}

section, .countdown-container {
	scroll-margin-top: 40px;
}

/* code by Iqbal */
.grid_wraper {
  overflow-x: auto;
  width: 100%;
}
.grid_wraper.dragging {
  cursor: grabbing;
  user-select: none;
}
.grid_box {
  display: grid !important;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(15, 100px);
  gap: 10px;
}
.grid_box .grid-img {
  margin: 0;
  padding: 0;
}
.grid_box .grid-img img {
  height: 100px;
  object-fit: cover;
}
.iq-grid-main img {
  height: 500px;
  object-fit: cover;
  width: 100%;
  max-width: 600px;
  border-bottom-left-radius: 40px;
}
/* code by Iqbal */
body {
  overflow-x: hidden !important; 
  background-color: #F7F7F7;	
}

section.hero {
  background-image: url(../Images/bg-main.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 200px;
  min-height: 600px;
/*   background-color: #fee6b8; */
}

.hero {
  position: relative;
  width: 100%;
}
.hero-heading {
  text-align: center;
}
.custom-container,
.x-container,
.container {
  max-width: 1366px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.x-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px 0 20px;
  z-index: 1000;
  transition: all 0.3s ease;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo img {
  width: 100%;
  object-fit: contain;
  height: auto;
}
.logo {
  width: 20%;
}
nav.nav-desktop li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nav-desktop {
  display: flex;
  gap: 15px;
  justify-content: flex-end;
}

.nav-desktop a {
  text-decoration: none;
  color: #FFF;
  padding: 5px 20px;
  /* border-radius: 20px; */
  background-color: var(--primary-clr);
  transition: all 0.3s ease;
  display: inline-block;
  /* font-size: 12px; */
  border: 1px solid var(--primary-clr);
  border-radius: 20px;
  /*     font-family: 'urbanist'; */
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}
.nav-desktop a:hover {
  background-color: var(--secondary-clr);
  transform: translateY(-2px);
  transition: 0.5s ease-in-out;
  color: #ffffff;
/*   border: 3px solid #ffffff; */
}

.nav-desktop .get-tickets {
  background-color: rgba(222, 84, 30, 0.9);
}

.nav-desktop .get-tickets:hover {
  background-color: rgba(222, 84, 30, 1);
}

.hamburger {
  display: none;
  cursor: pointer;
  z-index: 1001;
  background: transparent;
  border: none;
  padding: 10px;
}

.hamburger div {
  width: 25px;
  height: 3px;
  background-color: white;
  margin: 5px 0;
  transition: all 0.3s ease;
}

.sidebar {
  position: fixed;
  top: 0;
  right: -300px;
  width: 250px;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.95);
  padding-top: 80px;
  transition: all 0.3s ease;
  z-index: 999;
}

.sidebar.active {
  right: 0;
}

.sidebar a {
  display: block;
  padding: 15px 25px;
  text-decoration: none;
  color: white;
  font-weight: bold;
  transition: all 0.3s ease;
/*   font-family: "futura"; */
  padding: 1px 15px;
  text-transform: uppercase;
}
.sidebar.active li {
  margin: 0;
  padding: 0;
  display: flex;
  font-size: 20px;
}
.sidebar a:hover {
  background-color: rgba(78, 171, 154, 0.8);
}

.sidebar .get-tickets {
  margin: 20px 25px;
  text-align: center;
  background-color: rgba(222, 84, 30, 0.9);
  border-radius: 5px;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
/*   display: none; */
}
.main-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

a#get {
  display: block;
  margin-left: 20px;
}
a#get {
  /* padding: 9px 12px; */
  background-color: #d24d27;
  color: #ffffff;
  border: 5px solid #fff;
  border-radius: 50px;
  font-size: 14px;
  width: 170px;
  height: 50px;
  text-align: center;
  display: flex;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
/*   font-family: "futura"; */
  font-size: 18px;
  font-weight: bold;
}
.navlinks {
  display: flex;
  align-items: center;
}
.hero-heading {
  text-align: center;
  font-size: 4rem;
}
.lg-toolbar .lg-download:after {
  content: "\ed95";
  font-family: boxicons !important;
  color: white;
  font-size: 30px;
}
.hero-headingtext {
	position: relative;
	z-index: 3;
}
.hero-heading {
  text-align: center;
  font-size: 72px !important;
  color: #F0E8DB;
  /* text-shadow: -2px -2px 0 #D24D27, 2px -2px 0 #D24D27, -2px 1px 0 #D24D27, -2px 2px 0 #D24D27; */
  /*     -webkit-text-stroke: 2px #D24D27; */
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
  font-family: var(--font-heading);
  margin-bottom: 20px;	
}
p.subtext {
  text-align: center;
  font-size: 32px;
  color: var(--secondary-clr);
  font-family: var(--font-medium);
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  font-weight: 600;
}

.countdown-container {
  position: relative;
  width: 100%;
  max-width: 93%;
  margin: 0 auto;
  overflow: hidden;
}

.date-header {
  font-size: 54px;
  font-family: var(--font-heading);
  font-weight: 400;
  color: var(--primary-clr);
  text-align: center;
  margin-bottom: -30px;
  padding-top: 40px;
  /* text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 1px 0 #f7f6f6, -2px 2px 0 #ffffff; */
  /*     -webkit-text-stroke: 1.5px white; */
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.26);
}
a#get:hover {
  background: #fcaf17;
}
.content-box {
  background-color: #4a4a4a;
  padding: 50px 90px;
  border-radius: 40px;
  text-align: center;
}

.subheader {
  font-size: 24px;
  color: #fff;
  margin-bottom: 20px;
/*   font-family: "futura"; */
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
  /*       -webkit-text-stroke: 0.2px white; */
}

.description,
.signature {
  font-size: 21px;
  color: #F0E8DB;
  line-height: 28px;
  /* margin-bottom: 30px; */
/*   font-family: "futura"; */
  /* -webkit-text-stroke: 0.2px white; */

}
p.description {
  font-size: 21px;
  max-width: 100%;
  margin: 0 auto;
  line-height: 28px;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
  /*       -webkit-text-stroke: 0.2px white; */
}
.signature {
  margin: 30px 0px;
}
/*.signature {*/
/*  font-size: 22px;*/
/*  font-weight: bold;*/
/*  color: #fff;*/
/*  margin-bottom: 30px;*/
/*}*/
.countdown {
  display: flex;
  justify-content: space-between;
  margin-top: -75px;
  position: relative;
  z-index: 10;
  /* padding-bottom: 19px; */
  max-width: 709px;
  margin: 0 auto;
  margin-top: -57px;
}
.countdown-item {
  text-align: center;
}

.countdown-number {
  font-size: 80px;
  font-weight: 300;
  color: var(--secondary-clr);
  font-family: var(--font-heading);
  /* -webkit-text-stroke: 3px #D24D27; */
  width: 100px;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
}

.countdown-label {
  position: relative;
  z-index: 2;
  font-family: var(--font-bold);
  /* margin-left: 50px; */
  font-size: 30px;
  color: var(--primary-clr);
  text-transform: lowercase;
  margin-left: -58px;
  top: 6px;
}
.countdown-number.one {
  position: relative;
}
section.contentbox {
  margin-top: -220px;
 background: #F0E8DB;
}

.countdown-item {
  text-align: center;
  display: flex;
  justify-content: end;
  align-items: end;
}
.details-container {
  display: flex;
  background-color: #ffa500;
  border-radius: 0;
  overflow: hidden;
}

.row.eventRow {
  position: relative;
}
.row.eventRow:before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  background-color: #fdaf17;
  width: 63%;
  height: 80%;
}
.col-inner.Bcimg {
  position: relative;
}
.ticket-type {
  font-weight: bold;
  font-size: 16px;
}

.ticket-price {
  font-weight: bold;
}

.restrictions {
  color: #fff;
  margin: 10px 0px 20px;
}

.cta-button {
  /* background-color: #ffffff; */
  /* color: #D24D27; */
  background-color: #d24d27;
  color: #ffffff;
/*   border: 5px solid #fff; */
  border-radius: 50px;
  font-size: 14px;
  width: 170px;
  height: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
/*   font-family: "futura"; */
  font-size: 18px;
}

.cta-button:hover {
  background-color: white;
  color: var(--secondary-clr);
/*   border: 5px solid #e86a17; */
}

.col-8.event {
  padding: 0;
  display: flex;
  position: relative;
  justify-content: end;
  align-items: end;
}
.col-8.event .col-inner {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: end;
}
.details-content {
  height: 80%;
}
.details-content {
  flex: 1;
  padding: 20px;
  background-color: #fdaf17;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}
.col-4.event {
  flex: 0 0 auto;
  width: 33.33333333%;
  margin: 0;
  padding: 0;
  height: 100%;
}
img {
  width: 100%;
}
.col-4 .col-inner {
  height: 100%;
  display: block;
  width: 100%;
}
figure {
  margin: 0 0 0 !important;
}
.detail-section {
  display: flex;
  align-items: baseline;
  gap: 20px;
}

figure.bearimg img {
  border-bottom-right-radius: 40px;
}

section.eventDetails {
  padding: 50px 0px;
}

/* --------------------------------------- */

.col-2 {
  width: 2.6666%;
  flex: 0 0 2.6666%;
  padding: 15px;
}

.profile-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

.profile-image {
  width: 120px;
  height: 120px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 12px;
  background-color: #fff;
}

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

.profile-name {
  font-size: 18px;
  font-weight: 500;
  color: #4e342e;
  text-align: center;
  margin-bottom: 10px;
}

.more-info-btn {
  background-color: #2196f3;
  color: white;
  padding: 6px 16px;
  border-radius: 50px;
  border: 2px solid white;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
}

.more-info-btn:hover {
  background-color: #1976d2;
}
/* new css */
.event-detail-content {
  height: 100%;

  justify-content: space-between;
  align-items: flex-start;
  /* border: 1px solid; */
  flex-direction: row;
  position: relative;
  padding: 30px 50px 0 30px;
}
section.spis-event-detail-wrape,
section.featured,
section.food,
section.advertise,
section.sponsers,
section.contact-us {
  padding: 30px 0;
 background: #F0E8DB;
}
section.spis-event-detail-wrape {
	padding-top: 80px;
}
.col-inner.Bcimg {
  /* position: relative; */
  height: 100%;
  display: flex;
  justify-content: end;
  align-items: end;
  overflow: hidden;
  border-bottom-right-radius: 40px;	
}
.list-detail-parent {
  padding: 20px 30px;
  padding-top: 0;
  position: relative;
}
.event-detail-content::before {
  position: absolute;
  content: "";
  width: 102%;
  bottom: 0;
  left: 0;
  height: 80%;
/*   background: #fdaf17; */
  z-index: 0;
  background-color: var(--primary-clr);
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}
.content-main-list {
  display: flex;
  gap: 5px;
  color: white;
  margin-bottom: 5px;
}
.listed-sub {
  width: 33%;
}
.content-main-list h3 {
  font-size: 21px;
  min-width: 89px;
/*   font-family: "futura"; */
  color: #F0E8DB;
  font-weight: bold;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
  text-transform: uppercase;	
}
p {
  margin: 0;
  padding: 0;
}
.content-main-list p {
/*   margin-bottom: 8px; */
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
}
span.value {
  font-size: 21px;
}
.event-head {
  min-height: 80px;
}
section.spis-event-detail-wrape .x-row,
section.spis-event-detail-wrape .x-col-60,
section.spis-event-detail-wrape .x-col-40,
section.food .x-col-60,
section.food .x-col-40,
section.contact-us .x-col-60,
section.contact-us .x-col-40 {
  padding: 0;
  margin: 0;
}
.row,
.x-row {
  display: flex;
  flex-wrap: wrap;
}

.sponsor-row {
	justify-content: center;
}

.col-60,
.x-col-60 {
  width: 60%;
  flex: 0 0 60%;
  padding: 0;
}

/* Featured section css */
.featured .section-heading {
	font-size: 70px;
    text-align: center;
}

:is(.featured, .sponsers) .description.section-description {
	text-align: center;
    padding: 30px 6.3%;
	color: #4A4A4A;
}

.x-col-25 {
  width: 25%;
  flex: 0 0 25%;
  padding: 15px;
}
.x-col-20 {
  width: 20%;
  flex: 0 0 20%;
  padding: 15px;
}
.col-40,
.x-col-40 {
  width: 40%;
  flex: 0 0 40%;
  padding: 15px;
  position: relative;	
}
section.featured .event-head,
section.sponsers .event-head {
  margin: 0 auto;
}
section.featured .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #fdaf17;
  font-size: 27px;
}
section.featured .slick-dots {
  position: relative;
}
section.featured .slick-dots li button:before {
  opacity: 0.75;
  color: black;
  font-size: 27px;
}
.box-parent {
  background-color: var(--primary-clr);
  padding: 20px;
  border-radius: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 330px;
}
.box-content-main .button a.cta-button {
	background: var(--secondary-clr);
    color: #F0E8DB;
    padding: 3px 10px;
    font-size: 14px;
    /* border: 3px solid #fff; */
    margin: unset;
    transition: 0.5s ease-in;
    font-weight: 900;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.box-content-main .button a.cta-button:hover {
  background-color: #F0E8DB;
  color: #d24c27;
/*   border: 3px solid #d24c27; */
}
.boxheading p {
  color: #992d1f;
  font-size: 22px;
}
section.food .content-main-list .box-parent {
  gap: 10px;
  min-height: unset;
  background-color: unset;
}
.boxes-padding {
  padding: 30px;
}
.slick-slide {
  margin: 0px 6px;
}
.center-cards-feuture.slick-initialized.slick-slider .slick-prev:before,
.center-cards-feuture.slick-initialized.slick-slider .slick-next:before {
  font-size: 32px;
  opacity: 1;
}
.center-cards-feuture.slick-initialized.slick-slider .slick-prev {
  left: -45px;
}
.center-cards-feuture.slick-initialized.slick-slider .slick-prev:before {
  content: "\ea4d";
  font-family: boxicons !important;
  font-size: 46px !important;
}
.center-cards-feuture.slick-initialized.slick-slider .slick-next:before {
  content: "\ea50";
  font-family: boxicons !important;
  font-size: 46px !important;
}
section.food .list-detail-parent {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
section.food .event-detail-content {
  justify-content: start;
  padding: unset;
}
section.food .event-detail-content::before {
  height: 75%;
}
section.food .box-content-main .button a.cta-button {
  background: #3d7f73;
  height: fit-content;
  width: fit-content;
  font-size: 14px;
  /*width: unset; */
  text-transform: uppercase;
  width: fit-content;
  padding: 5px 20px;
}
section.food .box-content-main .button a.cta-button:hover {
  background-color: #fff;
  color: #3d7f73;
  border: 3px solid #3d7f73;
}
/* Sponsers section */
section.sponsers .box-parent {
  min-height: unset;
}
section.sponsers .box-parent .box-content-main .boxheading p {
  color: #992d1f;
  /* font-weight: bold; */
  font-size: 16px;
  text-shadow: unset;
  -webkit-text-stroke: unset;
}
.fw-bold {
/*   font-family: "futura"; */
  color: #F0E8DB;
  font-weight: unset !important;
}
/* Contact Us */
.contact-form {
  max-width: 800px;
}
.form-control::placeholder {
  color: #4A4A4A;
}
.form-control {
  width: 100%;
  resize: none;
}
form {
  align-items: center;
  gap: 30px;
}
textarea.form-control {
  width: 100%;
  resize: none;
}

.formatted-text {
  display: block;
  white-space: pre-line;
}
.social-icons-send-button {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-top: 20px;	
}
.social-icons {
  font-size: 24px;
  color: var(--secondary-clr);
  margin-right: 10px;
}
section.contact-us .social-icons-send-button .button a.cta-button {
  background: #3d7f73;
  padding: 5px 17px;
  border-color: #fff;
  color: #ffffff;
  width: 88px;
  height: 34px;
  font-size: 12px;
  margin-top: 14px;
}
section.contact-us .social-icons-send-button .button a.cta-button:hover {
  background: #ffffff;
  border: 5px solid #3d7f73;
  color: #3d7f73;
}
section.contact-us .list-detail-parent {
  padding: 0 0 0 30px;
  padding-top: 30px;
}
.x-col-40.form,
.x-col-60.form {
  padding: 15px !important;
}
section.contact-us .content-main-list {
  display: unset;
  gap: 5px;
  color: #982f19;
}
/* css ended */
/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 100%;
  margin-top: -50px;
  color: white;
  font-size: 20px;
  color: black;
  background: white;
  border-radius: 50%;
  line-height: 0;
  font-size: 18px;
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
}

/* Position the "next button" to the right */
.next {
  right: 20px;
}

/* On hover, add a black background color with a little bit see-through */

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
a.prev {
  left: 400px;
}
section#galler-slider .prev,
a.next {
  right: 0px;
}
section#galler-slider a.prev {
  left: 0px;
}
/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
.container {
  position: relative;
  z-index: 1;
}
.mySlides img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  margin-bottom: 0;
  border-bottom-left-radius: 40px;
}

/*slider new css*/
/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */

/* Position the "next button" to the right */

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
.numbertext {
  display: none;
}
.lg-toolbar .lg-close:after {
  content: "\ec8d";
  font-family: boxicons !important;
  font-size: 30px;
  color: white;
}
/* Footer CSS */
.x-col-50 {
  width: 50%;
  flex: 0 0 50%;
  padding: 15px;
}
.x-col-100 {
  width: 100%;
  flex: 0 0 100%;
  padding: 15px;
}
.footer-text p {
  font-size: 18px;
  margin-bottom: 20px;
}
section.footer .x-row {
  justify-content: center;
  align-items: center;
}
.col-inner-footer {
  width: 50%;
}
.x-col-50.g {
  display: flex;
  justify-content: end;
}
.x-col-50.gh {
  display: flex;
  justify-content: flex-start;
}

.footer-text p {
  font-size: 24px;
  margin-bottom: 20px;
  color: #992d1f;
  -webkit-text-stroke: 0.5px #992d1f;
/*   font-family: "futura"; */
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
}
section#contact .col-inner.Bcimg img {
  margin-bottom: -13px;
  object-fit: cover;	
}
section.sub-footer .social-icons-send-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
section#contact .event-header {
  margin-top: -22px;
}
section#contact .event-detail-content {
  display: flex;
  flex-direction: column;
}
.sub-footer-text p {
  color: var(--secondary-clr);
  /* font-weight: 600; */
  font-size: 18px;
/*   -webkit-text-stroke: 0.5px #2c7554; */
/*   font-family: "futura"; */
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
}
section.footer {
  padding: 30px 0px;
}
section.slider {
  position: relative;
  background: #F0E8DB;
}
section.footer,
section.sub-footer {
   background: #F0E8DB;
}
.footer-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.footer-logo {
  width: 30%;
}
/* Responsive design */
.event-header {
  font-size: 60px;
  font-family: var(--font-heading);
  font-weight: 200;
  color: var(--secondary-clr);
  padding: 20px 0 20px 10px;
  margin-left: 10px;

}
.hero-heading {
  font-size: 102px;
}
.formatted-text {
/*   font-family: "futura"; */
  font-size: 18px;
  font-weight: 200;
  color: #F0E8DB;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
}
p.food-title {
  color: #992d1f;
  font-family: var(--font-medium);
}
.content-main-list .detail-value p,
.content-main-list .detail-value span,
.restrictions {
  color: #F0E8DB;
/*   font-family: "futura"; */
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
	font-size: 21px;
}
.boxheading p {
  color: #F0E8DB;
  font-size: 32px;
  font-family: var(--font-heading);
  padding: 5px 0 0;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.20);
/*   -webkit-text-stroke: 0.5px white; */
  text-align: center;	
}
.boxtime p {
  font-size: 24px;
  text-align: center;
  color: #F0E8DB;
  margin: 0 0 10px;	
}
section.slider .event-detail-content::before {
  height: 75%;
  left: -37px;
  border-bottom-right-radius: 40px;
  border-top-right-radius: 40px;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
.contact-question h4,
label {
  color: #F0E8DB;
/*   font-family: "futura"; */
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
}
section#brewers .box-content-main .button a.cta-button {
  width: fit-content;
  padding: 5px 20px;
  height: fit-content;
  display: flex;
  justify-content: center;
/*   font-family: "futura"; */
  align-items: center;
  margin-top: 10px;
}
.contact-form button,
.contact-form input,
.contact-form optgroup,
.contact-form select,
.contact-form textarea {
  font-size: 14px !important;
/*   font-family: "futura"; */
  font-weight: 900 !important;
}
.slider-images.column img {
  width: 100px;
  height: 80px;
  object-fit: cover;
  padding: 5px 0;
  /*margin: 10px;*/
}
.x-col-40.container {
  padding: 0 !important;
  display: flex;
  justify-content: end;
  align-items: end;
}
.mySlides {
  width: 100%;
  height: 100%;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.cta-button {
  width: fit-content;
  padding: 5px 20px;
  margin: 0;
  height: fit-content;
  background: var(--secondary-clr);
  color: #F0E8DB;
  border: none;	
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.cta-button:hover {
  background: #F0E8DB;
  color: #F97F4E;
}
.social-icons p {
  font-size: 24px;
  color: #2c7554;
  margin-right: 10px;
  display: flex;
}
.social-icons p a {
  font-size: 24px;
  color: #fff;
}
.col-inner.Bcimg img {
  width: 100%;
  height: 100%;
  position: relative;
	object-fit: cover;
}
.lg-next:before {
  content: "\ea50";
  font-family: boxicons !important;
  font-size: 30px;
  color: white;
}
.lg-prev:after {
  content: "\ea4d";
  font-family: boxicons !important;
  font-size: 30px;
  color: white;
}

:is(#brewers, #sponsers) .event-header {
	margin: 0 auto;
	text-align: center;
}

.spis-event-detail-wrape .event-detail-content::before {
	height: 60%;
} 
.spis-event-detail-wrape .list-detail-parent {
	padding-top: 80px;
}
.spis-event-detail-wrape figure.mid-img {
	position: absolute;
    width: 70%;
    bottom: 0;
    left: -40%;
    height: 80%;
    object-fit: cover;
    border-top-left-radius: 40px;
	overflow: hidden;
}
.spis-event-detail-wrape figure.mid-img img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	object-position: bottom;
}
.x-col-40.form, .x-col-60.form {
	padding-left: 0 !important;
}

/* Small Laptops */
@media screen and (max-width: 1170px) {
	.x-header {
		background-color: transparent;
	}	
  .x-col-25 {
    width: 50%;
    flex: 0 0 50%;
  }
  section.food .event-detail-content::before {
    height: 83%;
  }
  section.hero {
    padding-top: 200px;
  }
  .col-inner.Bcimg img {
    width: 100%;
    height: auto;
  }
  .iq-grid-main img {
    height: 100%;
  }
  .listed-sub {
    width: 50%;
  }
  .col-60,
  .x-col-60,
  .col-40,
  .x-col-40 {
    width: 100%;
    flex: 0 0 100%;
    padding: 15px;
  }
  .box-parent {
    text-align: center;
  }
  section.slider .event-detail-content::before {
    height: 79%;
    left: 0;
  }
  section.contact-us .x-row {
    flex-wrap: wrap-reverse;
  }
  .contact-form .x-row {
    /* flex-wrap: unset !important;s */
    flex-wrap: wrap !important;
  }
  .countdown-label {
    margin-left: -35px;
    top: -3px;
    font-size: 14px;
  }
  .countdown-item {
    justify-content: center;
    width: -webkit-fill-available;
  }
  .countdown {
    margin-top: -36px;
  }
  .col-8.event {
    top: 25px;
  }
  .hero-heading {
    font-size: 70px !important;
    line-height: 51px;
  }
  .nav-desktop {
    display: none;
  }

  .hamburger {
    display: block;
  }

  .hamburger.active div:nth-child(1) {
    transform: rotate(45deg) translate(5px, 6px);
  }

  .hamburger.active div:nth-child(2) {
    opacity: 0;
  }

  .hamburger.active div:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -6px);
  }
  a#get {
    display: none;
  }
  .main-menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .nav-desktop a {
    padding: 1px 7px;
    font-size: 10px;
  }
  .main-menu {
    gap: 30px;
  }
  .nav-desktop {
    gap: 10px;
  }
  a#get {
    padding: 6px 8px;
    font-size: 12px;
  }
  .event-header {
    font-size: 50px;
  }
  section.footer {
    padding: 30px 20px;
  }
  .contact-us .event-detail-content::before {
    height: 86%;
    width: 100%;
  }
  .col-inner.Bcimg {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 12px;
  }
  div#lg-toolbar-1 {
    display: flex;
  }
  section.slider .event-detail-content::before {
    content: unset;
  }
  .spis-event-detail-wrape figure.mid-img {
	display: none;
  }	
}

@media screen and (max-width: 600px) {
  .col-60,
  .x-col-60,
  .x-col-25,
  .col-40,
  .x-col-40 {
    width: 100%;
    flex: 0 0 100%;
    padding: 15px;
  }
  .lg-next {
    right: 75px;
  }
  .listed-sub {
    width: 100%;
  }
  .hero-heading {
    font-size: 60px !important;
  }
  body {
    overflow-x: hidden !important;
  }
  .x-col-20 {
    width: 33%;
    flex: 0 0 33%;
    padding: 15px;
  }
  .content-main-list {
    /* flex-wrap: wrap; */
    justify-content: start;
    align-items: center;
  }
  section.food .content-main-list {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .box-parent {
    align-items: center;
  }
  .logo {
    width: 36%;
  }
  .event-detail-content::before {
    width: 100%;
    height: 74%;
  }
  .list-detail-parent {
    padding: 20px 0px;
    /* padding-top: 18px; */
    position: relative;
    /* flex-wrap: wrap; */
  }
  section.contact-us .x-row {
    flex-wrap: wrap-reverse;
  }
  .container {
    flex-direction: column;
    padding: 15px;
  }
  .date-header {
    font-size: 30px;
    margin-bottom: -20px;
  }
  .countdown-label {
    margin-left: -35px;
    top: -3px;
    font-size: 14px;
  }
  .countdown-item {
    justify-content: center;
    width: -webkit-fill-available;
  }
  .countdown {
    margin-top: -36px;
  }
  .profile-image {
    width: 100px;
    height: 100px;
  }
  .countdown-number {
    font-size: 40px;
    width: max-content;
  }
  p.subtext {
    font-size: 31px;
    line-height: 32px;
  }
  .content-box {
    margin: 0;
    padding: 24px;
  }
  .subheader {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 0;
  }
  .description {
    font-size: 14px;
    margin-bottom: 0;
    width: 100%;
  }
  .event-header {
    font-size: 40px;
    padding: 0;
  }
  .column {
    width: 24.66%;
  }
  .slider-images.column {
    padding: 5px;
  }
  .event-detail-content::before {
    height: 84%;
  }
  .hero-headingtext {
    padding: 0 15px;
  }
  section.slider .event-detail-content::before {
    height: 80%;
    left: 0;
  }
  section.footer,
  section.sub-footer {
    background: #fee6b8;
    text-align: center;
    padding: 22px 10px;
  }
  .box-content-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  section.sub-footer .social-icons-send-button {
    flex-wrap: wrap;
  }
  .contact-us .event-detail-content::before {
    height: 89%;
  }
  .logo img {
    height: auto;
  }
  section.food .list-detail-parent {
    justify-content: center;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
  }
  section.food .event-detail-content::before {
    height: 95%;
  }
  section#galler-slider .grid_wraper {
    display: none !important;
  }
  section#galler-slider .x-row {
    flex-wrap: wrap-reverse;
  }
  .event-head {
    min-height: unset;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .box-content-main .button a.cta-button {
/*     border: 2px solid #fff; */
  }
  section.food .box-content-main .button a.cta-button:hover {
    border: 2px solid #3d7f73;
  }
  .featured .section-heading {
	font-size: 48px;
  }	
  .spis-event-detail-wrape .event-detail-content::before {
	top: 34%;
  }	
}
@media screen and (max-width: 460px) {
  .event-detail-content::before {
    height: 89%;
  }
  section#food-music .event-detail-content::before {
    height: 95%;
  }
  .event-header {
    padding: 0;
  }
  .contact-us .event-detail-content::before {
    height: 92%;
  }
}
@media screen and (max-width: 400px) {
  section.food .event-detail-content::before {
    height: 92%;
  }
}