/* ==========================================================
 play-camps-page page css start here
========================================================== */

section.play-camps-page {
    min-height: 400px;
    padding-top: 45px;
}

.play-camps-page h1 {
    margin-top: 45px;
    text-align: center;
}

.play-camps-page p.all_course_para {
    text-align: center;
}

.play-camps-page .imgBlk img {
    object-fit: cover;
}

.play-camps-page .imgBlk-default {
    height: 240px;
    width: 100%;
    border-radius: 60px 60px 0 0;
    background: linear-gradient(135deg, #8AB5E4 0%, #4084CE 55%, #1A4778 100%);
    position: relative;
    overflow: hidden;
}

.play-camps-page .imgBlk-default::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    top: -50px;
    right: -30px;
}

.play-camps-page .imgBlk-default::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 72px;
    height: 52px;
    margin: -26px 0 0 -36px;
    border: 4px solid rgba(255, 255, 255, 0.92);
    border-radius: 10px;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.12);
    background:
        radial-gradient(circle at 72% 32%, #fff 0 6px, transparent 7px),
        linear-gradient(135deg, transparent 42%, rgba(255, 255, 255, 0.95) 43%, rgba(255, 255, 255, 0.95) 100%);
}

@media (max-width: 700px) {
    .play-camps-page .imgBlk-default {
        border-radius: 55px 55px 0 0;
    }
}