@charset "UTF-8";
.our_specialists {
	margin-bottom: 60px;
}
.price-card {
}
.card_wrap {
	display: flex;
    justify-content: space-around;
    align-items: stretch;
	margin-bottom: 60px;
	perspective: 1400px;
}
.card_wrap .owl-stage {
	display: flex;
}
.card_wrap.owl-carousel .owl-stage-outer {
	padding: 24px 10px 50px;
	margin: -24px -10px;
}
.card-item {
	cursor: pointer;
	transform-style: preserve-3d;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	box-shadow: 0 4px 12px rgba(2, 53, 64, 0.06);
}
.card-item:hover {
	position: relative;
	z-index: 2;
	transform: translateY(-10px) translateZ(25px) scale(1.02);
	box-shadow: 0 30px 45px rgba(2, 53, 64, 0.2);
}

.card-item-bottom {
	margin-top: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    bottom: 0;
}
.card-item-top {
	padding-bottom: 65px;
}
.card-item-content {
	margin-top: -65px;/*компенсація для .card-item-top {padding-bottom: 65px;}*/
	padding-bottom: 65px;
}
.card-item-bottom {
	margin-top: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    bottom: 20px;
	width: 100%;
}
.owl-item .card-item {
	width: 100%;
	height: 100%;
	margin: 0 2px;
}
.owl-item .card-item .card-item-container {
	position: relative;
	height: 100%;
}
.card_wrap .owl-nav {
	position: relative;
    margin: 0 auto;
}
.card_wrap .owl-nav {
    bottom: -30px;
}

.owl-nav button.owl-prev,
.owl-nav button.owl-next {
	border: 2px solid #b8da46!important;
}
/*.price-card .owl-nav button.owl-prev{
	left: -50px;
}
.price-card .owl-nav button.owl-next {
	right: -50px!important;
}*/
.tagline-list {
	padding-bottom: 30px;
}
.button-description {
	font-size: 11px;
	font-style: italic;
}
@media (min-width: 1024px) {
	.card-item {
		width: 24%;
		padding: 20px 15px;
		border: 2px solid #b8da46;
		border-radius: 25px;
	}
	.card_wrap .owl-nav {
		width: 220px;
	}
}
@media (max-width: 1023px) {
	.card-item {
		width: 32%;
		padding: 20px 15px;
		border: 2px solid #b8da46;
		border-radius: 25px;
	}
	.card_wrap .owl-nav {
		width: 80%;
	}
	.card_wrap .owl-nav {
		width: 320px;
	}
}

@media (max-width: 768px) {
	.card-item {
		width: 90%;
		padding: 20px 15px;
		border: 2px solid #b8da46;
		border-radius: 25px;
	}
	.card_wrap .owl-nav {
		width: 72%;
	}
	.card_wrap .owl-nav {
		width: 350px;
	}
	section.our_specialists .personnel_wrap .personnel-item {
		width: 100%;
	}

}


.price-table-wrapper {
    position: relative;
}

/* Последняя видимая строка перед скрытыми */
.price-table tbody tr.last-visible-row {
    position: relative;
}

/* Затемнение/размытие нижней части последней строки */
.price-table tbody tr.last-visible-row td {
    position: relative;
}

/* Сам эффект.
   Важно: псевдоэлемент навешан на td, а не на tr — Safari/iOS (все браузеры на iOS работают
   на движке WebKit) ненадёжно рендерит ::before/::after на tr/table/tbody, а на td это
   работает стабильно везде. */
.price-table tbody tr.last-visible-row td::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 90%;

    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.75) 50%,
        rgba(255,255,255,1) 100%
    );

    pointer-events: none;
}