.billing-period {
	border-top: 1px solid var(--bs-warm--200);
	border-bottom: 1px solid var(--bs-warm--200);
	background: var(--bs-warm);
	box-shadow: 0 4px 14px 0 rgba(220, 221, 230, 40%);
	z-index: 9;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transition: all 200ms ease;
	animation: smoothScroll 300ms forwards;
	display: none;
}

.visible-billing {
	display: block;
}

.thumbsSwiper .swiper,
.mainContainerSwiper .swiper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.thumbsSwiper {
	box-sizing: border-box;
}

.thumbsSwiper .swiper-slide-thumb-active {
	opacity: 1;
}

.mainContainerSwiper .swiper-slide {
	width: 25%;
}

.plans-feature-option,
 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 182px;
}

.pricing-plans__dropdown-selected-value {
	cursor: pointer;
	font-family: var(--primary-font-family);
    font-weight: var(--primary-font-weight-regular);
	font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height: 48px;
	background-color: var(--secondary-palette-warm-grey-100);
	color: var(--secondary-palette-dark-grey);
	border: 3px solid var(--secondary-palette-dark-grey);
	padding: 0px 30px;
	height: 52px;
	box-shadow: 5px 4px 0px 0px rgba(0, 0, 0, 0.16);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pricing-plans__dropdown-selected-value strong {
	font-weight: var(--primary-font-weight-regular);
	letter-spacing: 0px;
}

.pricing-plans__dropdown-selected-value::after {
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	content: "";
	background-image: url("../svg/down-arrow-black.svg");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	transition: transform 0.2s ease-in-out;
}

.pricing-plans__cta-button, .pricing-plans__dropdown-selected-value{
	width: 100%;
}

.pricing-plans__dropdown-list{
	border: 3px solid var(--secondary-palette-dark-grey);
    list-style: none;
    max-height: 310px;
    overflow-y: scroll;
    position: absolute;
    z-index: 999;
    background-color: var(--secondary-palette-warm-grey-100);
    width: 100%;
    padding-left: 0;
	top:56px;
}

.pricing-plans__empty-price{
	height: 52px;
}

.plans-feature-option .hr-line {
	width: 240px;
	color: inherit;
	border: 0;
	border-top: 1px solid var(--bs-warm--300);
}

.plans-feature-item,
.plans-benefit-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 170px;
	border-bottom: 2px solid var(--bs-warm--200);
}

.plans-feature-item:first-child,
.plans-benefit-item:first-child {
	height: 77px;
}

.plans-feature-item:last-child,
.plans-benefit-item:last-child {
    border-bottom: 0;
}

.plans-feature-item h5,
.plans-benefit-item h5 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.plans-feature-item p,
.plans-benefit-item p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.thumbsSwiper .swiper-slide-active,
.mainContainerSwiper .swiper-slide-active {
	opacity: 1 ;
}

.pricing-plans .info-icon {
	width: 30px;
	height: 21px;
	margin-top: 5px;
}

.pricing-plans .info-icon::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 100%;
	background-color: var(--primary-palette-blue-300);
	mask: url("../svg/tooltip-info-icon.svg") no-repeat;
	-webkit-mask: url("../svg/tooltip-info-icon.svg") no-repeat;
}

.pricing-plans .info-icon:hover::before {
	background-color: var(--primary-palette-blue);
}

.feature-pricing-plan-modal .modal-header .btn-close {
	background-image: url("../svg/modal-close.svg");
	background-repeat: no-repeat;
	opacity: 1;
	background-color: transparent;
	width: 1rem;
	height: 1rem;
	box-sizing: content-box;
	background-position: center;
}

.feature-pricing-plan-modal .modal-body img {
	border: 1px solid var(--bs-cool--200);
	box-shadow: 0 5.48px 7.48px 0 rgba(179, 196, 220, 26%);
}

.empty-price {
	min-height: 28px;
	margin-bottom: 0.5rem;
}

.plans-benefit-item::after {
	content: "";
	background: var(--bs-warm--200);
	width: 100vh;
	height: 2px;
	position: absolute;
	bottom: -2px;
	left: -50%;
	display: block;
}

.pricing-plans-table + .pricing-plans-table {
    padding-top: 4.5rem;
}

.pricing-plans-table + .pricing-plans-table .plans-benefit-item:first-child h4 {
    display: none;
}

.plans-benefit-item:last-child::after {
    display: none;
}

.plans-benefit-item img {
	filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.15));
}
.plans-benefit-option a {
	white-space: nowrap;
}

.pricing-plans-tab-buttons .tab__button{
	min-height: 52px;
}

.pricing-plans__sticky{
    position: sticky;
    top: 77px;
    z-index: 99;
    background: white;
	overflow-x: clip;
}

.plans-feature-option-heading {
	margin-top:40px;
}

.pricing-plans__dropdown-list-item button{
	padding: 10px 12px;
}

.pricing-plans__dropdown-list-item:hover, .pricing-plans__dropdown-list-item.selected{
	background-color: var(--secondary-palette-warm-grey-400);
}

.pricing-plans__dropdown-list-item p{
	margin-bottom: 0;
}

.pricing-plans .sticky-active {
    background-color: var(--bs-warm);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 1200px) {
	.thumbsSwiper .swiper-slide {
		width: 22%;
		height: 100%;
	}

	#pricingPlansToObserve .mainContainerSwiper .swiper-wrapper{
		justify-content: space-evenly !important;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1199.98px) {
	.plans-benefit-option a {
		line-height: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
		padding: 9px 15px;
		height: auto;
		width: 140px;
	}

	.thumbsSwiper .swiper-slide {
		width: 21%;
		height: 100%;
	}
}

@media only screen and (min-width: 1025px) {
	/* .plans-benefit-option{
		height: 168px;
	} */

	.thumbsSwiper .swiper-button-next,
	.thumbsSwiper .swiper-button-prev {
		display: none;
	}

}

@media only screen and (max-width: 1024.98px) {
	.thumbsSwiper{
		overflow-x: clip !important;
	}
	.pricing-plans__empty-price{
		height: auto;
	}

	.thumbsSwiper .swiper-button-disabled {
		display: none;
	}

	.thumbsSwiper .swiper-button-next,
	.thumbsSwiper .swiper-button-prev {
		background: var(--bs-blue--200);
		width: 48px;
		height: 48px;
		border-radius: 100%;
	}

	.thumbsSwiper .swiper-button-next:hover,
	.thumbsSwiper .swiper-button-prev:hover {
		background: var(--bs-blue);
	}

	.thumbsSwiper .swiper-button-next::after,
	.thumbsSwiper .swiper-button-prev::after {
		content: "";
		font-family: inherit;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-repeat: no-repeat;
		background-position: center;
	}

	.thumbsSwiper .swiper-button-prev::after {
		background-image: url("../svg/swiper-prev-arrow.svg");
	}

	.thumbsSwiper .swiper-button-next::after {
		background-image: url("../svg/swiper-next-arrow.svg");
	}

	.thumbsSwiper .swiper-pagination {
		line-height: normal;
		bottom: var(--swiper-pagination-bottom, 15px) !important;
	}

	.thumbsSwiper .swiper-pagination-bullet {
		width: 4.5625rem;
		height: 0.169rem;
		border-radius: 1.25rem;
		background-color: var(--bs-black);
		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 15%);
	}

	.thumbsSwiper .swiper-pagination-bullet-active {
		height: 0.4188rem;
		background-color: var(--bs-blue--200);
	}

	.plans-feature-option .hr-line {
		width: 220px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024.98px){
	.thumbsSwiper .swiper-wrapper .swiper-slide {
		opacity: 0.25;
	}

	.thumbsSwiper .swiper-wrapper .swiper-slide.swiper-slide-visible {
		opacity: 0.25;
	}
	.thumbsSwiper .swiper-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-fully-visible{
		opacity: 1;
	}
	.thumbsSwiper .swiper-wrapper .swiper-slide.swiper-slide-active {
		opacity: 1;
	}
}

@media only screen and (max-width: 767.98px) {
	.plans-benefit-option a {
		width: 186px;
		margin: 0 auto;
	}
	.pricing-plans__cta-button, .pricing-plans__dropdown-selected-value{
		width: auto;
	}
}

@media only screen and (max-width: 991.98px) {
	.plans-benefit-option a {
		width: 186px;
		margin: 0 auto;
	}
	.pricing-plans__cta-button, .pricing-plans__dropdown-selected-value{
		width: auto;
	}
	.thumbsSwiper .swiper-wrapper .swiper-slide {
		visibility: hidden;
	}

	.thumbsSwiper .swiper-wrapper .swiper-slide.swiper-slide-visible {
		visibility: hidden;
	}
	.thumbsSwiper .swiper-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-fully-visible{
		visibility: visible;
	}
	.thumbsSwiper .swiper-wrapper .swiper-slide.swiper-slide-active {
		visibility: visible;
	}
	.mainContainerSwiper .swiper-slide-next, .mainContainerSwiper .swiper-slide-prev{
		visibility: hidden;
	}
}

@media only screen and (max-width: 575.98px) {
	.thumbsSwiper .swiper-button-next,
	.thumbsSwiper .swiper-button-prev{
		transform: translateY(-50%);
		margin-top: calc(0px - (32px/ 2)) !important;
	}
	.thumbsSwiper .swiper-pagination {
		bottom: var(--swiper-pagination-bottom, 20px) !important;
	}

	.thumbsSwiper .swiper-wrapper {
		width: calc(100% - 150px);
	}

	.plans-feature-option {
		height: 37px;
	}

	.plans-feature-option .hr-line {
		width: 100%;
	}

	.plans-feature-item {
		display: none;
	}

	.plans-feature-item:first-child {
		display: block;
		height: auto;
	}


	.plans-benefit-item {
		height: auto;
	}

	.plans-benefit-item:first-child {
		display: none;
	}

	.plans-benefit-option a {
		width: 186px;
		margin: 0 auto;
	}

	.plans-benefit-item::after {
		display: none;
	}

	.pricing-plans-tab-buttons .tab__button{
		padding: 8px 24px;
	}

	.pricing-plans__dropdown-list{
		left: 50%;
		width: auto;
		transform: translateX(-50%);
	}
}