.faq-block__spollers.__custom {
	display: grid;
	gap: 1.25rem;
	align-items: flex-start;
}

.faq-block__spollers.__custom .spollers {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.faq-block__spollers.__custom .spollers__item {
	width: 100%;
}

.spollers__title {
	padding: 1.5rem;
}

.spollers__title::before,
.spollers__title::after {
	display: none !important;
}

.spollers__title svg {
	width: 42px;
	height: 42px;
	flex-basis: 42px;
}

.spollers__title svg * {
	transition: 0.3s;
}

.spollers__item.active .spollers__title svg {
	transform: translate(0, 0);
}

.spollers__item.active .spollers__title svg rect {
	fill: var(--accent-color);
	fill-opacity: 1;
}

.spollers__item .spollers__title svg path {
	transform: rotate(0deg);
	transform-origin: center;
}

.spollers__item.active .spollers__title svg path {
	transform: rotate(45deg);
	transform-origin: center;
}

.body-spoller {
	padding: 0 1.5rem 1.5rem 1.5rem;
}

@media (any-hover: hover) {
	.spollers[data-spollers-always] .spollers__item:not(.active):hover .spollers__title::before {
		/* background-color: transparent !important; */
		/* display: none !important; */
	}

	.spollers__title::before:hover {
		background-color: var(--accent-color);
	}

	.spollers__item .spollers__title svg:hover rect {
		fill: var(--accent-color);
		fill-opacity: 1;
	}

	.spollers__item .spollers__title svg:hover path {
		fill: var(--belyy);
	}
}

@media (min-width: 800px) and (max-width: 1100px) {
	.faq-block__spollers.__custom {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 1199px) {
	.faq-block__spollers.__custom {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 1199px) {
	.faq-block__spollers.__custom {
		flex-direction: column;
	}
}


.spollers__title {
	padding: 1.5rem !important;
}

.spollers__title svg {
	width: 42px !important;
	height: 42px !important;
	flex-basis: 42px !important;
}

.spollers__item.active .spollers__title svg rect {
    fill: var(--accent-color) !important;
}

.spollers__title svg rect {
    fill: var(--accent-color) !important;
    fill-opacity: 0.25; /* 0.2–0.35 оптимально */
}


.spollers__title svg {
	transform: none !important;
}


.body-spoller {
    padding: 0 1.5rem 1.5rem 1.5rem !important;
}


.spollers__title:hover svg path,
.spollers__item.active .spollers__title svg path {
    stroke: #fff !important;
}


.page__section.page-rent__faq:not(:last-child) {
    margin-bottom: 4.375rem;
}

.contacts-block__cont {
    margin-bottom: 1.875rem;
    display: flex;
    flex-direction: column;
    gap: .3125rem;
}
