/* Help block */
.helpBlock{
    width: 100%;
    margin: 40px 0;
    padding: 100px 40px;

    position: relative;
}

.helpBlock__inner{
	position: relative;
	width: 100%;
}

.help-block__bg{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    background: url('../../../media/help-block/bg.png') no-repeat;
    background-position: center;
    background-size: cover;
    height: 252px;
    z-index: -100;
}

.helpBlock__container{
    border-radius: 32px;
    background: var(--c2);
    height: auto;
    box-shadow: var(--c2) 0 0 40px;
	width: 100%;

    position: relative;
}

/* Tabs */
.helpBlock__tabs-container{
	width: 100%;
}

.helpBlock__tabs-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-evenly;

    width: 100%;
    background: var(--c1);
    padding: 25px 0;
    border-radius: 31px;
}
.helpBlock__tab-btn{
    color: var(--c3);
    font-size: 0.875rem;
    transition: all 0.2s;
    font-weight: 600;
    cursor: pointer;
	z-index: 100;

    position: relative;
}
.helpBlock__tab-btn::before{
    content: '';

    width: 24px;
    aspect-ratio: 1;

    background: url('../../../media/help-block/btn-arrow.png') no-repeat;
    background-size: contain;
    background-position: center;

    position: absolute;
    top: -15%;
	left: -30px;
}
.helpBlock__tab-current{
    transition: all 0.2s;
    color: var(--c2);
}
.helpBlock__tab-current::before{
    background: url('../../../media/help-block/arrow-current.png') no-repeat;
}

.helpBlock__content{
    padding: 40px 40px 90px;
	box-sizing: content-box !important;
}

.helpBlock__decoration{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -30px;

	z-index: 100;
}

/* Adaptability */
@media (max-width: 992px) {
    .helpBlock{
        padding: 100px 0;
    }

    .helpBlock__tabs-wrapper{
        background: none;
        padding: 40px 20px;

        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .helpBlock__tab-btn{
        background: var(--c1);
        border-radius: 30px;
        padding: 10px 60px;
        text-align: left;
    }
    .helpBlock__tab-btn::before{
        left: 30px;
        top: 50%;
        transform: translate(0, -50%);
    }

    .helpBlock__content{
        padding: 25px 15px 60px;
    }

    .helpBlock__decoration{
        height: auto;
        width: 340px;
    }
}

.helpBlock__content .swiper-slide{
	opacity: 0 !important;
}
.helpBlock__content .swiper-slide-active{
	opacity: 1 !important;
}