@charset "utf-8";/* Pre-loader Styles */
.sppb-addon-wrapper  addon-root-articles-scroller {
    margin-top: 20px;
}
.mfp-wrap
 {
    z-index: 99999999067 !important;
}
.mfp-close {
    color: #00ff0a;
    font-size: xxx-large;
}
li.li-padding {
    padding: 10px 15px;
}
.jbd-modal {
    background: #090909 !important;
}
.jbd-container .jmodal-header-title {
    color: #ffffff !important;
}
.jbd-container .jmodal-sm {
    color: #2ecc40 !important;
}

.jbd-container .jinput-hover label {
    color: #2ecc40;
    background: #090909;
}
.jitem-logo-center
 {
    margin: -60px auto !important;
    padding-bottom: 20px !important;
}
.sp-pre-loader {
    border: 2px solid #7CA4DD !important;
    background-image: url('https://bistrobuddy.com/templates/bistrobuddy/images/bistro_buddy/bistro-buddy-loader.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background: rgb(239,117,33);f
    background: linear-gradient(90deg, rgba(239,117,33,1) 4%, rgba(239,117,33,0.7931547619047619) 7%, rgba(239,117,33,0) 49%, rgba(124,164,221,0) 49%, rgba(124,164,221,0.9332107843137255) 97%, rgba(124,164,221,1) 100%) !important;
	z-index: 99999999999 !important;
}

.circle-two {
    background-image: url('https://bistrobuddy.com/templates/bistrobuddy/images/bistro_buddy/bistro-buddy-loader.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 230px !important;
    width: 230px !important;
    z-index: 99999999999 !important;
}
.jbd-container .recommended {
    background-color: #00ff0a;
}
.o-dropdown__bd.px-md.py-sm {
    display: none;
}
div#gallery {
    max-width: 1000px;
    min-width: 300px;
    min-height: 550px;
    width: auto;
    height: 231px;
}
.video {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* Aspect ratio for 16:9 videos */
    width: 100%;
    min-height: -webkit-fill-available;
}

.video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: -webkit-fill-available;
}
#sp-bottom .sp-module .sp-module-title {
    font-size: 15px;
}
.view-all-deals a {
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 27%;
    background-color: #178d00;
    color: white;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s;
}
#sp-bottom .sp-module .sp-module-title {
    font-weight: 700;
    font-size: 15px;
    margin: 0 0 30px;
}.jbd-container .list-grid-3 .jitem-card .jitem-img-wrap {
    min-height: 240px;
}
.faq-item__question {
    background: linear-gradient(66deg, rgba(239,117,33,1) 0%, rgba(254,249,246,1) 45%, rgba(255,255,255,1) 55%, rgba(124,164,221,1) 100%) !important;
}
.sppb-row-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
div#gallery {
    min-height: 400px;
}
.article-author-information {
    padding: 0px 10px;
}
.tags {
    padding: 0px 10px;
}
#article-comments {
    margin: 0 10% !important;
    padding: 0px 10px;
}
div#es {
    margin-top: 2rem;
}
#article-comments {
    margin: 0 auto !important;
}
.article-author-information {
    margin: 0 auto  !important;
}
#sppb-addon-Jv8XpVUB3_mZyL0KD_9zH #btn-Jv8XpVUB3_mZyL0KD_9zH.sppb-btn-custom {
    color: #FFFFFF !important;
}
#sppb-addon-m1fDki52vZ7GLkHrxEd5T #btn-m1fDki52vZ7GLkHrxEd5T.sppb-btn-custom {
    color: #FFFFFF !important;
}
#sp-footer a, #sp-bottom a {
    color: #7ca4dd !important;
}
.bx-wrapper {
    margin: 0 auto;
}
div#events-container {
    padding-bottom: 2rem;
}
.video-details {
    visibility: visible !important;
    animation-duration: 600ms !important;
    animation-delay: 4ms;
    animation-name: zoomIn !important;
}
	
.category-desc.clearfix {
    margin-bottom: 2rem;
}
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden;
    margin: -1.2rem -1.2rem 0rem -1.2rem !important;
    height: 66.3%;
    max-height: 285px;
}
.item-image-wrap {
    margin: -2rem -2rem 2rem -2rem !important;
	border-radius: 0.35rem !important;
}
.article-intro-image {
    margin: -2rem -2rem 2rem -2rem !important;
}

.article-list .article {
    box-shadow: 0px 0px 30px rgba(0,0,0,.1) !important;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125) !important;
    border-radius: 0.35rem !important;
    visibility: visible !important;
    animation-duration: 600ms !important;
    animation-delay: 4ms !important;
    animation-name: zoomIn !important;

}
.article-list.articles-leading {
    margin: 0 auto;
    max-width: 1200px;
    margin-bottom: 2rem;
}
.article {
    box-shadow: 0px 0px 30px rgba(0,0,0,.1) !important;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125) !important;
    border-radius: 0.35rem !important;
    visibility: visible !important;
    animation-duration: 600ms !important;
    animation-delay: 4ms !important;
    animation-name: zoomIn !important;
}

.item-text-holder {
    padding: 0 !important;
    border: 0px solid rgba(0, 0, 0, 0.125) !important;
}
.company-style-5-header-image {
    box-shadow: 0px 0px 30px rgba(0,0,0,.1) !important;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125) !important;
    border-radius: 0.35rem !important;
    margin: 0 auto;
    visibility: visible;
    animation-duration: 600ms;
    animation-delay: 4ms;
    animation-name: zoomIn;
}
.reviews-wrapper {
    background: #fff;
    margin-bottom: 12px;
    padding-bottom: 15px;
    background-color: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #D3D3D3;
    padding: 2rem;
    padding: 1rem;
    margin: 1rem;
    position: relative;
}
div#gallery {
    box-shadow: 0px 0px 30px rgba(0,0,0,.1) !important;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125) !important;
    border-radius: 0.35rem !important;
    margin: 0 auto;
    visibility: visible;
    animation-duration: 600ms;
    animation-delay: 4ms;
    animation-name: zoomIn;
}
.article-details, .related-article-list-container, .blog-list-item-inner {
	max-width: 1200px;
	padding: 2rem;
	box-shadow: 0px 0px 30px rgba(0,0,0,.1) !important;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125) !important;
    border-radius: .35rem !important;
	margin: 0 auto;
	visibility: visible;
    animation-duration: 600ms;
    animation-delay: 4ms;
    animation-name: zoomIn;
}
.article-intro-image {
	margin: -2rem -2rem 2rem -2rem;
    overflow: hidden;
    padding-bottom: 55%;
    border-radius: .35rem !important;
    position: relative;
	visibility: visible;
    animation-duration: 600ms;
    animation-delay: 4ms;
    animation-name: zoomIn;
}
.article-full-image {
    margin: -1.3rem -1.3rem 1.3rem -1.3rem;
    overflow: hidden;
    border-radius: 0.35rem !important;
    position: relative;
    visibility: visible;
    animation-duration: 600ms;
    animation-delay: 4ms;
    animation-name: zoomIn;
}
.article-featured-video {
	margin: -2rem -2rem 2rem -2rem;
    overflow: hidden;
    border-radius: .35rem !important;
    position: relative;
	visibility: visible;
    animation-duration: 600ms;
    animation-delay: 4ms;
    animation-name: zoomIn;
}
.sppb-row-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler {
    color: rgb(255 255 255);
}
.offcanvas-menu .offcanvas-inner ul.menu>li li a, .offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 14px !important;
	    color: #7ca3d4 !important;
}
h3.sppb-addon-title {
    text-align: center;
    display: block !important;
}
.blog {
    max-width: 1200px;
    margin: 0 auto;
}

.article-list.articles-leading {
    margin: 0 auto;
    max-width: 1200px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent .menu-toggler {
    right: -35px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent .menu-toggler {
    right: -35px;
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 2px 10px;
}.offcanvas-menu .offcanvas-inner a {
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #ffffff75 !important;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info>li>a, .offcanvas-menu .offcanvas-inner .social-icons>li>a {
    opacity: 1;
}
i.icon.download-circle {
    display: none;
}
.jbd-container .view-counter {
    font-size: 30px;
    display: inline-block;
    color: #00bc5f;
}
.icon.eye {
    width: 30px;
    height: 30px;
    color: #00bc5f;
}
.sp-dropdown-inner {
    width: 94%;
    margin-left: -50px;
}
.sp-megamenu-parent {
    z-index: 9;
}
.jbd-container .listing-login-warning {
    z-index: 3000;
}
h5.sp-module-title {
    padding-top: 50px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%;
    padding: 0px 20px;
}

.jbd-container .company-style-5-header-info .business-logo {
    width: auto !important;
    height: auto !important;
    min-width: 150px;
    border-radius: 5rem;
    margin: auto;
    padding: 0px;
}

.jbd-container .company-style-5-header-info { position: relative; z-index: 1; display: inline-block; font-weight: 600; text-shadow: 0 1px 0 rgba(0, 0, 0, .8); color: #fff !important; /* Fallback solid background for older browsers */ background: #16161675; /* Radial gradient that fades to transparent near the edges */ background: radial-gradient( circle at center, rgba(22,22,22,0.75) 0%, rgba(22,22,22,0) 80% ); border-radius: 0.5rem; }

.result-item.featured {
    background: linear-gradient(66deg, rgb(239 117 33 / 33%) 29%, rgba(254,249,246,1) 45%, rgba(255,255,255,1) 55%, rgb(124 164 221 / 33%) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ef7521",endColorstr="#7ca4dd",GradientType=1) !important;
}
.jbd-container .result-item .company-intro {
    display: block;
    font-size: 13px;
    color: #000000;
    background: #fff;
    border-radius: 0.8rem;
    padding: 5px;
    font-weight: 700;
}
.ticketBookBtn {
font-size: 14px;
    color: #f00;
    font-weight: bolder;
}
.btn-info, .btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #028900;
    --bs-btn-border-color: #028900;
    --bs-btn-hover-color: #d8ffd8;
    --bs-btn-hover-bg: #028900;
    --bs-btn-hover-border-color: #028900;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #028900;
    --bs-btn-active-border-color: #028900;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #028900;
    --bs-btn-disabled-border-color: #028900;
    margin: 10px 0px;
    padding: 10px;
}
.jbd-container #slidergallery ul.gallery li img {
    min-width: 180px;
    min-height: 180px;
}
#sp-footer a, #sp-bottom a {
    color: #ef7521;
}
.responsive-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* Aspect Ratio 16:9 */
}

.videos-list-view .card-video {
    -webkit-box-shadow: 0 1.2rem 2.7rem rgb(52 79 110 / 0%);
    box-shadow: 0 1.2rem 2.7rem rgb(52 79 110 / 0%);
    box-shadow: 0px 0px 30px rgba(0,0,0,.1) !important;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125) !important;
    border-radius: 0.35rem !important;
    margin: 0 auto;
    visibility: visible;
    animation-duration: 600ms;
    animation-delay: 4ms;
    animation-name: zoomIn;
}
.card-video-wrap {
    border-radius: 3px 3px 0 0;
    border-bottom: 0px solid #f5f5f500;
    overflow: hidden !important;
    margin: -1rem -1rem 0rem -1rem;
    height: auto;
    max-height: 330px;
	visibility: visible;
    animation-duration: 600ms;
    animation-delay: 4ms;
    animation-name: zoomIn;
}
.responsive-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
     min-height: -webkit-fill-available;
 
}
.jbd-container .events-grid-style-1 .item-organizer .image-circle {
    width: 100px !important;
    height: 34px;
}
div#jtwrap {
    margin: 50px 0px;
}
section#sp-section-6 {
    padding-top: 30px;
}
div#sp-trending-searches {
    padding-top: 25px;
}
 .jbd-container .image-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    max-width: 35px;
    max-height: 35px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
}
.sp-module ul>li>a {
    color: #ef7521;
}
.review-author-initials {
    position: absolute;
    top: 56%;
    left: 7px;
    right: 0px;
    transform: translateY(-50%) skewX(11deg);
    line-height: 1;
    font-size: 32px;
}
.videos-list-view .card-video .card-video-wrap {
    padding-bottom: 100%;
}
.review-author-wrapper .review-author {
    border-radius: 50%;
    text-align: center;
    padding-bottom: 100%;
    position: relative;
	text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    background-image: url(https://bistrobuddy.com/images/icons/bg-logo.jpg) !important;
    background-position: 10px 10px!important;
    background-repeat: no-repeat !important;
    background-size: 50px 50px !important;
    color: white;
    z-index: 1;
    /* background: #fff0 !important; */
}
.feed-item-text {
    overflow-y: scroll;
    overflow-x: hidden;
}
div#activity-post-text-length {
    display: none;
}
div#card-elements-processor {
    margin: 0 auto;
}
.jbd-container .btn-primary:hover {
    color: #fff;
    background-color: #ef7521;
    border-color: #ef7521;
}
#jdb-wrapper.tmpl-style-1 .nav>li.active ul, #jdb-wrapper.tmpl-style-1 .nav>li.active a {
    background-image: linear-gradient(165deg,rgb(255 197 156 / 45%) 0%,rgb(239 117 36 / 0%) 128%) !important;
    background-color: #ef7724;
    color: #fff;
}
#jdb-wrapper.tmpl-style-1 .nav>li.active ul li a {
    background: #f77400;
    color: #ffffff;
}
#jdb-wrapper.tmpl-style-1 .nav>li.active ul li.active {
    background: #e1e6ea3b;
}
#jdb-wrapper.tmpl-style-1 .nav>li.active {
    background: #ffffff00;
}
#jdb-wrapper.tmpl-style-1 .nav>li.active ul {
    background: #eef1f300;
    border-radius: 15px;
}
#jdb-wrapper.tmpl-style-1 .nav>li:hover a {
    background: #7ca3d6;
    color: #fff;
}
a.export_pdf.btn.btn-sm.btn-success.btn-panel.right, a.export_pdf.btn.btn-sm.btn-success.btn-panel.right, a.export_csv.btn.btn-sm.btn-primary.btn-panel.right, a.export_csv.btn.btn-sm.btn-primary.btn-panel.right {
display: none;
}
h2.error-message {
    display: none !important;
}
.error-message {
    display: none !important;
}

.jbd-container.jdb-wrapper-front#jdb-wrapper {
    background: linear-gradient(165deg, rgba(124, 164, 221, 0.25) 0%, rgba(239, 117, 36, 0.25) 128%);
}
span.speasyimagegallery-album-title {
    display: none !important;
}
.speasyimagegallery-album-info {
    display: none;
}
.sp-module-content .menu li {
    display: inline-block;
    margin-right: 10px;
	font-size: 11px;
}
.speasyimagegallery-image-content {
    bottom: -100%;
}
.result-category {
    display: none;
}
.jbd-container .place-card-body {
    min-height: 175px;
}
section#section-id-T_lRz0Ow_K78hpHMVC4Mc {
    background-attachment: fixed  !important;
    background-position: 50% 50% !important;
}

.empty-cart {
    max-width: 60%;
    margin: 50px auto 0px auto;
}
.jbd-container .jpackage-wrap .jpackage-footer {
    background-color: #000000c9 !important;
    background-repeat: no-repeat !important;
    border: 6px double;
    border-left-color: #ef7724;
    border-right-color: #7CA4DD;
    border-top-color: #ef7724;
    border-bottom-color: #7CA4DD;
}
.cart-badge {
    background: #7ca4dd;
}
i.fa.fa-shopping-basket {
    background-image: url(https://bistrobuddy.com/images/bistro-buddy-bag-small.png);
    background-size: contain;
    color: #a12f2f00;
    background-repeat: no-repeat;
}
.jbd-mod-user .jbd-button-container .button-create {
    background-color: #000000c9 !important;
    background-repeat: no-repeat !important;
    border: 6px double;
    border-left-color: #ef7724;
    border-right-color: #7CA4DD;
    border-top-color: #ef7724;
    border-bottom-color: #7CA4DD;
    font-size: 16px !important;
}
.jbd-container .jpackage-wrap .jpackage-trial-text {
    background-repeat: no-repeat !important;
    border: 6px double;
    border-left-color: #ef7724;
    border-right-color: #7CA4DD;
    border-top-color: #ef7724;
    border-bottom-color: #7CA4DD;
}
.jbd-container *[class*=jbtn-order] .jbtn-order-btn {
padding: 10px !important;
background-color: #009020 !important;
}
.jbd-container .process-steps {
    margin: 40px auto;
}
button.btn.btn-success.search-dir-button {
    width: -webkit-fill-available;
}

.method-descriptions {
  font-size: 18pt;
  font-weight: bold;
  color: black; /* Text color */
}

.payment-errors {
  color: #ef7521; /* Error messages in orange */
}

#card-elements-processor {
  background-color: white;
  border: 1px solid #7ca4dd; /* Blue border for the card element */
}

#card-button {
  background-color: #ef7521; /* Orange background for the button */
  color: white; /* White text for the button */
  font-size: 18pt;
  font-weight: bold;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  display: block; /* To override the display:none; */
}

/* Additional styles for Stripe elements */
.StripeElement {
  background-color: white;
  padding: 10px;
  border: 1px solid #ccd0d2; /* Neutral border color for input fields */
}

.StripeElement--focus {
  border-color: #ef7521; /* Orange border for focus */
}

.StripeElement--invalid {
  border-color: #fa755a; /* Red border for invalid input */
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important; /* Background for autofill */
}


#card-elements-processor {
    background-color: white;
    border: 8px solid #4CAF50;
    border-radius: 11px;
}



.sp-megamenu-parent {
    margin: 0px 0px 0px -25px;
}
.jbd-container .filter-switch {
    background-color: #003cde;
}
.jbd-container .announcement-container img {
    width: 100px;
    height: 100px;
}

.view-all-offers a {
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 27%;
    background-color: #007bff;
    color: white;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.view-all-offers a:hover {
    background-color: #0056b3; /* Darker shade for hover effect */
    text-decoration: none; /* Ensure underline doesn't re-appear on hover */
    color: white; /* Text color remains the same on hover */
  }
.view-all-items a {
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 27%;
    background-color: #007bff;
    color: white;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.view-all-items a:hover {
    background-color: #0056b3; /* Darker shade for hover effect */
    text-decoration: none; /* Ensure underline doesn't re-appear on hover */
    color: white; /* Text color remains the same on hover */
  }
div#column-id-38brzRHCCU5OosDNfyLhD {
padding-left: 0px;
padding-right: 0px;
}
div#column-id-38brzRHCCU5OosDNfyLhD {
padding-left: 0px;
padding-right: 0px;
}
div#column-id-UtEmfOQp0Ye-KszEklLC6 {
padding-left: 0px;
padding-right: 0px;
}
div#column-id-foBM6yfIRnMNFhZrIoe8n {
padding-left: 0px;
padding-right: 0px;
}
div#column-id-WR9L-wTFIhVR9LcQj3Kf- {
padding-left: 0px;
padding-right: 0px;
}
#column-id-BVdVakdE8Uzuxg3YdqI61 {
    padding-top: 100px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
}
#sp-page-builder .sppb-icon span {
    background: #ef2121;
	opacity: 0.5;
}
#sp-footer a, #sp-bottom a {
    color: #252525;
}
.article-details .article-full-image {
    text-align: center;
}
.sp-scroll-up {
    right: 50%;
    margin-right: -15px;
}
.module.latestbusiness-box {
    -webkit-box-shadow: 0 1.2rem 2.7rem rgb(52 79 110 / 0%);
    box-shadow: 0 1.2rem 2.7rem rgb(52 79 110 / 0%);
}

.videos-list-view .card-video {
    -webkit-box-shadow: 0 1.2rem 2.7rem rgb(52 79 110 / 0%);
    box-shadow: 0 1.2rem 2.7rem rgb(52 79 110 / 0%);
}
#searchform .form-field select, #searchform .form-field input[type=text] {
    font-size: 24px;
    font-weight: 600;
    height: 50px;
}
#searchform .form-field select {
    font-size: 24px;
    font-weight: 600;
    height: 50px;
}
#searchform .search-dir-button {
    font-weight: 500 !important;
    font-size: 24px !important;
    height: 50px!important;
}
.form-field select {
    font-size: 24px !important;
}
i.la.la-angle-left {
    left: -50px;
    display: inline;
}
i.la.la-angle-left {
    margin-left: 10px;
}
i.la.la-angle-right {
    margin-right: 10px;
}
.slick-slider .controller-prev i, .slick-slider .controller-next i, .carousel-control-next-icon, .carousel-control-prev-icon {
    background: #2d2d2dde;
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.7);
    font-size: 48px;
    font-weight: bold;
    height: 80px;
    width: 80px;
    line-height: 80px;
    margin-top: 25px;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: all 300ms ease 0s;
    z-index: 999;
    border: solid;
    border-color: #ef7521b0;
}
.carousel-control-next-icon {
    background-image: url('https://bistrobuddy.com/images/next.svg'); /* Use the external SVG file for the next icon */
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
    animation-fill-mode: backwards;
}

.carousel-control-prev-icon {
    background-image: url('https://bistrobuddy.com/images/prev.svg'); /* Use the external SVG file for the previous icon */
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
    animation-fill-mode: backwards;
}

h3.sppb-addon-title {
  text-align: center;
}


/* General Styles */
.play-pause {
    opacity: 0.5;
}

.burger-icon {
    margin-top: 0px !important;
}


/* Offcanvas Menu Styles */
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #ffffff;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li li a, .offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    color: #ffffff;
}

.offcanvas-menu .offcanvas-inner a {
    color: #ef7724;
    font-weight: 500;
}

.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
    color: #7ca3d6;
    font-size: 20px;
}

/* Header Styles */
#sp-header {
    height: auto;
	position: fixed;
    top: 0;
    width: 100%;
    transition: top 0.3s;
    z-index: 9999 !important;
	padding: 0px !important;
}

#sp-header.headroom-hide {
    top: -140px;
}

#sp-header.top-bar {
    top: 0;
}

/* Progress Bar Styles */
.sp-reading-progress-bar {
    position: fixed;
    z-index: 9999;
    height: 10px;
    top: 0;
    background-color: #80a2d0 !important;
    border-right: 30px solid #ef7524;
    width: calc(100% - 6.65115%);
}

/* Overlay Styles */
.offcanvas-overlay {
        z-index: 9106 !important;
		background: rgb(239,117,33);
    background: linear-gradient(90deg, rgba(239,117,33,1) 4%, rgba(239,117,33,0.7931547619047619) 7%, rgba(239,117,33,0) 49%, rgba(124,164,221,0) 49%, rgba(124,164,221,0.9332107843137255) 97%, rgba(124,164,221,1) 100%);
}
/* Mega Menu Styles */
.sp-megamenu-parent .sp-mega-group>li>a {
    color: #ef7521;
}
/* Event Container Styles */

.jbd-container .bg-dark, .jbd-container .event-container .event-main-info {
    background-color: #000000c9 !important;
    background-image: url(https://bistrobuddy.com/images/bistro_buddy/bistro-buddy-logo-tiny-glow.png) !important;
    background-repeat: no-repeat !important;
    border: 6px double;
    border-left-color: #ef7724;
    border-right-color: #7CA4DD;
    border-top-color: #ef7724;
    border-bottom-color: #7CA4DD;
}

.jbd-container .event-container .event-main-info {
    background-size: 78px;
    background-position: center top !important;
    border-radius: 5%;
    text-transform: uppercase;
    padding: 20px 0px;
}

/* Button Styles */
.jbd-container .btn-primary:not(:disabled):not(.disabled):active, .jbd-container .btn-primary:not(:disabled):not(.disabled).active, .show>.jbd-container .btn-primary.dropdown-toggle, .jbd-container .btn-primary {
    color: #252729;
    background-color: #ef7521;
    border-color: #252729;
    font-weight: 600;
    font-size: 20px;
}

.jbd-container .btn-primary:not(:disabled):not(.disabled):active, .jbd-container .btn-primary:not(:disabled):not(.disabled).active, .show>.jbd-container .btn-primary.dropdown-toggle {
    background-color: #7ca3d6;
    border-color: #ef7724;
}

/* Contact Info Styles */
.sp-contact-info li {
    display: inline-block;
    margin: 0px 10px 0 0;
    font-size: 130%;
    white-space: nowrap;
}
/* Header Styles */
#sp-header {
    position: fixed;
    top: 0;
    width: 100%;
    transition: top 0.3s;
    z-index: 1000;
}

#sp-header.headroom-hide {
    top: -140px;
}

#sp-header.top-bar {
    top: 0;
}

/* Offcanvas Menu Styles */
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    display: block;
    font-size: 20px;
    padding: 10px 0;
    position: relative;
    line-height: 18px;
    opacity: unset;
    color: white;
    transition: .3s;
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    color: #ffffff;
}

.offcanvas-menu .offcanvas-inner ul.menu>li li a, .offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    color: #ffffff;
    font-size: 15px;
    padding: 4px 0;
    line-height: 35px;
    font-weight: 700;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #252729 !important;
}

/* Logo Image Styles */
.logo-image-phone, .logo-image {
    height: 100% !important;
    max-height: 100px !important;
    width: auto !important;
        aspect-ratio: 920 / 293 !important;
    object-fit: cover !important;
}


/* Font Awesome Icon Styles */
.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
    color: #7ca3d6;
    font-size: 20px;
}

/* Link Styles */
.offcanvas-menu .offcanvas-inner a {
    color: #ef7724;
    font-weight: 500;
}

.offcanvas-menu .offcanvas-inner a {
    font-weight: 900;
}
/* Scrollbar Styles for Webkit Browsers */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    border-radius: 4px;
    background: linear-gradient(165deg, rgba(124, 164, 221, 0.25) 0%, rgba(239, 117, 36, 0.25) 128%);
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #ef7724;
}

/* Scrollbar Styles for Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #ef7724 linear-gradient(165deg, rgba(124, 164, 221, 0.25) 0%, rgba(239, 117, 36, 0.25) 128%);
}

/* Scrollbar Styles for Internet Explorer and Edge */
*::-ms-scrollbar {
    width: 8px;
}

*::-ms-scrollbar-track {
    border-radius: 4px;
    background: linear-gradient(165deg, rgba(124, 164, 221, 0.25) 0%, rgba(239, 117, 36, 0.25) 128%);
}

*::-ms-scrollbar-thumb {
    border-radius: 4px;
    background-color: #ef7724;
}

/* Styles for Stripe Elements */
.ElementsApp, .ElementsApp .InputElement {
    color: #ef7626;
}

.ElementsApp .InputElement.is-invalid {
    color: #ff2b00;
}

/* Page Title Styles */
.sp-page-title {
    background: linear-gradient(66deg, rgba(239,117,33,1) 0%, rgba(254,249,246,1) 45%, rgba(255,255,255,1) 55%, rgba(124,164,221,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ef7521",endColorstr="#7ca4dd",GradientType=1) !important;
}

h2.sp-page-title-heading, ol.breadcrumb {
    text-shadow: 2px 2px 3px rgba(0,0,0,1);
}
/* User CP Panel Styles */
.jbd-container.jdb-wrapper-front #jdb-wrapper {
    padding: 20px 20px 50px 20px !important; 
    border-radius: 24px;
    background-image: linear-gradient(165deg, rgba(124, 164, 221, 0.25) 0%, rgba(239, 117, 36, 0.25) 128%) !important;
}

#jdb-wrapper.tmpl-style-1 .nav>li.active ul, #jdb-wrapper.tmpl-style-1 .nav>li.active a {
    background-image: linear-gradient(165deg, rgba(124, 164, 221, 0.25) 0%, rgba(239, 117, 36, 0.25) 128%) !important;
    background-color: #ef7724;
    color: #fff;
}

/* Bottom Section Styles */
#sp-bottom {
    background: linear-gradient(66deg, rgba(239,117,33,1) 0%, rgba(254,249,246,1) 45%, rgba(255,255,255,1) 55%, rgba(124,164,221,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ef7521",endColorstr="#7ca4dd",GradientType=1) !important;
}

/* Logo Image Styles */
.logo-image-phone, .logo-image {
    height: 100% !important;
    max-height: 80px !important;
    width: auto !important;
}

.logo-image-phone {
    margin-top: 5px !important;
}

/* Offcanvas Menu Styles */
.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
    color: #7ca3d6;
    font-size: 20px;
}

.offcanvas-menu .offcanvas-inner a {
    color: #7fa2d1;
    font-weight: 900;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.offcanvas-menu .offcanvas-inner a {
    color: #ef7724;
    font-weight: 500;
}

/* Contact Info Styles */
.sp-contact-info li {
    display: inline-block;
    margin: 0px 10px 0 0;
    font-size: 130%;
    white-space: nowrap;
}

/* Button Styles */
.jbd-container .btn-primary:not(:disabled):not(.disabled):active, .jbd-container .btn-primary:not(:disabled):not(.disabled).active, .show>.jbd-container .btn-primary.dropdown-toggle {
    color: #000;
    background-color: #7ca3d6;
    background-image: none;
    border-color: #ef7724;
    font-weight: 600;
    font-size: 20px;
}

.jbd-container .btn-primary {
    color: #252729;
    background-color: #ef7521;
    border-color: #252729;
    border-radius: 0.35rem;
    background-position: center;
    transition: background .8s;
    font-weight: 600;
    font-size: 20px;
}
/* Offcanvas Menu List Styles */
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    display: block;
    font-size: 30px;
    padding: 9px 0px;
    position: relative;
    line-height: 30px;
    opacity: unset;
    color: white;
    transition: .3s;
    text-shadow: 2px 2px 4px rgb(0 0 0);
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    color: #ffffff;
}

.offcanvas-menu .offcanvas-inner ul.menu>li li a, .offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    color: #ffffff;
    font-size: 15px;
    padding: 4px 0;
    line-height: 35px;
    font-weight: 700;
}

/* Scrollbar Styles for Webkit Browsers */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    border-radius: 4px;
    background: linear-gradient(165deg, rgba(124, 164, 221, 0.25) 0%, rgba(239, 117, 36, 0.25) 128%);
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #ef7724;
}

/* Scrollbar Styles for Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #ef7724 linear-gradient(165deg, rgba(124, 164, 221, 0.25) 0%, rgba(239, 117, 36, 0.25) 128%);
}

/* Scrollbar Styles for Internet Explorer and Edge */
*::-ms-scrollbar {
    width: 8px;
}

*::-ms-scrollbar-track {
    border-radius: 4px;
    background: linear-gradient(165deg, rgba(124, 164, 221, 0.25) 0%, rgba(239, 117, 36, 0.25) 128%);
}

*::-ms-scrollbar-thumb {
    border-radius: 4px;
    background-color: #ef7724;
}

/* Styles for Credit Card Input Fields */
.ElementsApp, .ElementsApp .InputElement {
    color: #ef7626;
}

.ElementsApp .InputElement.is-invalid {
    color: #ff2b00;
}

/* Page Title Styles */
.sp-page-title {
    background: linear-gradient(66deg, rgba(239,117,33,1) 0%, rgba(254,249,246,1) 45%, rgba(255,255,255,1) 55%, rgba(124,164,221,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ef7521",endColorstr="#7ca4dd",GradientType=1) !important;
}

h2.sp-page-title-heading, ol.breadcrumb {
    text-shadow: 2px 2px 3px rgba(0,0,0,1);
}
.offcanvas-menu .offcanvas-inner ul.menu>li li a, .offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    color: #006eff;
    font-size: 17px;
    padding: 4px 0;
    line-height: 35px;
    font-weight: 800;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #ef7721 !important;
}
html {
  scroll-behavior: smooth;
}
#sp-page-builder .blog-list-container .item-image-wrap {
    min-height: 233px;
    position: relative;
    z-index: 1;
    width: 412px;
}
body {
    margin-top: 70px;
}
.sppb-img-responsive {
	    overflow: hidden;
    border-radius: 0.35rem !important;
    position: relative;
    visibility: visible;
    animation-duration: 600ms;
    animation-delay: 4ms;
    animation-name: zoomIn;
}
/* General Styles */
.entry-video {
    height: 230px; /* Default height */
	    overflow: hidden;
    border-radius: 0.35rem !important;
    position: relative;
    visibility: visible;
    animation-duration: 600ms;
    animation-delay: 4ms;
    animation-name: zoomIn;
}

#sp-page-builder .blog-list-container .item-image-wrap {
    position: relative;
    z-index: 1;
}
.sppb-addon-article {
    object-fit: cover;
    object-position: center;
    border: 1px solid #d2d2d2;
    border-radius: 8px;
    background: #fff;
    margin: 1rem 0;
}
div#events-container {
    margin-top: 150px;
}

.sppb-article-info-wrap {
    padding: 1rem;
}

.body-wrapper {
    margin-top: 70px !important; /* Default style for larger screens including 1080p desktop */
}
.jbd-mod-user .jbd-username i {
    background: var(--bs-black) !important;
    padding: 4px 6px;
    border-radius: 50%;
    color: #0dff00 !important;
    font-size: 24px;
    text-align: center;
}

<!-- Above this is fixing user page -->
.item-inactive {
    max-width: 500px !important;
    margin: auto !important;
}
.header, .logo, .menu {
  opacity: 1 !important;
  visibility: visible !important;
}
.sp-megamenu-wrapper,
.logo-image,
.sp-logo {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.jbd-container .company-style-5-header-info .business-logo {
    width: 100%;
    height: auto !important;
    min-height: 300px;
    min-width: 300px;
    max-width: 300px;
    border-radius: 25em;
    margin: 0px auto;
}

.logo-image-phone, .logo-image {
    height: 100% !important;
    max-height: 100px !important;
    width: auto !important;
        aspect-ratio: 920 / 293 !important;
    object-fit: contain !important;
}
/* Pre-loader Styles */
.sp-pre-loader {
    border: 2px solid #7CA4DD !important;
    background-image: url('https://bistrobuddy.com/templates/bistrobuddy/images/bistro_buddy/bistro-buddy-loader.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background: rgb(239,117,33);
    background: linear-gradient(90deg, rgba(239,117,33,1) 4%, rgba(239,117,33,0.793) 7%, rgba(239,117,33,0) 49%, rgba(124,164,221,0) 49%, rgba(124,164,221,0.933) 97%, rgba(124,164,221,1) 100%) !important;
    z-index: 99999999999 !important;
}
.jbd-mod-user .jbd-button-container .button-create {
    font-size: 16px !important;
}
.circle-two {
    background-image: url('https://bistrobuddy.com/templates/bistrobuddy/images/bistro_buddy/bistro-buddy-loader.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 230px !important;
    width: 230px !important;
    z-index: 99999999999 !important;
}

.es-main {
    position: relative;
    display: block !important;
    width: 100%;
    max-width: 1200px !important;
    margin: auto !important;
}
.DS036808602202015495 {
    display: none;
}
.company-style-5-header-info.row {
    background: radial-gradient(circle, rgba(0, 0, 0, 0.7) 0%, /* Darker center with 70% opacity */ rgba(0, 0, 0, 0) 80% /* Fade out to transparent near the edges */);
    pointer-events: none;
}

.jbd-container .btn-outline-primary, .jbtn-offer-info-sm {
    color: #02ff00;
    background-color: transparent;
    background-image: none;
    border-color: #1D3A5C;
    border-radius: 0.35rem;
    background-color: #000000c9 !important;
    background-repeat: no-repeat !important;
    border: 6px double;
    border-left-color: #ef7724;
    border-right-color: #7CA4DD;
    border-top-color: #ef7724;
    border-bottom-color: #7CA4DD;
	transition: background-position 0.6s ease, box-shadow 0.3s ease;
    animation: gradientShift 5s ease infinite;
}
iframe {
    border: 0;
    border-radius: 1em;
}

.video-tall {
aspect-ratio: 9 / 16 !important;
max-height: 800px !important;
max-width: 450px !important;
margin: auto !important;
}
.video-wide {
aspect-ratio: 16 / 9 !important;
}
iframe {
    border: 0;
    max-width: 100% !important;
    border-radius: 8px;
    min-height: -webkit-fill-available;
}

.hubspot.messages-body {
    z-index: 99999999999 !important;
    position: unset !important;
}
.jbd-container .jmodal-btn {
    background-color: #000000c9 !important;
    background-repeat: no-repeat !important;
    border: 6px double !important;
    border-left-color: #ef7724 !important;
    border-right-color: #7CA4DD !important;
    border-top-color: #ef7724 !important;
    border-bottom-color: #7CA4DD !important;
    color: #89ff00;
    font-weight: 900;
}
.jbd-container .jmodal-btn-outline {
    background-color: #000000c9 !important;
    background-repeat: no-repeat !important;
    border: 6px double !important;
    border-left-color: #000000 !important;
    border-right-color: #000000 !important;
    border-top-color: #000000 !important;
    border-bottom-color: #000000 !important;
    color: #89ff00;
    font-weight: 900;
}
.jbd-container .jmodal-btn-outline {
    background-color: #000000c9 !important;
    background-repeat: no-repeat !important;
    border: 6px double !important;
    border-left-color: #000000 !important;
    border-right-color: #000000 !important;
    border-top-color: #000000 !important;
    border-bottom-color: #000000 !important;
    color: #89ff00;
    font-weight: 900;
}

.jbd-container .event-container .book-tickets {
    display: block;
    padding: 20px 30px;
    color: #454545;
    background: #23b26b;
}
.jbd-container .event-info .event-info-container .event-info-item a {
    border: 6px solid var(--bs-black);
    border-radius: 5px;
    padding: 7px 25px;
    color: #000000;
    line-height: 30px;
    background: #cb0909e0;
color: #fff;
}
.jbd-container .event-info .event-info-container .event-info-item a
 {
    background-color: #000000c9 !important;
    background-repeat: no-repeat !important;
    border: 6px double;
    border-left-color: #ef7724;
    border-right-color: #7CA4DD;
    border-top-color: #ef7724;
    border-bottom-color: #7CA4DD;
    animation: spin-border-colors 2s infinite linear;
}
.jbd-container .categories-wrapper a {
    border-radius: 30px;
    border: 1px solid #f4f4f4;
    background-color: #ef77243b;
    padding: 10px 15px;
    margin-right: 2px;
    line-height: 50px;
}
.view-counter {
    border-left-color: #ef7724;
    border-right-color: #7CA4DD;
    border-top-color: #ef7724;
    border-bottom-color: #7CA4DD;
    animation: spin-border-colors 2s infinite linear;
}
.item.article {
    padding: 10px;
    border-left-color: #ef7724;
    border-right-color: #7CA4DD;
    border-top-color: #ef7724;
    border-bottom-color: #7CA4DD;
    animation: spin-border-colors 2s infinite linear;
}
.item.article
 {
    padding: 10px !important;
    border: solid 2px !important;
    border-left-color: #ef7724 !important;
    border-right-color: #7CA4DD !important;
    border-top-color: #ef7724 !important;
    border-bottom-color: #7CA4DD !important;
    animation: spin-border-colors 2s infinite linear !important;
}
.jbd-container .event-container .event-main-info {
    text-transform: uppercase;
    color: #ffffff;
}
a.book-tickets
 {
    padding: 10px !important;
    border: solid 2px !important;
    border-left-color: #91f7c5 !important;
    border-right-color: #49ff00 !important;
    border-top-color: #91f7c5 !important;
    border-bottom-color: #49ff00 !important;
    animation: spin-border-colors 2s infinite linear !important;
}
a.btn.btn-outline {
    background: #81a1ce;
    color: #ffffff;
    font-weight: 700;
width: 100;
}
.jbd-container .event-info .event-info-item a {
    color: var(--bs-success);
    font-weight: bold;
    font-size: xx-large;
}
.ticket-button {
    display: block !important;
    background-color: #a3d9a5; /* light green */
    color: #1b1b1b !important; /* dark readable font */
    font-weight: bold;
    padding: 3px;
    border-radius: 30px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    margin-top: 10px;
}
.ticket-button:hover {
    background-color: #7cc87e; /* slightly darker green */
    transform: scale(1.05) rotate(-1deg);
    color: #000 !important;
}
/* Base button animation and style */
.animated-button {
    display: block !important;
    background-size: 400% 400% !important;
    color: #fff !important;
    text-align: center;
    display: inline-block;
    border: 4px solid #fff;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    transition: background-position 0.6s ease, box-shadow 0.3s ease;
    animation: gradientShift 10s ease infinite;
    font-family: inherit;
}

.animated-button:hover {
    background-position: right center !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.es-register-box-dialog {
    margin-top: 220px !important;
}
#sppb-addon-wrapper-DmApfGc5imLZ2DqUw3fnr {
    margin-top: -160px !important;
}
/* Animated Gradient Keyframes */
@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Vendor button */
.vendor-button {
    display: block !important;
    background-image: linear-gradient(135deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400% !important;
    border-color: #23d5ab;
    border-radius: 8px;
    padding: 3px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff !important;
    text-align: center;
    border: 4px solid #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    transition: background-position 0.6s ease, box-shadow 0.3s ease;
    animation: gradientShift 10s ease infinite;
    font-family: inherit;
}

.vendor-button:hover {
    background-position: right center !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
/* Service button */
.jbd-container .wizard .steps .current a, .jbd-container .wizard .steps .current a:hover, .jbd-container .wizard .steps .current a:active {
    display: block !important;
    background-image: linear-gradient(135deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400% !important;
    border-color: #23d5ab;
    border-radius: 8px;
    padding: 3px;
    text-transform: uppercase;
    color: #fff !important;
    text-align: center;
    border: 4px solid #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    transition: background-position 0.6s ease, box-shadow 0.3s ease;
    animation: gradientShift 10s ease infinite;
    font-family: inherit;
}

.jbd-container .wizard .steps .current a, .jbd-container .wizard .steps .current a:hover, .jbd-container .wizard .steps .current a:hover {
    background-position: right center !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.jbd-container .wizard .steps .done a, .jbd-container .wizard .steps .done a:hover, .jbd-container .wizard .steps .done a:active {
    background-color: #a3d9a5; /* light green */
    color: #1b1b1b !important; /* dark readable font */
    padding: 10px 20px;
    border-radius: 15px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    margin-top: 10px;
}

.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
    display: block !important;
    background-image: linear-gradient(135deg, #00f260, #38f9d7, #43e97b, #00f260, #38f9d7);
    background-size: 400% 400% !important;
    border-color: #00f260;
    border-radius: 6px;
    padding: 11px 24px;
    font-size: 15px;
    color: #fff !important;
    text-align: center;
    border: 4px solid #fff;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    transition: background-position 0.6s ease, box-shadow 0.3s ease;
    animation: gradientShift 10s ease infinite;
    font-family: inherit;
}
.jbd-container .wizard .steps .done a, .jbd-container .wizard .steps .done a:hover, .jbd-container .wizard .steps .done a:active {
    display: block !important;
    background-image: linear-gradient(135deg, #00f260, #38f9d7, #43e97b, #00f260, #38f9d7);
    background-size: 400% 400% !important;
    border-color: #00f260;
    border-radius: 6px;
    padding: 11px 24px;
    font-size: 15px;
    color: #fff !important;
    text-align: center;
    border: 4px solid #fff;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    transition: background-position 0.6s ease, box-shadow 0.3s ease;
    animation: gradientShift 10s ease infinite;
    font-family: inherit;
}
/* Deal button */
.jbd-container *[class*="jbtn-order"] .jbtn-order-btn {
    background-image: linear-gradient(135deg, #ffd700, #ffb700, #ffdd57, #ffb700, #ffd700);
    background-size: 400% 400% !important;
    border-color: #ffd700;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff !important;
    text-align: center;
    border: 4px solid #fff;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    transition: background-position 0.6s ease, box-shadow 0.3s ease;
    animation: gradientShift 10s ease infinite;
    font-family: inherit;
}
.jbd-container *[class*="jbtn-order"] .jbtn-order-btn, .jbd-container *[class*="jbtn-order"] .jbtn-order-info
 {
    border-radius: 5px;
}
.jbd-container *[class*="jbtn-order"] .jbtn-order-info {
    background-image: linear-gradient(135deg, #00f260, #38f9d7, #43e97b, #00f260, #38f9d7);
    border-color: #00f260;
    background-position: right center !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.jbd-container *[class*="jbtn-order"] .jbtn-order-btn:hover {
    background-image: linear-gradient(135deg, #00f260, #38f9d7, #43e97b, #00f260, #38f9d7);
    border-color: #00f260;
    background-position: right center !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
/* Ticket button */
.ticket-button {
    background-image: linear-gradient(135deg, #ffd700, #ffb700, #ffdd57, #ffb700, #ffd700);
    background-size: 400% 400% !important;
    border-color: #ffd700;
    border-radius: 5px;
    padding: 3px;
    color: #fff !important;
    text-align: center;
    border: 4px solid #fff;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    transition: background-position 0.6s ease, box-shadow 0.3s ease;
    animation: gradientShift 10s ease infinite;
    font-family: inherit;
}

.ticket-button:hover {
    background-image: linear-gradient(135deg, #00f260, #38f9d7, #43e97b, #00f260, #38f9d7);
    border-color: #00f260;
    background-position: right center !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

/* Contact button */
.contact-button {
    display: block !important;
    background-image: linear-gradient(135deg, #00f260, #38f9d7, #43e97b, #00f260, #38f9d7);
    background-size: 400% 400% !important;
    border-color: #00f260;
    border-radius: 6px;
    padding: 3px;
    font-size: 20px;
    color: #fff !important;
    text-align: center;
    border: 4px solid #fff;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    transition: background-position 0.6s ease, box-shadow 0.3s ease;
    animation: gradientShift 10s ease infinite;
    font-family: inherit;
    min-height: 50px;
    margin: 20px auto !important;
    padding: 10px;
}

.contact-button:hover {
    background-image: linear-gradient(135deg, #ffd700, #ffb700, #ffdd57, #ffb700, #ffd700);
    border-color: #ffd700;
    background-position: right center !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.event-main-info {
    width: 100%;
display: block;
}

.play_btn {
    background: rgba(0, 0, 0, 0) url(https://bistrobuddy.com/images/video-button.png) no-repeat scroll 0 0 !important;
    background-size: contain !important;
    height: 75px !important;
    width: 75px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin-left: -37.5px !important;
    margin-top: -37.5px !important;
    z-index: 1 !important;
    animation: pulse 1.5s ease-in-out infinite;
    transform-origin: center center;
    transition: transform 0.4s ease-in-out;
}

.play_btn:hover {
    animation: none; /* Stop pulsing */
    transform: scale(1.33); /* Grows smoothly to 100x100px */
}

/* Pulse animation keyframes */
@keyframes pulse {
    0%   { transform: scale(0.95); }
    50%  { transform: scale(1.05); }
    100% { transform: scale(0.95); }
}
.li-padding {
font-size: 0.875rem;
padding: 0.5rem 1rem;
border-radius: 6.25rem;
background: rgba(239, 117, 33, 0.3);
color: #ef7521;
display: inline-flex !important;
padding: 0px 10px;
margin: 5px;
}
.force-square {
aspect-ratio: 9 / 9 !important;
}
.jbd-container .event-container {
    width: 100%;
    clear: both;
    padding: 0px;
}


.jbd-container .listing-style-8 .company-style-8-header-image .business-logo {
    height: 100%;
    width: 400px;
    background-color: #fff;
    padding: 4px;
}

.jbd-container .listing-style-8 .company-menu nav a.active {
    border-bottom: 2px solid var(--bs-orange);
    color: #ef7521;
}
.jbd-container .listing-style-8 .company-menu nav a.active .la
 {
    color: #ef7521;
}
.jbd-container .listing-style-8 .company-menu nav a.active .la {
    color: #ef7521;
}
.jbd-container .listing-style-8 .company-style-8-header-image
 {
    height: 500px;
    display: flex;
    align-items: flex-end;
    color: #fff;
    padding-bottom: 40px;
    background-color: #334;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center !important;
}
/* Gradient animation keyframes for orange */
@keyframes gradientOrange {
  0% { background-position: 0% 50%; background-image: linear-gradient(135deg, #ef7521, #f8842d, #ff9440); }
  50% { background-position: 100% 50%; background-image: linear-gradient(135deg, #f8842d, #ff9440, #ef7521); }
  100% { background-position: 0% 50%; background-image: linear-gradient(135deg, #ef7521, #f8842d, #ff9440); }
}
/* Gradient animation keyframes for orange */
@keyframes gradientOrange {
  0% { background-position: 0% 50%; background-image: linear-gradient(135deg, #ef7521, #f8842d, #ff9440); }
  50% { background-position: 100% 50%; background-image: linear-gradient(135deg, #f8842d, #ff9440, #ef7521); }
  100% { background-position: 0% 50%; background-image: linear-gradient(135deg, #ef7521, #f8842d, #ff9440); }
}

/* Gradient animation keyframes for blue */
@keyframes gradientBlue {
  0% { background-position: 0% 50%; background-image: linear-gradient(135deg, #7ca4dd, #9bbdee, #bcd5f9); }
  50% { background-position: 100% 50%; background-image: linear-gradient(135deg, #bcd5f9, #9bbdee, #7ca4dd); }
  100% { background-position: 0% 50%; background-image: linear-gradient(135deg, #7ca4dd, #9bbdee, #bcd5f9); }
}

.jbd-container #slidergallery ul.gallery a {
    border: 0px solid #aaa;
}
.jbd-container .listing-style-8 .company-menu nav a {
    color: #00dd77;
    font-weight: 900;
    font-size: 15px;
}
.listing-actions {
    margin-left: -4px;
}
.jbd-container .content-box .content-box-body {
    padding: 0px;
}
.jbd-container .popup-gallery .img-fluid
 { position: absolute;
    border-radius: 15px;
}
.jbd-container .listing-style-8 .listing-actions .btn-outline {
    background: hsl(0deg 0% 100% / 0%);
border: 0px;
}
.jbd-container .listing-style-8 .listing-actions .btn-outline:hover {
    background: hsl(0deg 0% 100% / 0%);
    border: 0px;
}
.dir-overlay {
    width: 100% !important;
    border-radius: 15px;
}
.company-style-8-header-image {
    border-radius: 15px;
    margin-top: 20px;
}
.business-logo {
    margin-top: 9px;
}
.event-button {
    font-size: 27px;
    padding: 9px;
margin: auto;
}
.boost-button {
border: 0;
margin: auto;
}
.feature-badge
 {
    background-color: #000000c9 !important;
    background-repeat: no-repeat !important;
    border: 6px double;
    display: block !important;
    width: 100%;
    max-width: 1200px !important;
    margin: auto !important;
    border-left-color: #ef7724;
    border-right-color: #7CA4DD;
    border-top-color: #ef7724;
    border-bottom-color: #7CA4DD;
    border-radius: 8px;
    padding: 15px;
    z-index: 3000;
    position: relative;
    margin: 0px 10px 0px 10px;
    color: #ffc83d;
    font-size: 14px !important;
}
.jbd-container .btn-secondary {
    color: #ffffff;
    background-color: #518bff;
    border-color: #f0f1f3;
    border-radius: 0.60rem
9.6px;
    background-position: center;
    transition: background 0.8s;
}
.event-details-box {
    background: #fff;
    border-radius: 1.25rem;
    box-shadow: 0 2px 16px rgba(0,0,0,0.06);
    margin-bottom: 2rem;
    font-size: 1.04em;
}
.event-details-box i {
    margin-right: 8px;
}
.event-details-box .list-group-item {
    border: 0;
    padding-left: 0;
    padding-right: 0;
    background: transparent;
}
.btn-outline-info {
    color: #fff !important;
    background-color: #4edb34 !important;
}
.videoSitesLoader {
  aspect-ratio: 16 / 9 !important;
  width: 100%;
  height: auto;
  display: block;
}
.jbd-container .jmodal-header .close-btn [class*="la"] {
    color: #ff0000;
    font-size: 50px;
    font-weight: 600;
    margin-left: -50px;
    margin-top: 57px;
}
.bistro-progress
 { margin: 30px !important;
}



.jitem-card {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.jitem-card:hover {
  transform: perspective(1000px) rotateX(3deg) rotateY(-3deg) scale(1.02);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}
.jitem-cover {
  position: relative;
  width: 100%;
  height: 180px;
  background-size: cover;
  background-position: center;
}
.badge {
  position: absolute;
  padding: 4px 8px;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 12px;
}
.badge-category {
  top: 8px;
  left: 8px;
  background: #ff6f61;
}
.badge-location {
  top: 8px;
  right: 8px;
  background: rgba(0,0,0,0.6);
}
.logo-overlay {
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 64px;
  border: 3px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.logo-overlay img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jitem-body {
  padding-top: 32px; /* make room for logo */
}
.jitem-logo-big {
    width: 200px !important;
    height: 200px !important;
    bottom: -100px !important;
}
.eb-floating-button {
    margin-top: 200px;
}
.badge {
    position: static;
    padding: 4px 8px;
    color: #fff;
    font-size: 0.8rem;
    border-radius: 12px;
}
#es.es-docker .docker__search-form {
    background-color: var(--bs-orange);
    border-radius: 4px;
}
#es.es-docker .docker-login-box .docker-form-input {
    background-color: var(--bs-orange);
    color: var(--bs-white);
    border: solid 1px var(--bs-white);
}
#es.es-docker .docker-popup
 {
    background: #252525;
}
#es .btn-es-primary-o
 {
    color: var(--bs-white) !important;
    background-color: var(--si-success-300) !important;
    border-color: #ffffff !important;
}
#hubspot-messages-iframe-container
 {
    display: initial !important;
    z-index: 7147483647 !important;
    bottom: 80px !important;
}
/* Keep this unchanged — for register messages */
.es-register-box__msg {
  background: #252525;
  border-radius: 0.5rem;
  color: var(--bs-white);
  padding: 16px;
  margin: 0 auto;
}

/* Keep menu links white */
#es .docker-popup-menu ul li a {
  color: var(--bs-white);
}

/* Elements you wanted to keep #333 */
#es .docker-popup-quickpost,
#es .popbox-navbar--docker,
#es .popbox-navbar--docker.is-mobile.popbox-navbar--docker,
#es.es-docker .btn-docker,
#es .popbox-dropdown,
#es .popbox-dropdown__bd,
#es .popbox-dropdown__ft,
#es .popbox-dropdown-nav,
#es .popbox-dropdown-nav__item,
#es .o-empty {
  background-color: #333 !important;
  color: #fff !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Elements styled with new dark brown theme (#51351e) */
#es .es-story-body,
#es .es-story-text-placeholder-ie9,
#es .es-story-textbox,
#es .mentions,
#es .es-story-panel-content,
#es .es-album-upload-button,
#es .es-video-item,
#es .es-audio-item,
#es .video-form,
#es .audio-form,
#es .es-story-files-content,
#es .es-story-files-upload,
#es .es-story-link-form,
#es .es-story-link-input,
#es .es-story-polls-form,
#es .es-polls,
#es .es-story-broadcast-form {
  background-color: #fff !important;
  color: #000 !important;
  border-color: #eee!important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Inputs, textareas, selects (keep brown) */
#es textarea,
#es input[type="text"],
#es select {
  background-color: #3a2719 !important;
  color: #fff !important;
  border: 1px solid #7a573f !important;
}

/* Placeholder text */
#es ::placeholder {
  color: #bbb !important;
}

/* Upload bars */
#es .upload-progress-bar,
#es .progress .bar {
  background-color: var(--bs-orange) !important;
}

/* Buttons */
#es button,
#es .btn,
#es .btn-es-default-o,
#es .insert-button {
  background-color: #3a2719 !important;
  color: #fff !important;
  border: 1px solid var(--bs-orange) !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Button hover and active states */
#es .btn:hover,
#es .btn:active,
#es .btn-es-default-o:hover,
#es .btn-es-default-o:active,
#es .insert-button:hover,
#es .insert-button:active {
  background-color: var(--bs-orange) !important;
  color: #51351e !important;
  cursor: pointer;
}

/* Nav item hover and active */
#es .popbox-dropdown-nav__item:hover,
#es .popbox-dropdown-nav__item.active {
  background-color: var(--bs-orange) !important;
  color: #51351e !important;
  cursor: pointer;
}
/* Base text color for dropdown section */
#es .popbox-dropdown__title,
#es .popbox-dropdown__note,
#es .object-title,
#es .object-content,
#es .object-timestamp,
#es .popbox-dropdown-nav__link {
  color: #fff !important;
}

/* Hover: keep your background effect and make text orange */
#es .popbox-dropdown-nav__item:hover {
  background-color: #555 !important;
  cursor: pointer;
}

#es .popbox-dropdown-nav__item:hover .popbox-dropdown__note,
#es .popbox-dropdown-nav__item:hover .object-title,
#es .popbox-dropdown-nav__item:hover .object-content,
#es .popbox-dropdown-nav__item:hover .object-timestamp {
  color: var(--bs-orange, #ef7724) !important;
}
body #es.es-docker a {
  color: <?php echo $this->params->get('font_color', '#ffffff'); ?> !important;
}

body #es.es-docker input,
body #es.es-docker textarea,
body #es.es-docker select {
  background-color: #37474F !important;
  color: <?php echo $this->params->get('font_color', '#ffffff'); ?> !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
}

body #es.es-docker .btn {
  background-color: rgba(<?php echo ES::string()->hexToRGB($this->params->get('font_color', '#ffffff')); ?>, 0.1) !important;
  color: <?php echo $this->params->get('font_color', '#ffffff'); ?> !important;
}

body #es.es-docker .btn:hover {
  background-color: rgba(<?php echo ES::string()->hexToRGB($this->params->get('font_color', '#ffffff')); ?>, 0.3) !important;
}
/* Ensure link text in Docker dark theme is white */
#es.es-docker a {
  color: #fff !important;
}

/* Input, textarea, and select fields in Docker dark theme */
#es.es-docker input,
#es.es-docker textarea,
#es.es-docker select {
  background-color: #37474F !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
}

/* Button base style in Docker dark theme */
#es.es-docker .btn {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

/* Button hover effect in Docker dark theme */
#es.es-docker .btn:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
  color: #fff !important;
}
/* Dark background and white text for story panel */
#es.popbox--story-panel .popbox-story-panel,
#es.popbox--story-panel .popbox-story-panel__hd,
#es.popbox--story-panel .popbox-story-panel__bd {
  background-color: #222 !important;
  color: #fff !important;
}

/* Story panel buttons */
#es .es-story-panel-button {
  color: #fff !important;
  background: none !important;
}

/* Icon shapes */

  background-color: rgba(255, 255
#es.es-docker .btn {
    background-color: #ff76024d !important;
    color: #fff !important;
    border-color: transparent !important;
}

/* Preserve existing hover and active states */
#es.es-docker .btn:hover,
#es.es-docker .btn:focus,
#es.es-docker .btn:active,
#es.es-docker .btn.active {
    background-color: #ff7602 !important;
    color: #fff !important;
    border-color: #ff7602 !important;
}
/* Above this is fixing user page */
#es.es-docker {
  color: #fff !important;
}

#es.es-docker .es-story-panel-button span,
#es.es-docker .popbox-story-panel__title,
#es.es-docker .popbox-story-panel__hd > div:last-child,
#es.es-docker .es-story-privacy,
#es.es-docker .es-privacy-menu,
#es.es-docker .es-privacy-menu a,
#es.es-docker .es-privacy-menu div,
#es.es-docker .es-privacy-menu span,
#es.es-docker .popbox-content,
#es.es-docker .popbox-dropdown__title,
#es.es-docker .object-title,
#es.es-docker .object-content,
#es.es-docker .object-timestamp {
  color: #fff !important;
}

#es.es-docker .es-story-panel-button__shape,
#es.es-docker .popbox-story-panel__hd > div:last-child,
#es.es-docker .es-story-panel-button {
  background-color: #000 !important;
  color: #fff !important;
}

/* Buttons: default light background except on hover/active */
#es.es-docker .btn {
  background-color: #ff76024d !important;
  color: #fff !important;
  border-color: transparent !important;
}

#es.es-docker .btn:hover,
#es.es-docker .btn:focus,
#es.es-docker .btn:active,
#es.es-docker .btn.active {
  background-color: #ff7602 !important;
  color: #fff !important;
  border-color: #ff7602 !important;
}

/* Story Panel Selection */
#es.es-docker .es-story-panel-button-list__item.is-selected .es-story-panel-button {
  background-color: #ff7602 !important;
  color: #fff !important;
}

#es.es-docker .es-story-panel-button i,
#es.es-docker .es-story-panel-button span {
  color: #fff !important;
}
#es.es-docker .es-search-mini-result,
#es.es-docker .es-search-mini-result-wrap,
#es.es-docker .es-search-mini-group,
#es.es-docker .es-search-mini-result-list,
#es.es-docker .es-search-mini-result-list__item,
#es.es-docker .es-search-mini-footer {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #333 !important;
}

#es.es-docker .es-search-mini-result-list__item a {
  display: flex;
  align-items: center;
  color: #fff !important;
  background-color: #111 !important;
  padding: 8px;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

#es.es-docker .es-search-mini-result-list__item a:hover {
  background-color: #1a1a1a !important;
  color: #fff !important;
}

#es.es-docker .es-search-mini-result-name {
  color: #fff !important;
  font-weight: 500;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#es.es-docker .es-search-mini-footer .text-center,
#es.es-docker .es-search-mini-footer .t-text--center,
#es.es-docker .es-search-mini-footer a {
  color: #fff !important;
}

#es.es-docker .es-search-mini-footer a:hover {
  color: #ff7602 !important;
  text-decoration: underline;
}
.user-area.signin-area {
    display: none !important;
}
#es .es-register-box__msg {
    color: #ffffff;
    margin: 0 auto;
}
.es-register-box__msg
 {
    background: #252525a8;
    margin: 0 auto;
}
button.tox-tbtn.tox-tbtn--select.tox-tbtn--active
 {
    display: none !important;
}
.tox .tox-tbtn--select, .tox .tox-tbtn {
    margin: 0;
    padding: 0;
    width: 0;
    display: none !important;
}
.es-register-box
 {
    margin-top: 140px !important;
}
#es .es-register-box__msg {
    color: #ffffff !important;
}
/* Medium screens */
@media screen and (max-width: 1450px) {
    .entry-video {
        height: 165px;
    }		
}

/* Medium screens */
@media screen and (max-width: 1490px) {
    .body-wrapper {
        margin-top: 140px !important; /* Changes margin-top for screens smaller than 1490px */
    }
}

@media screen and (max-width: 1401px) {
    .entry-video {
        height: 198px;
    }
}

/* Large screens, default styles */
@media screen and (min-width: 1401px) {
    .entry-video {
        height: 230px;
    }
    .body-wrapper {
        margin-top: 140px;
    }
} 

/* Medium screens */
@media screen and (max-width: 1200px) {
    .entry-video {
        height: 165px;
    }

    div#companies-search {
        margin-top: 70px;
    }

    #sp-page-builder .blog-list-container .item-image-wrap {
        min-height: 159px;
        width: 291px;
    }
    .body-wrapper {
        margin-top: 140px;
    }
}

@media screen and (max-width: 992px) {
    body {
        margin-top: 0;
    }

    #sp-page-builder .blog-list-container .item-image-wrap {
        min-height: 186px;
        width: 331px;
    }
    .entry-video {
        height: 120px;
    }
    .body-wrapper {
        margin-top: 70px;
    }
}

@media screen and (max-width: 805px) {
    body {
        margin-top: 112px;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 50%;
    }

    #sp-page-builder .blog-list-container .item-image-wrap {
        min-height: 285px;
        width: 508px;
    }
    .body-wrapper {
        margin-top: 140px;
    }
}

@media screen and (max-width: 768px) {
    .entry-video {
        height: 286px;
    }
  .listing-style-8 {
    margin-top: 270px !important;
  }
}

/* Small screens */
@media screen and (max-width: 480px) {
    .hidden-xs {
        display: block;
    }

    .ticketBookBtn {
        background: #eee;
    }

    #sp-page-builder .blog-list-container .item-image-wrap {
        min-height: 288px;
        width: 508px;
    }

    .entry-video {
        height: 248px;
    }
}

/* Very small screens and up */
@media screen and (min-width: 481px) {
    .hidden-xs {
        display: block;
    }
}
.ml-3.font-weight-bold.my-2.badge.badge-success {
  padding: 10px 20px !important;
  font-size: 1rem !important;
  border-radius: 30px !important;
  animation: greenPulse 2.5s ease-in-out infinite !important;
  box-shadow: 0 0 6px #28a745, 0 0 18px #28a745 !important;
  background-color: #28a745 !important;
  color: white !important;
  transition: transform 0.2s ease-in-out !important;
}

.ml-3.font-weight-bold.my-2.badge.badge-success:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 0 12px #28a745, 0 0 28px #28a745 !important;
}

@keyframes greenPulse {
  0% {
    box-shadow: 0 0 6px #28a745, 0 0 18px #28a745;
  }
  50% {
    box-shadow: 0 0 16px #28a745, 0 0 32px #28a745;
  }
  100% {
    box-shadow: 0 0 6px #28a745, 0 0 18px #28a745;
  }
}
/* Target the container holding the <li> items */
.mod-es-users ul.g-list-inline {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important; /* align to the right */
  gap: 12px !important; /* optional spacing between items */
  padding: 0 !important;
  margin: 0 !important;
}

/* Style each list item */
.mod-es-users ul.g-list-inline > li {
  list-style: none !important;
  flex: 0 0 calc(100% / 6 - 12px) !important; /* six items per row */
  box-sizing: border-box !important;
}

/* Make avatar images responsive */
.mod-es-users .o-avatar-v2 img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
}

/* Responsive behavior for smaller screens */
@media (max-width: 1200px) {
  .mod-es-users ul.g-list-inline > li {
    flex: 0 0 calc(100% / 4 - 12px) !important;
  }
}

@media (max-width: 768px) {
  .mod-es-users ul.g-list-inline > li {
    flex: 0 0 calc(100% / 2 - 12px) !important;
  }
}

@media (max-width: 480px) {
  .mod-es-users ul.g-list-inline > li {
    flex: 0 0 100% !important;
  }
}