.performance-schedule-widget-top {
    display: flex;
    gap: 21px;
    margin-bottom: 40px;
}

.ps-slider-wrapper {
    position: relative;
    overflow: visible;
    /* allow arrows outside */
}

.performance-schedule-widget input[type="text"] {
    width: 72.2%;
    padding: 19px 29px 19px 76px;
    margin-right: 14px;
    background: #F9FAFB;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.16667 15.8333C12.8486 15.8333 15.8333 12.8486 15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333Z' stroke='%2399A1AF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.4998 17.4998L13.9165 13.9165' stroke='%2399A1AF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 29px center;
    border-radius: 40px;
    border: 1px solid #E5E7EB;
    color: rgba(10, 10, 10, 0.50);
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.15px;
}

.performance-schedule-widget select {
    width: 13.9%;
    border-radius: 46px;
    background: #E34A5E;
    padding: 15px 30px 15px 30px;
    border: none;
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M9.77962 0.229482C9.6385 0.0825455 9.44711 0 9.24755 0C9.04799 0 8.8566 0.0825455 8.71548 0.229482L4.99039 4.10882L1.26529 0.229482C1.12267 0.0912133 0.93411 0.0159463 0.739283 0.0195179C0.544456 0.0230895 0.358554 0.105222 0.220693 0.248632C0.0828314 0.392043 0.00376031 0.585551 0 0.788441C-0.00352959 0.991331 0.0685348 1.18778 0.201149 1.33646L4.45773 5.77052C4.59885 5.91745 4.79024 6 4.9898 6C5.18936 6 5.38075 5.91745 5.52187 5.77052L9.77962 1.33769C9.92072 1.19072 10 0.991408 10 0.783586C10 0.575764 9.92072 0.376451 9.77962 0.229482Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 10px 6px;
    appearance: none;
    max-width: 168px;
    cursor: pointer;
    text-align: left;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.performance-schedule-widget select.ps-stage-filter {
    background-color: #c0ba01;	
}


.ps-prev, .ps-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

.ps-prev { left: -52px; }

.ps-card {
    padding: 24px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.20);
    min-height: 227px;
        display: flex;
    align-items: center;
}

.ps-time {
    background: #d84141;
    color: white;
    padding: 4px 8px;
    border-radius: 20px;
    font-size: 12px;
    margin-right: 8px;
}

.ps-stage {
    background: #b4b811;
    color: white;
    padding: 4px 8px;
    border-radius: 20px;
    font-size: 12px;
}

/* Each slide has grid of 6 items */
.ps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* 3 cards per row */
    gap: 30px 27px;
    padding: 10px;
}

.performance-schedule-widget select:hover,
.performance-schedule-widget select#ps-stage-filter:hover {
    background-color: #9A6DB5;
}

.performance-schedule-widget select#ps-stage-filter {
    background-color: #C0BA00;
}

.ps-card-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.ps-card h3 {
    color: #000 !important;
    font-family: Rubik;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 33.6px !important;
    margin: 0px 0px 30px !important;
        min-height: 68px;
}

.ps-card-date-stage span {
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    padding: 5px 15px;
    border-radius: 29px;
    background: #E34A5E;
    margin: 0px;
}

.ps-card-date-stage {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.ps-card-date-stage span.ps-stage {
    background: #C0BA00;
}

.performance-schedule-widget select:hover {
    background-color: #9A6DB5;
}

.ps-slider-wrapper .ps-prev , .ps-slider-wrapper .ps-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='18' viewBox='0 0 11 18' fill='none'%3E%3Cpath d='M10.5793 0.396645C10.8487 0.650669 11 0.995168 11 1.35437C11 1.71358 10.8487 2.05808 10.5793 2.3121L3.46717 9.01727L10.5793 15.7224C10.8328 15.9792 10.9708 16.3186 10.9642 16.6693C10.9577 17.02 10.8071 17.3546 10.5442 17.6027C10.2813 17.8509 9.92649 17.9932 9.55452 17.9998C9.18256 18.0063 8.8224 17.8766 8.54981 17.6379L0.420719 9.97606C0.151335 9.72204 0 9.37754 0 9.01833C0 8.65912 0.151335 8.31463 0.420719 8.0606L8.54757 0.396645C8.81701 0.142674 9.18242 0 9.56343 0C9.94443 0 10.3098 0.142674 10.5793 0.396645Z' fill='%23D9D9D9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px 18px;
    z-index: 24;
    opacity: 1 !important;
    cursor: pointer !important;
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: transparent !important;
    border: none !important;
    font-size: 0;
    line-height: 0;
    border-radius: 100%;
    padding: 0px !important;
}
.ps-slider-wrapper  .ps-prev {
    left: -52px;
}
.ps-slider-wrapper .ps-next  {
    right: -52px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='18' viewBox='0 0 11 18' fill='none'%3E%3Cpath d='M0.420718 0.396645C0.151334 0.650669 0 0.995168 0 1.35437C0 1.71358 0.151334 2.05808 0.420718 2.3121L7.53283 9.01727L0.420718 15.7224C0.167225 15.9792 0.0292356 16.3186 0.0357836 16.6693C0.0423316 17.02 0.192907 17.3546 0.455827 17.6027C0.718746 17.8509 1.07351 17.9932 1.44548 17.9998C1.81744 18.0063 2.1776 17.8766 2.45019 17.6379L10.5793 9.97606C10.8487 9.72204 11 9.37754 11 9.01833C11 8.65912 10.8487 8.31463 10.5793 8.0606L2.45243 0.396645C2.18299 0.142674 1.81758 0 1.43657 0C1.05557 0 0.69016 0.142674 0.420718 0.396645Z' fill='%23D9D9D9'/%3E%3C/svg%3E");
}

.ps-slider-wrapper .ps-prev:hover , .ps-slider-wrapper .ps-next:hover  {
    background-color: rgba(246, 246, 246, 0.90) !important;
}



.ps-slider-wrapper .slick-arrow.slick-disabled{
    opacity:1 !important;
    cursor: auto !important;
    pointer-events: none;
}

.ps-cards {
    overflow: hidden;
    margin-bottom: 0px !important;
    padding-bottom: 50px;
}
.ps-slider-wrapper .slick-dots {
    bottom: 0px;
}

.ps-slider-wrapper .swiper-button-prev {
    left: -52px;
}

.ps-slider-wrapper .swiper-button-next {
    right: -52px;
    transform: rotate(180deg);
}

.ps-slider-wrapper .swiper-pagination {
    margin-top: 50px !important;
    position: relative;
}

.ps-slider-wrapper .swiper-pagination span.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0px 4.5px;
}
.ps-no-results {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    color: #000;
}

.ps-slider-wrapper .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 4.5px;
}
.ps-slider-wrapper .slick-dots li button:hover, .ps-slider-wrapper .slick-dots li button:focus {
    border: none;
    background: transparent;
}
.ps-slider-wrapper .slick-dots li button {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ps-slider-wrapper .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
    width: 8px;
    height: 8px;
    content: '•';
    opacity: .25;
    background: black;
    border-radius: 100%;
}
.ps-slider-wrapper .slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: black !important;
}
/* arrows outside */

/* Responsive */
@media (max-width: 1430px) {
    .performance-schedule-widget {
        padding: 0px 20px;
    }
}

@media (max-width: 1366px) {
    .ps-slider-wrapper .swiper-pagination {
        margin-top: 40px !important;
    }

    .ps-card h3 {
        font-size: 22px !important;
        line-height: 32px !important;
        margin: 0px 0px 20px !important;
    }

    .ps-card {
        padding: 20px;
        min-height: 217px;
    }

    .ps-card-date-stage span {
        font-size: 15px;
        line-height: 22px;
        padding: 5px 13px;
    }

    .performance-schedule-widget {
        padding: 0px 40px;
    }
}
@media (max-width: 1200px) {
.ps-card h3 {
    font-size: 20px !important;
    line-height: 28px !important;
    margin: 0px 0px 20px !important;
    min-height: 56px;
}
.ps-card-date-stage span {
    font-size: 12px;
    line-height: 18px;
    padding: 5px 8px;
}
    .ps-card-date-stage {
    gap: 5px;
}
    .performance-schedule-widget-top {
    gap: 10px;
    margin-bottom: 30px;
}
}
@media (max-width: 1024px) {
    .performance-schedule-widget input[type="text"] {
    width: 62.2%;
    padding: 15px 15px 15px 50px;
    margin-right: 0px;
        background-position: 19px center;
    
}
.performance-schedule-widget select {
    width: 23.9%;
    
}
.ps-grid {
    gap: 20px 17px;
}
}

@media (max-width: 880px) {
    .ps-card {
    padding: 20px;
    min-height: 207px;
}
    .performance-schedule-widget input[type="text"] {
    font-size: 15px;
}
    .ps-grid {
       grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .ps-card-date-stage {
    justify-content: center;
}
    .ps-no-results {
    font-size: 18px;
}
    .performance-schedule-widget {
    padding: 0px 20px;
}
.ps-slider-wrapper  .ps-prev {
    left: -36px;
}
.ps-slider-wrapper  .ps-next {
    right: -36px;
}
.ps-card h3 {
    text-align: center;
}
.ps-card {
    min-height: 175px;
    text-align: center;
    justify-content: center;
   
}
    .ps-grid {
    gap: 10px 7px;
}
    .performance-schedule-widget select {
            width: 48%;
                max-width: 100%;
}
    .performance-schedule-widget input[type="text"] {
            width: 100%;
    padding: 14px 15px 14px 50px;
    font-size: 15px;
    line-height: 20px;
}
    .performance-schedule-widget-top {
    gap: 15px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
    .ps-grid {
    grid-template-columns: 1fr;
}
.ps-card h3 {
    font-size: 20px !important;
    line-height: 28px !important;
    margin: 0px 0px 18px !important;
            min-height: 30px;
}
}

@media (max-width: 500px) {
    .performance-schedule-widget input[type="text"] {
    padding: 11px 15px 11px 50px;
    }
 
    .performance-schedule-widget-top {
    gap: 7px;
}
.performance-schedule-widget select {
    width: 100%;
    padding: 12px 30px 12px 30px;

}
}