/* inter-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inter-v20-latin-300.woff2') format('woff2'),
       url('../fonts/inter-v20-latin-300.ttf') format('truetype');
}

/* inter-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/inter-v20-latin-300italic.woff2') format('woff2'),
       url('../fonts/inter-v20-latin-300italic.ttf') format('truetype');
}

/* inter-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v20-latin-regular.woff2') format('woff2'),
       url('../fonts/inter-v20-latin-regular.ttf') format('truetype');
}

/* inter-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/inter-v20-latin-italic.woff2') format('woff2'),
       url('../fonts/inter-v20-latin-italic.ttf') format('truetype');
}

/* inter-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v20-latin-600.woff2') format('woff2'),
       url('../fonts/inter-v20-latin-600.ttf') format('truetype');
}

/* inter-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/inter-v20-latin-600italic.woff2') format('woff2'),
       url('../fonts/inter-v20-latin-600italic.ttf') format('truetype');
}

/* inter-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v20-latin-700.woff2') format('woff2'),
       url('../fonts/inter-v20-latin-700.ttf') format('truetype');
}

/* inter-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/inter-v20-latin-700italic.woff2') format('woff2'),
       url('../fonts/inter-v20-latin-700italic.ttf') format('truetype');
}

:root {
	--primary: #5b5a59;
	--accent: #e95e4c;
	--light: #f9fafb;
	--text: #1f2937;
	--muted: #6b7280;
}

body {
	font-family: 'Inter', sans-serif;
	color: var(--text);
	background: white;
}

.navbar {
	background: #fff;
	border-bottom: 1px solid #eee;
}

.navbar-brand {
	font-weight: 700;
	color: var(--primary);
}

.btn-primary {
	background: var(--accent);
	border: none;
	padding: 12px 25px;
}

.btn-primary:hover,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
	background: #d94f3f;
}

svg.bi {
	display: inline-block;
	width: auto;
	height: 1.0em;
	vertical-align: -0.125em;
	text-align: left;
	overflow: visible;
}

li > svg.bi {
	margin-top: 4px;
}

svg.bi.bi-icon {
	margin-top: 8px;
	margin-bottom: 17px;
	height: 1.8em;
	fill: var(--accent);
}

.logo {
    width: auto;
    height: 90px;
    display: block;
}

.hero {
	position: relative;
	padding: 100px 0;
	background: url('../img/hero.webp') center/cover no-repeat;
	color: white;
}

.hero::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.55);
	top: 0;
	left: 0;
}

.hero .container {
	position: relative;
	z-index: 2;
}

.hero h1 span {
	color: var(--accent);
}

.section {
	padding: 80px 0;
}

.card {
	border: none;
	border-radius: 15px;
	padding: 25px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	transition: 0.3s;
	border-top: 3px solid transparent;
}

.card:hover {
	transform: translateY(-5px);
	border-top: 3px solid var(--accent);
}

.icon {
	font-size: 1.8rem;
	color: var(--accent);
	margin-bottom: 10px;
} 

.accent-line {
	width: 60px;
	height: 4px;
	background: var(--accent);
	margin-bottom: 20px;
	border-radius: 10px;
}

.fade {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.6s;
}

.fade.visible {
	opacity: 1;
	transform: translateY(0);
}

.form-control {
	padding: 10px;
	border: 1px solid #ddd;
}

.form-control:focus {
	border-color: var(--accent);
	box-shadow: 0 0 0 2px rgba(233, 94, 76, 0.2);
}

.why-EQPAS li {
	background: #f9fafb;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.why-EQPAS li i {
	font-size: 1.6rem;
}

.contact-text {
	font-size: 1.1rem;
	margin-bottom: 20px;
	color: #1f2937;
}

.check {
	color: var(--accent);
}

.link,
.link:hover {
    text-decoration: none;
    color: var(--accent);
}