.video-section-scene {
    width: 100%;
    height: 150vh;
}

@media (max-width: 767px) {
    .video-section-scene {
        height: 150vh;
    }
}

.lifestyle-slider-section-scene {
    height: 150vh;
}

@media (max-width: 767px) {
    .lifestyle-slider-section-scene {
        height: 150vh;
    }
}

.div-block-101 {
    position: absolute;
    width:200px;
    z-index:100000;
}
.store-switcher{

    background-color: transparent;
    border: none;
    width:200px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    margin-left:10px;
    cursor: pointer;
}

.watch-details {
    text-align: center;
    font-family: Montserrat, Arial, sans-serif;
    opacity: 1;
    transition: all 0.2s ease-in-out;
}

.watch-details.hide {
    opacity: 0;
}

.watch-title {
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:20px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.splide__slide {
    box-sizing: border-box;
    text-align: center;
}

.splide__slide .inner {
    width: 100%;
    height: 100%;
    transform: scale3d(0.7, 0.7, 1);
    transition: transform 0.4s ease-in-out;
    background-color: transparent;
    background-size: cover;
    background-position: center;
}

.is-superactive > .inner {
    transform: scale3d(1, 1, 1);
}

.is-active > .inner {
    cursor: pointer;
}

@media (max-width: 767px) {
    .is-active > .inner {
       // transform: scale3d(1, 1, 1);
    }
}

.nivachron-spiral{
    align-self: end;
}


.nivachron-spiral .path {
    stroke-dasharray: 3000;
    stroke-dashoffset: 3000;
    animation: dash 1s linear;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll) * -1s);
    transition: all 0.2s ease-in-out;
}

@-webkit-keyframes dash {
    from {
        stroke-dashoffset: 3000;
    }
    to {
        stroke-dashoffset: 0;
    }
}


.top_content {
    mix-blend-mode: difference;
}

.ham-logo1 {
    mix-blend-mode: difference;
}

.ham-logo {
    mix-blend-mode: difference;
}

/* Style for active dot */
.w-slider-dot.w-active {
    background-color: white; /* Set the background color to white when active */
    color: black; /* Set the text color to black when active */
}

/* Style for inactive dots */
.w-slider-dot:not(.w-active) {
    background-color: transparent; /* Set the background color to transparent when inactive */
    color: white; /* Set the text color to white when inactive */
}

.play-pause-button {
    width: 100px;
    height: 100px;
    margin: auto;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

@media (max-width: 767px) {
    .play-pause-button {
        top: 0%;
    }
}

.image-24, .image-25 {
    width: 40px;
    height: 40px;
}