@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@800&family=Nunito:wght@700&family=Poppins:wght@400;700&display=swap');

/* salaryiq Site Style Override */

:root {
	--color-salaryiq-teal: #04524B;
	--color-salaryiq-teal-bright: #0F766E;
	--color-salaryiq-teal-soft: #0E766D;
	--color-salaryiq-teal-muted: #448985;
	--color-salaryiq-ink: #0F172A;
	--color-salaryiq-slate: #475569;
	--color-salaryiq-white: #FFFFFF;
	--color-salaryiq-black: #000000;

	--header-bg: var(--color-salaryiq-white);
	--header-border: transparent;
	--header-menu-color: var(--color-salaryiq-ink);
	--header-menu-hover-color: var(--color-salaryiq-teal);
	--header-menu-underline-color: var(--color-salaryiq-teal);
	--header-brand-color: var(--color-salaryiq-teal);

	--footer-bg: var(--color-salaryiq-white);
	--footer-heading-color: var(--color-salaryiq-ink);
	--footer-link-color: var(--color-salaryiq-slate);
	--footer-link-hover-color: var(--color-salaryiq-teal);
	--footer-accent-color: var(--color-salaryiq-ink);
	--footer-credit-color: var(--color-salaryiq-teal-bright);
	--footer-copyright-color: var(--color-salaryiq-teal-bright);

	--section-title-color: #0F766E;
	--section-title-accent: #04524B;
	--section-title-border: var(--color-salaryiq-teal-bright);
	--section-title-font: 'Inter', var(--font-family-heading);
}

.site-footer__copyright {
	border-top-color: rgba(15, 118, 110, 0.16);
}

body.page {
	background-color: var(--color-salaryiq-white);
	color: var(--color-salaryiq-ink);
}

.page-title,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	color: var(--color-salaryiq-ink);
}

.entry-content,
.entry-content p,
.entry-content li {
	color: var(--color-salaryiq-slate);
}

.entry-content a {
	color: var(--color-salaryiq-teal);
	text-decoration-color: var(--color-salaryiq-teal-bright);
}

.entry-content a:hover,
.entry-content a:focus {
	color: var(--color-salaryiq-teal-bright);
}

.entry-content strong,
.entry-content b {
	color: var(--color-salaryiq-ink);
}

.entry-content blockquote {
	border-left-color: var(--color-salaryiq-teal-bright);
	background-color: #F0FAFA;
}

.entry-content hr {
	border-top-color: rgba(15, 118, 110, 0.2);
}

.entry-content th {
	background-color: #E8F5F4;
	color: var(--color-salaryiq-ink);
}

.entry-content th,
.entry-content td {
	border-color: rgba(15, 118, 110, 0.2);
}

.entry-content code,
.entry-content kbd,
.entry-content samp,
.entry-content pre {
	background-color: #F0FAFA;
}

.hero {
	background: linear-gradient(160.84deg, #0E766D 1.09%, #04524B 87.11%);
}

.hero-content h1 {
	color: var(--color-salaryiq-white);
}

.salary-calc {
	background: var(--color-salaryiq-white);
	padding: 24px;
	border-radius: 12px;
	box-shadow: 0 10px 25px rgba(4, 82, 75, 0.15);
	margin-top: 20px;
	border: 1px solid rgba(15, 118, 110, 0.2);
	color: var(--color-salaryiq-ink);
}

.salary-calc h4 {
	color: var(--color-salaryiq-teal);
	margin-bottom: 12px;
	font-size: 18px;
}

.salary-calc label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 4px;
}

.salary-calc select {
	width: 100%;
	padding: 8px 12px;
	margin-bottom: 12px;
	border: 1px solid rgba(15, 118, 110, 0.3);
	border-radius: 6px;
	font-family: inherit;
	background: var(--color-salaryiq-white);
}

.salary-calc button {
	background: linear-gradient(160.84deg, #0E766D 1.09%, #04524B 87.11%);
	color: var(--color-salaryiq-white);
	border: none;
	width: 100%;
	padding: 10px;
	font-weight: 600;
	border-radius: 6px;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.salary-calc button:hover {
	opacity: 0.92;
}

.salary-result {
	margin-top: 12px;
	font-weight: 600;
	color: var(--color-salaryiq-teal-bright);
	display: none;
}

.faqs {
	--faqs-bg: #F6FFFF;
	--faqs-accent: var(--color-salaryiq-teal-bright);
	--faqs-card-bg: var(--color-salaryiq-white);
	--faqs-card-title: var(--color-salaryiq-ink);
	--faqs-card-text: var(--color-salaryiq-slate);
	--faqs-button-bg: var(--color-salaryiq-teal-bright);
	--faqs-button-color: var(--color-salaryiq-white);
	--faqs-button-font: 'Inter', var(--font-family-heading);
	--faqs-item-bg: #DDF1F0;
	--faqs-question-color: var(--color-salaryiq-black);
	--faqs-answer-color: rgba(0, 0, 0, 0.8);
	--faqs-font-heading: 'Poppins', var(--font-family-heading);
	--faqs-font-body: 'Poppins', var(--font-family-base);
}

.faqs .section-title__heading {
	font-weight: 600;
}

.faqs__card-title,
.faqs__card-text,
.faqs__card-button {
	font-family: 'Inter', var(--font-family-heading);
}

.faqs__card-button {
	font-size: 18px;
}

.faqs__item.is-open .faqs__question {
	border-bottom-color: rgba(15, 118, 110, 0.2);
}

.cta {
	--cta-bg: #013330;
	--cta-title-color: var(--color-salaryiq-white);
	--cta-text-color: rgba(255, 255, 255, 0.8);
	--cta-button-bg-plain: var(--color-salaryiq-teal-bright);
	--cta-button-color-plain: var(--color-salaryiq-white);
	--cta-button-bg-with-bg: var(--color-salaryiq-white);
	--cta-button-color-with-bg: var(--color-salaryiq-teal-bright);
}

.cta--without-background,
.cta--with-background {
	background: #F6FFFF;
}

.cta__title,
.cta--without-background .cta__title,
.entry-content .cta--without-background .cta__title {
	font-family: 'Inter', var(--font-family-heading);
	color: var(--color-salaryiq-teal-bright);
}

.cta--without-background .cta__text {
	color: var(--color-salaryiq-slate);
}

.cta--with-background .cta__title,
.entry-content .cta--with-background .cta__title {
	font-weight: 700;
	font-size: 48px;
	line-height: 48px;
	color: var(--color-salaryiq-white);
}

.cta--with-background .cta__text {
	max-width: 744px;
	font-size: 20px;
	line-height: 28px;
	color: rgba(255, 255, 255, 0.8);
}

.cta--with-background .cta__button,
.entry-content .cta--with-background a.cta__button {
	min-height: 60px;
	padding: 16px 40px;
	font-family: 'Manrope', var(--font-family-heading);
	font-weight: 800;
	font-size: 18px;
	line-height: 28px;
	color: var(--color-salaryiq-teal-bright);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 768px) {
	.cta--with-background .cta__title,
	.entry-content .cta--with-background .cta__title {
		font-size: 32px;
		line-height: 32px;
	}

	.cta--with-background .cta__text {
		font-size: 16px;
		line-height: 24px;
	}
}

.spotlight {
	--spotlight-bg: #F6FFFF;
	--spotlight-card-bg: #DDF1F0;
	--spotlight-title-color: var(--color-salaryiq-teal-bright);
	--spotlight-title-gradient: none;
	--spotlight-text-color: var(--color-salaryiq-slate);
	--spotlight-trust-color: var(--color-salaryiq-teal-bright);
	--spotlight-trust-line: var(--color-salaryiq-teal-bright);
	--spotlight-font-heading: 'Inter', var(--font-family-heading);
	--spotlight-font-body: 'Manrope', var(--font-family-base);
}

.spotlight__title {
	-webkit-text-fill-color: var(--color-salaryiq-teal-bright);
}

.reviews {
	--reviews-bg: #F6FFFF;
	--reviews-card-light-bg: #FFFFFF;
	--reviews-card-dark-bg: #DDF1F0;
	--reviews-star-color: var(--color-salaryiq-teal-bright);
	--reviews-shape-color: #DDF1F0;
	--reviews-font-heading: 'Inter', var(--font-family-heading);
	--reviews-font-body: 'Inter', var(--font-family-base);
	--section-title-color: #0F766E;
	--section-title-accent: #04524B;
	--section-title-border: var(--color-salaryiq-teal-bright);
}

.reviews__card--light .reviews__text,
.reviews__card--dark .reviews__text {
	color: #0F172A;
	font-family: 'Inter', var(--font-family-base);
}

.reviews__card--light .reviews__author-name,
.reviews__card--dark .reviews__author-name {
	color: #0F172A;
	font-family: 'Inter', var(--font-family-heading);
	font-weight: 500;
}

.reviews__card--light .reviews__author-role,
.reviews__card--dark .reviews__author-role {
	color: var(--color-salaryiq-slate);
	font-family: 'Inter', var(--font-family-base);
}

.contact {
	--contact-bg: #F6FFFF;
	--contact-form-bg: var(--color-salaryiq-white);
	--contact-form-radius: 48px;
	--contact-input-bg: #DDF1F0;
	--contact-label-color: var(--color-salaryiq-ink);
	--contact-placeholder-color: #94A3B8;
	--contact-note-color: var(--color-salaryiq-slate);
	--contact-btn-bg: var(--color-salaryiq-teal-bright);
	--contact-btn-color: var(--color-salaryiq-white);
	--contact-details-bg: var(--color-salaryiq-teal-bright);
	--contact-details-radius: 24px;
	--contact-details-heading-color: var(--color-salaryiq-white);
	--contact-details-icon-bg: rgba(255, 255, 255, 0.1);
	--contact-details-icon-color: var(--color-salaryiq-white);
	--contact-info-label-color: var(--color-salaryiq-white);
	--contact-info-value-color: var(--color-salaryiq-white);
	--contact-social-heading-color: var(--color-salaryiq-white);
	--contact-social-link-color: var(--color-salaryiq-white);
	--contact-font-heading: 'Poppins', var(--font-family-heading);
	--contact-font-body: 'Inter', var(--font-family-base);
}

.contact .cf7-label {
	font-family: 'Inter', var(--font-family-heading);
	font-weight: 600;
}

.contact .cf7-input,
.contact .cf7-textarea,
.contact .cf7-select,
.entry-content .contact .cf7-input,
.entry-content .contact .cf7-textarea,
.entry-content .contact .cf7-select {
	color: var(--color-salaryiq-ink);
	font-family: 'Inter', var(--font-family-base);
}

.contact .cf7-select {
	color: #94A3B8;
}

.contact .cf7-select option:not([value=""]) {
	color: var(--color-salaryiq-ink);
}

.contact .cf7-submit,
.entry-content .contact .cf7-submit,
.contact input.cf7-submit {
	font-family: 'Inter', var(--font-family-heading);
	font-weight: 700;
}

.faqs {
	--faqs-title-color: #0F766E;
	--faqs-title-accent: #04524B;
	--faqs-title-border: var(--color-salaryiq-teal-bright);
}

.features {
	--features-title-color: #0F766E;
	--features-title-accent: #04524B;
	--features-title-border: var(--color-salaryiq-teal-bright);
}

.how-it-works {
	--how-it-works-title-color: #0F766E;
	--how-it-works-title-accent: #04524B;
	--how-it-works-title-border: var(--color-salaryiq-teal-bright);
}

.growth {
	--growth-title-color: #0F766E;
	--growth-title-accent: #04524B;
	--growth-title-border: var(--color-salaryiq-teal-bright);
}

.services {
	--services-title-color: #0F766E;
	--services-title-accent: #04524B;
	--services-title-border: var(--color-salaryiq-teal-bright);
}

.highlights {
	--highlights-title-color: #0F766E;
	--highlights-title-accent: #04524B;
	--highlights-title-border: var(--color-salaryiq-teal-bright);
}