@media (min-width: 0px) {
	.reviews__modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: 50;
		display: none;
		justify-content: center;
		align-items: center;
		overflow-y: scroll;
	}

	.reviews__modal-inner {
		width: 85%;
		position: relative;
		margin: 0 auto;
		display: flex;
		justify-content: center;
	}

	.reviews__modal-inner video {
		width: 80%;
	}

	.reviews__modal-bg {
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.535);
		position: fixed;
		top: 0;
		z-index: -1;
	}


	.videoreviews {
		padding-top: 40px;
		padding-bottom: 160px;
		background-color: #1F262D;

	}

	.videoreviews__inner {
		position: relative;
	}

	.videoreviews__inner h6 {
		font-size: 18px;
		color: #BC625C;
		position: sticky;
		top: 20px;
		display: flex;
		gap: 10px;
		flex-direction: column;
	}

	.videoreviews__inner h6 span {
		text-transform: uppercase;
		font-size: 24px;
		color: #f3f4f6;
	}

	.videoreviews__list {
		padding: 0;
		list-style: none;
		counter-reset: listCounter;
	}

	.videoreviews__item {
		--card-offset: 10px;
		position: -webkit-sticky;
		position: sticky;
		top: 94px;
		outline: 0;
		counter-increment: listCounter;
	}

	.videoreviews__item:nth-child(1) {
		-webkit-transform: translateY(calc((2) * var(--card-offset)));
		transform: translateY(calc((2) * var(--card-offset)));
		margin-top: 10px;
	}

	.videoreviews__item:nth-child(2) {
		-webkit-transform: translateY(calc((3)*var(--card-offset)));
		transform: translateY(calc((3)*var(--card-offset)));
		margin-top: 10px;
	}


	.videoreviews__item:nth-child(3) {
		-webkit-transform: translateY(calc((6)*var(--card-offset)));
		transform: translateY(calc((6)*var(--card-offset)));
		margin-top: 10px;
	}

	.videoreviews__item:nth-child(4) {
		-webkit-transform: translateY(calc((8)*var(--card-offset)));
		transform: translateY(calc((8)*var(--card-offset)));
		margin-top: 10px;
	}

	.videoreviews__item:nth-child(5) {
		-webkit-transform: translateY(calc((10) * var(--card-offset)));
		transform: translateY(calc((10) * var(--card-offset)));
		margin-top: 10px;
	}

	.videoreviews__item:nth-child(6) {
		-webkit-transform: translateY(calc((12) * var(--card-offset)));
		transform: translateY(calc((12) * var(--card-offset)));
		margin-top: 10px;
	}

	.videoreviews__item:nth-child(1) .videoreviews__card {
		background-image: url(../img/v1.webp);
		background-size: cover;
		background-position-x: center;
		border-radius: 24px 24px 24px 0px;
		height: 500px;
	}

	.videoreviews__item:nth-child(2) .videoreviews__card {
		background-image: url(../img/v2.webp);
		background-size: cover;
		background-position-x: center;
		border-radius: 24px 24px 24px 0px;
		height: 500px;
	}

	.videoreviews__item:nth-child(3) .videoreviews__card {
		background-image: url(../img/v3.webp);
		background-size: cover;
		background-position-x: center;
		border-radius: 24px 24px 24px 0px;
		height: 500px;
	}

	.videoreviews__item:nth-child(4) .videoreviews__card {
		background-image: url(../img/v4.webp);
		background-size: cover;
		background-position-x: center;
		border-radius: 24px 24px 24px 0px;
		height: 500px;
	}

	.videoreviews__item:nth-child(5) .videoreviews__card {
		background-image: url(../img/v5.webp);
		background-size: cover;
		background-position-x: center;
		border-radius: 24px 24px 24px 0px;
		height: 500px;
	}

	.videoreviews__item:nth-child(6) .videoreviews__card {
		background-image: url(../img/v6.webp);
		background-size: cover;
		background-position-x: center;
		border-radius: 24px 24px 24px 0px;
		height: 500px; 
	}

	.videoreviews__card {
		padding: 388px 40px 40px 40px;
	}

	.videoreviews__box {
		background: rgba(255, 255, 255, 0.3);
		border: 1px solid rgba(255, 255, 255, 0.5);
		backdrop-filter: blur(12px);
		border-radius: 16px;
		display: flex;
		justify-content: space-between;
		padding: 24px 20px;
		align-items: center;
	}

	.videoreviews__btn {
		background: transparent;
	}

	.video-reviews__name {
		font-size: 20px;
		line-height: 120%;
		color: #FFFFFF;
	}

	.modal-close-cross {
		width: 30px;
		height: 30px;
		fill: #fff;
		position: fixed;
		top: 10px;
		right: 10px;

	}

}

@media (min-width: 639px) {
	.videoreviews__list {
		display: flex;
		justify-content: space-between;
		align-items: end;
		overflow-x: scroll;
		gap: 24px;
		margin-top: 20px;
	}

	.videoreviews__item {
		--card-offset: 0;
		position: unset;

	}

	.videoreviews__inner h6 {
		position: unset;
	}


	.videoreviews__card {
		width: 392px;
	}


}

@media (min-width: 957px) {

	.videoreviews__list {
		margin-top: 50px;
	}

	.videoreviews__inner h6 span {
		font-size: 40px;
	}

	.reviews__modal-inner {
		width: 40%;
	}
}

@media (min-width: 1244px) {

	.videoreviews {
		padding-top: 0px;
		padding-bottom: 64px;
	}

}