.gruzvoyage-feedback-panel {
display: grid;
position: relative;
height: 70vh;
grid-template-columns: 1fr;
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0.75rem;
}

.gruzvoyage-feedback-panel:nth-child(1) {
	grid-area: 1 / 1 / 2 / 2;
}

.gruzvoyage-feedback-panel:nth-child(2) {
	grid-area: 2 / 1 / 3 / 2;
}

.gruzvoyage-feedback-panel:nth-child(3) {
	grid-area: 3 / 1 / 4 / 2;
}

.gruzvoyage-feedback-panel:nth-child(4) {
	grid-area: 4 / 1 / 5 / 2;
}

.gruzvoyage-feedback-panel__card {
	padding: 1rem;
	overflow: hidden;
}

.gruzvoyage-feedback-panel__fade {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
	z-index: 1;
}

.gruzvoyage-feedback-panel__card-button-panel {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0) 100%);
}

.gruzvoyage-feedback-panel__card-button {
	padding-top: 0.2rem;
}

.gruzvoyage-page-item {}

.gruzvoyage-page-item:hover > .page-link,
.gruzvoyage-page-item.active > .page-link {
	background: var(--gv-promo-orange);
	border-color: var(--gv-promo-orange);
	color: var(--bs-pagination-active-color);
}

@media (min-width: 768px) {
	.gruzvoyage-feedback-panel {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 0.75rem;
		grid-row-gap: 0.75rem;
	}

	.gruzvoyage-feedback-panel:nth-child(1) {
	  grid-column: 1 / 2; /* Занимает первую колонку */
	  grid-row: 1 / 2;    /* Занимает первую строку */
	}

	.gruzvoyage-feedback-panel:nth-child(2) {
	  grid-column: 2 / 3; /* Занимает вторую колонку */
	  grid-row: 1 / 2;    /* Занимает первую строку */
	}

	.gruzvoyage-feedback-panel:nth-child(3) {
	  grid-column: 1 / 2; /* Занимает первую колонку */
	  grid-row: 2 / 3;    /* Занимает вторую строку */
	}

	.gruzvoyage-feedback-panel:nth-child(4) {
	  grid-column: 2 / 3; /* Занимает вторую колонку */
	  grid-row: 2 / 3;    /* Занимает вторую строку */
	}
}

.gruzvoyage-feedback__header {
	justify-content: end;
	padding: 0.4rem;
}

.gruzvoyage-feedback__close {
	position: relative;
	height: 42px;
	width: 42px;
	background-color: white;
	border: 2px solid var(--bs-gray-600);
	border-radius: 50%;
}

.gruzvoyage-feedback__close:before,
.gruzvoyage-feedback__close:after {
	display: block;
	height: 2px;
	width: 28px;
	position: absolute;
	background-color: var(--bs-gray-600);
	content: '';
}

.gruzvoyage-feedback__close:before {
	transform: rotate(45deg);
}

.gruzvoyage-feedback__close:after {
	transform: rotate(135deg);
}