.eventTimeWrap{
    text-align: right;
    padding-top: 20px;
    a.calenderPic{
        display: inline-flex;
        padding: 10px 20px;
        border-radius: 30px;
        border: 1px solid #cecece;
        align-items: center;
        gap: 10px;
        .calenderIcon{
            width: 20px;
        }
        p{
            font-size: 18px;
            font-weight: 500;
        }
    }
}
.eventBoxWrap{
    padding-bottom: 165px;
    .eventSlider{
        .eventItem{
            margin: 0 15px;
            .eventImg{
                margin-bottom: 15px;
                figure{
                    width: 100%;
                    height: 350px;
                    border-radius: 20px;
                    overflow: hidden;
                    position: relative;
                    a{
                        width: 100%;
                        height: 100%;
                    }
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        object-position: center center;
                    }
                }
            }
            &:hover{
                .eventsTitle{
                    a{
                        color: #007743;
                    }
                }
            }
        }
    }
}
.eachPlayCard{
    margin: 0 20px;
    .eachSnapCardInner{
        .playInner{
            .imgBox{
                border-radius: 20px;
                overflow: hidden;
                position: relative;
                width: 100%;
                height: 500px;
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: center center;
                }
                &::before{
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    left: 0;
                    top: 0;
                    background-color: #00000094;
                    opacity: 0;
                    transition: 0.5s;
                    content: "";

                }
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: center center;
                }
            }
            .eventInnerContent{
                position: absolute;
                bottom: 0;
                padding: 30px;
                left: 0;
                width: 100%;
                display: flex;
                .eventsTitle{
                    width: calc(100% - 60px);
                }
                .eventBtn{
                    a{
                        width: 45px;
                        height: 45px;
                        border-radius: 50%;
                        background-color: #fff;
                        padding: 10px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        &:hover{
                            background-color: #00B565;
                        }
                    }
                }
            }
        }
    }
    .eventsTitle{
        opacity: 0;
        transition: 0.5s;
        a{
            color: var(--orange-color);
        }
    }
    &.slick-active{
        .eventsTitle{
            opacity:1;
            span{
                color: #fff;
                &::before{
                    background: url(../images/Clock2.png) no-repeat center center;
                    background-size: 100%;
                }
            }
        }
        & .eachSnapCardInner {
            & .playInner {
                & .imgBox {
                    &::before {
                        opacity: 1;
                    }
                }
            }
        }
    }
}
.eventsTitle{
    width: 100%;
    display: block;
    span{
        width: 100%;
        position: relative;
        padding-left: 25px;
        display: block;
        margin-bottom: 10px;
        font-size: 14px;
        &::before{
            width: 20px;
            height: 20px;
            position: absolute;
            left: 0;
            background: url(../images/Clock.png) no-repeat center center;
            content: "";
            background-size: 100%;
            top:0px;
        }
        &::before{
            width: 20px;
        }
    }
    a{
        color: #000;
    }
}


.slick-arrow{
    position: absolute;
    font-size: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #D9D9D9;
    border: none;
    top: 50%;
    transform: translateX(-50%);
    transition: 0.5s;
}
.slick-arrow{
        background-color: #D9D9D9;
        border: none;
        transform: translateX(-50%);
        transition: 0.5s;
        bottom: -90px;
        top: auto;
        &.slick-next{
            right:calc(50% - 60px);
            background: url(../images/right_arrow_icon_right.png) no-repeat center center #D9D9D9;
            background-size: 80%;
            transform: none;
        }
        &.slick-prev{
            left:calc(50% - 60px);
            background: url(../images/left_arrow_icon_black.png) no-repeat center center #D9D9D9;
            background-size: 80%;
            transform: none;
        }
        &:hover{
            &.slick-next{
                background: url(../images/right_arrow_icon.png) no-repeat center center #00B565;
                background-size: 80%;
            }
            &.slick-prev{
                background: url(../images/left_arrow_icon.png) no-repeat center center #00B565;
                background-size: 80%;
            }
        }
}

.eventInnerBox{
    padding-bottom: 165px;
}

.evenrtDetailsPage{
    .overViewImg{
        border-radius: 20px;
        overflow: hidden;
    }
    .eventDetailsTxt{
        padding-left: 30px;
    }
    span.eventDate {
        width: 100%;
        position: relative;
        padding-left: 25px;
        display: block;
        margin-bottom: 10px;
        font-size: 14px;
        &::before {
            width: 20px;
            height: 20px;
            position: absolute;
            left: 0;
            background: url(../images/Clock.png) no-repeat center center;
            content: "";
            background-size: 100%;
            top: 0px;
        }
    }
    .eventDetailsH{
        font-size: 40px;
        font-family: 'Public Sans';
        font-weight: 500;
        margin-bottom: 30px;
    }
    .eachPlayCard {
        & .eventsTitle {
            a {
                color:#FFF;
            }
        }
    }
}
@media(max-width:991px) {
.eventBoxWrap{
    .headingWrap{
        text-align: center;
    }
    .eventTimeWrap{
        text-align: center;
        padding-top: 0px;
        margin-bottom: 30px;
    }
}
}
@media(max-width: 768px) {
  .eachPlayCard {
    & .eachSnapCardInner {
        & .playInner {
            .imgBox {
                height: 350px;
            }
            .eventInnerContent {
                position: initial;
                padding: 10px;
            }
        }
    }
  }  
  .eachPlayCard {
      &.slick-active {
          & .eventsTitle {
              span {
                  color: #000;
                  &::before {
                    filter: brightness(0.5);
                 }
              }
          }
      }
  }
  .eachPlayCard {
        & .eachSnapCardInner {
            & .playInner {
                & .eventInnerContent {
                    & .eventBtn {
                        a {
                            padding: 10px;
                            background-color: #f6651c;
                            img{
                                filter: brightness(0) invert(1);
                            }
                        }
                    }
                }
            }
        }
    }
    .eachPlayCard {
        & .eachSnapCardInner {
            & .playInner {
                .imgBox {
                    height: 300px;
                }
            }
        }
    }
}