/*
Theme Name: Gohardys
Theme URI: http://localhost/Gohardys/
Author: Green Cubes
Author URI: http://localhost/Gohardys/
Description: Custom
Version: 1.0
Tags: bootstrap
*/

.nav-link {
	padding: 0 !important;
}

.login-page section>.woocommerce,
.login-page section>.container-main {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

#assemblyPartsBody {
	height: 332px;
}

.header-logo img {
	max-width: 220px !important;
}

.single-product-buttons .single-cart-btn {
	border: none;
}

.assembly-total-price {
	display: flex;
	gap: 10px;
}

.assembly-total-price h3 small {
	font-size: 1rem;
}

.single-product-qty input {
	margin-right: -10px;
	width: 50px;
	height: 42px;
	border: none;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	outline: none;
	background: #fff;
}

.woocommerce-cart .gh-line-total span {
	margin: 0;
	font-size: 19px;
	font-weight: 700;
	color: #111;
}

#single-product .gh-cart-row {
	grid-template-columns: 2.5fr .8fr .9fr .9fr;
}

.part-variation-select {
	margin-top: 6px;
}

.part-variation-select select {
	max-width: 140px;
	height: 24px;
	padding: 0 8px;
	border: 1px solid #e8e8e8;
	border-radius: 8px;
	background: #fff;
	font-size: 10px;
	font-weight: 500;
	color: #111;
	outline: none;
	cursor: pointer;
	transition: .3s ease;
}

.part-variation-select select:hover {
	border-color: var(--yellow-color);
}

.part-variation-select select:focus {
	border-color: var(--yellow-color);
	box-shadow: 0 0 0 3px rgba(251, 170, 25, .12);
}

.search-popup-box form>label {
	width: 100%
}

.search-popup-box form .is-search-icon {
	background: unset;
	border: 0;
}

.search-popup-box form button:hover .is-search-icon path {
	fill: #fff !important;
}

.main-header .search-close-hover {
	position: absolute;
	top: -14px;
	right: -14px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #fff;
	color: var(--black-color);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
}

.main-header .search-close-hover:hover {
	background: var(--yellow-color);
	color: #fff;
	transform: rotate(90deg);
}

.main-header .search-popup-box input {
	width: 100% !important;
	height: 60px !important;
	border: none !important;
	outline: none !important;
	padding: 0 24px !important;
	font-size: 16px !important;
	background: transparent !important;
	color: var(--black-color) !important;
}

.main-header .search-popup-box button {
	width: 65px !important;
	height: 60px !important;
	border: none !important;
	background: var(--yellow-color) !important;
	color: #fff !important;
	font-size: 18px !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
}

.mob-header form.is-form-style {
	width: 100% !important;
}

.mob-header button.is-search-submit path {
	fill: #000 !important;
}

.mob-header button.is-search-submit:hover path {
	fill: #fbaa19 !important;
}

.mob-header button.is-search-submit .is-search-icon {
	background: #fbaa19 !important;
}

.mob-header button.is-search-submit:hover .is-search-icon {
	background: #000 !important;
}

.is-search-input {
	font-family: inherit !important;
}

.single-product-details-description ul li::before {
	top: 0;
}

/* 19-06-2026 */
/* div#order_review {
margin: 20px 0;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
width:100%;
padding: 16px;
background: var(--yellow-color);
color: var(--white-color);
border: none;
border-radius: var(--radius);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.3px;
cursor: pointer;
transition: opacity 0.15s ease;

} */
/* .woocommerce-terms-and-conditions-wrapper {
padding-bottom: 20px;
}
.woocommerce-info {
border-top-color: var(--yellow-color) !important;
}
.woocommerce-info::before {
color: var(--yellow-color) !important;
}
.woocommerce .col2-set, .woocommerce-page .col2-set {
width: 100%;
padding: 20px 0;
}
.woocommerce-info{
margin:10px 0 !important;
} */
.main-header .search-popup-box input.is-search-input {
	border: unset !important;
}

.mob-header .is-form-style input.is-search-input {
	border: unset !important;
}

.mobile-search-box {
	position: relative;
}

#is-ajax-search-result-446 {
	position: absolute !important;
	top: 85px !important;
	left: 0 !important;
	width: 100% !important;
	z-index: 99999;
	max-width: 100%;
	height: max-content;
	/* 	inset:0 !important; */
	background: #fff;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0, 0, 0, .12);
	margin-top: 10px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	padding: 0 !important;
}

body.login-page .woocommerce form.checkout_coupon,
body.login-page .woocommerce form.login,
body.login-page .woocommerce form.register {
	border: none;
	padding: 0px;
	margin: 0;
	text-align: unset;
	border-radius: unset;
}

@media(max-width:1080px) {
	#is-ajax-search-result-446 {
		top: 104px !important;
	}

}

.policy-header-main {
	position: relative;
	padding: 170px 0 90px;
	overflow: hidden;
	background:
		linear-gradient(135deg,
			rgba(0, 0, 0, 0.96),
			rgba(44, 44, 44, 0.94));
}

/* Decorative yellow glow */
.policy-header-main::before {
	content: "";
	position: absolute;
	top: -180px;
	right: -100px;
	width: 450px;
	height: 450px;
	border-radius: 50%;
	background: rgba(251, 170, 25, 0.12);
	filter: blur(10px);
	pointer-events: none;
}

.policy-header-main::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 180px;
	height: 5px;
	background: var(--yellow-color);
}

.policy-header-content {
	position: relative;
	z-index: 2;
	max-width: 900px;
}

.policy-header-content h1 {
	margin: 0;
	color: var(---white-color);
	font-family: inherit;
	font-size: clamp(42px, 5vw, 72px);
	line-height: 1.12;
	font-weight: 800;
	letter-spacing: -1.5px;
}

/* =========================================
POLICY CONTENT
========================================= */
.policy-content-main {
	padding: 90px 0 110px;
	background: var(--background);
}

.policy-content-wrapper {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 60px 70px;
	background: var(---white-color);
	border: 1px solid #E9E9E9;
	border-radius: 28px;
	box-shadow:
		0 15px 45px rgba(0, 0, 0, 0.045);
}

/* =========================================
HEADINGS
========================================= */
.policy-content-wrapper h1,
.policy-content-wrapper h2,
.policy-content-wrapper h3,
.policy-content-wrapper h4,
.policy-content-wrapper h5,
.policy-content-wrapper h6 {
	color: var(--black-color);
	font-family: inherit;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -0.4px;
}

.policy-content-wrapper h1 {
	margin: 0 0 25px;
	font-size: clamp(34px, 4vw, 48px);
}

.policy-content-wrapper h2 {
	margin: 55px 0 20px;
	padding-bottom: 14px;
	border-bottom: 1px solid #E9E9E9;
	font-size: clamp(27px, 3vw, 36px);
}

.policy-content-wrapper h3 {
	margin: 40px 0 16px;
	font-size: clamp(23px, 2.5vw, 29px);
}

.policy-content-wrapper h4 {
	margin: 30px 0 14px;
	font-size: 22px;
}

.policy-content-wrapper h5 {
	margin: 25px 0 12px;
	font-size: 19px;
}

.policy-content-wrapper h6 {
	margin: 22px 0 10px;
	font-size: 17px;
}

/* =========================================
PARAGRAPHS
========================================= */
.policy-content-wrapper p {
	margin: 0 0 20px;
	color: #5F5F5F;
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.9;
}

/* =========================================
LINKS
========================================= */
.policy-content-wrapper a {
	color: var(--yellow-color);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1.5px;
	text-underline-offset: 3px;
	transition:
		color 0.3s ease,
		text-decoration-color 0.3s ease;
}

.policy-content-wrapper a:hover {
	color: var(--black-color);
}

/* =========================================
UNORDERED LIST
========================================= */
.policy-content-wrapper ul {
	margin: 0 0 25px;
	padding-left: 25px;
}

.policy-content-wrapper ul li {
	position: relative;
	margin-bottom: 12px;
	padding-left: 7px;
	color: #5F5F5F;
	font-family: inherit;
	font-size: 16px;
	line-height: 1.8;
}

.policy-content-wrapper ul li::marker {
	color: var(--yellow-color);
	font-size: 1.15em;
}

/* =========================================
ORDERED LIST
========================================= */
.policy-content-wrapper ol {
	margin: 0 0 25px;
	padding-left: 27px;
	counter-reset: policy-counter;
}

.policy-content-wrapper ol li {
	margin-bottom: 12px;
	padding-left: 8px;
	color: #5F5F5F;
	font-family: inherit;
	font-size: 16px;
	line-height: 1.8;
}

.policy-content-wrapper ol li::marker {
	color: var(--yellow-color);
	font-weight: 800;
}

/* =========================================
NESTED LISTS
========================================= */
.policy-content-wrapper ul ul,
.policy-content-wrapper ul ol,
.policy-content-wrapper ol ul,
.policy-content-wrapper ol ol {
	margin-top: 12px;
	margin-bottom: 5px;
}

/* =========================================
STRONG / BOLD
========================================= */
.policy-content-wrapper strong,
.policy-content-wrapper b {
	color: var(--black-color);
	font-weight: 700;
}

/* =========================================
EMPHASIS
========================================= */
.policy-content-wrapper em,
.policy-content-wrapper i {
	color: #444;
}

/* =========================================
BLOCKQUOTE
========================================= */
.policy-content-wrapper blockquote {
	margin: 30px 0;
	padding: 25px 28px;
	border-left: 5px solid var(--yellow-color);
	border-radius: 0 16px 16px 0;
	background: rgba(251, 170, 25, 0.07);
	color: #333;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.8;
}

.policy-content-wrapper blockquote p:last-child {
	margin-bottom: 0;
}

/* =========================================
HORIZONTAL LINE
========================================= */
.policy-content-wrapper hr {
	height: 1px;
	margin: 45px 0;
	border: 0;
	background: #E8E8E8;
}

/* =========================================
TABLE
========================================= */
.policy-content-wrapper table {
	width: 100%;
	margin: 30px 0;
	border-collapse: collapse;
	overflow: hidden;
	border: 1px solid #E8E8E8;
	border-radius: 14px;
}

.policy-content-wrapper table th {
	padding: 16px 18px;
	background: var(--black-color);
	color: var(---white-color);
	font-size: 15px;
	font-weight: 700;
	text-align: left;
}

.policy-content-wrapper table td {
	padding: 16px 18px;
	color: #5F5F5F;
	font-size: 15px;
	line-height: 1.7;
	border-bottom: 1px solid #E8E8E8;
}

.policy-content-wrapper table tr:last-child td {
	border-bottom: 0;
}

.policy-content-wrapper table tr:nth-child(even) td {
	background: #FAFAFA;
}

/* =========================================
IMAGES
========================================= */
.policy-content-wrapper img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 30px 0;
	border-radius: 18px;
}

body:has(.search-popup.active) { 
	overflow: hidden; 
}

/* =========================================
RESPONSIVE
========================================= */
@media (max-width: 991px) {
	.policy-header-main {
		padding: 140px 0 70px;
	}

	.policy-content-main {
		padding: 65px 0 80px;
	}

	.policy-content-wrapper {
		padding: 45px;
		border-radius: 24px;
	}

	.policy-content-wrapper h2 {
		margin-top: 45px;
	}
}

@media (max-width: 767px) {
	.policy-header-main {
		padding: 125px 0 55px;
	}

	.policy-header-content h1 {
		font-size: 38px;
		letter-spacing: -0.8px;
	}

	.policy-content-main {
		padding: 45px 0 60px;
	}

	.policy-content-wrapper {
		padding: 28px 22px;
		border-radius: 18px;
	}

	.policy-content-wrapper h1 {
		font-size: 30px;
	}

	.policy-content-wrapper h2 {
		margin-top: 38px;
		margin-bottom: 16px;
		padding-bottom: 12px;
		font-size: 25px;
	}

	.policy-content-wrapper h3 {
		margin-top: 30px;
		font-size: 22px;
	}

	.policy-content-wrapper h4 {
		font-size: 19px;
	}

	.policy-content-wrapper h5 {
		font-size: 17px;
	}

	.policy-content-wrapper p,
	.policy-content-wrapper ul li,
	.policy-content-wrapper ol li {
		font-size: 15px;
		line-height: 1.8;
	}

	.policy-content-wrapper ul,
	.policy-content-wrapper ol {
		padding-left: 22px;
	}

	.policy-content-wrapper blockquote {
		margin: 25px 0;
		padding: 20px;
		font-size: 16px;
	}

	.policy-content-wrapper table {
		display: block;
		overflow-x: auto;
	}
}

@media (max-width: 480px) {
	.policy-header-main {
		padding: 110px 0 48px;
	}

	.policy-header-content h1 {
		font-size: 32px;
	}

	.policy-content-wrapper {
		padding: 24px 18px;
	}

	.policy-content-wrapper p,
	.policy-content-wrapper ul li,
	.policy-content-wrapper ol li {
		font-size: 14px;
	}
}

.home-banner-main {
	min-height: 95vh;
}

.home-banner-slider,
.home-banner-item,
.home-banner-bg,
.home-banner-bg img {
	height: 95vh;
}

/* =========================
Lost Password Page
========================= */
body.lost-password-page {
	background: var(--background);
}

body.lost-password-page .login-register-page-main {
	position: relative;
	overflow: hidden;
}

body.lost-password-page .login-register-page-bg {
	min-height: 80vh;
	height: 100%;
	position: absolute;
	inset: 0;
}

body.lost-password-page .login-register-page-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.lost-password-page .login-register-page-bg::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .65);
}

body.lost-password-page .login-register-page-info {
	position: relative;
	min-height: 80vh;
	display: flex;
	align-items: center;
	padding: 80px 0;
	padding-top: 100px;
	z-index: 2;
}

body.lost-password-page .container-main {
	width: 100%;
}

body.lost-password-page .login-register-page {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 80px;
	min-height: 80vh;
}

body.lost-password-page .login-register-page-left {
	width: 50%;
	color: #fff;
}

body.lost-password-page .login-register-page-left-content {
	max-width: 560px;
}

body.lost-password-page .login-register-page-left h1 {
	font-size: 58px;
	line-height: 1.15;
	margin-bottom: 20px;
	color: #fff;
	font-weight: 700;
}

body.lost-password-page .login-register-page-left p {
	font-size: 18px;
	line-height: 1.8;
	color: #d5d5d5;
	margin-bottom: 35px;
}

body.lost-password-page .login-features {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}

body.lost-password-page .feature {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	backdrop-filter: blur(8px);
	padding: 14px 20px;
	border-radius: 10px;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 500;
}

body.lost-password-page .feature i {
	color: var(--yellow-color);
	font-size: 16px;
}

body.lost-password-page .login-register-page-right {
	max-width: 550px;
	width: 50%;
}

body.lost-password-page .login-card {
	background: #fff;
	border-radius: 18px;
	padding: 45px;
	box-shadow: 0 25px 60px rgba(0, 0, 0, .25);
}

body.lost-password-page .login-card h2 {
	font-size: 36px;
	margin-bottom: 10px;
	color: var(--Primary);
}

body.lost-password-page .login-card p {
	color: #777;
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 1.7;
}

body.lost-password-page .form-group {
	margin-bottom: 22px;
}

body.lost-password-page .form-group label {
	display: block;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 8px;
	color: var(--Primary);
}

body.lost-password-page .form-group label .required {
	color: #e74c3c;
	border: 0;
}

body.lost-password-page .form-group input {
	width: 100%;
	height: 55px;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 0 18px;
	outline: none;
	transition: .3s;
	font-size: 15px;
	color: var(--Primary);
}

body.lost-password-page .form-group input:focus {
	border-color: var(--yellow-color);
	box-shadow: 0 0 0 3px rgba(251, 170, 25, .12);
}

body.lost-password-page .form-group input::placeholder {
	color: #aaa;
}

body.lost-password-page .login-btn {
	width: 100%;
	height: 56px;
	border: none;
	background: var(--Primary);
	color: #fff;
	font-size: 17px;
	border-radius: 8px;
	cursor: pointer;
	transition: .3s;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-weight: 600;
	text-decoration: none;
}

body.lost-password-page .login-btn:hover {
	background: var(--yellow-color);
	color: #000;
}

body.lost-password-page .signup-text {
	text-align: center;
	margin-top: 25px;
	color: #666;
	font-size: 15px;
}

body.lost-password-page .signup-text a {
	color: var(--yellow-color);
	text-decoration: none;
	font-weight: 600;
	transition: .3s;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

body.lost-password-page .signup-text a:hover {
	color: var(--Primary);
}

/* Confirmation card extras */
body.lost-password-page .confirmation-icon {
	text-align: center;
	margin-bottom: 20px;
}

body.lost-password-page .confirmation-icon i {
	font-size: 72px;
	color: #27ae60;
}

body.lost-password-page .confirmation-text {
	text-align: center;
	font-size: 15px;
	line-height: 1.8;
	color: #666;
	margin-bottom: 0;
}

body.lost-password-page .login-card h2 {
	text-align: center;
}

body.lost-password-page .login-card .woocommerce-message,
body.lost-password-page .login-card .woocommerce-info,
body.lost-password-page .login-card .woocommerce-error {
	border: none;
	border-left: 4px solid var(--yellow-color);
	background: rgba(251, 170, 25, .08);
	border-radius: 8px;
	padding: 16px 18px;
	margin-bottom: 25px;
	color: var(--Primary);
	font-size: 14px;
	font-weight: 500;
	list-style: none;
}

body.lost-password-page .login-card .woocommerce-message::before,
body.lost-password-page .login-card .woocommerce-info::before,
body.lost-password-page .login-card .woocommerce-error::before {
	display: none;
}

body.lost-password-page .login-card .woocommerce-message li,
body.lost-password-page .login-card .woocommerce-info li,
body.lost-password-page .login-card .woocommerce-error li {
	list-style: none;
}

/* =========================
Lost Password Responsive
========================= */
@media (max-width: 1200px) {
	body.lost-password-page .login-register-page-left h1 {
		font-size: 42px;
	}
}

@media (max-width: 991px) {
	body.lost-password-page .login-register-page {
		flex-direction: column;
		justify-content: center;
		padding: 50px 0;
		gap: 25px;
	}

	body.lost-password-page .login-register-page-left,
	body.lost-password-page .login-register-page-right {
		width: 100%;
	}

	body.lost-password-page .login-register-page-left {
		text-align: center;
	}

	body.lost-password-page .login-features {
		justify-content: center;
	}

	body.lost-password-page .login-register-page-left h1 {
		font-size: 32px;
	}

	body.lost-password-page .login-card {
		padding: 35px;
	}

	body.lost-password-page .login-register-page-left-content {
		max-width: unset;
	}
	body.mobile-search-active {
		overflow: hidden;
	}
	.mobile-search-box{
		margin-top: 40px !important;
	}

}

@media (max-width: 768px) {
	body.lost-password-page .login-register-page-left h1 {
		font-size: 32px;
	}

	body.lost-password-page .login-card {
		padding: 25px;
	}

	body.lost-password-page .login-card h2 {
		font-size: 28px;
	}

	body.lost-password-page .login-register-page-left p {
		font-size: 16px;
		margin-bottom: 25px;
	}

	body.lost-password-page .feature {
		padding: 10px 16px;
		font-size: 13px;
	}

	body.lost-password-page .confirmation-icon i {
		font-size: 56px;
	}
}

@media (max-width: 600px) {
	body.lost-password-page .login-register-page-info {
		padding: 50px 0;
		padding-top: 70px;
		min-height: auto;
	}

	body.lost-password-page .login-register-page {
		min-height: auto;
	}

	body.lost-password-page .login-register-page-left h1 {
		font-size: 28px;
	}

	body.lost-password-page .login-card h2 {
		font-size: 24px;
	}

	body.lost-password-page .login-card p {
		font-size: 14px;
		margin-bottom: 20px;
	}

	body.lost-password-page .login-btn {
		height: 50px;
		font-size: 15px;
	}

	body.lost-password-page .form-group input {
		height: 50px;
		font-size: 14px;
	}

	body.lost-password-page .signup-text {
		font-size: 14px;
	}

	body.lost-password-page .confirmation-icon i {
		font-size: 48px;
	}

}

.is-ajax-search-items.is-show-details-enabled{
	max-height: 100% !important;
}
.is-ajax-search-items {
	max-height: 400px !important;
	overflow-y: auto !important;
}

.is-ajax-search-items .simplebar-content-wrapper {
	overflow-y: auto !important;
}
#is-ajax-search-result-448{
	width: 690px !important;
	top: 96px !important;
	left: 0 !important;
}
#is-ajax-search-result-448 .simplebar-offset{
	overflow: scroll;
}
#is-ajax-search-details-448{
	display: none !important;
}
.mobile-search-box {
	position: relative;
	display:flex;
	flex-direction:column;
	max-height:calc(100dvh - 40px);
}
.is-ajax-search-result{
	position:static !important;
	flex:1;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
.mobile-search-box .is-ajax-search-result {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	width: 100% !important;

	z-index: 9999;
}
.mobile-search-popup {
	position: fixed !important;
	inset: 0 !important;
	height: 100vh !important;
	overflow: hidden !important;
}

@media screen and (max-width: 910px) {
	div.is-ajax-search-result {
		max-width: 97%;
		left:2px !important;
	}
	body:has(.mobile-search-popup.active) {
		overflow: hidden !important;
	}
	.is-ajax-search-result{
		position: absolute !important;
		top:100% !important;
		left:0 !important;
		width:100% !important;
	}
	.is-ajax-search-items.is-show-details-enabled{
		max-height: calc(100dvh - 220px) !important;
	}

	.simplebar-content-wrapper{
		max-height:60vh !important;
		overflow-y:auto !important;
		-webkit-overflow-scrolling:touch;
	}

}

#btn-razorpay,#btn-razorpay-cancel{
	margin-top: 10px;
	background: var(--yellow-color);
	color: var(--black-color);
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 10px 20px;
	border-radius: 15px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	overflow: hidden;
	transition: all 0.55s ease;
	z-index: 1;
	box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);
	border: unset;
}
#btn-razorpay-cancel{
	background: var(---white-color);
}

.contact-details-flex-container{
	display: flex;
}
.contact-details-flex-container .contact-details-flex {
    width: 80%;
    margin: 0 auto;
}

/* Tablet */
@media (max-width: 991px) {
    .contact-details-flex-container .contact-details-flex {
        width: 90%;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .contact-details-flex-container .contact-details-flex {
        width: 95%;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    .contact-details-flex-container .contact-details-flex {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
}


/* body.mobile-search-active {
overflow: hidden;
} */