/* Глобальні стилі */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: "Inter", sans-serif; /* Використовуємо шрифт "Inter" для всього тексту сторінки */
}

img {
	display: block; /* Зображення займає весь доступний простір без відступів */
	width: 100%; /* Ширина зображення встановлена на 100% контейнера */
}

.page-wrapper {
	max-width: 860px; /* Максимальна ширина контейнера сторінки */
	width: 100%; /* Запобігає виходу за межі батьківського елемента */
	margin: 0 auto; /* Центрує контент по горизонталі */
	padding: 30px 10px 20px; /* Внутрішні відступи зверху, збоку та знизу */
	background-color: #008499; /* Колір фону контейнера */
}

.content-wrap {
	padding: 0 20px 20px;
	background-color: #fff;
}

header {
	height: 138px;
	background-image: url('../assets/images/header-bg.png'); /* Фонове зображення хедера */
	background-repeat: no-repeat; /* Запобігає повторенню фонового зображення */
	background-size: contain; /* Масштабує фон так, щоб він повністю вмістився */
	background-position: center; /* Центрує фонове зображення */
}

main {
	padding: 20px 30px; /* Відступи всередині основного контенту */
	font-weight: 500;
	font-size: 1.2rem; /* Розмір шрифту для основного тексту */
}

.mb-15 {
	margin-bottom: 15px; /* Відступ знизу 15px */
}

.mb-20 {
	margin-bottom: 20px; /* Відступ знизу 20px */
}

.d-block {
	display: block; /* Елемент відображається як блоковий */
}

.t-center {
	text-align: center; /* Вирівнює текст по центру */
}

.list {
	padding-left: 60px; /* Зміщує список вправо на 60px */
}

.services-list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: space-between; /* Розподіляє картки рівномірно */
}

.services-list-item {
	width: calc(33.33% - 20px); /* 6 карток у два ряди по 3 в кожному */
}

.services-list-item__title {
	padding: 15px 0; /* Відступи зверху і знизу для заголовка картки */
	text-align: center; /* Вирівнювання тексту заголовка по центру */
	letter-spacing: 1px;
}

.btn {
	height: 50px;
	width: 200px; /* Фіксована ширина кнопки */
	line-height: 50px;
	background-color: #f53947;
	color: #fff;
	cursor: pointer;
	text-align: center;
	border-radius: 5px; /* Округлені кути кнопки */
}

.text-section a[href^='tel:'] {
	font-weight: bold;
	color: #f53947; /* Червоний колір для телефонних номерів */
}

.link-btn {
	text-decoration: none;
	color: white;
	background-color: #008499;
	padding: 10px 20px;
	border-radius: 5px;
	display: inline-block;
}

footer {
	padding: 25px 0;
	background-color: #00677d; /* Темніший фон футера */
	color: #fff;
	text-align: center;
}

.social-links {
	font-size: 2rem;
}

.social-links a {
	text-decoration: none;
	color: white;
	margin-right: 15px;
}

.social-links a:not(:last-child) /* Вибирає всі соцмережеві посилання, крім останнього */ {
	margin-right: 15px; /* Відступ між іконками */
}

footer p:nth-child(2) /* Вибирає другий параграф у футері */ {
	font-size: 14px;
}

footer p:last-child a /* Вибирає посилання у останньому параграфі футера */ {
	text-decoration: underline;
	color: #ffcc00;
}