.camera-home-section .hero-anim-wrapper {
    display: flex;
    overflow-x: auto;
    width: 100vw;
    position: relative;
    overflow: hidden;
}

.camera-home-section .track {
    display: flex;
    width: 100%;
}

.camera-home-section .item {
    min-width: 54%;
    height: 100vh;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    will-change: transform, opacity;
    transform-style: preserve-3d;
    transition: transform 1s ease-in-out;
    margin-right: 4.5svw;
}
.camera-home-section .item.heading-pc {
    min-width: 30%;
    margin-right: 0;
}
.camera-home-section .item img {
    width: 97%;
    height: auto;
}

.camera-home-section .hero-btn {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.camera-home-section .bg-block {
    position: absolute;
    width: 100%;
    height: 100%;
}

.camera-home-section .pin-spacer {
    width: 100% !important;
}

.camera-home-section .camera-home-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.camera-home-section .item-content {
    position: relative;
    width: 100%;
    color: rgba(var(--color-light-text));
}

.camera-home-section .item-content .block-heading {
    position: absolute;
    bottom: 30px;
    left: 45px;
}

.camera-home-section .item:nth-child(odd) .item-content {
    transform: rotate(8deg);
}

.camera-home-section .item:nth-child(2n) .item-content {
    transform: rotate(-8deg);
}

.camera-home-section .camera-home-image .empty-image-class {
    border: 1px solid #a0a0a0;
}

.camera-home-section .mobile-show {
    display: none;
}

@media (max-width: 768px) {
    .camera-home-section .pc-show {
        display: none;
    }

    .camera-home-section .mobile-show {
        display: block;
    }

    .camera-home-section .item {
        min-width: 97%;
        margin-right: 10vw;
    }

    .camera-home-section .item-content .block-heading {
        bottom: 5vw;
        left: 5vw;
    }

    .m-heading {
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .camera-home-section .hero-btn{
        bottom: 20%;
    }
    .camera-home-section .hero-btn .v-button{
        padding: 16px 50px;
    }
}