/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

body {
	background: #020202;
	color: #f5d46a;
	font-family: Montserrat, Arial, sans-serif;
	overflow-x: hidden;
	padding-top: 88px;
}

body.admin-bar .abb-header {
	top: 32px;
}

#abbHeader.abb-header {
	align-items: center;
	backdrop-filter: blur(12px);
	background: rgba(2, 2, 2, 0.94);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
	box-sizing: border-box;
	display: flex;
	height: 88px;
	justify-content: center;
	left: 0;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 80;
	right:0;
}

#abbHeader .abb-header-inner {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	gap: 22px;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1180px;
	padding: 0 34px;
	position: relative;
	width: 100%;
}

.abb-brand {
	align-items: center;
	display: flex;
	gap: 10px;
	min-width: 210px;
	text-decoration: none;
}

.abb-header-logo {
	display: block;
	filter: drop-shadow(0 0 8px rgba(212, 164, 50, 0.38));
	height: auto;
	object-fit: contain;
	width: 132px;
}

.abb-nav {
	align-items: center;
	display: flex;
	font-size: 11px;
	font-weight: 700;
	gap: 34px;
	justify-content: flex-end;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.abb-nav ul,
.abb-footer-nav ul {
	display: flex;
	gap: inherit;
	list-style: none;
	margin: 0;
	padding: 0;
}

.abb-nav li,
.abb-footer-nav li {
	margin: 0;
	padding: 0;
}

.abb-nav a {
	color: #ffffff;
	opacity: 0.88;
	text-decoration: none;
}

.abb-nav .current-menu-item > a,
.abb-nav .current_page_item > a,
.abb-nav a:hover,
.abb-nav a:focus {
	color: #d9ad3d;
	opacity: 1;
}

.abb-search,
.abb-menu-toggle {
	position: relative;
}

.abb-search summary,
.abb-menu-toggle summary {
	cursor: pointer;
	list-style: none;
}

.abb-search summary::-webkit-details-marker,
.abb-menu-toggle summary::-webkit-details-marker {
	display: none;
}

.abb-search summary {
	color: #d9ad3d;
	font-size: 15px;
	line-height: 1;
}

.abb-search-form {
	align-items: center;
	background: rgba(2, 2, 2, 0.98);
	border: 1px solid rgba(217, 173, 61, 0.25);
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.42);
	box-sizing: border-box;
	display: flex;
	gap: 8px;
	padding: 12px;
	position: absolute;
	right: 0;
	top: 32px;
	width: 310px;
	z-index: 90;
}

.abb-search:not([open]) .abb-search-form {
	display: none;
}

.abb-search-form input,
.abb-mobile-search-form input {
	background: #080808;
	border: 1px solid rgba(217, 173, 61, 0.35);
	box-sizing: border-box;
	color: #ffffff;
	font-family: Montserrat, Arial, sans-serif;
	font-size: 12px;
	min-height: 38px;
	padding: 8px 10px;
	width: 100%;
}

.abb-search-form button,
.abb-mobile-search-form button {
	background: linear-gradient(135deg, #b88419, #f1cf63, #9a6a11);
	border: 0;
	color: #080808;
	cursor: pointer;
	font-family: Montserrat, Arial, sans-serif;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.12em;
	min-height: 38px;
	padding: 0 13px;
	text-transform: uppercase;
}

.abb-menu-toggle {
	display: none;
}

.abb-menu-toggle summary {
	background: transparent;
	border: 0;
	color: #d9ad3d;
	font-size: 26px;
	line-height: 1;
	padding: 8px;
}

.abb-footer {
	background: #050505;
	border-top: 1px solid rgba(217, 173, 61, 0.12);
	box-sizing: border-box;
	padding: 36px 34px;
	width: 100%;
}

.abb-footer-inner {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1180px;
}

.abb-footer-brand {
	align-items: center;
	display: flex;
	gap: 12px;
}

.abb-footer-logo {
	display: block;
	height: auto;
	object-fit: contain;
	width: 88px;
}

.abb-footer-tagline {
	color: #bdbdbd;
	font-size: 12px;
	max-width: 420px;
}

.abb-footer-nav {
	display: flex;
	font-size: 10px;
	font-weight: 800;
	gap: 24px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.abb-footer-nav a {
	color: #ffffff;
	text-decoration: none;
}

.abb-footer-nav a:hover,
.abb-footer-nav a:focus {
	color: #d9ad3d;
}

@media (max-width: 782px) {
	body.admin-bar .abb-header {
		top: 46px;
	}
}

@media (max-width: 760px) {
	.abb-header {
		height: 88px;
	}

	.abb-brand {
		min-width: 0;
	}

	.abb-desktop-nav {
		display: none;
	}

	.abb-menu-toggle {
		display: block;
		position: static;
	}

	.abb-mobile-nav {
		align-items: flex-start;
		background: rgba(2, 2, 2, 0.98);
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		gap: 0;
		left: 0;
		padding: 12px 34px 22px;
		position: absolute;
		right: 0;
		top: 72px;
	}

	.abb-menu-toggle:not([open]) .abb-mobile-nav {
		display: none;
	}

	.abb-mobile-nav ul {
		display: block;
		width: 100%;
	}

	.abb-mobile-nav a {
		display: block;
		padding: 13px 0;
		width: 100%;
	}

	.abb-mobile-search-form {
		display: flex;
		gap: 8px;
		padding-top: 12px;
		width: 100%;
	}
}

@media (max-width: 640px) {
	.abb-header-inner {
		padding: 0 22px;
	}

	.abb-footer {
		padding: 32px 24px;
	}

	.abb-footer-brand,
	.abb-footer-inner,
	.abb-footer-nav ul {
		align-items: flex-start;
		flex-direction: column;
	}

	.abb-footer-nav ul {
		gap: 14px;
	}
}

/* ABB Blog, Category, and Single Templates */
.abb-container {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1180px;
	width: 100%;
}

.abb-blog-page,
.abb-category-page,
.abb-single-page {
	background: #020202;
	color: #f4d46b;
	width: 100%;
}

.abb-blog-hero,
.abb-category-hero,
.abb-single-hero {
	background: #050505;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.abb-blog-hero {
	padding: 148px 34px 78px;
}

.abb-category-hero {
	padding: 78px 34px 74px;
}

.abb-single-hero {
	padding: 72px 34px 26px;
}

.abb-blog-hero-map,
.abb-blog-hero-overlay,
.abb-category-photo,
.abb-category-overlay,
.abb-category-map,
.abb-single-map,
.abb-single-hero-overlay {
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.abb-blog-hero-map {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='520' viewBox='0 0 1200 520'%3E%3Crect width='1200' height='520' fill='none'/%3E%3Cg fill='%23d9ad3d' fill-opacity='.12'%3E%3Cpath d='M55 214l72-46 84 21 51 46-43 54-96 6-68-37zM304 172l80-69 100 23 29 85-62 70-113-16zM544 126l95-55 122 34 46 80-72 77-123-25zM850 128l141-48 125 65 28 105-93 68-142-31-82-81zM160 359l119-35 98 58-33 81-138 5zM470 352l139-48 118 51 9 92-139 42-129-38zM800 348l119-39 121 37 83 70-57 61-196 1z'/%3E%3C/g%3E%3C/svg%3E");
	background-position: center top;
	background-size: cover;
	opacity: 0.55;
}

.abb-blog-hero-overlay {
	background: radial-gradient(circle at 72% 20%, rgba(217, 173, 61, 0.18), rgba(2, 2, 2, 0) 30%), linear-gradient(180deg, rgba(2, 2, 2, 0.35), #020202 88%);
}

.abb-category-photo {
	background-image: url("https://images.unsplash.com/photo-1699977660338-3159406901f9?auto=format&fit=crop&w=1800&q=88");
	background-position: center 40%;
	background-size: cover;
	filter: grayscale(100%);
	opacity: 0.16;
}

.abb-category-overlay {
	background: linear-gradient(180deg, rgba(2, 2, 2, 0.54), #020202 86%), radial-gradient(circle at 75% 15%, rgba(217, 173, 61, 0.22), rgba(217, 173, 61, 0) 32%);
}

.abb-category-map {
	background-image: url("https://upload.wikimedia.org/wikipedia/commons/8/80/World_map_-_low_resolution.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 420px;
	left: 50%;
	opacity: 0.12;
	top: 88px;
	transform: translateX(-50%);
	width: 980px;
}

.abb-single-map {
	background-image: url("https://upload.wikimedia.org/wikipedia/commons/8/80/World_map_-_low_resolution.svg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: min(980px, 88vw) auto;
	filter: invert(73%) sepia(68%) saturate(603%) hue-rotate(3deg) brightness(92%) contrast(94%);
	opacity: 0.08;
}

.abb-single-hero-overlay {
	background: radial-gradient(circle at 78% 0%, rgba(217, 173, 61, 0.14), rgba(2, 2, 2, 0) 28%), linear-gradient(180deg, rgba(2, 2, 2, 0.18), #020202 92%);
}

.abb-page-hero-inner,
.abb-single-hero-inner {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1180px;
	position: relative;
	width: 100%;
	z-index: 2;
}

.abb-single-hero-inner {
	border-bottom: 1px solid rgba(217, 173, 61, 0.22);
	padding-bottom: 22px;
}

.abb-page-hero-inner > p:first-child {
	color: #d9ad3d;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.22em;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.abb-page-hero-inner h1,
.abb-single-hero-inner h1 {
	color: #ffffff;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 56px;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.02;
	margin: 0;
}

.abb-single-hero-inner h1 {
	font-size: 46px;
	line-height: 1;
}

.abb-breadcrumb {
	align-items: center;
	color: #8e8e8e;
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	gap: 8px;
	margin-top: 12px;
}

.abb-breadcrumb a {
	color: rgba(255, 255, 255, 0.72);
	text-decoration: none;
}

.abb-breadcrumb span {
	color: #d9ad3d;
}

.abb-hero-rule {
	background: linear-gradient(90deg, rgba(217, 173, 61, 0.55), rgba(217, 173, 61, 0.08), rgba(217, 173, 61, 0));
	height: 1px;
	margin-top: 26px;
	width: 100%;
}

.abb-hero-copy {
	color: #bdbdbd;
	font-size: 14px;
	line-height: 1.8;
	margin: 18px 0 0;
	max-width: 560px;
}

.abb-blog-content,
.abb-category-content,
.abb-single-content {
	background: #020202;
	box-sizing: border-box;
	width: 100%;
}

.abb-blog-content {
	padding: 0 34px 92px;
}

.abb-category-content {
	padding: 0 34px 96px;
}

.abb-single-content {
	padding: 36px 34px 88px;
}

.abb-featured-post {
	background: #060606;
	border: 1px solid rgba(217, 173, 61, 0.18);
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
	display: grid;
	gap: 0;
	grid-template-columns: 1.38fr 0.92fr;
	min-height: 385px;
	transform: translateY(-34px);
}

.abb-featured-media {
	background: #111111;
	min-height: 385px;
	overflow: hidden;
	position: relative;
}

.abb-featured-media img,
.abb-card-media img,
.abb-list-media img {
	height: 100%;
	inset: 0;
	object-fit: cover;
	position: absolute;
	transition: transform 0.35s ease;
	width: 100%;
}

.abb-featured-media img {
	filter: brightness(0.56) saturate(0.85);
}

.abb-featured-media::after {
	background: linear-gradient(90deg, rgba(2, 2, 2, 0.08), rgba(2, 2, 2, 0.58));
	content: "";
	inset: 0;
	position: absolute;
}

.abb-featured-media > span {
	bottom: 24px;
	color: #d9ad3d;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.18em;
	left: 24px;
	position: absolute;
	text-transform: uppercase;
	z-index: 2;
}

.abb-featured-body {
	background: linear-gradient(145deg, #080808, #030303);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 44px 42px 40px;
}

.abb-post-meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 14px;
}

.abb-post-meta span:first-child {
	color: #d9ad3d;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.abb-post-meta span:nth-child(2) {
	background: #6c6c6c;
	border-radius: 50%;
	height: 4px;
	width: 4px;
}

.abb-post-meta span {
	color: #898989;
	font-size: 12px;
}

.abb-featured-body h2,
.abb-card-body h3,
.abb-post-list-card h3,
.abb-article-body h2,
.abb-sidebar-box h3,
.abb-sidebar-promo h3 {
	color: #ffffff;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 700;
	margin: 0;
}

.abb-featured-body h2 {
	font-size: 38px;
	line-height: 1.08;
	margin-bottom: 16px;
}

.abb-featured-body a,
.abb-card-body h3 a,
.abb-post-list-card h3 a {
	color: inherit;
	text-decoration: none;
}

.abb-featured-body p {
	color: #b8b8b8;
	font-size: 14px;
	line-height: 1.85;
	margin: 0 0 28px;
}

.abb-button-outline {
	align-self: flex-start;
	background: rgba(217, 173, 61, 0.04);
	border: 1px solid rgba(217, 173, 61, 0.65);
	color: #f4d46b;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.16em;
	padding: 13px 25px;
	text-decoration: none;
	text-transform: uppercase;
}

.abb-post-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 6px;
}

.abb-post-card {
	background: #060606;
	border: 1px solid rgba(217, 173, 61, 0.16);
	box-shadow: 0 18px 54px rgba(0, 0, 0, 0.38);
	overflow: hidden;
}

.abb-card-media {
	background: #111111;
	display: block;
	height: 218px;
	overflow: hidden;
	position: relative;
}

.abb-card-media img {
	filter: brightness(0.58) saturate(0.9);
}

.abb-card-media span {
	bottom: 18px;
	color: #d9ad3d;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.16em;
	left: 18px;
	position: absolute;
	text-transform: uppercase;
}

.abb-card-body {
	box-sizing: border-box;
	padding: 24px 24px 26px;
}

.abb-card-body h3 {
	font-size: 25px;
	line-height: 1.18;
	margin-bottom: 12px;
}

.abb-card-meta {
	color: #858585;
	display: flex;
	flex-wrap: wrap;
	font-size: 11px;
	gap: 10px;
	margin-bottom: 15px;
}

.abb-card-body p {
	color: #ababab;
	font-size: 13px;
	line-height: 1.75;
	margin: 0 0 20px;
}

.abb-read-more {
	color: #d9ad3d;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-decoration: none;
	text-transform: uppercase;
}

.abb-featured-media:hover img,
.abb-card-media:hover img,
.abb-list-media:hover img,
.abb-main-post-image:hover img {
	transform: scale(1.06);
}

.abb-post-list-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 24px;
}

.abb-post-list-card {
	background: #060606;
	border: 1px solid rgba(217, 173, 61, 0.14);
	display: grid;
	grid-template-columns: 210px 1fr;
	overflow: hidden;
}

.abb-list-media {
	background: #111111;
	min-height: 180px;
	overflow: hidden;
	position: relative;
}

.abb-list-media img {
	filter: brightness(0.55) saturate(0.88);
}

.abb-post-list-card > div {
	box-sizing: border-box;
	padding: 24px 26px;
}

.abb-post-list-card > div > span {
	color: #d9ad3d;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.abb-post-list-card h3 {
	font-size: 24px;
	line-height: 1.15;
	margin: 8px 0 10px;
}

.abb-post-list-card p {
	color: #a8a8a8;
	font-size: 13px;
	line-height: 1.7;
	margin: 0;
}

.abb-pagination {
	margin-top: 48px;
	text-align: center;
}

.abb-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

.abb-pagination a,
.abb-pagination span {
	border: 1px solid rgba(217, 173, 61, 0.45);
	color: #f4d46b;
	display: inline-flex;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.12em;
	padding: 10px 14px;
	text-decoration: none;
	text-transform: uppercase;
}

.abb-pagination .current {
	background: #d9ad3d;
	color: #050505;
}

.abb-empty-state {
	border: 1px solid rgba(217, 173, 61, 0.16);
	padding: 52px 28px;
	text-align: center;
}

.abb-empty-state h2 {
	color: #ffffff;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 34px;
	margin: 0 0 10px;
}

.abb-empty-state p {
	color: #bdbdbd;
	margin: 0;
}

.abb-category-grid {
	display: grid;
	gap: 22px;
	grid-template-columns: repeat(3, 1fr);
	margin-top: -18px;
	position: relative;
	z-index: 3;
}

.abb-category-card {
	align-items: center;
	background: #080808;
	border: 1px solid rgba(217, 173, 61, 0.17);
	box-sizing: border-box;
	color: #ffffff;
	display: flex;
	justify-content: center;
	min-height: 218px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.abb-category-card-bg,
.abb-category-card-shade,
.abb-category-card-glow {
	inset: 0;
	position: absolute;
}

.abb-category-card-bg {
	background-position: center;
	background-size: cover;
	filter: grayscale(100%);
	opacity: 0.35;
	transform: scale(1.03);
	transition: transform 0.5s ease, opacity 0.35s ease;
}

.abb-category-card-shade {
	background: linear-gradient(180deg, rgba(2, 2, 2, 0.62), rgba(2, 2, 2, 0.88));
}

.abb-category-card-glow {
	background: radial-gradient(circle at 50% 42%, rgba(217, 173, 61, 0.18), rgba(217, 173, 61, 0) 44%);
}

.abb-category-card-content {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	padding: 34px 22px;
	position: relative;
	text-align: center;
	z-index: 2;
}

.abb-category-icon {
	align-items: center;
	border: 1px solid rgba(217, 173, 61, 0.5);
	color: #d9ad3d;
	display: flex;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 28px;
	height: 52px;
	justify-content: center;
	margin-bottom: 18px;
	width: 52px;
}

.abb-category-card-content span:nth-child(2) {
	color: #d9ad3d;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.16em;
	line-height: 1.2;
	text-transform: uppercase;
}

.abb-category-card-content span:nth-child(3) {
	color: #ffffff;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 12px;
	letter-spacing: 0.04em;
	margin-top: 6px;
}

.abb-category-card:hover {
	border-color: rgba(217, 173, 61, 0.55);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45), 0 0 24px rgba(217, 173, 61, 0.12);
	transform: translateY(-8px);
}

.abb-category-card:hover .abb-category-card-bg {
	opacity: 0.46;
	transform: scale(1.11);
}

.abb-post-shell {
	align-items: flex-start;
	box-sizing: border-box;
	display: flex;
	gap: 34px;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1180px;
	width: 100%;
}

.abb-article {
	box-sizing: border-box;
	min-width: 0;
	width: calc(100% - 360px);
}

.abb-main-post-image {
	background: #0b0b0b;
	border: 1px solid rgba(217, 173, 61, 0.14);
	box-shadow: 0 22px 70px rgba(0, 0, 0, 0.42);
	height: 360px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.abb-main-post-image img {
	display: block;
	filter: brightness(0.7) saturate(0.88);
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s ease;
	width: 100%;
}

.abb-main-post-image > div {
	background: linear-gradient(180deg, rgba(2, 2, 2, 0.08), rgba(2, 2, 2, 0.7));
	inset: 0;
	position: absolute;
}

.abb-main-post-image > a {
	background: rgba(2, 2, 2, 0.78);
	border: 1px solid rgba(217, 173, 61, 0.26);
	bottom: 22px;
	color: #d9ad3d;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.18em;
	left: 24px;
	padding: 10px 15px;
	position: absolute;
	text-decoration: none;
	text-transform: uppercase;
}

.abb-article-body {
	box-sizing: border-box;
	padding: 30px 0 0;
}

.abb-article-topline {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	justify-content: space-between;
	margin-bottom: 18px;
}

.abb-article-meta {
	align-items: center;
	color: rgba(255, 255, 255, 0.62);
	display: flex;
	flex-wrap: wrap;
	font-size: 11px;
	font-weight: 600;
	gap: 13px;
	letter-spacing: 0.04em;
}

.abb-article-meta a {
	color: #d9ad3d;
	font-weight: 900;
	letter-spacing: 0.16em;
	text-decoration: none;
	text-transform: uppercase;
}

.abb-article-meta span:empty {
	background: rgba(255, 255, 255, 0.32);
	border-radius: 50%;
	height: 4px;
	width: 4px;
}

.abb-article-meta span:nth-child(2) {
	background: #d9ad3d;
}

.abb-share {
	align-items: center;
	display: flex;
	gap: 8px;
}

.abb-share a {
	align-items: center;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(217, 173, 61, 0.32);
	border-radius: 50%;
	color: #ffffff;
	display: flex;
	font-size: 11px;
	font-weight: 800;
	height: 30px;
	justify-content: center;
	text-decoration: none;
	transition: all 0.25s ease;
	width: 30px;
}

.abb-share a:hover {
	border-color: rgba(217, 173, 61, 0.65);
	color: #f4d46b;
}

.abb-article-body h2 {
	font-size: 42px;
	letter-spacing: 0.01em;
	line-height: 1.08;
	margin-bottom: 18px;
}

.abb-entry-content {
	color: rgba(255, 255, 255, 0.76);
	font-size: 15px;
	line-height: 1.9;
}

.abb-entry-content p {
	margin: 0 0 18px;
}

.abb-entry-content blockquote {
	background: linear-gradient(90deg, rgba(217, 173, 61, 0.1), rgba(217, 173, 61, 0.02));
	border-left: 3px solid #d9ad3d;
	color: #f5e4a6;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.45;
	margin: 28px 0;
	padding: 24px 28px;
}

.abb-entry-content h2,
.abb-entry-content h3,
.abb-entry-content h4 {
	color: #ffffff;
	font-family: "Cormorant Garamond", Georgia, serif;
	line-height: 1.15;
	margin: 30px 0 12px;
}

.abb-entry-content h3 {
	font-size: 30px;
}

.abb-entry-content a {
	color: #d9ad3d;
}

.abb-two-col {
	display: grid;
	gap: 18px;
	grid-template-columns: 1fr 1fr;
	margin: 30px 0;
}

.abb-two-col > div {
	background: linear-gradient(145deg, rgba(217, 173, 61, 0.1), rgba(255, 255, 255, 0.02));
	border: 1px solid rgba(217, 173, 61, 0.16);
	box-sizing: border-box;
	padding: 24px;
}

.abb-two-col > div > div {
	align-items: center;
	border: 1px solid rgba(217, 173, 61, 0.35);
	color: #d9ad3d;
	display: flex;
	font-size: 22px;
	height: 40px;
	justify-content: center;
	margin-bottom: 14px;
	width: 40px;
}

.abb-two-col h4 {
	color: #ffffff;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.04em;
	margin: 0 0 8px;
}

.abb-two-col p {
	color: rgba(255, 255, 255, 0.66);
	font-size: 13px;
	line-height: 1.75;
	margin: 0;
}

.abb-post-nav {
	border-top: 1px solid rgba(217, 173, 61, 0.16);
	display: flex;
	gap: 20px;
	justify-content: space-between;
	margin-top: 44px;
	padding-top: 24px;
}

.abb-post-nav a {
	color: #d9ad3d;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.16em;
	text-decoration: none;
	text-transform: uppercase;
}

.abb-sidebar {
	box-sizing: border-box;
	flex: 0 0 326px;
	width: 326px;
}

.abb-sidebar-box {
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid rgba(217, 173, 61, 0.15);
	box-sizing: border-box;
	margin-bottom: 22px;
	padding: 24px;
}

.abb-sidebar-search {
	padding: 16px;
}

.abb-sidebar-search-form {
	display: flex;
	height: 44px;
	width: 100%;
}

.abb-sidebar-search-form input {
	background: #070707;
	border: 1px solid rgba(217, 173, 61, 0.18);
	border-right: 0;
	box-sizing: border-box;
	color: #ffffff;
	font-size: 12px;
	outline: none;
	padding: 0 14px;
	width: 100%;
}

.abb-sidebar-search-form button {
	align-items: center;
	background: #d9ad3d;
	border: 0;
	color: #050505;
	cursor: pointer;
	display: flex;
	font-weight: 900;
	justify-content: center;
	width: 48px;
}

.abb-sidebar-box h3 {
	font-size: 25px;
	line-height: 1;
	margin-bottom: 16px;
}

.abb-sidebar-categories {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
}

.abb-sidebar-categories li {
	border-bottom: 1px solid rgba(217, 173, 61, 0.12);
}

.abb-sidebar-categories li:last-child {
	border-bottom: 0;
}

.abb-sidebar-categories a {
	color: rgba(255, 255, 255, 0.72);
	display: flex;
	font-size: 13px;
	gap: 12px;
	justify-content: space-between;
	padding: 11px 0;
	text-decoration: none;
}

.abb-sidebar-categories span:last-child {
	color: #d9ad3d;
}

.abb-recent-posts {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.abb-recent-post {
	color: #ffffff;
	display: flex;
	gap: 12px;
	text-decoration: none;
}

.abb-recent-post img {
	display: block;
	filter: brightness(0.72) saturate(0.9);
	height: 62px;
	object-fit: cover;
	width: 82px;
}

.abb-recent-post > span > span:first-child {
	color: #ffffff;
	display: block;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.35;
}

.abb-recent-post > span > span:last-child {
	color: rgba(255, 255, 255, 0.48);
	display: block;
	font-size: 10px;
	margin-top: 6px;
}

.abb-sidebar-promo {
	background: linear-gradient(145deg, rgba(217, 173, 61, 0.14), rgba(255, 255, 255, 0.03));
	border: 1px solid rgba(217, 173, 61, 0.16);
	box-sizing: border-box;
	overflow: hidden;
	padding: 28px 24px;
	position: relative;
}

.abb-sidebar-promo > div {
	border: 1px solid rgba(217, 173, 61, 0.16);
	border-radius: 50%;
	bottom: -60px;
	height: 190px;
	position: absolute;
	right: -50px;
	width: 190px;
}

.abb-sidebar-promo p:first-of-type {
	color: #d9ad3d;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.18em;
	margin: 0 0 10px;
	position: relative;
	text-transform: uppercase;
}

.abb-sidebar-promo h3 {
	font-size: 26px;
	line-height: 1.08;
	margin-bottom: 10px;
	position: relative;
}

.abb-sidebar-promo p:last-of-type {
	color: rgba(255, 255, 255, 0.66);
	font-size: 13px;
	line-height: 1.75;
	margin: 0;
	position: relative;
}

@media (max-width: 980px) {
	.abb-post-grid,
	.abb-category-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.abb-featured-post,
	.abb-post-shell {
		grid-template-columns: 1fr;
	}

	.abb-post-shell {
		flex-direction: column;
	}

	.abb-article,
	.abb-sidebar {
		flex-basis: auto;
		width: 100%;
	}
}

@media (max-width: 760px) {
	.abb-blog-hero,
	.abb-category-hero {
		padding: 132px 22px 66px;
	}

	.abb-single-hero {
		padding: 128px 22px 24px;
	}

	.abb-blog-content,
	.abb-category-content,
	.abb-single-content {
		padding-left: 22px;
		padding-right: 22px;
	}

	.abb-page-hero-inner h1 {
		font-size: 40px;
	}

	.abb-single-hero-inner h1 {
		font-size: 36px;
	}

	.abb-featured-post,
	.abb-post-grid,
	.abb-post-list-grid,
	.abb-category-grid,
	.abb-two-col {
		grid-template-columns: 1fr;
	}

	.abb-post-list-card {
		grid-template-columns: 1fr;
	}

	.abb-featured-body {
		padding: 34px 28px;
	}

	.abb-featured-body h2,
	.abb-article-body h2 {
		font-size: 34px;
	}

	.abb-post-nav {
		flex-direction: column;
	}

	.abb-main-post-image {
		height: 300px;
	}
}

@media (max-width: 520px) {
	.abb-post-grid,
	.abb-category-grid {
		grid-template-columns: 1fr;
	}

	.abb-card-body,
	.abb-post-list-card > div,
	.abb-sidebar-box {
		padding: 22px;
	}
}




/* =========================================================
   ASIA BEST BRAND - MOBILE RESPONSIVE CSS
   Put this at the bottom of style.css
   Covers: Home, About, Blog, Category, Blog Post, Contact
========================================================= */

html,
body {
  width: 100% !important;
  overflow-x: hidden !important;
}

* {
  box-sizing: border-box !important;
}

img {
  max-width: 100% !important;
}

/* =========================
   Tablet
========================= */
@media (max-width: 1024px) {

  /* Header */
  #abbHeader {
    height: 82px !important;
  }

  #abbHeader > div {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  #abbHeader a {
    min-width: auto !important;
  }

  #abbHeader img {
    max-width: 150px !important;
    height: auto !important;
  }

  #abbNav {
    gap: 22px !important;
    font-size: 10px !important;
  }

  /* Home hero */
  main#home > section:first-child {
    min-height: 650px !important;
    padding: 120px 26px 70px !important;
  }

  main#home > section:first-child h1 {
    font-size: 66px !important;
    line-height: 0.95 !important;
  }

  main#home > section:first-child > img {
    width: 105vw !important;
    right: -22% !important;
    opacity: 0.22 !important;
  }

  /* Home latest stories */
  main#home > section#blog > div > div:nth-child(2) {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  main#home > section#blog article:first-child {
    grid-column: span 2 !important;
  }

  /* About page */
  #abbAboutGrid {
    grid-template-columns: 1fr !important;
    gap: 38px !important;
  }

  #abbAboutTitle {
    font-size: 52px !important;
  }

  #abbValuesGrid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Blog page */
  #abbFeaturedPost {
    grid-template-columns: 1fr !important;
  }

  #abbPostGrid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  #abbPostGridSecond {
    grid-template-columns: 1fr !important;
  }

  #abbPostGridSecond article {
    grid-template-columns: 220px 1fr !important;
  }

  /* Category page */
  #abbCategoryGrid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Blog post page */
  #abbPostShell {
    flex-direction: column !important;
  }

  #abbArticle {
    width: 100% !important;
  }

  #abbSidebar {
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  /* Contact page */
  #contactWrap {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }
}


/* =========================
   Mobile
========================= */
@media (max-width: 760px) {

  body {
    font-size: 14px !important;
  }

  /* Header */
  #abbHeader {
    height: 72px !important;
  }

  #abbHeader > div {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  #abbHeader a {
    min-width: auto !important;
  }

  #abbHeader img {
    max-width: 128px !important;
    height: auto !important;
  }

  #abbMenuBtn {
    width: 40px !important;
    height: 40px !important;
    font-size: 20px !important;
  }

  #abbNav {
    top: 72px !important;
    padding: 12px 22px 20px !important;
  }

  #abbNav a {
    width: 100% !important;
    padding: 13px 0 !important;
    border-bottom: 1px solid rgba(217, 173, 61, 0.14) !important;
    font-size: 11px !important;
  }

  /* Common section spacing */
  section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Home page hero */
  main#home > section:first-child {
    min-height: 620px !important;
    padding: 120px 20px 70px !important;
    align-items: center !important;
    text-align: left !important;
  }

  main#home > section:first-child > div:last-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  main#home > section:first-child h1 {
    font-size: 48px !important;
    line-height: 0.96 !important;
    letter-spacing: 0.08em !important;
  }

  main#home > section:first-child p {
    font-size: 18px !important;
    line-height: 1.45 !important;
  }

  main#home > section:first-child a {
    padding: 14px 22px !important;
    font-size: 10px !important;
  }

  main#home > section:first-child > img {
    width: 145vw !important;
    right: -58% !important;
    top: 85px !important;
    opacity: 0.16 !important;
  }

  /* Home feature boxes */
  main#home > section#about {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  main#home > section#about > div {
    grid-template-columns: 1fr !important;
  }

  main#home > section#about > div > div {
    padding: 20px !important;
    min-height: auto !important;
  }

  /* Home latest stories */
  main#home > section#blog {
    padding: 46px 20px 62px !important;
  }

  main#home > section#blog > div > div:first-child {
    display: block !important;
  }

  main#home > section#blog > div > div:first-child a {
    display: inline-block !important;
    margin-top: 14px !important;
  }

  main#home > section#blog h2,
  main#home > section#categories h2 {
    font-size: 34px !important;
  }

  main#home > section#blog > div > div:nth-child(2) {
    grid-template-columns: 1fr !important;
  }

  main#home > section#blog article:first-child {
    grid-column: auto !important;
  }

  main#home > section#blog article {
    min-height: 310px !important;
  }

  /* Home categories */
  main#home > section#categories {
    padding: 58px 20px 68px !important;
  }

  main#home > section#categories > div > div:nth-child(2) {
    grid-template-columns: 1fr !important;
  }

  main#home > section#categories > img {
    width: 150vw !important;
    opacity: 0.08 !important;
  }

  /* About page */
  #about {
    padding: 118px 20px 68px !important;
  }

  #abbAboutGrid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  #abbAboutTitle {
    font-size: 40px !important;
    line-height: 1.05 !important;
  }

  #abbAboutImageBox {
    min-height: 280px !important;
  }

  #abbValuesGrid {
    grid-template-columns: 1fr !important;
  }

  #abbValuesGrid article {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(217, 173, 61, 0.14) !important;
    padding: 28px 22px !important;
  }

  /* Blog page */
  #abbBlogHero,
  #abbCategoryHero,
  #abbPostHero {
    padding: 118px 20px 52px !important;
  }

  #abbBlogTitle,
  #abbCategoryTitle,
  #abbPostPageTitle {
    font-size: 42px !important;
    line-height: 1.08 !important;
  }

  #abbBlogContent {
    padding: 0 20px 70px !important;
  }

  #abbFeaturedPost {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  #abbFeaturedPost img {
    min-height: 240px !important;
  }

  #abbPostGrid,
  #abbPostGridSecond {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  #abbPostGridSecond article {
    grid-template-columns: 1fr !important;
  }

  #abbPostGridSecond img {
    min-height: 220px !important;
  }

  #abbLoadBtn {
    width: 100% !important;
  }

  /* Category page */
  #abbCategoryGrid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    margin-top: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .abbCategoryCard {
    min-height: 210px !important;
  }

  /* Blog post page */
  #abbPostShell {
    display: flex !important;
    flex-direction: column !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    gap: 34px !important;
  }

  #abbArticle {
    width: 100% !important;
  }

  #abbArticleTitle {
    font-size: 38px !important;
    line-height: 1.1 !important;
  }

  #abbMainPostImg {
    height: auto !important;
    min-height: 240px !important;
    object-fit: cover !important;
  }

  #abbShare {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  #abbTwoCol {
    grid-template-columns: 1fr !important;
  }

  #abbPostNav {
    flex-direction: column !important;
    gap: 16px !important;
  }

  #abbPostNav a {
    width: 100% !important;
  }

  #abbSidebar {
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  #abbSearchForm {
    display: flex !important;
  }

  #abbSearchInput {
    width: 100% !important;
  }

  /* Contact page */
  section#contact {
    padding: 118px 0 62px !important;
    min-height: auto !important;
  }

  #contactWrap {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  #contactLeft h1,
  #contactLeft h2 {
    font-size: 40px !important;
    line-height: 1.08 !important;
  }

  #contactFormCard {
    padding: 24px 20px !important;
  }

  #contactFormCard input,
  #contactFormCard textarea,
  #contactFormCard button {
    width: 100% !important;
  }

  /* Footer */
  footer#contact,
  #abbPage > footer {
    padding: 30px 20px !important;
  }

  footer#contact > div,
  #abbFooterInner,
  #abbPage > footer > div {
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 18px !important;
  }

  footer#contact nav,
  #abbPage > footer nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
  }
}


/* =========================
   Small Mobile
========================= */
@media (max-width: 480px) {

  #abbHeader img {
    max-width: 112px !important;
  }

  main#home > section:first-child h1 {
    font-size: 40px !important;
  }

  main#home > section:first-child p {
    font-size: 16px !important;
  }

  #abbAboutTitle,
  #abbBlogTitle,
  #abbCategoryTitle,
  #abbPostPageTitle,
  #contactLeft h1,
  #contactLeft h2 {
    font-size: 34px !important;
  }

  #abbArticleTitle {
    font-size: 32px !important;
  }

  main#home > section#blog h2,
  main#home > section#categories h2 {
    font-size: 30px !important;
  }

  #abbFeaturedPost img,
  #abbPostGrid img,
  #abbMainPostImg {
    min-height: 210px !important;
  }

  .abbCategoryCard {
    min-height: 190px !important;
  }
}


.abb-nav li > a{
    color:#fff;
	opacity: 1;
}

/* Homepage shortcode: [abb_home_posts] */
.abb-home-post-strip {
	display: grid;
	gap: 18px;
	grid-template-columns: 1.18fr 1fr 1fr 1fr;
	margin: 0 auto;
	max-width: 1180px;
	width: 100%;
}

.abb-home-post-card {
	background: #070707;
	min-height: 356px;
	overflow: hidden;
	position: relative;
}

.abb-home-post-link {
	color: inherit;
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
}

.abb-home-post-image {
	background: #111111;
	display: block;
	height: 188px;
	overflow: hidden;
	position: relative;
}

.abb-home-post-image img {
	display: block;
	filter: brightness(0.72) saturate(0.88);
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
	width: 100%;
}

.abb-home-post-content {
	box-sizing: border-box;
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 24px 18px 20px;
	position: relative;
	z-index: 2;
}

.abb-home-post-category {
	color: #d9ad3d;
	display: block;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.16em;
	line-height: 1.2;
	margin-bottom: 13px;
	text-transform: uppercase;
}

.abb-home-post-title {
	color: #ffffff;
	display: block;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.02;
}

.abb-home-post-meta {
	color: rgba(255, 255, 255, 0.52);
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	gap: 6px;
	line-height: 1.5;
	margin-top: auto;
	padding-top: 17px;
}

.abb-home-post-meta span + span::before {
	content: ".";
	margin-right: 6px;
}

.abb-home-post-card-featured .abb-home-post-link {
	justify-content: flex-end;
	min-height: 356px;
}

.abb-home-post-card-featured .abb-home-post-image {
	height: 100%;
	inset: 0;
	position: absolute;
}

.abb-home-post-card-featured .abb-home-post-image::after {
	background: linear-gradient(180deg, rgba(2, 2, 2, 0.2) 0%, rgba(2, 2, 2, 0.72) 58%, rgba(2, 2, 2, 0.94) 100%);
	content: "";
	inset: 0;
	position: absolute;
}

.abb-home-post-card-featured .abb-home-post-image img {
	filter: brightness(0.55) saturate(0.8);
}

.abb-home-post-card-featured .abb-home-post-content {
	flex: 0 0 auto;
	min-height: 180px;
	padding: 0 24px 22px;
}

.abb-home-post-card-featured .abb-home-post-title {
	font-size: 30px;
	line-height: 1.04;
}

.abb-home-post-link:hover .abb-home-post-image img,
.abb-home-post-link:focus .abb-home-post-image img {
	transform: scale(1.05);
}

@media (max-width: 1024px) {
	.abb-home-post-strip {
		grid-template-columns: repeat(2, 1fr);
	}

	.abb-home-post-card-featured {
		grid-column: span 2;
	}
}

@media (max-width: 640px) {
	.abb-home-post-strip {
		grid-template-columns: 1fr;
	}

	.abb-home-post-card,
	.abb-home-post-card-featured .abb-home-post-link {
		min-height: 330px;
	}

	.abb-home-post-card-featured {
		grid-column: auto;
	}

	.abb-home-post-card-featured .abb-home-post-title,
	.abb-home-post-title {
		font-size: 25px;
	}
}

/* Homepage shortcode: [abb_home_categories] */
.abb-home-category-strip {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(4, 1fr);
	margin: 0 auto;
	max-width: 1180px;
	width: 100%;
}

.abb-home-category-card {
	align-items: center;
	background: #080808;
	color: #ffffff;
	display: flex;
	justify-content: center;
	min-height: 180px;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-decoration: none;
}

.abb-home-category-bg,
.abb-home-category-overlay {
	inset: 0;
	position: absolute;
}

.abb-home-category-bg {
	background-position: center;
	background-size: cover;
	filter: brightness(0.48) saturate(0.82);
	transition: transform 0.35s ease;
}

.abb-home-category-overlay {
	background: linear-gradient(180deg, rgba(2, 2, 2, 0.2), rgba(2, 2, 2, 0.66)), rgba(2, 2, 2, 0.22);
}

.abb-home-category-content {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 24px 18px;
	position: relative;
	width: 100%;
	z-index: 2;
}

.abb-home-category-icon {
	display: block;
	height: 28px;
	margin-bottom: 18px;
	position: relative;
	width: 28px;
}

.abb-home-category-icon::before,
.abb-home-category-icon::after {
	box-sizing: border-box;
	content: "";
	position: absolute;
}

.abb-home-category-icon::before {
	border: 3px solid #d9ad3d;
	height: 21px;
	left: 4px;
	top: 4px;
	width: 21px;
}

.abb-home-category-icon::after {
	background: #d9ad3d;
	height: 7px;
	left: 10px;
	top: 10px;
	width: 7px;
}

.abb-home-category-name {
	color: #f5d46a;
	display: block;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0.16em;
	line-height: 1.2;
	text-transform: uppercase;
}

.abb-home-category-count {
	color: rgba(255, 255, 255, 0.82);
	display: block;
	font-size: 13px;
	line-height: 1.4;
	margin-top: 7px;
}

.abb-home-category-card:hover .abb-home-category-bg,
.abb-home-category-card:focus .abb-home-category-bg {
	transform: scale(1.06);
}

.abb-home-category-technology .abb-home-category-icon::before {
	border-width: 3px 3px 0 0;
	height: 18px;
	left: 5px;
	top: 5px;
	transform: rotate(135deg);
	width: 18px;
}

.abb-home-category-technology .abb-home-category-icon::after {
	background: transparent;
	border: 3px solid #d9ad3d;
	height: 10px;
	left: 9px;
	top: 9px;
	transform: rotate(45deg);
	width: 10px;
}

.abb-home-category-leadership .abb-home-category-icon::before {
	border: 3px solid #d9ad3d;
	border-radius: 0 0 10px 10px;
	height: 15px;
	left: 5px;
	top: 10px;
	width: 18px;
}

.abb-home-category-leadership .abb-home-category-icon::after {
	background: transparent;
	border: 3px solid #d9ad3d;
	border-bottom: 0;
	border-radius: 11px 11px 0 0;
	height: 14px;
	left: 7px;
	top: 2px;
	width: 14px;
}

.abb-home-category-sustainability .abb-home-category-icon::before {
	border: 3px dotted #d9ad3d;
	border-radius: 50%;
	height: 20px;
	left: 4px;
	top: 4px;
	width: 20px;
}

.abb-home-category-sustainability .abb-home-category-icon::after {
	background: #d9ad3d;
	border-radius: 50%;
	height: 4px;
	left: 12px;
	top: 12px;
	width: 4px;
}

@media (max-width: 1024px) {
	.abb-home-category-strip {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 640px) {
	.abb-home-category-strip {
		grid-template-columns: 1fr;
	}

	.abb-home-category-card {
		min-height: 170px;
	}
}

/* Contact Form 7 */
.wpcf7 .abb-cf7-form {
	background: linear-gradient(145deg, rgba(217, 173, 61, 0.08), rgba(255, 255, 255, 0.025));
	border: 1px solid rgba(217, 173, 61, 0.18);
	box-sizing: border-box;
	color: #ffffff;
	display: grid;
	gap: 18px;
	padding: 34px;
	width: 100%;
}

.wpcf7 .abb-cf7-form label {
	color: #d9ad3d;
	display: block;
	font-family: Montserrat, Arial, sans-serif;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.16em;
	line-height: 1.4;
	margin: 0;
	text-transform: uppercase;
}

.wpcf7 .abb-cf7-form .wpcf7-form-control-wrap {
	display: block;
	margin-top: 9px;
}

.wpcf7 .abb-cf7-form input[type="text"],
.wpcf7 .abb-cf7-form input[type="email"],
.wpcf7 .abb-cf7-form input[type="tel"],
.wpcf7 .abb-cf7-form textarea,
section#contact .wpcf7 input[type="text"],
section#contact .wpcf7 input[type="email"],
section#contact .wpcf7 input[type="tel"],
section#contact .wpcf7 textarea,
#contactWrap .wpcf7 input[type="text"],
#contactWrap .wpcf7 input[type="email"],
#contactWrap .wpcf7 input[type="tel"],
#contactWrap .wpcf7 textarea {
	background: #070707;
	border: 1px solid rgba(217, 173, 61, 0.22);
	border-radius: 0;
	box-shadow: none;
	box-sizing: border-box;
	color: #ffffff;
	font-family: Montserrat, Arial, sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.6;
	min-height: 48px;
	outline: none;
	padding: 13px 15px;
	transition: border-color 0.2s ease, background-color 0.2s ease;
	width: 100%;
}

.wpcf7 .abb-cf7-form textarea,
section#contact .wpcf7 textarea,
#contactWrap .wpcf7 textarea {
	min-height: 150px;
	resize: vertical;
}

.wpcf7 .abb-cf7-form input::placeholder,
.wpcf7 .abb-cf7-form textarea::placeholder,
section#contact .wpcf7 input::placeholder,
section#contact .wpcf7 textarea::placeholder,
#contactWrap .wpcf7 input::placeholder,
#contactWrap .wpcf7 textarea::placeholder {
	color: rgba(255, 255, 255, 0.38);
}

.wpcf7 .abb-cf7-form input:focus,
.wpcf7 .abb-cf7-form textarea:focus,
section#contact .wpcf7 input:focus,
section#contact .wpcf7 textarea:focus,
#contactWrap .wpcf7 input:focus,
#contactWrap .wpcf7 textarea:focus {
	background: #0b0b0b;
	border-color: rgba(217, 173, 61, 0.72);
}

.wpcf7 .abb-cf7-form input.wpcf7-not-valid,
.wpcf7 .abb-cf7-form textarea.wpcf7-not-valid {
	border-color: #d85a4f;
}

.wpcf7 .abb-cf7-form .wpcf7-not-valid-tip {
	color: #f08a7f;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0;
	margin-top: 6px;
	text-transform: none;
}

.wpcf7 .abb-cf7-form input[type="submit"] {
	align-self: flex-start;
	background: linear-gradient(135deg, #b88419, #f1cf63, #9a6a11);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #050505;
	cursor: pointer;
	font-family: Montserrat, Arial, sans-serif;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.16em;
	min-height: 48px;
	padding: 0 34px;
	text-transform: uppercase;
	transition: filter 0.2s ease, transform 0.2s ease;
	width: auto;
}

.wpcf7 .abb-cf7-form input[type="submit"]:hover,
.wpcf7 .abb-cf7-form input[type="submit"]:focus,
section#contact .wpcf7 input[type="submit"]:hover,
section#contact .wpcf7 input[type="submit"]:focus,
#contactWrap .wpcf7 input[type="submit"]:hover,
#contactWrap .wpcf7 input[type="submit"]:focus {
	filter: brightness(1.08);
	transform: translateY(-1px);
}

section#contact .wpcf7 input[type="submit"],
#contactWrap .wpcf7 input[type="submit"] {
	align-self: flex-start;
	background: linear-gradient(135deg, #b88419, #f1cf63, #9a6a11);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #050505;
	cursor: pointer;
	font-family: Montserrat, Arial, sans-serif;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.16em;
	min-height: 48px;
	padding: 0 34px;
	text-transform: uppercase;
	transition: filter 0.2s ease, transform 0.2s ease;
	width: auto;
}

section#contact .wpcf7 input::-webkit-contacts-auto-fill-button,
section#contact .wpcf7 input::-webkit-credentials-auto-fill-button,
#contactWrap .wpcf7 input::-webkit-contacts-auto-fill-button,
#contactWrap .wpcf7 input::-webkit-credentials-auto-fill-button,
.wpcf7 .abb-cf7-form input::-webkit-contacts-auto-fill-button,
.wpcf7 .abb-cf7-form input::-webkit-credentials-auto-fill-button {
	display: none !important;
	pointer-events: none;
	visibility: hidden;
}

section#contact .wpcf7 input:-webkit-autofill,
section#contact .wpcf7 input:-webkit-autofill:hover,
section#contact .wpcf7 input:-webkit-autofill:focus,
#contactWrap .wpcf7 input:-webkit-autofill,
#contactWrap .wpcf7 input:-webkit-autofill:hover,
#contactWrap .wpcf7 input:-webkit-autofill:focus,
.wpcf7 .abb-cf7-form input:-webkit-autofill,
.wpcf7 .abb-cf7-form input:-webkit-autofill:hover,
.wpcf7 .abb-cf7-form input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px #070707 inset;
	-webkit-text-fill-color: #ffffff;
	border-color: rgba(217, 173, 61, 0.42);
}

section#contact .abb-contact-icon,
#contactWrap .abb-contact-icon {
	align-items: center;
	background: rgba(214, 165, 49, 0.08);
	border: 1px solid rgba(214, 165, 49, 0.48);
	color: #d6a531;
	display: flex;
	font-size: 18px;
	height: 46px;
	justify-content: center;
	line-height: 1;
	width: 46px;
}

section#contact .abb-contact-icon i,
#contactWrap .abb-contact-icon i,
section#contact .abb-social-icon i,
#contactWrap .abb-social-icon i {
	color: inherit;
	display: block;
	font-size: inherit;
	line-height: 1;
}

section#contact .abb-social-icon,
#contactWrap .abb-social-icon {
	align-items: center;
	border: 1px solid rgba(214, 165, 49, 0.32);
	color: #f7f0d2;
	display: flex;
	font-size: 13px;
	height: 31px;
	justify-content: center;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
	width: 31px;
}

section#contact .abb-social-icon:hover,
section#contact .abb-social-icon:focus,
#contactWrap .abb-social-icon:hover,
#contactWrap .abb-social-icon:focus {
	background: rgba(214, 165, 49, 0.1);
	border-color: rgba(214, 165, 49, 0.72);
	color: #d6a531;
}

.wpcf7 .abb-cf7-form .wpcf7-spinner {
	background-color: #d9ad3d;
	margin: 0 0 0 12px;
	vertical-align: middle;
}

.wpcf7 form .wpcf7-response-output {
	border: 1px solid rgba(217, 173, 61, 0.35);
	color: rgba(255, 255, 255, 0.78);
	font-size: 13px;
	line-height: 1.7;
	margin: 18px 0 0;
	padding: 13px 15px;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: rgba(217, 173, 61, 0.7);
	color: #f5d46a;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #d85a4f;
	color: #f08a7f;
}

@media (max-width: 640px) {
	.wpcf7 .abb-cf7-form {
		gap: 16px;
		padding: 24px 20px;
	}

	.wpcf7 .abb-cf7-form input[type="submit"] {
		width: 100%;
	}

	section#contact .wpcf7 input[type="submit"],
	#contactWrap .wpcf7 input[type="submit"] {
		width: 100%;
	}
}