:where([class^="ri-"])::before { content: "\f3c2"; }
body {
font-family: 'Inter', sans-serif;
}
h1, h2, h3, .font-display {
font-family: 'Playfair Display', serif;
}
.font-body {
font-family: 'Inter', sans-serif;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
.category-card:hover .category-image img {
transform: scale(1.05);
transition: transform 0.3s ease;
}
.category-image img {
transition: transform 0.3s ease;
}
.event-card:hover .event-card-image img {
transform: scale(1.05);
transition: transform 0.3s ease;
}
.event-card-image img {
transition: transform 0.3s ease;
}
.testimonial-card {
transition: transform 0.3s ease;
}
.testimonial-card.active {
transform: scale(1.05);
}
.testimonial-navigation button:focus {
outline: none;
}
</style>
<style>
@media (max-width: 640px) {
.container {
padding-left: 1rem;
padding-right: 1rem;
}
.event-card, .category-card {
max-width: 100%;
}
}

@media (min-width:480px){
 .p-6.payment-ticket {
      padding: .5rem!important;
  }
  .slab-data {
       display: inline;
  }
}

 #drupal-modal .form-control.error {
 border:2px solid #eb2422;
}


#views-exposed-form-dashboard-page-1 .form-item{
 margin:10px;
}

#views-exposed-form-dashboard-page-1 .form-submit{
 margin-top: 11px;
}

/* #views-exposed-form-dashboard-page-1 .js-form-item { */
    /* display:inline-block; */
    /* float: left; */
/* } */

#views-exposed-form-dashboard-page-1 #edit-submit-dashboard{
  --tw-bg-opacity: 1;
    background-color: rgb(239 98 51);
    border: 1px solid #ccc;
    color:#fff;
}
#views-exposed-form-dashboard-page-1 #edit-reset{
  --tw-bg-opacity: 1;
      color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}
/*************/
@media screen and (min-width: 1024px) {
  .ui-dialog .ui-dialog-content {
    height: auto !important;
  }
}
@media screen and (max-width: 462px) {
  .ui-dialog .ui-dialog-content {
    overflow-y: scroll !important;
    height: 520px !important;
    width: 100% !important;
  }
}