.its-block {
    position: relative;
    padding-top: var(--space-4xl);
    padding-bottom: 7rem;
}

.its-block.only-slider {
    background: var(--color-white-muted);
    padding-top: var(--space-4xl);
    padding-bottom: var(--space-5xl);
}

.its-block__background {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 16rem;
    max-width: 20.938rem;
    height: auto;
    width: 100%;
    object-fit: cover;
}

.its-block__background > img {
    display: block;
    width: 100%;
    height: auto;
}

.its-block.has-background .its-slider {
    margin: 0;
    margin-top: 18rem;
}

.its-slider .slider-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 16.125rem;
}

.its-slider .slick-arrow {
    position: absolute;
    top: auto;
    left: auto;
    bottom: calc(var(--space-3_75xl) * -1);

    width: 3rem;
    height: 3rem;
    border: none;
    transform: none;
    
    font-size: 0;
    padding: 0;
}

.its-slider .slick-arrow.slick-disabled {
    pointer-events: none;
    cursor: auto;
}

.its-slider .slick-arrow.slick-disabled:before {
    background-color: rgba(26, 26, 26, 0.5);
    opacity: 1;
}

.its-slider .slick-arrow::before {
    content: "";
    top: 0;
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    background-color: #1A1A1AB2;
    opacity: 1;
    transition: 150ms ease-out background-color;
}

.its-slider .slick-prev {
    right: var(--space-3_75xl);
}

.its-slider .slick-next {
    right: 0;
}

.its-slider .slick-prev:before {
    transform: rotate(90deg);
}

.its-slider .slick-next:before {
    transform: rotate(-90deg);
}

.slick-slider .slick-dots {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    width: max-content;
    bottom: var(--space-2lg);
    left: 50%;
    transform: translateX(-50%);
    background: #1A1A1AB2;
    border-radius: 6.25rem;
    padding: var(--space-xs);
}

.slick-slider .slick-dots li {
    margin: 0;
    width: var(--space-sm);
    height: var(--space-sm);
}
.slick-slider .slick-dots li button {
    width: var(--space-sm);
    height: var(--space-sm);
    border-radius: 100%;
    background-color: #F5F5F080;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: 150ms ease-out background-color;
    padding: 0;
}

.slick-slider .slick-dots li button::before {
    display: none;
}

.slick-slider .slick-dots li.slick-active button {
    background-color: var(--color-white-muted);
}

.slick-slider .slick-dots li:not(.slick-active) button {
    background-color: #F5F5F080;
}