/** Shopify CDN: Minification failed

Line 2028:0 Unexpected "}"
Line 2034:0 Unexpected "}"
Line 2172:0 Unexpected "}"

**/
/* Global */
body {
    background-color: #FEFCEF!important;
    background-image:url('https://www.broadwaymurdermysteries.com/cdn/shop/files/body-bg.png');
}
.global-btn-broad{
 margin-top: 20px;
  padding: 12px 24px;
  color: #FFFF; 
  text-decoration: none;
  border-radius: 30px;
  font-family: Poppins;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
  background:black
}
#typeformModal .modal-dialog .modal-header{
  background:black!important;
  border:none!important;
  padding:5px 15px!important;
}
#typeformModal .modal-dialog .modal-header button:before {
    content: "\d7";
    font-size: 26px;
  color:white;
}
/* Main Banner */

section#hero-banner .container h1{
  font-size:50px;
  font-weight: 400;
  color:white;
  font-family: Lovelo;
  font-weight: 400;
  line-height: 55px;
  text-transform: uppercase;
}

.template-index section#hero-banner .container span{
  color:white;
  font-size:45px;
  font-family: Lovelo;
  font-weight: 400;
  line-height: 55px;
  text-transform: uppercase;
}
.template-index section#hero-banner .container h1{
      color: #fff;
    font-size: 75px;
    font-family: Lovelo;
    font-weight: 400;
    line-height: 85px;
    text-transform: uppercase;
}

section#hero-banner .container p{
font-family: Poppins;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color:white;
  margin:15px 0 30px;

}
section#hero-banner a.global-btn-broad{
  background:#F9D911;
  color:black;
  padding:10px 35px;
}
@media screen and (min-width:1000px){
  section#featured-product .featured-content{
    max-width:1000px;
    margin:auto;
  }
 
}
@media screen and (max-width:500px){
 
  .template-index section#hero-banner{
    padding:140px 15px 40px!important;
  }
   section#featured-product .product-image {     text-align: center !important; }
  
  section#hero-banner .container span{
    font-size:18px;
    line-height: 28px;
  }
  section#hero-banner .container h1{
    font-size:35px;
    line-height: 45px;
  }
 .template-index section#hero-banner .container span{
    font-size:18px!important;
    line-height: 28px!important;
  }
 .template-index section#hero-banner .container h1{
    font-size:35px!important;
    line-height: 45px!important;
  }
  
}
/* Brand Logo */
.brand-logos-section{
  padding:40px 0 80px;
  overflow: hidden;
  
}
.brand-logos-section .container{
  position: relative;
}

.brand-logos-section .container:before{
   content: url(https://www.broadwaymurdermysteries.com/cdn/shop/files/hr_left.png?v=1750456772);
  left: -20px;
   position: absolute;
  top:100%;
}
.brand-logos-section .container:after{
   content: url(https://www.broadwaymurdermysteries.com/cdn/shop/files/hr_right.png?v=1750456772);
  right:-20px;
   position: absolute;
  top:100%;
}
@media screen and (max-width:500px){
  .brand-logos-section .container:after{
    right:-98%;
    bottom:-25%;
    top:unset!important;
  }
  .brand-logos-section .container:before{
    left:-98%;
    bottom:-30%;
    top:unset!important;
  }
  .brand-logos-section{
    padding:40px 15px 75px!important;
  }
}

/* Featured Products */
section#featured-product{
  padding:30px 0 90px;
  background-image:url('/cdn/shop/files/butcher_knife.png?v=1750463694');
  background-repeat: no-repeat;
  background-size:auto;
  background-position:bottom right;
}
section#featured-product .container{
 background-image:url('/cdn/shop/files/plus_icons.png?v=1750463694');
  background-repeat: no-repeat;
  background-size:auto;
  background-position: 0 60px;
}

section#featured-product h2{
  font-family: Jost;
font-weight: 700;
font-size: 50px;
line-height: 60px;
text-align: center;
text-transform: uppercase;
  color:black;
}
section#featured-product p{
  font-family: Lovelo;
font-weight: 400;
font-size: 22px;
line-height: 22px;
text-align: center;
  color:black;
  margin-top:30px;
}
section#featured-product .featured-content{
  padding-bottom:60px;
}
section#featured-product .product-container .product-info-container h3 {
    font-family: Lovelo;
    font-weight: 400;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    text-transform: capitalize;
  color:black;
  margin-bottom: 10px;
 
}
section#featured-product .product-container span.jdgm-prev-badge__stars span {
    color: #FF8A00;
}

section#featured-product .product-container .jdgm-prev-badge__text {
     visibility: unset;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: black;
}
section#featured-product .product-container .product-info-container .global-btn-broad{
  padding:10px 15px!important;
}

section#featured-product .product-container .product-rating {
    margin:15px 0;
    text-align: center;
}
section#featured-product .product-container .product-info-container .product-price span {
    font-family: Poppins;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: black;
}
section#featured-product .product-container .product-info-container .global-btn-broad{
  font-size:14px;
}
section#featured-product .product-container .product-info-container .product-add-to-cart {
    position: relative;
    z-index: 10;
}
section#featured-product .product-container .product-info-container .global-btn-broad:hover {
    background: #f9d911;
  color:black;
}
@media screen and (max-width:1280px){
  section#featured-product{
    background-size:5%;
  }
}

@media screen and (max-width:500px){
  section#featured-product h2 {
    font-size: 30px;
    line-height: 40px;
}
  section#featured-product,  section#featured-product .container{
    background-image:unset;
  }

section#featured-product p {
    font-size: 18px;
    line-height: 24px;
    margin-top: 15px;
}

section#featured-product .product-container .product-info-container h3 {
    font-size: 18px;
    line-height: 24px;
}

section#featured-product .product-container .product-info-container .global-btn-broad{
font-size:12px;
}
section#featured-product .container{
background-size:15%;
  padding:0!important;
}

section#featured-product {
    padding: 30px 15px 0;
    background-size:15%;
}
section#featured-product .featured-content {
    padding-bottom: 30px;
}
section#featured-product .product-image img {
    object-fit: cover;
height:182px;
}

section#featured-product .product-price{
text-align:center;
}

section#featured-product .container .row a{
    padding-bottom:30px;
  }
}
@media screen and (max-width:400px){
  section#featured-product .product-container .product-info-container h3{
    font-size:15px;
    line-height:20px;
  }
  section#featured-product .product-container .product-info-container .global-btn-broad{
    width:100%;
    font-size:14px;
    
  }
  section#featured-product .product-info-container .d-flex{
    gap:10px;
  }
  section#featured-product .row a {
        width: 100%!important;
    }
}

/* Why us  */
section#why-us h2 {
  font-family: 'Lovelo', sans-serif;
  font-weight: 400;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  text-transform: uppercase;
  color: #FEFCEF;
 
}

section#why-us p {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0;
  text-align: center;
  color: #FEFCEF;
}
section#why-us p > strong{
   color: #F9D911;
}
section#why-us .points-main-container{
  display:flex;
  justify-content: space-between;
  align-content: :center;
  padding-top:40px;
  text-align: center;
  
}
section#why-us .points-container img {
    margin-bottom: 15px;
}

section#why-us .points-container p {
  font-family: 'Lovelo', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.04em; /* -4% converted to em unit */
  text-align: center;
  text-decoration: underline;
  color: #F9D911;
}
@media screen and (min-width:1000px){
  #why-us .container {
    max-width: 992px;
}
  section#why-us h2 {
     max-width: 750px;
  margin:0 auto;
  }
}
@media screen and (max-width:500px){
  section#why-us {
    padding: 30px 15px 35px!important;
}

section#why-us h2 {
    font-size: 30px;
    line-height: 40px;
}
section#why-us p{
  font-size:14px;
  line-height:22px;
}
section#why-us .points-main-container {
    padding-top: 30px;
gap:30px;
flex-direction:column;
}

section#why-us .points-container p {
    font-size: 14px;
    line-height: 20px;
  padding-top:15px;
}
}

/* How Parties Work */
.how-parties-work h2{
  color:black!important;
}
@media screen and (max-width:500px){
  .how-parties-work h2 {
    font-size: 30px!important;
    line-height: 40px!important;
}
.how-parties-work .cta-button{
  font-size:14px;
}
section.how-parties-work {
    padding: 30px 0;
}
}
/*Testimonial  */
@media screen and (max-width:500px){
  section.testimonial-slider-section {
    padding: 30px 15px 0;
}

.testimonial-slider-section .section-heading {
    font-size: 30px!important;
    line-height: 40px;
margin-bottom:30px!important;
}

}

/* FAQ */
section#faq {
    padding: 120px 0 150px;
    background: url(/cdn/shop/files/colored_bg.png?v=1750725473), url(/cdn/shop/files/footprints.png?v=1750725473), url(/cdn/shop/files/knife.png);
    background-repeat: no-repeat;
    background-size: 10%;
    background-position: 0% 0%, 100% 50%, 0 100%;
}
section#faq h2{
  font-size:50px;
  font-weight:400;
  line-height:60px;
  font-family:Lovelo;
  text-transform: uppercase;
  color:black;
  padding-bottom: 40px;
}


section#faq details.faq-card {
    background: white;
    border-radius: 17px;
    border:1px solid black;
    
}
section#faq details.faq-card[open]{
  background:black;

}
section#faq details.faq-card[open] .faq-heading-with-image{
color :#F9D911
}


section#faq details.faq-card summary {
    font-size: 20px;
    color: #000;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  font-family:Lovelo;
  gap:10px;
  font-weight: 400;
  padding:10px;
  text-transform: uppercase;
}

section#faq details.faq-card  p{
   font-family:poppins;
   font-size: 16px;
   color: black;
  font-weight:500;
   line-height: 24px;
  margin-top:15px;
  margin-left:58px;
  
}
section#faq details.faq-card p a {
    color: #000000;
    font-weight: 600;
    text-decoration: underline;
}
section#faq .faq-content {
    background: white;
    padding: 30px 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

section#faq details.faq-card summary .minus-svg,section#faq details.faq-card summary .active-svg-image{
  display:none;
}
section#faq details.faq-card[open] .minus-svg,section#faq details.faq-card[open] summary .active-svg-image{
  display:block;
  transition:0.5s
}
section#faq details.faq-card[open] .plus-svg,section#faq details.faq-card[open] summary .normal-svg-image{
  display:none;
  transition:0.5s
}
section#faq .faq-image-container img{
  width:100%;
}
.faq-heading-with-image {
    display: flex;
    align-items: center;
    gap: 10px;
  font-family:Lovelo;
}
@media screen and (max-width:989px){
  section#faq{
    padding:30px 0;
  }
}
@media screen and (max-width:500px){
  section#faq {
background-size:25%;
}

section#faq h2{
font-size:30px;
line-height:40px;
padding-bottom:30px;
}

section#faq details.faq-card summary{
font-size:16px;
line-height:24px;
}

section#faq .faq-content {
    padding: 15px 15px 15px 0;
}

section#faq details.faq-card p{
margin-left:15px;
}
  section#faq .faq-image-container{
    padding-bottom:30px;
    text-align:center;
  }
  section#faq .faq-image-container img{
    width:200px;
    object-fit:cover;
  }
  section#faq .faq-container.col-12.justify-content-center{
    max-width:100%!important;
  }
  
  
}

/* Newsletter */
section#newsletter .container{
  display:flex;
  justify-content: space-between;
  align-items:center;
}
section#newsletter .container h2{
  font-family: Lovelo;
font-weight: 400;
font-size: 50px;
line-height: 60px;
text-transform: uppercase;
color:white;
}
section#newsletter .container p{
  color:#FEFCEF;
  font-family: Poppins;
font-weight: 400;
font-size: 16px;
line-height: 28px;

}

.news_left .newsletter-form__field-wrapper .field {
    display: flex;
    flex-direction: row;
    align-items: center;
    backdrop-filter: blur(20px);
    border: 2px solid white;
    border-radius: 50px;
    background: #ffffff80;
    padding: 5px 10px;
}
.news_left input ,.news_left input:focus,.news_left button:focus{
    border: none;
    outline: none;
   
}

section#newsletter .news_left input::placeholder {
   font-family: Poppins;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
    color: #FEFCEF;
}
section#newsletter .news_right {
   display:flex;
    align-items: baseline;
    justify-content: center;
  width:50%;
}
section#newsletter .news_right img{
  margin-top:-100px;
}
section#newsletter .container .news_left {
    width: 50%;
}

@media screen and (max-width:500px){
  section#newsletter .container h2 {
    font-size: 30px;
    line-height: 40px;
}

section#newsletter .container {
    flex-direction: column;
gap:45px;
}

section#newsletter .container .news_left,.container .news_right {
    width: 100%;
}

section#newsletter .news_right img{
margin-top:0!important;
}

section#newsletter {
    margin: 0!important;
    padding: 30px 15px 0;
}

}

/* Footer */
section#footer .menu_container {
    display: grid
;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "menu1 menu2"
        "empty social";
}
.social-info a i {
    color: black;
    padding: 12px;
    border-radius: 50px;
    background: white;
    font-size: 18px;
}

section#footer .menu_container .block-footer-1{
  grid-area: menu1
}
section#footer .menu_container .block-footer-2{
  grid-area: menu2
}
section#footer .menu_container .block-footer-3{
  grid-area: social
}
section#footer .logo-container{
  text-align:center;
}
section#footer p.footer-content{
font-family: Poppins;
font-weight: 400;
font-size: 14px;
line-height: 28px;
text-align: center;
  color:#FEFCEF;
}
section#footer hr.hr-footer {
    margin-bottom: 30px;
  margin-top:30px;
    color: white;
}

section#footer .menu_container .menus {
    width: 60%;
}
section#footer .menu_container .menus h5{
  font-family: Lovelo;
font-weight: 900;
font-size: 25px;
line-height: 25px;
color:#FEFCEF;

}
section#footer .menus li a.link {
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #FEFCEF;
}
section#footer .menus li{
  margin: 20px 0;
}
section#footer .logo-container {
    margin-bottom: 40px;
}

section#footer hr.hr-footer {
    margin-bottom: 15px;
}

section#footer .contact-form-container h3 {
    font-family: Lovelo;
    font-weight: 900;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -4%;
    color: #FEFCEF;
    text-align: center;
  margin-bottom:20px;
}
section#footer .contact-form-container h4{
font-family: Poppins;
font-weight: 500;
font-size: 16px;
line-height: 24px;
  margin-top:20px;
  margin-bottom: 15px;
letter-spacing: 0%;
color: #FEFCEF;
}
section#footer .contact-form-container p{
font-family: Poppins;
font-weight: 400;
font-size: 12px;
line-height: 20px;
letter-spacing: 0%;
color:#FEFCEF;
}
section#footer  .contact-form-container {
    padding: 30px 30px;
    background: #ffffff24;
}

section#footer .contact-form-container form#ContactFormFooter {
    background: none ! Important;
}


section#footer input.form-control {
    background: none !important;
    border: none;
    border-bottom: 1px solid #FEFCEF;
    border-radius: 0;
  color:white;
}

section#footer #ContactForm label {
    font-family: Poppins;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -4%;
    color: #FEFCEF;
}

section#footer #ContactForm input::placeholder {
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0%;
    color: #fefcef82;
}


section#footer button.btn.btn-primary {
    background: #F9D911;
    width: 100%;
    border-radius: 50px;
    font-family: Poppins;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: black;
    margin-top: 30px;
}
section#footer .form-group.col-md-6{
padding:0;
}

section#footer .form-group.col-md-6:first-child {
    padding: 0 30px 0 0px;
}

section#footer .form-group:not(.col-md-6) {
    padding: 15px 0;
}
section#footer .form-row.row {
    padding-bottom: 15px;
}

section#footer .menu_container .block-footer-3{
  position: relative;
}

section#footer .menu_container .contact-social {
    position: absolute;
    top: -320px;
      border-top: 1px solid #FEFCEF;
    padding-top: 30px;
}

section#footer ul.d-flex li:nth-child(2) {
    margin-left: 10px !important;
}
@media screen and (max-width:500px){
 section#footer  .menu_container .menus h5{
font-size:18px;
line-height:22px;
}
section#footer .menu_container .contact-social {
    top:-295px;
}
  
section#footer .menus li{
margin:15px 0;
}

section#footer{
padding:45px 0 20px!Important;
}
  section#footer .menu_container .menus{
    width:100%!important;
  }
  section#footer .contact-form-container{
    margin-top:15px;
  }
}

/* Product Page */
.template-product .product-review {
    border: 1px solid black;
    border-radius: 20px;
    background: white;
    padding: 15px;
    margin-bottom: 20px;
}
.template-product .product-review h4 {
    font-family: Lovelo;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
}
.template-product .product-review p {
    font-family: 'Poppins';
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
.template-product .reviewStars span {
    font-size: 23px;
}

.template-product div#ProductPhoto {
    border-radius: 20px;
}
#product-content h2#popup_cart_title {
    font-family: Lovelo;
    font-weight: 400;
    font-size: 40px!important;
    line-height: 50px;
    color:black!important;
}
#product-content .product-price.pricing-meta #ProductPrice {
   font-family: Poppins;
    font-weight: 900;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0%;
    color: rgba(249, 217, 17, 1);
    text-shadow: 3px -1px 0px black;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

#product-content .product-features p {
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0%;
    color: black;
}
#product-content .product-features p{
  margin-bottom:24px;
}
#product-content .product-features {
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: 1px solid #00000045;
    border-bottom: 1px solid #00000045;
    margin: 24px 0;
}
.product-cart-action.pro-details-cart button.global-btn-broad {
    background: #f9d911;
    color: black;
    font-family: poppins;
    font-weight: 700;
  font-size:20px;
}
a#more-payment-options-link {
    color: black;
    font-family: poppins;
    font-size: 14px;
}
div#product-details-with-gallery {
    background: url(/cdn/shop/files/hand-png.png?v=1751397751);
    background-position: center right;
    background-repeat: no-repeat;
  padding:80px 0 0;
}

/* Product Description Tabs */
div#shopify-section-template--19512344150245__175156331635a68d01 {
    background: url(/cdn/shop/files/colored_bg.png?v=1750725473);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 10%;
  padding:60px 0;
}

  div#shopify-section-template--19512344150245__175156331635a68d01 .container {
    background: white!important;
	border:1px solid black!important;
	padding:0!important;
}

li.apd-tabs-list-item.apd-active {
    background: rgba(249, 217, 17, 1) !important;
    color: black !important;
    border: 1px solid black !important;
    /* border-radius: 0 !important; */
}

li.apd-tabs-list-item h5 {
    font-family: Lovelo ! Important;
    font-weight: 900 !important;
    font-size: 20px ! IMPORTANT;
    line-height: 20px !important;
    text-transform: capitalize !important;
    color: black !important;
}
li.apd-tabs-list-item {
    BORDER-RADIUS: 0 !important;
    margin: 0 !important;
    width: 25% !important;
    max-width: 100%;
    background: white ! Important;
    padding: 18px !important;
    border: 1px solid black !important;
}
ul.apd-tabs-list.classic li:last-child {
    display: none ! Important;
}

section.apd-tab.apd-content h2 {
    font-family: Lovelo !important;
    font-weight: 900 !important;
    font-size: 40px !important;
    line-height: 40px !important;
    color: black !important;
}

section.apd-tab.apd-content p, section.apd-tab.apd-content i, section.apd-tab.apd-content strong, section.apd-tab.apd-content td, section.apd-tab.apd-content li {
    color: black !important;
    
    font-family: 'Poppins' !important;
}

section.apd-tab.apd-content.apd-active {
    padding-left: 100px ! Important;
    padding-right: 75px !important;
    padding-top: 30px ! Important;
    padding-bottom: 30px ! Important;
    padding: 30px 75px 30px 100px !important;
}

  /* Judgme Reviews */
  
h2.jdgm-rev-widg__title {
    font-family: Lovelo;
    font-weight: 900;
    font-size: 50px;
    line-height: 50px;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: uppercase;
}
.jdgm-rev-widg__summary-stars{
display:flex;
flex-wrap:wrap;
}

span.jdgm-rev-widg__summary-average {
    font-family: Poppins;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0%;
    color: black;
    padding: 10px 0;
}
.jdgm-row-actions,.jdgm-rev,.jdgm-paginate  {
    border-top:1px solid rgba(16, 132, 116, 0.1);
    border-color: #00000045!important;
}
    .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-rev-widg__summary+.jdgm-histogram,.jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-histogram+.jdgm-widget-actions-wrapper{
  border-left: 1px solid rgba(16, 132, 116, 0.1);
        border-color: #00000045!important;
}
.jdgm-rev-widg__summary-stars span.jdgm-star {
    color: black;
    background: #F9D911;
    /* padding: 10px 20px; */
    /* margin: 10px 20px; */
    border: 1px solid black;
    width: 36px;
    height: 36px;
    align-items: center;
    display: flex
;
    justify-content: center;
    text-align: center;
    font-size: 20px;
}

.jdgm-rev-widg__summary-text {
    font-family: Poppins;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0%;
    color: black;
}


a.jdgm-write-rev-link {
    font-family: Poppins;
    font-weight: 700;
	color:black!Important;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    background-color: #F9D911 !important;
    border: none !important;
    border-radius: 50px;
}

/*Product page > related Products  */
.related_products h2.title {
    font-family: Lovelo;
    font-weight: 400;
    font-size: 50px;
    line-height: 50px;
    letter-spacing: -4%;
    text-align: center;
    text-transform: uppercase;
    color: black;
}

.related_products h5.title.popup_cart_title a {
    font-family: Lovelo;
    font-weight: 400!important;
    font-size: 25px;
    line-height: 35px;
  color:black;
    text-align: center;
    text-transform: capitalize;
    white-space: unset ! Important;
}
.related_products .product .content{
background-color:unset!important;
}
.related_products .product .thumb .add-to-cart{
  display:none!Important;
}

.related_products .product .content .price {
    font-family: Poppins;
    font-weight: 700;
    font-size: 20px;
    color: black;
    line-height: 20px;
}

.related_products .product_price_btn {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}
.template-product .global-btn-broad:hover {
    background: #f9d911;
    color: black;
}


.template-product .hr-line-custom {
    padding: 90px 0 60px 0;
    background: url(/cdn/shop/files/butcher_knife_left.png?v=1751919658);
    background-repeat: no-repeat;
    background-size: 10%;
}
.template-product .related_products {
    background: url(/cdn/shop/files/knife.png?v=1751411737);
    background-repeat: no-repeat;
    background-size: 7%;
}
.template-product img.product_variant_image.product-zoom{
  border-radius: 30px;
}


@media screen and (max-width:991px){
  .product_price_btn{
    flex-direction: column;
  }
}
@media screen and (max-width:500px){
div#product-details-with-gallery{
padding:160px 0 30px;
background-size:0%;
}
#product-content .product-price.pricing-meta #ProductPrice{
font-size:30px!important;
line-height:40px;
}
  #product-content h2#popup_cart_title{
    font-size:27px!important;
    line-height:37px;
  }

div#shopify-section-template--19512344150245__175156331635a68d01 {
    background-size: 10%;
    padding: 20px 15px 30px;
}
.template-product .hr-line-custom{
padding:15px 0 15px;

}

.template-product section.apd-tab.apd-content.apd-active{
padding:15px 25px!important;
}

li.apd-tabs-list-item h5{
font-size : 16px!important;
line-height:24px!important;
} 


.template-product .related_products h2.title{
font-size:30px;
line-height:40px;
}
}
@media screen and (max-width:400px){
  #product-content h2#popup_cart_title{
    font-size:22px;
    line-height:32px;
  }
 .template-product ul.apd-tabs-list.classic {
    display: flex;
    flex-direction: column;
   
}
  .template-product li.apd-tabs-list-item {
    width: 100% ! Important;
}
  .template-product section.apd-tab.apd-content.apd-active a i {
    word-break: break-all;
}
}

/*How to Play  */
#how-to-play-oo section.image-text-section{
  padding:120px 0 60px;
}
#how-to-play-oo section.image-text-section .text-container h2 {  
    margin-bottom: 10px;
    font-family: Lovelo;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    text-transform: uppercase;
  color:black;
}

/*Video Section  */

#how-to-play-oo .video-tutorial-section {
    background-color: unset!important;
    padding: 60px 0 120px;
    background-image:url('/cdn/shop/files/testimonial_arrow.png?v=1750724948'), url(/cdn/shop/files/hand-png.png?v=1751397751);
    background-size: 10%,10%;
    background-repeat: no-repeat;
    background-position: 10% 0%, 100% 0%;
}
#how-to-play-oo .video-w-text{
  background:unset!important;
}


#how-to-play-oo .video-tutorial-section .video-tutorial-container .video-tutorial-item {
    background: none;
    box-shadow: none;
}


#how-to-play-oo .video-tutorial-section .video-tutorial-container .video-tutorial-item h2 {
    margin-bottom: 10px;
    font-family: Lovelo;
    font-weight: 400;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
  color:black;
}


#how-to-play-oo .video-tutorial-section .video-tutorial-container .video-tutorial-item p {
    color: rgba(249, 217, 17, 1);
    margin-bottom: 15px;
    font-family: Lovelo;
    font-weight: 900;
    font-size: 20px;
    line-height: 20px;
    text-shadow: 4px 0px 0px black;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

/* Image with text Banner */
section.bg-curtain .text-container h2 {
    color: #FEFCEF;
    margin-bottom: 20px;
    font-family: Lovelo;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    text-transform: uppercase;
}
 section.bg-curtain .text-container p{
  color:#FEFCEF;
}
/*  Image with text reverse */
#how-to-play-oo section.bg-curtain.text_first .text-container h2,#how-to-play-oo section.bg-curtain.text_first .text-container p{
 
color:black;
}
#how-to-play-oo section.bg-curtain.text_first {
    background: url(/cdn/shop/files/colored_bg.png?v=1750725473), url(/cdn/shop/files/knife.png?v=1751411737);
    background-size: 10%;
    background-repeat: no-repeat;
    background-position: top right, center left;
  
}
section.bg-curtain.text_first .image-text-container{
  flex-direction: row-reverse;
}
@media screen and (max-width:1280px){
.video-tutorial-container .video-tutorial-item {
    max-width: 50%;
    width: 45%;
}}

@media screen and (max-width:991px){
.image-text-container {
    flex-direction: column;
}
.image-text-container div {
    width: 100%;
    text-align: left;
    max-width: 100%;
}
.bg-curtain img {
    margin-bottom: 50px;
}
}

@media screen and (max-width:768px){
#how-to-play-oo section.image-text-section .text-container h2 {
    font-size: 40px;
    line-height: 50px;
}

#how-to-play-oo .video-tutorial-section .video-tutorial-container .video-tutorial-item h2 {
    font-size: 28px;
    line-height: 38px;
}
section#why-us h2{
font-size:40px;
line-height:50px;
}

.testimonial-slider-section .section-heading {
    font-size: 40px;
    line-height: 50px;
}
section.bg-curtain .text-container h2 {
    font-size: 40px;
    line-height: 50px;
}
}

@media screen and (max-width:500px){
#how-to-play-oo section.image-text-section {
    padding: 30px 15px;
}
  .image-container{
    margin:auto!important;
  }

#how-to-play-oo .video-tutorial-section {
    padding: 30px 0 80px;
}
.video-tutorial-container {
    flex-direction: column;
}
  .image-text-container{
    display:block!important;
  }

.video-tutorial-container .video-tutorial-item {
    max-width: 100%;
    width: 100%;
}
  #how-to-play-oo .video-tutorial-section{
background-size: 20%!important;
    background-position: 0 2%, 100% 100%!important;

}

#how-to-play-oo section.image-text-section .text-container h2 {
    font-size: 30px;
    line-height: 40px!important;
    text-align: center;
}
#how-to-play-oo section.image-text-section .text-container p{
text-align:center;
}

section.bg-curtain .text-container h2 {
    font-size: 30px;
    line-height: 40px;
  margin-top:20px;
}
.bg-curtain.text_first img {
    margin-bottom: 0;
}
section.bg-curtain{
padding:30px 0!important;
}
  section#why-us h2{
font-size:30px;
line-height:40px;
}
}


/* Contact Page */

  section#contact_oo {
    background-image: url(/cdn/shop/files/hand-png.png?v=1751397751), url(/cdn/shop/files/colored_bg.png?v=1750725473);
    background-size: 10%;
    background-repeat: no-repeat;
    padding: 90px 0;
    background-position: 100% 70%, 0 0 ;
}
section#contact_oo .row.main-form-cont {
    background: white;
    border-radius: 20px;
    border: 1px solid black;
    padding: 20px 0px 20px 20px;
}
section#contact_oo h3 {
    font-family: Lovelo;
    font-weight: 400;
    font-size: 40px;
    line-height: 40px;
    color: white;
}
section#contact_oo p {
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
     color: white;
}
 section#contact_oo ul.list-details li:first-child a {
    color: white;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
   word-break: break-all;
}
 section#contact_oo ul.list-details li:last-child a {
    color: white;
    font-family: Poppins;
    font-weight: 600;
    font-size: 25px;
    line-height: 25px;
    letter-spacing: 0%;
}
 section#contact_oo .contact-social h4 {
    font-family: Lovelo;
    font-weight: 900;
    font-size: 25px;
    line-height: 25px;
    letter-spacing: 0%;
   margin-bottom:15px;
    vertical-align: middle;
    text-transform: uppercase;
    color: white;
}
section#contact_oo ul.list-details {
    gap: 30px;
    display: flex
;
    flex-direction: column;
}

section#contact_oo ul.list-details li a img {
    padding-right: 15px;
}
#contact_oo button.global-btn-broad {
    background: rgba(249, 217, 17, 1);
    color: black;
}
#contact_oo .social-info ul {
    gap: 15px;
}

section#contact_oo form#contact_form textarea {
    height: auto ! Important;
}
 section#contact_oo .social-info a>i {
    font-size: 30px;
    color: rgba(249, 217, 17, 1);
}
section#contact_oo .social-info ul li{
border: 2px solid rgba(249, 217, 17, 1);
    display: flex
;
    align-items: center;
    align-self: center;
    width: 50px;
    height: 50px;
    border-radius: 45px;
    justify-content: center;
}
section#contact_oo .social-info ul li a{
  width:30px;
  height:30px;
}


section#contact_oo form#contact_form input, form#contact_form textarea {
    border: none;
    outline: none;
    border-bottom: 1px solid #00000025;
}

section#contact_oo form#contact_form input::placeholder, form#contact_form textarea::placeholder {
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0%;
    color: black;
}

@media screen and (max-width:1024px){
  section#contact_oo h3{
    font-size:30px;
    line-height:30px;
  }
}
@media screen and (max-width:991px){
  section#contact_oo .row.main-form-cont{
    padding:20px;
  }
  section#contact_oo .main-form-cont .col-lg-4.col-12{
    padding:30px 15px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width:768px){
  section#contact_oo{
    padding:30px 0px;
  }
}
@media screen and (max-width:500px){
  section#contact_oo{
    padding:30px 0px;
  }
}
/* Membership Page */
/* Whats Included Section */
section#whats-included{
background-size:5%,10%;
background-image:url('/cdn/shop/files/plus_icons.png?v=1750463694'),url('/cdn/shop/files/colored_bg.png?v=1750725473');
background-position:center left, top right;
  background-repeat: no-repeat;
  padding:60px 0;
}
section#whats-included .row h2{
font-family: Lovelo;
font-weight: 400;
font-size: 50px;
line-height: 60px;
text-align: center;
  color:black;
text-transform: capitalize;
  padding-bottom:60px;
}
section#whats-included .row .list-w-icons .list-wrapper {
  margin:30px 0;
}

section#whats-included .row .list-w-icons .list-wrapper  h3{
font-family: Lovelo;
font-weight: 500;
font-size: 24px;
line-height: 34px;
color: rgba(249, 217, 17, 1);
-webkit-text-stroke: 1px black;
}

section#whats-included .row .list-w-icons .list-wrapper p{
font-family: Poppins;
font-weight: 400;
font-size: 15px;
line-height: 24px;
text-transform: capitalize;
color:black;
}

section#whats-included a.global-btn-broad{
  position:relative;
  background: #f9d911;
    color: black;
  padding:10px 35px;
}
section#whats-included a.global-btn-broad:after {
    content: url(/cdn/shop/files/btn_arrow.png?v=1751572133);
    position: absolute;
    top: 50%;
    right: -50%;
    transform: translate(50%, -50%);
}
/* Featured product */
#membership #featured-product {
    padding: 60px 30px;
    background-image: url('/cdn/shop/files/colored_bg.png?v=1750725473'),url('/cdn/shop/files/butcher_knife.png?v=1750463694');
    background-position: top left , bottom right;
    background-size:10%;
}
#membership section#featured-product .container{
  background-image:none;
}
#membership section#featured-product p{
  margin-top:15px;
}
#membership section#featured-product .featured-content {
    padding-bottom: 40px;
}
#membership section#featured-product .product-info-container {
    padding-top: 20px;
}

/* Curtain Section */
.img-w-text-bg-curtain .cta-button:hover {
    color: black;
    background: #f9d911;
}

/* Banner Membership */
#membership section#hero-banner .container span {
    font-family: Lovelo;
    font-weight: 900;
    font-style: Black;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 0%;
    -webkit-text-stroke: 1px black;
    color: #f9d911;
}
@media screen and (max-width:991px){
  .product-info-container .d-flex{
    text-align: center;
  }
  section#featured-product .row a {
    width: 50%;
    
}
  section#featured-product .row a:not(:nth-child(3)),section#featured-product .row a:not(:nth-child(4)) {
    margin: 0 0 50px 0;
}
}

@media screen and (max-width:500px){
  section#whats-included {
    padding: 30px 0;
    background-size: 20%, 30%;
    background-position: 0 100%, 100% 0;
}
  section#whats-included .row h2 {
    font-size: 28px;
    line-height: 38px;
    padding-bottom: 30px;
}
  section#whats-included a.global-btn-broad:after {
    right: -20%;
    transform: translate(20%, -50%);
}
  section.bg-curtain.text_first .image-text-container {
    flex-direction: column;
gap:30px;
}

.image-text-container div {
    width: 100% !important;
    max-width: 100%;
}

section.bg-curtain .text-container h2 {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}
section.bg-curtain .text-container p {
    text-align: center;
}

section.bg-curtain .cta-button{
margin:0 auto;
display:block;
width:max-content
}

section#featured-product {
    padding: 30px 0 !important;
    background-size: 20%, 15% !important;
}
section#featured-product .row a:not(:nth-child(3)), section#featured-product .row a:not(:nth-child(4)){
margin:0;
}
  section#hero-banner a.global-btn-broad{
    font-size: 11px !important;
        padding: 10px 12px;
  }
  section#whats-included a.global-btn-broad:after {
    display: none!important;
}
  section#hero-banner{
    padding:130px 0 60px !important;
  }
}

/* Talent Page */

section#talent-popup {
    padding: 60px 0;
	background-image:url('/cdn/shop/files/colored_bg.png?v=1750725473'),url('/cdn/shop/files/footprints.png?v=1750725473'),url('/cdn/shop/files/Vector.png?v=1749076757');
	background-size: 10%, 8%, 10%;
    background-repeat: no-repeat;
    background-position: 100% 0%, 100% 50%, 0% 50%;
	background-repeat:no-repeat;
}

section#talent-popup .container {
    display: flex;
    flex-direction: row;
    gap: 30px;
  justify-content: flex-start;
    flex-wrap: wrap;
}

section#talent-popup .image-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 31%;
  gap:30px;
}

section#talent-popup .image-container span {
    font-family: Lovelo;
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    text-transform: capitalize;
    color: black;
}




section#talent-popup .modal-content span {
    font-family: Lovelo;
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    text-transform: capitalize;
    color: black;
    display:block;
  padding-top:30px;
}

section#talent-popup .modal-content h3 {
    font-family: Lovelo;
    font-weight: 400;
    font-size: 40px;
    line-height: 40px;
    color: black;
}

section#talent-popup .modal-content p {
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: black;
}
section#talent-popup .modal-content .row {
    padding: 60px 30px;
}
@media screen and (max-width:1024px){
  section#talent-popup{
    background-size: 10%, 8%, 5%;
  }
}
@media screen and (max-width:991px){
section#talent-popup .image-container{
  width:30%;
}
  section#talent-popup .image-container span{
    font-size:20px;
    line-height: 30px;
  }
  section#talent-popup .container,section#talent-popup .image-container{
    gap:20px;
  }
  
}
@media screen and (max-width:768px){
  section#talent-popup .modal-content .col-md-5{
    text-align: center;
  }
}
@media screen and (max-width:500px){

  section#talent-popup .image-container span{
    font-size:12px;
    line-height: 18px;
  }
  section#talent-popup{
    padding:30px 0;
  }
      section#talent-popup .container, section#talent-popup .image-container {
        gap: 15px;
    }
  section#talent-popup .modal-content .row{
    padding: 30px 15px;
}
  section#talent-popup .modal-content span{
    font-size:24px;
    padding-top:20px;
  }
  section#talent-popup .modal-content h3{
    padding-top:30px;
    font-size:28px;
    line-height: 28px;
  }
}
@media screen and (max-width:400px){
 section#talent-popup .image-container {
    width: 45% !important;
    gap: 15px;
}
}

/* Host Page */

/* Immersive Experience*/

section.immersive-experience{
  background:none!important;
  padding-top:30px;
}
section.immersive-experience {
    background-image: url(/cdn/shop/files/knife_right.png?v=1752614189) !important;
    background-size: 10% !important;
    background-position: 100% 0 !important;
    background-repeat: no-repeat ! Important;
}
section.immersive-experience .immersive-container {
    padding-bottom: 40px;
}

section.immersive-experience .immersive-text h2 {
    font-family: Lovelo;
    font-weight: 400;
    font-style: Black;
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
    color: black;
  margin-bottom:20px;
}


section.immersive-experience .immersive-text p {
    font-family: Lovelo;
    font-weight: 400;
    font-style: Black;
    font-size: 22px;
    line-height: 22px;
    color: black;
}

section.immersive-experience .immersive-gallery{
justify-content:space-between;
 position: relative;
}



section.immersive-experience .immersive-gallery:before {
    content: '';
    width: 335px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(270deg, rgba(254, 252, 239, 0) 0%, #FEFCEF 100%);
}
section.immersive-experience .immersive-gallery:after{
    content: '';
    width: 335px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
background: linear-gradient(270deg, #FEFCEF 0%, rgba(254, 252, 239, 0) 100%);
}

@media screen and (max-width:888px){
  section.immersive-experience .immersive-gallery:before,section.immersive-experience .immersive-gallery:after{
    width:225px;
  }
  .gallery-item {
    width: 33%;
    max-width: 100%;
    flex: auto;
}
}
@media screen and (max-width:500px){
  section.immersive-experience .immersive-text h2{
    font-size:30px;
    line-height: 40px;
  }
  section.immersive-experience .immersive-gallery:before, section.immersive-experience .immersive-gallery:after {
        width: 150px;
    }
  section.immersive-experience{
    padding-bottom:30px;
  }
}

/* Meet Our Host  */
section#meet-host {
    padding: 90px 30px;
    background: url(/cdn/shop/files/colored_bg.png?v=1750725473), url(/cdn/shop/files/knife_right.png?v=1752614189);
    background-size: 10%;
    background-repeat: no-repeat;
    background-position: 0 0, 100% 80%;
}

section#meet-host h2 {
    font-family: Lovelo;
    font-weight: 400;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    text-transform: capitalize;
    color: black;
  padding-bottom: 40px;
}

section#meet-host .image-wrapper img {
    width: 48%;
}
section#meet-host .image-no-1 .image-wrapper img:first-child {
    width: 100%;
}
section#meet-host .image-no-2 .image-wrapper img:last-child {
    width: 100%;
}
section#meet-host .image-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 28px;
    column-gap: 15px;
}
section#meet-host .cta-wrapper {
    padding-top: 60px;
    margin: 0 auto;
    width: max-content;
}
section#meet-host .cta-wrapper a.global-btn-broad {
   background:#F9D911;
  color:black;
  padding:10px 35px;
}
@media screen and (max-width:500px){
  section#meet-host {
    padding: 30px 0;
}
  section#meet-host h2 {
    font-size: 30px;
    line-height: 40px;
}
  section#meet-host .image-wrapper img {
    width: 47%;
}
  .host-images.row {
    gap: 24px;
}
  section#meet-host .cta-wrapper {
   display: flex
;
        flex-direction: column;
        text-align: center;
        padding: 15px;
}
}
/* Text Container */
@media screen and (max-width:991px){
  .image-text-container div {
    width: 100%!important;
}  
}



/* Blog Page */
.blog-post-content-inner .blog-title {
    font-family: Lovelo;
    font-weight: 900;
    font-size: 25px;
    line-height: 35px;
    color: black;
}
h4.blog-title a {
    color: black !important;
}

.blog-post-content-inner p {
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: black;
}

.blog-post-content-inner a.global-btn-broad {
    background: #f9d911;
    color: black;
    display: block;
    width: max-content;
}

.blog-post-content-inner .blog-athor-date .blog-date {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: black !important;
    gap: 7px;
    display: flex
;
}



.blog-grid .left-sidebar h3.sidebar-title{
    color: black;
    font-family: 'Lovelo';
    font-size: 22px;
}

.blog-grid .left-sidebar input {
    border: 1px solid #00000025;
    padding-right: 55px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
}

.blog-grid .sidebar-widget button{
border-radius:50px;
    background-color: #f9d911;}

}

.blog-grid  .sidebar-widget form button {
    position: absolute;
    top: 10%;
    right: 3%;
    height: 39px;
    width: 40px;
}

.blog-grid .left-sidebar input[type="search"]::placeholder {
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 16px;
    letter-spacing: 0%;
    color: #000000d6;
}

.left-sidebar .recent-post-widget .recent-single-post .media-side a {
    /* font-size: 15px; */
    /* font-weight: 500; */
    /* color: #212121; */
    font-family: Lovelo;
    font-weight: 900;
    font-style: Black;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 18px;
    letter-spacing: 0%;
    color: black;
}

.left-sidebar .recent-post-widget .recent-single-post .media-side span {
    font-family: 'Poppins';
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 14px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: black;
}

.sidebar-widget dt {
    font-family: Lovelo;
    font-weight: 900;
    font-style: Black;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 22px;
  margin:10px 0;
    letter-spacing: 0%;
    color: black!important;
}

.left-sidebar .category-post li a {
   
    font-family: 'Poppins'!important;
    font-weight: 400;
    font-size: 16px!important;
    line-height: 16px;
    vertical-align: middle;
    color: black!important;
}

.main-blog-page .shop-sidebar-wrap .sidebar-widget-tag li a {
    margin: 4px;
    text-transform: capitalize;
    color: black!important;
    font-family: Poppins!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 16px!important;
    background: transparent!important;
    border: 1px solid #00000025!important;
  padding:10px 20px !important;
}
.search-widget button {
    background: #f9d911!important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50px!important;
    color: black ! Important;
}
.sidebar-widget form button {
    position: absolute;
    top: 10%!important;
    right: 10px!important;
    
}

.pro-pagination-style a {
    font-family: 'Lovelo';
    border: 1px solid #00000045;
    background: none;
}
.pro-pagination-style a.active, .pro-pagination-style a:hover {
    background-color: #f9d911!important;
    color: black;
}





/* sm Phone Responsive */
@media screen and (max-width:425px){
    /* section#why-us h2,.how-parties-work h2,section#featured-product h2 ,.testimonial-slider-section .section-heading,section#newsletter .container h2,section#faq h2,#how-to-play-oo section.image-text-section .text-container h2{
     */ 
  * body h2 { 
      font-size: 26px!important;
        line-height: 36px!important;
      font-weight:400!important;
    }
.how-parties-work .description,section#newsletter .container p{
  font-size:14px;
  line-height:24px;
}

  .template-index .image-grid-container{
    padding-bottom:40px!important;
  }
}



@media screen and (max-width:1200px){
  section#footer input.form-control{
    padding-right:0!important;
  }
}



}


div#__pf [data-pf-type='Body'] {
    margin-top: 118px;
}