/* Manrope is distributed under the SIL Open Font License 1.1. */
@font-face {
	font-family: "Manrope Local";
	font-style: normal;
	font-display: swap;
	font-weight: 200 800;
	src: url("./fonts/manrope-latin-ext-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Manrope Local";
	font-style: normal;
	font-display: swap;
	font-weight: 200 800;
	src: url("./fonts/manrope-latin-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.elementor-kit-10 {
	--e-global-typography-text-font-family: "Manrope Local";
	--e-global-typography-0e35990-font-family: "Manrope Local";
	font-family: "Manrope Local", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -0.01em;
}

/* One site-wide type system: Phudu for display headings, Manrope for UI and copy. */
.elementor-kit-10 h1,
.elementor-kit-10 h2,
.elementor-kit-10 h3,
.elementor-kit-10 h4,
.elementor-kit-10 .h1,
.elementor-kit-10 .h2,
.elementor-kit-10 .h3,
.elementor-kit-10 .h4 {
	font-family: "Phudu", sans-serif;
}

.elementor-kit-10 p,
.elementor-kit-10 a,
.elementor-kit-10 li,
.elementor-kit-10 label,
.elementor-kit-10 input,
.elementor-kit-10 select,
.elementor-kit-10 textarea,
.elementor-kit-10 summary {
	font-family: "Manrope Local", sans-serif;
}

.elementor-kit-10 h5,
.elementor-kit-10 .h5 {
	font-family: "Manrope Local", sans-serif;
	font-size: 19px;
	font-weight: 400;
	line-height: 1.2;
}

.elementor-kit-10 button,
.elementor-kit-10 input[type="button"],
.elementor-kit-10 input[type="submit"],
.elementor-kit-10 .elementor-button,
.elementor-kit-10 .btn {
	font-family: "Manrope Local", sans-serif;
}

/* Switch directly from the wordmark to the icon in Hub's sticky state. */
.main-header .navbar-brand,
.main-header .navbar-brand-inner {
	width: 124px;
	height: 31px;
}

.main-header .navbar-brand-inner {
	display: block;
	position: relative;
}

.main-header .navbar-brand img {
	position: absolute;
	inset: 0 auto 0 0;
	width: 124px;
	height: 31px;
	object-fit: contain;
	object-position: left center;
}

.main-header .navbar-brand-inner::after {
	position: absolute;
	inset: 0 auto 0 0;
	width: 31px;
	height: 31px;
	background: url("./opinion-now-favicon.svg") center / contain no-repeat;
	content: "";
	display: none;
	pointer-events: none;
}

.main-header.is-stuck .navbar-brand,
.main-header.is-stuck .navbar-brand-inner {
	width: 31px;
	height: 31px;
}

.main-header.is-stuck .navbar-brand img {
	display: none !important;
}

.main-header.is-stuck .navbar-brand-inner::after {
	display: block;
}

.opinion-now-hero-heading {
	line-height: 0.98;
}

.elementor-element-e3f7719,
.elementor-widget-ld_fancy_heading img[src*="apple.svg"],
.elementor-widget-ld_fancy_heading img[src*="android.svg"] {
	display: none !important;
}

@media (max-width: 767px) {
	.main-header .lqd-mobile-sec .navbar-header {
		align-items: center;
		display: flex;
		justify-content: space-between;
		min-height: 70px;
		width: 100%;
	}

	.main-header .lqd-mobile-sec .navbar-brand {
		align-items: center;
		flex: 0 0 auto;
		margin: 0 auto 0 0;
		position: relative;
	}

	.main-header .lqd-mobile-sec .navbar-brand-inner {
		align-self: center;
	}

	.main-header .navbar-brand,
	.main-header .navbar-brand-inner {
		width: 124px;
		height: 31px;
	}

	.main-header .navbar-brand img {
		width: 124px;
		height: 31px;
	}

	.main-header.is-stuck .navbar-brand,
	.main-header.is-stuck .navbar-brand-inner {
		width: 31px;
		height: 31px;
	}

	.main-header .navbar-brand-inner::after {
		width: 31px;
		height: 31px;
	}
}