.panorama_cam {
    width: 100%;
    height: 60svh;
}

.vr_home_panorama {
    width: 100%;
    height: 90svh;
}

.swiper-container_VR_section {
    filter: brightness(0.5);
}

.swiper-container_VR_section {
    max-width: 100svw;
    overflow: hidden;
    /* z-index: -1; */
}

.vr-section .crtlContainer {
    position: relative;
    width: 100%;
}

.vr-section .controls {
    display: inline-flex;
    direction: ltr;
    gap: 20px;
    position: absolute;
    z-index: 100;
    bottom: 150%;
    left: 50%;
    translate: -50% -50%;
}

.vr-section .controls button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    aspect-ratio: 1/1;
    width: 70px;
    border: 4px solid currentColor;
    outline: none;
    background-color: transparent;
    color: #fff;
    border-radius: 50%;
}

.vr-section .crtlContainer .controls button.pause span:nth-child(1) {
    display: inline-block;
}

.vr-section .crtlContainer .controls button.pause span:nth-child(2) {
    display: none;
}

.vr-section .crtlContainer .controls button.pause.continue span:nth-child(1) {
    display: none;
}

.vr-section .crtlContainer .controls button.pause.continue span:nth-child(2) {
    display: inline-block;
}