// Responsive Single Items Styling Here
.responsive-single-item {
    .content {
        .title {
            font-size: 40px;
            line-height: 50px;
            font-family: var(--heading-font);
            font-weight: 700;
            color: #232323;
            margin-bottom: 25px;
            span {
                color: var(--main-color-one);
            }
        }
        p {
            font-size: 16px;
            line-height: 26px;
            font-family: var(--body-font);
            font-weight: 400;
            color: #232323;
        }
    }

    .thumbnail {
        position: relative;
        z-index: 0;
        &::before {
            content: "";
            position: absolute;
            width: 540px;
            height: 540px;
            left: 0;
            top: 0;
            border: 1px solid rgba(221, 19, 26, 0.36);
            border-radius: 50%;
            animation: pulse-video 1500ms ease-out infinite;
        }
        &::after {
            content: "";
            position: absolute;
            width: 570px;
            height: 570px;
            left: -15px;
            top: -15px;
            border: 1px solid rgba(221, 19, 26, 0.24);
            border-radius: 50%;
            animation: pulse-video 1500ms ease-out infinite;
        }
        padding: 15px;
    }
}



@keyframes pulse-video {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.1);
        opacity: 0;
    }
}