.topBr_1 {
    border-color: #D4D4D4;
}

.allBr {
    border-color: #D4D4D4 !important;
}

.eventSidebar {
    position: sticky;
    top: 60px;
    margin-bottom: 60px;
}

.eventSidebar h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

.catList li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.catList li a {
    color: #000;
    font-size: 18px;
    padding-left: 20px;
    position: relative;
    font-weight: normal;
    width: calc(100% - 30px);
}

.catList li a::before {
    width: 6px;
    height: 6px;
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    background-color: #000;
    border-radius: 50%;
}

.catList li:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D4D4D4;
}

.catList li span {
    color: #000;
}

.catList li.active a,
.catList li.active span {
    color: #008FFF;
}

.catList li.active a::before {
    background-color: #008FFF;
}

.blockListBg {
    padding: 30px 30px 30px 15px;
    border-radius: 20px;
    border: 1px solid #ccc;

    &.bg_008FFF {
        h4 {
            color: #fff;
        }
    }
}

.eachEventHolder {
    margin-bottom: 30px;
}

.eachEventWrap {
    overflow: hidden;
    border-right: none !important;

    .eachEventInner {
        display: flex;
        flex-wrap: wrap;
        transition: 0.6s;
        padding: 20px;
        background-color: #fff;
        justify-content: space-between;

        .leftEvent {
            width: calc(40% - 15px);
            padding: 60px 0 0px;

            .leftEventInner {
                .dateTag {
                    color: #000;
                    transition: 0.6s;
                    padding: 8px 10px;
                    border-radius: 5px;
                    margin-bottom: 20px;
                    display: inline-block;
                    background-color: #E0EAF0;
                }

                .eventTitle {
                    color: #000;
                    font-size: 22px;
                    transition: 0.6s;
                    line-height: 1.4;
                    margin-bottom: 30px;
                    font-family: "Poppins", sans-serif;
                    transition: all 0.5s;
                }

                .btnWrap {
                    &.transBtnWrap {
                        .btnOne {
                            span.btnTxt {
                                border-color: #000;
                                color: #000;
                            }

                            span.arrow {
                                border-color: #000;
                                filter: brightness(0) saturate(100%);
                            }
                        }
                    }
                }
            }
        }

        .rightEvent {
            height: 100%;
            width: calc(60% - 15px);

            .eventImg {
                width: 100%;
                height: 300px;

                img {
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                    border-radius: 15px;
                }
            }
        }
    }

    &:hover {

        /* border-radius: 0 0 20px 0; */
        .eachEventInner {
            background-color: #E3E9ED;

            .leftEvent {
                .leftEventInner {
                    .dateTag {
                        background-color: #fff;
                    }

                    .eventTitle {
                        color: #008FFF;
                    }

                    .btnWrap {
                        &.transBtnWrap {
                            .btnOne {
                                span.btnTxt {
                                    color: #fff;
                                    border-color: #008FFF;
                                    background-color: #008FFF;
                                }

                                span.arrow {
                                    filter: none;
                                    border-color: #008FFF;
                                    background-color: #008FFF;
                                    transform: rotate(45deg);
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}


/* ----Details Page--------- */
.eventDetailsHolder {
    .eventDetailsInner {
        background-color: #E3E9ED;

        .leftEvent {
            padding: 0px;
            width: calc(60% - 15px);

            .leftEventInner {
                .dateTag {
                    background-color: #fff;
                }

                .eventTitle {
                    margin-bottom: 15px;
                    color: #008FFF !important;
                }
            }
        }

        .rightEvent {
            width: calc(40% - 15px);

            .eventImg {
                height: 335px;
            }
        }
    }
}


.leftBr_1 {
    border-color: #D4D4D4;
}

.rightEventDetailsWrap {
    .eventTitle {
        margin-bottom: 15px;
        color: #008FFF !important;
    }
}

.eventGalleyHolder {
    padding-top: 50px;
    background-color: #E3E9ED;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 120px;

    .eventGalleyWrap {
        .slick-list {
            margin-left: -10px;
            margin-right: -10px;
        }

        .eachEvent {
            padding: 0 10px;

            a {
                width: 100%;
                height: 160px;
                display: block;
                overflow: hidden;
                border-radius: 10px;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
    }

    .slick-arrow {
        top: auto;
        bottom: -50px;
        transform: translateY(0%);

        &.slick-prev {
            left: calc(50% - 35px);
        }

        &.slick-next {
            right: calc(50% - 35px);
        }
    }
}

.pressSec {
    .pressSecBtm {
        .pressSlider {
            &.noEvent {
                .slick-list {
                    margin: 0px;
                    .slick-track {
                        margin: 0 auto;
                        width: 100% !important;
                        transform: unset !important;
                        right: 0;
                        text-align: center;
                        p {
                            width: 100% !important;
                        }
                    }
                }
            } 
            
        }
    }   
}


/* Responsive */

@media (max-width: 1366px) {
    .eachEventWrap {
        .eachEventInner {
            .leftEvent {
                .leftEventInner {
                    .eventTitle {
                        font-size: 20px;
                    }
                }
            }
        }
    }
}

@media (max-width: 1280px) {
    .eachEventWrap {
        .eachEventInner {
            .leftEvent {
                padding: 30px 0 0px;
            }

            .rightEvent {
                .eventImg {
                    height: 260px;
                }
            }
        }
    }

    .catList li a {
        font-size: 16px;
    }
}

@media (max-width: 1199px) {
    .eachEventWrap {
        .eachEventInner {
            .leftEvent {
                width: calc(45% - 15px);
            }

            .rightEvent {
                width: calc(55% - 15px);
            }
        }
    }

    .pressSec {
        margin-bottom: 40px;
    }

    .single-our-event {
        .eachEventWrap {
            .eachEventInner {
                row-gap: 20px;

                .leftEvent {
                    width: 100%;
                    padding-top: 0;
                }

                .rightEvent {
                    width: 100%;
                }
            }
        }
    }
}

@media (max-width: 991px) {
    .eventSidebar {
        position: static;
        top: 60px;
        margin-bottom: 30px;
    }

    .eachEventHolder {
        border-top: 1px solid #D4D4D4;
    }

    .single-our-event {
        .rightEventDetailsWrap {
            padding-right: 15px !important;
        }

        .eventGalleyHolder {
            padding-top: 20px;
            padding-bottom: 90px;
        }
    }
    .rightEventWrap {
        padding-right: 15px !important;
    }
}

@media (max-width: 640px) {
    .eachEventWrap {
        .eachEventInner {
            flex-direction: column-reverse;

            .leftEvent {
                width: 100%;
                padding: 15px 0 0px;
            }

            .rightEvent {
                width: 100%;

                .eventImg {
                    height: auto;
                }
            }
        }
    }
}