#cultos {
    gap: 15px;
    display: flex;
    padding: 105px 0;
    align-items: center;
    flex-direction: column;
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);

    .cults-content {
        gap: 10px;
        width: 100%;
        padding: 5px;
        display: flex;
        transition: .5s;
        max-width: 700px;
        color: #00000065;
        align-items: center;
        border-radius: 20px;
        background-color: var(--color-level3);

        .live-information {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;

            h2 {
                font-size: 1em;
                background-color: #dadada;
                border-radius: 10px;
                padding: 5px 3px;

                .live {
                    padding: 3px 5px;
                    color: var(--color-level3);
                    background-color: var(--color-red-youtube);
                }

                span {
                    font-weight: 400;
                    border-radius: 7px;
                }
            }

            .relation-to-worship {
                text-align: center;

                span {
                    font-weight: bold;
                }
            }

            .indicate-the-video {
                opacity: 0;
                transition: 0.5s;
                color: var(--color-level1);
            }
        }

        .container-video {
            display: flex;
            width: fit-content;
            align-items: center;
            justify-content: center;

            iframe {
                width: 300px;
                border: none;
                height: 170px;
                transition: .5s;
                border-radius: 17px;
                box-shadow: 0 0, -475px 35px 15px -80px transparent;
            }
        }
    }

    .cults-content:hover {
        box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
        color: #000000ad;

        .indicate-the-video {
            opacity: 100%;
        }
    }

    .cults-content:hover .container-video > iframe {
        box-shadow: -5px 0 15px 0px #0f60a76b,
                    -170px 35px 15px -80px #0f60a76b;
    }

    div:nth-child(2) {
        position: relative;

        .section-title-our, .section-title-live {
            position: absolute;
            writing-mode: vertical-lr;
            text-orientation: upright;
            color: var(--color-level3);
            text-shadow: -2px 2px 10px rgba(0, 0, 0, 0.164);
        }

        .section-title-our {
            left: -155px;
            font-size: 70px;
            letter-spacing: -35px;
        }

        .section-title-live {
            left: -90px;
            font-size: 50px;
            letter-spacing: -30px;
        }
    }
}

@media (max-width: 1100px) {

    #cultos {
        padding: 85px 10px;

        .cults-content {
            .section-title-our, .section-title-live {
                display: none;
            }
        }
    }

    #cultos::before {
        font-size: 50px;
        font-weight: bold;
        color: #00000066;
        font-family: 'caveat';
        content: "Últimas Live";
        text-shadow: -2px 2px 10px rgba(0, 0, 0, 0.164);
    }
}

@media (max-width: 740px) {

    #cultos {
        padding: 65px 10px;

        .cults-content {
            flex-direction: column;

            .live-information {
                .indicate-the-video {
                    display: none;
                }
            }

            .container-video {
                position: relative;
                padding-top: 56.25%;
                overflow: hidden;
                width: 100%;

                iframe {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}

@media (max-width: 500px) {

    #cultos {
        .live-information {
            font-size: 0.8em;
        }
    }

    #cultos::before {
        font-size: 35px;
    }
}