.container {
    background: none;
}

.header {
    background: #fff;
    padding: 5px;

    .logo {
        height: 55px;
    }

}

.banner-event {
    background: #1b6439 url("../images/hero-event.jpg")no-repeat right center;
    background-size: contain;
    color: #fff;
    display: flex;
    align-items: center;

    .pagetitle {
        position: relative;
        font-size: 28px;
        padding: 3% 0;

        &:after {
            content: "";
            display: block;
            width: 107px;
            height: 2px;
            background: #FCB846;
            margin-top: 5px;
            position: absolute;
        }
    }
}

.welcometxt {
    text-align: center;
    padding: 40px 0;
    font-size: 20px;
    max-width: 80%;
    margin: auto;
}

.card-event {
    padding: 15px;
    color: #4D4D4D;
    background: #FAFAFA;
    border: 0;
    margin-bottom: 20px;

    img {
        margin-bottom: 25px;
        border-radius: 5px;
        height: 200px;
        object-fit: cover;
    }

    .card-body {
        padding: 0;
        position: relative;

        .title {
            font-size: 20px;
            font-weight: bold;
        }

        p {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .btn {
            border: solid 1px #16762C;
            color: #16762C;
            font-size: 14px;
            font-weight: 500;
            background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.48008 10.7834L9.57635 6.68709H6.39437L6.39437 5.68724L11.2833 5.68724L11.2833 10.5762L10.2835 10.5762L10.2835 7.39419L6.18718 11.4905L5.48008 10.7834Z" fill="%2316762C"/></svg>') no-repeat right 5px center;
            padding-right: 25px;
        }

        .date {
            background: #FCB846;
            padding: 10px 30px;
            position: absolute;
            left: 50%;
            bottom: 100%;
            transform: translate(-50%, -10px);
            font-size: 14px;
            font-weight: bold;
            display: flex;
            align-items: center;
            white-space: nowrap;
            color: #000;

            &:before {
                content: "";
                display: inline-block;
                background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_7_15)"><path d="M15 1.49825L10.9965 1.49827V0.50177C10.9965 0.22552 10.7727 0.00177002 10.4965 0.00177002C10.2203 0.00177002 9.9965 0.22552 9.9965 0.50177V1.49802H5.9965V0.50177C5.9965 0.22552 5.77275 0.00177002 5.4965 0.00177002C5.22025 0.00177002 4.9965 0.22552 4.9965 0.50177V1.49802H1C0.44775 1.49802 0 1.94577 0 2.49802V14.998C0 15.5503 0.44775 15.998 1 15.998H15C15.5522 15.998 16 15.5503 16 14.998V2.49802C16 1.946 15.5522 1.49825 15 1.49825ZM15 14.998H1V2.49802H4.9965V3.00177C4.9965 3.278 5.22025 3.50177 5.4965 3.50177C5.77275 3.50177 5.9965 3.278 5.9965 3.00177V2.49827H9.9965V3.00202C9.9965 3.27827 10.2203 3.50202 10.4965 3.50202C10.7727 3.50202 10.9965 3.27827 10.9965 3.00202V2.49827H15V14.998ZM11.5 7.99825H12.5C12.776 7.99825 13 7.77425 13 7.49825V6.49825C13 6.22225 12.776 5.99825 12.5 5.99825H11.5C11.224 5.99825 11 6.22225 11 6.49825V7.49825C11 7.77425 11.224 7.99825 11.5 7.99825ZM11.5 11.998H12.5C12.776 11.998 13 11.7743 13 11.498V10.498C13 10.222 12.776 9.998 12.5 9.998H11.5C11.224 9.998 11 10.222 11 10.498V11.498C11 11.7745 11.224 11.998 11.5 11.998ZM8.5 9.998H7.5C7.224 9.998 7 10.222 7 10.498V11.498C7 11.7743 7.224 11.998 7.5 11.998H8.5C8.776 11.998 9 11.7743 9 11.498V10.498C9 10.2223 8.776 9.998 8.5 9.998ZM8.5 5.99825H7.5C7.224 5.99825 7 6.22225 7 6.49825V7.49825C7 7.77425 7.224 7.99825 7.5 7.99825H8.5C8.776 7.99825 9 7.77425 9 7.49825V6.49825C9 6.222 8.776 5.99825 8.5 5.99825ZM4.5 5.99825H3.5C3.224 5.99825 3 6.22225 3 6.49825V7.49825C3 7.77425 3.224 7.99825 3.5 7.99825H4.5C4.776 7.99825 5 7.77425 5 7.49825V6.49825C5 6.222 4.776 5.99825 4.5 5.99825ZM4.5 9.998H3.5C3.224 9.998 3 10.222 3 10.498V11.498C3 11.7743 3.224 11.998 3.5 11.998H4.5C4.776 11.998 5 11.7743 5 11.498V10.498C5 10.2223 4.776 9.998 4.5 9.998Z" fill="black"/></g><defs><clipPath id="clip0_7_15"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>') no-repeat;
                width: 16px;
                height: 16px;
                margin-right: 10px;
            }
        }
    }

    &:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        color: #4D4D4D !important;
    }
}



.banner-eventdetails {
    img {
        display: block !important;
        height: calc(100vh - 150px);
        object-fit: cover;
        width: 100%;
    }
}

.event-shortdetails {
    background: #16762C;
    color: #fff;
    padding: 30px 0;
    text-align: center;

    .etitle {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .dateaddress {
        display: inline-flex;
        border: solid 1px #ffffff49;

        * {
            padding: 8px 12px;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }

        .date:before {
            content: "";
            background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_7_15)"><path d="M15 1.49825L10.9965 1.49827V0.50177C10.9965 0.22552 10.7727 0.00177002 10.4965 0.00177002C10.2203 0.00177002 9.9965 0.22552 9.9965 0.50177V1.49802H5.9965V0.50177C5.9965 0.22552 5.77275 0.00177002 5.4965 0.00177002C5.22025 0.00177002 4.9965 0.22552 4.9965 0.50177V1.49802H1C0.44775 1.49802 0 1.94577 0 2.49802V14.998C0 15.5503 0.44775 15.998 1 15.998H15C15.5522 15.998 16 15.5503 16 14.998V2.49802C16 1.946 15.5522 1.49825 15 1.49825ZM15 14.998H1V2.49802H4.9965V3.00177C4.9965 3.278 5.22025 3.50177 5.4965 3.50177C5.77275 3.50177 5.9965 3.278 5.9965 3.00177V2.49827H9.9965V3.00202C9.9965 3.27827 10.2203 3.50202 10.4965 3.50202C10.7727 3.50202 10.9965 3.27827 10.9965 3.00202V2.49827H15V14.998ZM11.5 7.99825H12.5C12.776 7.99825 13 7.77425 13 7.49825V6.49825C13 6.22225 12.776 5.99825 12.5 5.99825H11.5C11.224 5.99825 11 6.22225 11 6.49825V7.49825C11 7.77425 11.224 7.99825 11.5 7.99825ZM11.5 11.998H12.5C12.776 11.998 13 11.7743 13 11.498V10.498C13 10.222 12.776 9.998 12.5 9.998H11.5C11.224 9.998 11 10.222 11 10.498V11.498C11 11.7745 11.224 11.998 11.5 11.998ZM8.5 9.998H7.5C7.224 9.998 7 10.222 7 10.498V11.498C7 11.7743 7.224 11.998 7.5 11.998H8.5C8.776 11.998 9 11.7743 9 11.498V10.498C9 10.2223 8.776 9.998 8.5 9.998ZM8.5 5.99825H7.5C7.224 5.99825 7 6.22225 7 6.49825V7.49825C7 7.77425 7.224 7.99825 7.5 7.99825H8.5C8.776 7.99825 9 7.77425 9 7.49825V6.49825C9 6.222 8.776 5.99825 8.5 5.99825ZM4.5 5.99825H3.5C3.224 5.99825 3 6.22225 3 6.49825V7.49825C3 7.77425 3.224 7.99825 3.5 7.99825H4.5C4.776 7.99825 5 7.77425 5 7.49825V6.49825C5 6.222 4.776 5.99825 4.5 5.99825ZM4.5 9.998H3.5C3.224 9.998 3 10.222 3 10.498V11.498C3 11.7743 3.224 11.998 3.5 11.998H4.5C4.776 11.998 5 11.7743 5 11.498V10.498C5 10.2223 4.776 9.998 4.5 9.998Z" fill="white"/></g><defs><clipPath id="clip0_7_15"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>') no-repeat;
            display: inline-block;
            width: 16px;
            height: 16px;
        }

        .address {
            border-left: solid 1px #ffffff49;

            &:before {
                content: "";
                background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.272 10.272C16.272 11.3328 15.8505 12.3503 15.1004 13.1004C14.3503 13.8505 13.3328 14.272 12.272 14.272C11.2111 14.272 10.1937 13.8505 9.44355 13.1004C8.6934 12.3503 8.27197 11.3328 8.27197 10.272C8.27197 9.21111 8.6934 8.19369 9.44355 7.44355C10.1937 6.6934 11.2111 6.27197 12.272 6.27197C13.3328 6.27197 14.3503 6.6934 15.1004 7.44355C15.8505 8.19369 16.272 9.21111 16.272 10.272ZM14.272 10.272C14.272 10.8024 14.0613 11.3111 13.6862 11.6862C13.3111 12.0613 12.8024 12.272 12.272 12.272C11.7415 12.272 11.2328 12.0613 10.8578 11.6862C10.4827 11.3111 10.272 10.8024 10.272 10.272C10.272 9.74154 10.4827 9.23283 10.8578 8.85776C11.2328 8.48269 11.7415 8.27197 12.272 8.27197C12.8024 8.27197 13.3111 8.48269 13.6862 8.85776C14.0613 9.23283 14.272 9.74154 14.272 10.272Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.794 16.518C4.50484 15.2905 3.60861 13.7084 3.21864 11.9716C2.82867 10.2348 2.96248 8.42137 3.60315 6.76062C4.24381 5.09987 5.36256 3.6664 6.81792 2.64148C8.27328 1.61656 9.99988 1.04622 11.7794 1.00258C13.5589 0.958949 15.3114 1.44398 16.8152 2.39634C18.3191 3.3487 19.5067 4.72562 20.228 6.35297C20.9493 7.98032 21.1718 9.78501 20.8675 11.5388C20.5631 13.2927 19.7455 14.9168 18.518 16.206L12.312 22.724L5.794 16.518ZM17.07 14.827L12.243 19.897L7.173 15.07C6.17037 14.1153 5.47334 12.8848 5.17005 11.5339C4.86676 10.1831 4.97084 8.77273 5.46912 7.48107C5.9674 6.1894 6.8375 5.0745 7.96941 4.27734C9.10131 3.48017 10.4442 3.03655 11.8282 3.00257C13.2122 2.96859 14.5752 3.34577 15.7449 4.08643C16.9146 4.82708 17.8383 5.89794 18.3994 7.16359C18.9605 8.42924 19.1336 9.83285 18.897 11.1969C18.6604 12.561 18.0246 13.8242 17.07 14.827Z" fill="white"/></svg>') no-repeat;
                display: inline-block;
                width: 16px;
                height: 16px;
            }
        }
    }
}

.info {
    padding: 50px 0;

    ul {
        list-style: none;
        margin-left: 10px;

        li {
            padding: 5px 0;
            position: relative;
            display: flex;

            &:before {
                content: "";
                width: 12px;
                height: 12px;
                display: inline-block;
                background: #FCB846;
                border-radius: 40px;
                margin-right: 15px;
                flex-shrink: 0;
                margin-top: 6px;
            }

            &:after {
                content: "";
                display: block;
                width: 1px;
                position: absolute;
                background: #D9D9D9;
                top: 0;
                bottom: 0;
                left: 6px;
                z-index: -1;

            }

            &:first-child:after {
                top: 11px;
            }

            &:last-child:after {
                top: 0;
                bottom: unset;
                height: 15px;
            }
        }
    }
}

.galimg-container {
    background: #ECECEC;
    padding: 15px;
    border-radius: 15px;
    cursor: pointer;
    transition: 0.5s;
    margin-bottom: 25px;
    position: relative;

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

    &:hover {
        filter: brightness(90%);
    }

    .video-play {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
        width: 80px;
        height: 80px;
        border: solid 2px rgba(255, 255, 255, 0.7);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 80px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);

        &:before {
            content: "";
            border: solid 14px transparent;
            border-left: solid 20px #fff;
            border-right: 0;
            width: 0;
            height: 0;
            margin-left: 5px;
        }
    }
}

.heading-l {
    font-size: 40px;
    margin-bottom: 25px;
    text-align: center;
}




@media(max-width:767px) {
    .banner-eventdetails {
        img{
            height: auto;
        }
    }
    .banner-event {
        background-size: cover;

        .pagetitle {
            font-size: 22px;
            padding: 4% 0;
        }
    }

    .welcometxt {
        max-width: 100%;
        font-size: 17px;
        padding: 10px 0;
    }

    .card-event {
        margin-bottom: 15px;
    }

    .header .logo {
        height: 40px;
    }
}