@media (min-width: 992px) {
	.wrapper-abbo .abbo-holder {
		-moz-column-gap: 1.5rem;
		column-gap: 1.5rem;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}
}
.h1,
.site-content .title,
.wrapper-abbo .price,
h1 {
	font-size: calc(1.375rem + 1.5vw);
}
.h3,
.wrapper-abbo .abbo-name,
h3 {
	font-size: calc(1.2656rem + 0.1872vw);
}
@media (min-width: 1200px) {
	.h3,
	.wrapper-abbo .abbo-name,
	h3 {
		font-size: 1.406rem;
	}
}
.wrapper-abbo .payment-notification {
	padding: 1rem !important;
}
.site-content .wrapper-abbo > .title,
.text-center,
.wrapper-abbo .specs,
.wrapper-abbo > .h1,
.wrapper-abbo > .price,
.wrapper-abbo > h1 {
	text-align: center !important;
}
.wrapper-abbo .payment-notification {
	padding: 2rem !important;
}
@media (max-width: 767.98px) {
	.category .category-name.h2,
	.category h2.category-name {
		grid-column: span 2;
		margin-top: 2rem;
	}
	.category .category-name.h1,
	.category .site-content .category-name.title,
	.category .wrapper-abbo .category-name.price,
	.category h1.category-name,
	.site-content .category .category-name.title,
	.wrapper-abbo .category .category-name.price {
		font-size: 1.7rem;
		grid-column: span 2;
		margin-top: 2rem;
	}
	.category .filters-holder {
		display: none;
		padding: 0;
		transition: all 0.2s ease-in-out;
	}
}
.wrapper-abbo .specs {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	justify-content: flex-start;
	min-height: 160px;
	padding-top: 3rem;
}
.wrapper-abbo .abbo-summary {
	display: flex;
	flex: 1;
}
.wrapper-abbo .abbo-summary > .col-12 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.wrapper-abbo .abbo-summary > .col-12 .description {
	display: flex;
	flex-direction: column;
}
.wrapper-abbo .abbo-summary > .col-12 > li {
	list-style-type: none;
}
.wrapper-abbo .abbo-summary > .col-12 > li .action {
	margin-top: 1.5rem;
}
.wrapper-abbo .abbo-summary > .col-12 > li .action a {
	background-color: #030303;
	border-radius: 500px;
	box-shadow:
		0 2px 2px 0 hsla(0, 0%, 54%, 0.09),
		0 3px 1px -2px rgba(56, 56, 56, 0.12),
		0 1px 5px 0 hsla(0, 0%, 55%, 0.1);
	color: #fff;
	display: block;
	font-weight: 700;
	margin-bottom: 1rem;
	padding: 1rem;
	text-align: center;
	transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.wrapper-abbo .abbo-summary > .col-12 > li .action a {
		transition: none;
	}
}
.wrapper-abbo .abbo-summary > .col-12 > li .action a:hover {
	background-color: #fff;
	box-shadow:
		0 6px 10px 0 hsla(0, 0%, 54%, 0.09),
		0 1px 18px 0 rgba(56, 56, 56, 0.12),
		0 3px 5px -1px hsla(0, 0%, 55%, 0.1);
	color: #030303;
	cursor: pointer;
}
.wrapper-abbo .abbo-name {
	font-weight: 300;
	margin-bottom: 0;
}
.wrapper-abbo .price {
	color: #030303;
	margin-bottom: 1rem;
	margin-top: 1rem;
}
.wrapper-abbo .abbo-free .price {
	display: none;
}
.wrapper-abbo .abbo-free .abbo-name {
	color: #342911;
}
.wrapper-abbo .abbo-basic .abbo-name {
	color: #000;
}
.wrapper-abbo .abbo-premium .abbo-name {
	color: #ffc107;
}
.wrapper-abbo .abbo-premiumplus .abbo-name {
	color: #a07800;
}
.wrapper-abbo .abbo {
	background: none;
	border: 1px solid transparent;
	border-radius: 7px;
	box-shadow:
		0 2px 2px 0 hsla(0, 0%, 54%, 0.09),
		0 3px 1px -2px rgba(56, 56, 56, 0.12),
		0 1px 5px 0 hsla(0, 0%, 55%, 0.1);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	padding: 1rem;
	transform: translateZ(0);
	transition: all 0.4s ease-in-out;
}
.wrapper-abbo .abbo.active {
	border: 4px solid #ffc107;
	box-shadow:
		0 6px 10px 0 hsla(0, 0%, 54%, 0.09),
		0 1px 18px 0 rgba(56, 56, 56, 0.12),
		0 3px 5px -1px hsla(0, 0%, 55%, 0.1);
}
.wrapper-abbo .abbo:after {
	background: linear-gradient(34deg, #6d9067, #75926f 35%, #6d9067);
	border-radius: 5px;
	content: "";
	inset: 0;
	opacity: 0;
	position: absolute;
	transition: opacity 0.2s ease-in-out;
	z-index: -1;
}
.wrapper-abbo .abbo:hover {
	border-color: #fff;
	box-shadow: 0;
	color: #fff;
	position: relative;
	transition: all 0.2s ease-in-out;
}
.wrapper-abbo .abbo:hover:after {
	opacity: 1;
}
.wrapper-abbo .abbo:hover .abbo-name,
.wrapper-abbo .abbo:hover .price {
	color: #fff;
}
.wrapper-abbo .abbo:hover .description,
.wrapper-abbo .abbo:hover .upgrade {
	max-height: 2500px;
	overflow: visible;
}
.wrapper-abbo .abbo:hover .description li,
.wrapper-abbo .abbo:hover .upgrade li {
	color: #fff;
}
.wrapper-abbo .abbo.active .abbo-summary > .col-12 > li {
	display: none;
}
.wrapper-abbo .description,
.wrapper-abbo .upgrade {
	list-style-type: none;
	margin-bottom: 0;
	padding: 0;
}
.wrapper-abbo .description li,
.wrapper-abbo .upgrade li {
	align-items: center;
	border-bottom: 1px dashed hsla(210, 4%, 80%, 0.32);
	display: flex;
	flex: 1;
	flex-direction: row-reverse;
	font-weight: 500;
	justify-content: flex-end;
	line-height: 1.1;
	padding: 1.1rem 1rem;
	text-align: left;
}
.wrapper-abbo .description li:after,
.wrapper-abbo .upgrade li:after {
	/* background-image: url(../svg/check.svg); */
	background-repeat: no-repeat;
	background-size: 22px;
	content: "";
	display: block;
	flex-shrink: 0;
	height: 22px;
	margin-right: 20px;
	width: 22px;
}
.wrapper-abbo .description li.active,
.wrapper-abbo .upgrade li.active {
	color: #030303;
}
.wrapper-abbo .description li.active:after,
.wrapper-abbo .upgrade li.active:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%6D9067' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");
	content: "";
}
.wrapper-abbo .payment-notification {
	background-color: #b38d3a;
	border: 1px solid #342911;
	border-radius: 5px;
	text-align: center;
}
.wrapper-abbo .payment-notification .title {
	color: #342911;
	padding: 1rem 1rem 0;
}
.wrapper-abbo .payment-notification .action {
	background-color: #342911;
	border-radius: 500px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	padding: 0.75rem 1.5rem;
	text-align: center;
	text-shadow: none;
}
.wrapper-abbo .action .login {
	text-transform: capitalize;
}
@media (min-width: 992px) {
	.wrapper-abbo .abbo-holder {
		-moz-column-gap: 1.5rem;
		column-gap: 1.5rem;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}
}
.site-content .user-account-login .b2b-login .title,
.user-account-login .b2b-login .h1,
.user-account-login .b2b-login .site-content .title,
.user-account-login .b2b-login .wrapper-abbo .price,
.user-account-login .b2b-login h1,
.wrapper-abbo .user-account-login .b2b-login .price {
	display: none;
}
.site-content .tab-content--login .login-text .card-body .title,
.tab-content--login .login-text .card-body .h1,
.tab-content--login .login-text .card-body .h2,
.tab-content--login .login-text .card-body .h3,
.tab-content--login .login-text .card-body .h4,
.tab-content--login .login-text .card-body .h5,
.tab-content--login .login-text .card-body .h6,
.tab-content--login .login-text .card-body .site-content .title,
.tab-content--login .login-text .card-body .wrapper-abbo .abbo-name,
.tab-content--login .login-text .card-body .wrapper-abbo .price,
.tab-content--login .login-text .card-body h1,
.tab-content--login .login-text .card-body h2,
.tab-content--login .login-text .card-body h3,
.tab-content--login .login-text .card-body h4,
.tab-content--login .login-text .card-body h5,
.tab-content--login .login-text .card-body h6,
.tab-content--login .login-text .card-body p,
.wrapper-abbo .tab-content--login .login-text .card-body .abbo-name,
.wrapper-abbo .tab-content--login .login-text .card-body .price {
	position: relative;
	text-shadow:
		0 1px 1px hsla(0, 0%, 54%, 0.09),
		0 2px 1px rgba(56, 56, 56, 0.12),
		0 1px 3px rgba(56, 56, 56, 0.2);
	z-index: 10;
}
@media (max-width: 991.98px) {
	.tab-content--login .login-text {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.site-content .tab-content--login .login-text .card-body .title,
	.tab-content--login .login-text .card-body .h1,
	.tab-content--login .login-text .card-body .h2,
	.tab-content--login .login-text .card-body .h3,
	.tab-content--login .login-text .card-body .h4,
	.tab-content--login .login-text .card-body .h5,
	.tab-content--login .login-text .card-body .h6,
	.tab-content--login .login-text .card-body .site-content .title,
	.tab-content--login .login-text .card-body .wrapper-abbo .abbo-name,
	.tab-content--login .login-text .card-body .wrapper-abbo .price,
	.tab-content--login .login-text .card-body h1,
	.tab-content--login .login-text .card-body h2,
	.tab-content--login .login-text .card-body h3,
	.tab-content--login .login-text .card-body h4,
	.tab-content--login .login-text .card-body h5,
	.tab-content--login .login-text .card-body h6,
	.wrapper-abbo .tab-content--login .login-text .card-body .abbo-name,
	.wrapper-abbo .tab-content--login .login-text .card-body .price {
		font-size: 16px;
	}
	.tab-content--login .login-text .card-body .lead {
		font-size: 15px;
		line-height: 1.1;
		margin-bottom: 0;
	}
}
.filters-holder > .h3,
.filters-holder > h3,
.wrapper-abbo .filters-holder > .abbo-name {
	border-bottom: 1px solid #9dac9a;
	color: #9dac9a;
	font-size: 1.125rem;
	font-weight: 700;
}
.filters-holder .filter {
	font-size: 0.938rem;
}
.filters-holder .filter .h3,
.filters-holder .filter .wrapper-abbo .abbo-name,
.filters-holder .filter h3,
.wrapper-abbo .filters-holder .filter .abbo-name {
	border-bottom: 1px solid #eaebec;
	font-size: 115%;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 1.5rem;
	padding-bottom: 1rem;
}
.page-header .h1,
.page-header .h2,
.page-header .h3,
.page-header .site-content .title,
.page-header .wrapper-abbo .abbo-name,
.page-header .wrapper-abbo .price,
.page-header h1,
.page-header h2,
.page-header h3,
.page-header strong,
.site-content .page-header .title,
.wrapper-abbo .page-header .abbo-name,
.wrapper-abbo .page-header .price {
	word-wrap: break-word;
	text-align: center;
}
@media (max-width: 767.98px) {
	.page-header .h1,
	.page-header .h2,
	.page-header .h3,
	.page-header .site-content .title,
	.page-header .wrapper-abbo .abbo-name,
	.page-header .wrapper-abbo .price,
	.page-header h1,
	.page-header h2,
	.page-header h3,
	.page-header strong,
	.site-content .page-header .title,
	.wrapper-abbo .page-header .abbo-name,
	.wrapper-abbo .page-header .price {
		font-size: 20px;
	}
	.page.block--leader {
		line-height: 1.3;
		text-align: center;
	}
}
.page-template-b2b-login .site-content .view-login > .title,
.page-template-b2b-login .site-content .view-lost-pw > .title,
.page-template-b2b-login .site-content .view-register > .title,
.page-template-b2b-login .view-login > .h1,
.page-template-b2b-login .view-login > h1,
.page-template-b2b-login .view-lost-pw > .h1,
.page-template-b2b-login .view-lost-pw > h1,
.page-template-b2b-login .view-register > .h1,
.page-template-b2b-login .view-register > h1,
.page-template-b2b-login .wrapper-abbo .view-login > .price,
.page-template-b2b-login .wrapper-abbo .view-lost-pw > .price,
.page-template-b2b-login .wrapper-abbo .view-register > .price,
.site-content .page-template-b2b-login .view-login > .title,
.site-content .page-template-b2b-login .view-lost-pw > .title,
.site-content .page-template-b2b-login .view-register > .title,
.wrapper-abbo .page-template-b2b-login .view-login > .price,
.wrapper-abbo .page-template-b2b-login .view-lost-pw > .price,
.wrapper-abbo .page-template-b2b-login .view-register > .price {
	font-size: 1rem;
	font-weight: 700;
	grid-column: span 4;
	text-align: center;
}
.single .h1,
.single .h2,
.single .h3,
.single .h4,
.single .h5,
.single .h6,
.single .site-content .title,
.single .wrapper-abbo .abbo-name,
.single .wrapper-abbo .price,
.single h1,
.single h2,
.single h3,
.single h4,
.single h5,
.single h6,
.site-content .single .title,
.wrapper-abbo .single .abbo-name,
.wrapper-abbo .single .price {
	margin-bottom: 1rem;
	margin-top: 2rem;
}
.site-content .wedding-guide-cat-header .title,
.wedding-guide-cat-header .h1,
.wedding-guide-cat-header .site-content .title,
.wedding-guide-cat-header .wrapper-abbo .price,
.wedding-guide-cat-header h1,
.wrapper-abbo .wedding-guide-cat-header .price {
	color: #9dac9a;
	font-size: larger;
	text-align: center;
}
.site-content .wedding-guide-cat-header .title span,
.wedding-guide-cat-header .h1 span,
.wedding-guide-cat-header .site-content .title span,
.wedding-guide-cat-header .wrapper-abbo .price span,
.wedding-guide-cat-header h1 span,
.wrapper-abbo .wedding-guide-cat-header .price span {
	display: block;
}
.wedding-guide-cat-header .wedding-tabs {
	border-top: 1px solid #f6e5ee;
	color: #9dac9a;
	display: flex;
	flex-direction: column;
	font-weight: 700;
}
.wedding-guide-cat-header .wedding-tabs li {
	flex-grow: 1;
	flex: 1;
}
.wedding-guide-cat-header .wedding-tabs li a {
	text-align: center;
}
.wedding-guide-cat-header .wedding-tabs li a.active {
	background-color: #9dac9a;
	color: #fff;
}
@media (max-width: 991.98px) {
	.site-content .wedding-guide-cat-header .title,
	.wedding-guide-cat-header .h1,
	.wedding-guide-cat-header .site-content .title,
	.wedding-guide-cat-header .wrapper-abbo .price,
	.wedding-guide-cat-header h1,
	.wrapper-abbo .wedding-guide-cat-header .price {
		font-size: small;
		padding: 1rem;
	}
	.wedding-guide-cat-header .wedding-tabs li a {
		font-size: small;
		padding: 1.125rem 0.75rem;
	}
}
.wrapper-abbo .price {
	font-size: 1.5rem;
	font-weight: bold;
}

/* Payment form styles */
.account-container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 2rem 0;
}

.wrapper-home {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	padding: 2rem;

	max-width: 100%;
}

.wrapper-home h1 {
	color: #9dac9a;
	margin-bottom: 1.5rem;
	font-size: 1.8rem;
}

.payment-form {
	margin-bottom: 2rem;
}

.payment-form .form-group {
	margin-bottom: 1.25rem;
}

.payment-form label {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: #333;
}

.payment-form .form-control {
	width: 100%;
	padding: 0.75rem;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 1rem;
	transition: border-color 0.2s ease;
}

.payment-form .form-control:focus {
	border-color: #9dac9a;
	outline: none;
	box-shadow: 0 0 0 2px rgba(165, 0, 85, 0.1);
}

.payment-form select.form-control {
	appearance: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	padding-right: 2.5rem;
}

.payment-form .form-check {
	margin-top: 1rem;
}

.payment-form .form-check-input {
	margin-right: 0.5rem;
}

.payment-form .terms {
	margin-top: 1.5rem;
}

.payment-form .terms-link {
	color: #9dac9a;
	text-decoration: underline;
}

.payment-form .action {
	margin-top: 1.5rem;
	text-align: center;
}

.payment-form .btn {
	display: inline-block;
	padding: 0.75rem 2rem;
	font-weight: 700;
	text-align: center;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.payment-form .btn-success {
	background-color: #9dac9a;
	color: #fff;
}

.payment-form .btn-success:hover {
	background-color: #9dac9a;
}

.payment-form .btn[disabled],
.payment-form .btn[disabled="disabled"] {
	background-color: #cccccc;
	cursor: not-allowed;
	opacity: 0.7;
}

/* Payment methods section */
.payment-methods {
	margin-top: 2rem;
	text-align: center;
}

.payment-methods h4 {
	color: #333;
	margin-bottom: 1rem;
	font-size: 1.2rem;
}

.payment-gateways-icons {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.5rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

.payment-gateways-icons li {
	display: flex;
	align-items: center;
	justify-content: center;
}

.bruid-gateway-icon img {
	height: 40px;
	max-width: 80px;
	object-fit: contain;
}

@media (max-width: 767.98px) {
	.wrapper-home {
		padding: 1.5rem;
	}

	.wrapper-home h1 {
		font-size: 1.5rem;
	}

	.payment-gateways-icons {
		gap: 1rem;
	}

	.bruid-gateway-icon img {
		height: 30px;
	}
}
.wrapper-home .form-check.terms {
	display: flex;
	gap: 2px;
	align-items: center;
}
.wrapper-home .form-check-label {
	margin-bottom: 0;
}

@media (min-width: 1024px) {
	.wrapper-home .payment-form .row .col-12.col-sm-6 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}
	.wrapper-home .payment-form .row .col-12.col-sm-6 .form-check {
		grid-column: span 2;
	}
}
