.petternOuter::before { content: ""; display: block; 

    background: url(assets/images/pettern.jpg) no-repeat;

    

    width: 490px; height: 1080px;

    position: absolute; left: 0; top: 100px; z-index: 1; opacity: 1; background-size: cover;}







    .petternOuter::after { content: ""; display: block; 

    background: url(assets/images/pettern_jright.jpg) no-repeat;

    

    width: 370px; height: 700px;

    position: absolute; right: 0; bottom: 0; z-index: 1; opacity: 1; background-size: cover;}





    .whowesupport, .petternOuter .e-con-inner, .petternOuter .elementor-element { z-index: 50; position: relative;}





    .eventOuter button{ background: #1cc675; color: #fff !important;  border-radius: 30px !important;

        padding: 8px 20px !important;

        margin-bottom: 30px;

    

    }

    .event-slide { background-color: #ffffff !important; border-radius: 10px;}

    .event-content { padding: 30px;}

    .event-content h3.event-title  { font-size:22px ; color: #000; 

         text-align: center; 

         margin: auto;

        width: 80%;

    }



    .event-content h3.event-title  a { text-decoration: none;}

    .event-thumb img { border-radius: 10px 10px 0 0  ;}



    button[aria-selected="true"] {

    background-color: #1cc675 !important; /* light grey background */

  

}



/* Button with bottom arrow */

button[aria-selected="true"]::after {

  content: "";

  position: absolute;

  bottom: -10px;

  left: 50%;

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-top: 10px solid #1cc675;

}





.upcoming-events-slider  button{ background-color: #1cc675 !important; border-radius: 50%; width: 50px; height: 50px; color: #fff;}



    .upcoming-events-slider  button.owl-prev { position: absolute; top: 40%; left: -30px; }

    .upcoming-events-slider  button.owl-next { position: absolute; top: 40%; right: -30px; }

    .upcoming-events-slider  button span { font-size: 30px;}



    .event-slide img {  transition: all 0.5s ease-in-out;}

    .event-slide:hover img { transform: scale(1.05); }

    .event-thumb { overflow: hidden; border-radius: 10px 10px 0 0 ;}

    .testimonials_content { background: #fff; padding: 40px; border-radius: 20px;}



    .gl_slider_testimonials_01  .owl-dots { margin: 50px 0 0 0; display: flex; justify-content: center; align-items: center;  gap: 10px;}

    .gl_slider_testimonials_01  .owl-dots button { background: #8c4898 !important; width: 15px; height: 15px; border-radius: 50%; opacity: 0.3;}

    .gl_slider_testimonials_01  .owl-dots button.active { opacity: 1;}

    .testi_name { font-weight: bold;}

    .alignwide { margin: 0px !important;} 

    .upcoming-events  li a{ display: flex; gap: 15px; color: #fff;  }

    .upcoming-events  li span svg {fill: #fff !important; }

    ul.upcoming-events{ margin: 0px; padding: 0;}

    .elementor-heading-title  span { color: red;}

@media (min-width: 768px) and (max-width: 15000px) {

  #freeBtnPopup .modal-dialog { max-width: 900px !important;}
}

@media (min-width: 768px) and (max-width: 1100px) {

  #freeBtnPopup .modal-dialog { max-width: 700px !important;}
}
    
    
    
    @media (min-width: 100px) and (max-width: 767px) {

        .petternOuter::before { display: none !important;}
        .testimonials_content { padding: 0px !important;}
        .g-recaptcha  iframe { width: 100% !important;}
        .g-recaptcha  iframe, .g-recaptcha  div { width: 100% !important;}
        #_gl_slider_homepage .owl-img {
            width: 100%;
            height: 550px;   /* set your fixed height */
            overflow: hidden;
        }
        

.innerHeader { padding: 30px 0;} 
.innerHeader h1 { font-size: 25px;}
        .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100% !important; float: none !important;}


            #_gl_slider_homepage .owl-img .SliderImgStyle {
                width: 100%;
                height: 100%;
                object-fit: cover;  /* keeps nice crop */
                display: block;
            }

.upcoming-events-slider button.owl-next { right: 0;}
 .upcoming-events-slider button.owl-prev { left: 0;}
 .ticket-item {
    display: grid;
    grid-template-columns: 1fr 1fr; /* two columns on mobile */
    grid-auto-rows: auto;
  }

  /* First child spans both columns on the first row */
  .ticket-item > :nth-child(1) {
    grid-column: 1 / 3;  /* from col 1 to col 3 (i.e. spans 2 cols) */
  }

  /* Second child: row 2, left column */
  .ticket-item > :nth-child(2) {
    grid-column: 1;
  }

  /* Third child: row 2, right column */
  .ticket-item > :nth-child(3) {
    grid-column: 2;
  }


    }