/* Horizontal Slider */
.hs-slider:not(.hs-no-scroll) {
    row-gap: 35px;
}

.hs-slides {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
}

.hs-slides::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

.hs-slide {
    scroll-snap-align: start;
}

/* Controls */
.hs-slider-controls {
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-height: 200px;
    transition: all .5s ease;
}

.hs-no-scroll .hs-slider-controls {
    max-height: 0;
    opacity: 0;
}

#personal-slider.hs-no-scroll .hs-slider-controls {
    max-height: 200px;
    opacity: 1;
    visibility: hidden;
}

/* Prev Next Buttons */
.hs-slider.active .hs-prev-btn.disabled,
.hs-slider.active .hs-next-btn.disabled,
.hs-slider.active .hs-prev-btn[disabled],
.hs-slider.active .hs-next-btn[disabled] {
    cursor: unset;
    opacity: 0.4;
}

/* indicators */
.hs-indicator {
    background-color: var(--clr-gray);
    border-radius: 50%;
    height: 12px;
    width: 12px;
}

.hs-slider.active .hs-indicator.active {
    background-color: var(--clr-secondary);
}

/* Hover affect */
.hs-card img {
	transform: scale(1);
	transition: all .5s ease;
}

.hs-card:has(.hs-card-title a:hover) img {
	transform: scale(1.05);
}