/* SINGLE */

.singlepost {
	width: 100%;
	max-width: 1320px;
    padding: 1px 0px 0px 0px;
    margin: 0 auto;
	min-height: calc(100vh - 376px)
}

.singlepost-title h2 {
	font-family: TT Firs Neue;
	font-weight: 600;
	font-size: 40px;
	line-height: 100%;
	letter-spacing: 0%;
	position: absolute;
	color: #000;
	margin: 0px;
	padding: 30px 0px 0px 70px;
}


.singlepost-content {
	padding: 0px 0px 0px 0px;	
	margin: 120px 0px 0px 0px;
	background-color: #F5F5F5;
	border-radius: 35px;
}

.singlepost-content img {
	position: relative;
	top: 60px;
	left: 70px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 450px;
	height: 300px;
	border-radius: 30px;
	object-fit: contain;
}

.singlepost-content .singlepostcontent {
	width: 600px;
	min-height: 350px;
	margin: -245px 0px 00px 650px;
	padding: 0px 0px 40px 0px;
}

.singlepostcontent p {
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px;
	padding: 0px 0px 30px 0px;
}

.singlepostcontent p a {
	text-decoration: none;
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #D9D9D9;
	margin: 0px;
	padding: 0px 0px 30px 0px;
}

.singlepostcontent p:has(strong) {
	padding: 0px 0px 0px 0px !important;
}

.singlepostcontent ol li {
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 18px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

.singlepostdate {
	position: relative;
	top: 0px;
	left: 650px;
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #D9D9D9;	
	border-top: 1px solid #D9D9D9;
	width: 150px;
	margin: 0px;
	padding: 25px 0px 60px 0px;
}

/* SINGLE CERT */

.singlepost-cert-content {
	padding: 0px 0px 0px 0px;	
	margin: 120px 0px 0px 0px;
	background-color: #F5F5F5;
	border-radius: 35px;	
}

.singlepost-cert-content img {
	margin: 70px 0px 70px 70px;
	padding: 0px 0px 0px 0px;
	width: 1180px;
}


/* NEWS */

.singlepostnews {
	width: 100%;
	max-width: 1320px;
    padding: 0 15px;
    margin: 0 auto;
	min-height: calc(100vh - 376px)
}

.spnpost {
	position: relative;
	width: 1320px;
}

.spnpost h2 {
	font-family: TT Firs Neue;
	font-weight: 600;
	font-size: 40px;
	line-height: 100%;
	letter-spacing: 0%;
	position: absolute;
	top: 40px;
	left: 70px;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.spnpost h2 span {
	font-weight: 500;
	font-size: 24px;
	top: -3px;
    position: relative;
}

.spnpost-content {
	padding: 120px 0px 0px 0px;
}

.spnpost-content img {
	position: relative;
	top: 25px;
	left: 70px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 450px;
	height: 300px;
	border-radius: 30px;
	object-fit: contain;
}

.spnpost-content .spnpostcontent {
	width: 600px;
	min-height: 350px;
	margin: -280px 0px 00px 650px;
	padding: 0px 0px 0px 0px;
}

.spnpostcontent p {
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px;
	padding: 0px 0px 30px 0px;
}

.spnpostcontent p a {
	text-decoration: none;
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #D9D9D9;
	margin: 0px;
	padding: 0px 0px 30px 0px;
}

.spnpostdate {
	position: relative;
	top: 0px;
	left: 650px;
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #D9D9D9;	
	border-top: 1px solid #D9D9D9;
	width: 150px;
	margin: 0px;
	padding: 25px 0px 60px 0px;
}

/* EVERTECH LIVE */

.singlepostevertechlive {
	width: 100%;
	max-width: 1320px;
    padding: 0 15px;
    margin: 0 auto;
	min-height: calc(100vh - 376px)
}

.spelpost {
	position: relative;
	width: 1320px;
}

.spelpost h2 {
	font-family: TT Firs Neue;
	font-weight: 600;
	font-size: 40px;
	line-height: 100%;
	letter-spacing: 0%;
	position: absolute;
	top: 30px;
	left: 70px;
	color: #000;
	margin: 0px;
	padding: 40px 0px 0px 0px;
	width: 950px;
}

.spelpost h2 span {
	font-weight: 500;
	font-size: 24px;
	top: -3px;
    position: relative;
}

.spelpost-content {
	padding: 120px 0px 0px 0px;
}

.spelpost-content h3 {
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 24px;
	line-height: 100%;
	letter-spacing: 0%;
	position: relative;
	top: 90px;
	left: 70px;
	color: #0065AA;
	margin: 0px;
	padding: 0px;
	width: 490px;
}

.spelpost-content .spelpostcontent {
	width: 600px;
	margin: -335px 0px 00px 650px;
	padding: 0px 0px 0px 0px;
}

.spelpostcontent p {
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px;
	padding: 0px 0px 30px 0px;
}

.spelpostcontent p a {
	text-decoration: none;
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #D9D9D9;
	margin: 0px;
	padding: 0px 0px 30px 0px;
}

.spelpostcontent p img {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px auto;
	padding: 0px;
	width: unset;
	height: unset;
	max-width: 450px;
	border-radius: 15px;
	display: block;
}

.spelpost-content img {
	position: relative;
	top: 125px;
	left: 70px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 450px;
	height: 300px;
	border-radius: 30px;
}

.spelpostdate {
	position: relative;
	top: 0px;
	left: 650px;
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #D9D9D9;	
	border-top: 1px solid #D9D9D9;
	width: 150px;
	margin: 0px;
	padding: 25px 0px 60px 0px;
}

.spelsp {
	position: relative;
	width: 1320px;
	height: 215px;
	border-radius: 10px;
	border: 1px solid #F5F5F5;
}

.spelspl {
	position: relative;
	width: 650px;
	height: 215px;	
	background-color: #000;
	border-radius: 10px 0px 0px 10px;
}

.spelspl h4 {
	position: relative;
	top: 30px;
	left: 90px;
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #fff;	
	margin: 0px;
	padding: 0px 0px 0px 0px;	
}

.sp-spelspl {
	margin: 0;
	padding: 0;
    top: 50px;
    position: relative;
}

.sp-spelspl1 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
    top: 0px;
    position: relative;
}

.sp-spelspl1 li {
	width: 215px;
}

.sp-spelspl1 li:nth-child(2) {
	border-left: 1px solid #727272;
	border-right: 1px solid #727272;
}

.sp-spelspl2 {
	list-style-type: none;
	padding: 0px 40px 0px 40px;
}


.sp-spelspl2 h3 {
	padding: 0px;
    margin: 0px;
	height: 95px;
}

.sp-spelspl2 h3 a {
	color: #fff;
	font-family: 'TT Firs Neue';
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	text-decoration: none;
}

.sp-spelspl2 p {
	font-family: 'TT Firs Neue';
	font-weight: 400;
	font-size: 16px;
	padding: 0px;
    margin: 0px;
	color: #D9D9D9;
}

.spelspp {
	margin: 0;
	padding: 0;
    top: -50px;
	left: 1000px;
    position: relative;	
	width: 300px;
}

.spelspp a {
	font-family: 'TT Firs Neue';
	font-weight: 500;
	font-size: 16px;
	padding: 0px;
    margin: 0px;
	color: #000;	
	text-decoration: none;
}

.spelspp-slide {
	width: 20px;
	height: 20px;
	top: -23px;
	left: 200px;
	position: relative;
}

.spelsppkrug {
	width: 100%; 
	height: 100%;
	border: 1px solid #000;
	border-radius: 50%;
}

.spelsppld {
	width: 70%;
	height: 1px;
	background: #000;
	position: relative;
	top: 50%;
	left: 14%;
}

.spelspplv {
	width: 35%;
	height: 1px;
	background: #000;
	position: relative;
	transform: rotate(45deg);
	top: 31%;
	left: 50%;
}

.spelspplg {
	width: 35%;
	height: 1px;
	background: #000;
	position: relative;
	transform: rotate(135deg);
	top: 53%;
	left: 50%;
}


/* EVERTECH LIVE 745 */

.spelpost-content .spelpostcontent745 {
	width: 1320
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Базовые настройки для контейнера секции */
.intro-section {
  display: grid;
  grid-template-columns: 1fr 1.2fr; /* Левая колонка чуть уже правой */
  gap: 60px;                         /* Расстояние между колонками */
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 65px 0px 65px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background-color: #ffffff;
}

/* Левая колонка: Главный заголовок кейса */
.intro-title {
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 24px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #0065AA;
	margin: 0px;
	padding: 0px 0px 0px 0px;	
	width: 390px;
}

/* Правая колонка: Блок "Вступ" */
.intro-content h2 {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 40px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px;
	padding: 0px 0px 20px 0px;	
	width: 500px;
}

.intro-content p {
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000;	
	margin: 0px;
	padding: 0px 0px 0px 0px;	
}

/* Удаляем нижний отступ у последнего абзаца */
.intro-content p:last-child {
  margin-bottom: 0;
}

/* Адаптивность для планшетов и мобильных экранов */
@media (max-width: 768px) {
  .intro-section {
    grid-template-columns: 1fr; /* Перестраиваем колонки в один столбец */
    gap: 32px;
    padding: 40px 20px;
  }

  .intro-title {
    font-size: 1.5rem;
  }

  .intro-content h2 {
    font-size: 1.8rem;
    margin-bottom: 16px;
  }
}


/* Основний контейнер секції */
.tasks-section {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0px 65px 0px 65px;

}

/* Заголовки та підзаголовки */

.tasks-section h2 {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 40px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px;
	padding: 0px 0px 20px 0px;	
}

.tasks-section p {
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px;
	padding: 0px 0px 20px 0px;	
	width: 450px;
}

/* --- СЕТКА ДЛЯ ПЕРШОГО СПИСКУ (З вертикальними лініями) --- */
.platforms-grid {
  display: grid;
	grid-template-columns: 230px 200px 200px 400px; /* Остання колонка ширша */
	margin-bottom: 40px;
}

.platform-item {
    border-left: 1px solid #56BFCA; /* Сіра лінія ліворуч */
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #727272;
	margin: 0px;
	padding: 0px 30px 0px 30px;	
}

/* --- СЕТКА ДЛЯ СІРИХ КАРТОК (Завдання) --- */
.cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 260px);
  gap: 24px;
}

.task-card {
  background-color: #E9E9E9; /* Світло-сірий фон плашок */
  border-radius: 35px;       /* Велике заокруглення кутів */
  padding: 30px 24px;
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 17px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px;
	padding: 25px 30px 25px 30px;	
  display: flex;
  align-items: flex-start;
}

/* --- Загальні налаштування секції --- */
.architecture-section {
  max-width: 1320px;
  margin: 0 auto;
  padding: 60px 65px;
}

/* Головний заголовок блоку */
.architecture-section h2 {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 40px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px;
	padding: 0px 0px 20px 0px;	
}

/* --- Верхній триколонковий блок --- */
.arch-text-grid {
  display: grid;
  grid-template-columns: repeat(3, 360px);
	padding-bottom: 30px;
}

.arch-text-item {
    border-left: 1px solid #56BFCA; /* Сіра лінія ліворуч */
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #727272;
	margin: 0px;
	padding: 0px 30px 0px 30px;	
}

.architecture-section p {
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px;
	padding: 0px 0px 20px 0px;	
	width: 450px;
}



/* --- Блок зі схемою (Великий контур) --- */
.schema-container {
  border: 1px solid #8FCFDA; /* Світло-блакитний загальний контур */
  border-radius: 40px;       /* Заокруглення великої рамки */
  padding: 40px;
  background-color: #ffffff;
		width: 1100px;
}

/* Трьохколонкова сітка для блакитних карток всередині схеми */
.schema-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 340px);
  margin-bottom: 30px;

}

/* Стиль кожної блакитної картки */
.schema-card {
  background-color: #8FCFDA; /* Фірмовий блакитний колір плашки */
  border-radius: 35px;       /* Заокруглення кутів карток */
  padding: 30px 24px;
  color: #ffffff;            /* Білий текст */
}

/* Заголовки всередині плашок */
.schema-card h4 {
	font-family: TT Firs Neue;
	font-weight: 600;
	font-size: 17px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #0065AA;
	padding: 0px;
    margin: 0px;
}

/* Списки всередині плашок */
.schema-card ul {
  list-style: none;          /* Прибираємо стандартні маркери */
  padding: 0;
  margin: 0;
}

.schema-card li {
  position: relative;
  padding-left: 12px;
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 17px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #fff;
}

/* Маленькі маркери «дефіси» перед пунктами списку */
.schema-card li::before {
  content: "-";
  position: absolute;
  left: 0;
}

/* Нижній підпис під картками */
.schema-footer-text {
	font-family: TT Firs Neue !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 130% !important;
	letter-spacing: 0% !important;
	color: #727272 !important;
	width: 500px !important;
	margin: 0px 0px 0px 260px !important;
    padding: 0px !important;
}

/* --- Загальний контейнер секції SD-WAN --- */
.sdwan-section {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0px 65px 60px 65px;
}

/* Головний заголовок секції */
.sdwan-section h2 {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 40px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px;
	padding: 0px 0px 20px 0px;	
}

/* --- Головна двоколонкова сітка --- */
.sdwan-layout {
  display: grid;
  grid-template-columns: 1.1fr 2fr; /* Ліва колонка трохи вужча за загальну ширину правої структури */
  gap: 60px;
  align-items: start;
}

/* Ліва колонка: Основний опис */
.sdwan-description p {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	width: 450px;
}

/* Дрібний сірий текст внизу лівої колонки */
.sdwan-note {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #727272;
	margin: 0px;
	padding: 20px 0px 20px 0px;
	width: 400px;
}

/* --- Права колонка: Чотири пункти у вигляді сітки 2х2 --- */
.sdwan-features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Дві однакові колонки */
  gap: 40px 30px;                /* Відступи: 40px між рядками, 30px між стовпчиками */
}

/* Кожен окремий пункт із вертикальною лінією */
.sdwan-feature-item {
  border-left: 1px solid #56BFCA; /* Світло-блакитна тонка лінія ліворуч */
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #727272;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	width: 260px;
}


.sdwan-features p {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px;
	padding: 0px 0px 30px 0px;
}

/* --- Контейнер секції змін --- */
.changes-section {
  max-width: 1320px;
  margin: 0 auto;
padding: 0px 65px 60px 65px;
}

/* --- Головна двоколонкова сітка --- */
.changes-layout {
  display: grid;
  grid-template-columns: 480px 650px; /* Асиметричні колонки (ліва вужча, права ширша) */
  gap: 60px;
  align-items: start;                /* Вирівнювання вмісту колонок по верхньому краю */
}

/* Ліва колонка: Заголовок та підзаголовок */
.changes-left h2 {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 40px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;	
}

.changes-left p {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px;
	padding: 0px 0px 20px 0px;	
}

/* Права колонка: Основний розгорнутий текст */
.changes-right p {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px;
	padding: 0px 0px 20px 0px;	
}

/* Прибираємо відступ для останнього абзацу */
.changes-right p:last-child {
  margin-bottom: 0;
}


/* --- Контейнер секції "Результат" (Блакитна плашка) --- */
.results-section {
  background-color: #8FCFDA; /* Точний фірмовий блакитний фон */
  padding: 0px;
  margin: 0px auto;
}

/* --- Трьохколонкова сітка --- */
.results-layout {
  display: grid;
  grid-template-columns: 550px 370px 375px;
  align-items: start;
}

/* Ліва колонка: Заголовки */
.results-header h2 {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 40px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #0065AA;
	margin: 40px 0px 0px 65px;;
	padding: 0px 0px 0px 0px;	
}

.results-header p {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #0065AA;
	margin: 30px 0px 0px 65px;;
	padding: 0px 0px 0px 0px;	
}

/* Колонки зі списками результатів */
.results-list {
  list-style: none;         /* Прибираємо стандартні маркери списку */
  padding: 0;
  margin: 0;
}

.results-list li {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #fff;
	margin: 0px 0px 0px 0px;;
	padding: 50px 50px 0px 40px;	
}

/* Видаляємо відступ у останнього елемента в списку */
.results-list li:last-child {
  margin-bottom: 0;
	padding-bottom: 50px;
}

/* Кастомні білі стрілочки перед пунктами списку */
.results-list li::before {
  content: "→";
  position: absolute;
  left: 0;
  top: 53px;
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #fff;
	margin: 0px 0px 0px 0px;;
	padding: 0px 0px 0px 0px;	
}


/* --- Основний контейнер секції "Висновок" --- */
.conclusion-section {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0px;

}

/* Лінія розмежування зверху */
.divider-line {

  height: 1px;
  background-color: #D9D9D9; /* Світло-сірий колір лінії */
margin: 0px 65px 65px 65px;
}

/* --- Головна двоколонкова сітка --- */
.conclusion-layout {
  display: grid;
  grid-template-columns: 780px 400px; /* Текстовий блок ширший за блок із логотипом */
	gap: 60px;
}

/* Ліва колонка: Текст */
.conclusion-content h2 {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 40px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #000;
	margin: 80px 0px 0px 65px;;
	padding: 0px 0px 0px 0px;	
}

.conclusion-content p {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000;
	margin: 40px 0px 0px 65px;;
	padding: 0px 0px 0px 0px;	
	width: 650px;
}

/* Права колонка: Контейнер для кругового логотипу */
.conclusion-logo {
  display: flex;
	align-items: flex-end;
  justify-content: center; /* Центрування по горизонталі всередині своєї колонки */
}

/* Базовий контейнер для SVG-тексту та центру */
.badge-container {
  position: relative;
  width: 160px;
  height: 160px;
	top: 40px;
left: 60px;
}

/* Елемент з текстом по колу */
.badge-text {
  width: 100%;
  height: 100%;
  animation: rotateBadge 20s linear infinite; /* Плавне обертання тексту */
}

.badge-text text {
	font-family: TT Firs Neue;
	font-weight: 600;
	font-size: 5px;
  fill: #0065AA; /* Синій колір шрифту */
  letter-spacing: 1.8px;
}

/* Центральна іконка/логотип всередині кола */
.badge-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}



/* Анімація обертання кругового тексту */
@keyframes rotateBadge {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* --- Контейнер всієї секції вимог --- */
.requirements-section {
  max-width: 1320px;
  margin: 0 auto;
  padding: 60px 0px;

}

/* Головний заголовок блоку */
.requirements-section h2 {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 40px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px 0px 0px 65px;;
	padding: 0px 0px 0px 0px;	
}

/* Підзаголовок (вступний текст) */
.requirements-section p {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000;
	margin: 40px 0px 40px 65px;;
	padding: 0px 0px 0px 0px;	
}

/* --- Сітка для елементів (4 колонки) --- */
.req-grid {
  display: grid;
	grid-template-columns: 240px 240px 210px 300px;
  gap: 48px 30px; /* 48px відступ між рядками, 30px між стовпчиками */
	margin: 0px 0px 0px 65px;
}

/* Стандартні елементи списку з вертикальною лінією */
.req-item {
  border-left: 1px solid #56BFCA; /* Світло-блакитна вертикальна лінія */
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
  color: #727272;
	padding: 0px 0px 0px 20px;
}

/* Останній текстовий блок (сірий дрібний шрифт без лінії) */
.req-note {
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
  color: #727272;
  padding-left: 20px; /* Немає відступу, бо немає лінії */
}

/* --- Основний контейнер секції безпеки --- */
.security-section {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0px 0px;
}

/* Головний заголовок блоку */
.security-section h2 {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 40px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px 0px 0px 65px;;
	padding: 0px 0px 0px 0px;	
}

.security-section p {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000;
	margin: 40px 0px 40px 65px;;
	padding: 0px 0px 0px 0px;	
}

/* --- Основна сітка на 4 колонки --- */
.sec-grid {
  display: grid;
grid-template-columns: repeat(3, 260px) 300px;
margin: 0px 0px 0px 65px; /* 3 сірі колонки + 1 ширша для контурної картки */
  gap: 20px;
  align-items: stretch;
}

.sec-grid1 {
  display: grid;
grid-template-columns: repeat(2, 260px) 300px;
margin: 0px 0px 0px 65px; /* 3 сірі колонки + 1 ширша для контурної картки */
  gap: 20px;
  align-items: stretch;
}

/* Сірі пласкі картки із завданнями */
.grey-card {
  background-color: #E9E9E9; /* Точний світло-сірий відтінок фону */
  border-radius: 35px;       /* Характерне велике заокруглення кутів */
  padding: 30px 24px;
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 17px;
	line-height: 130%;
  color: #1a1a1a;
  display: flex;
  align-items: flex-start;   /* Текст вирівняний по верхньому краю */
  min-height: 70px;
}

/* Велика біла контурна картка праворуч */
.outline-card {
  grid-column: 4;            /* Завжди в 4-й колонці */
  grid-row: span 2;          /* Розтягується на 2 рядки у висоту */
  border: 1px solid #D9D9D9; /* Світло-блакитна тонка рамка */
  border-radius: 35px;       /* Таке ж заокруглення кутів */
  padding: 35px 28px;
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 14px;
	line-height: 200%;
  color: #0065AA;            /* Синій колір тексту */
  text-transform: uppercase; /* Текст великими літерами (як на макеті) */
  letter-spacing: 0.05em;    /* Злегка збільшений інтервал між літерами */
  background-color: #ffffff;
  display: flex;
  align-items: center;       /* Центрування довгого тексту по вертикалі */
}

.outline-card1 {
  grid-column: 3;            /* Завжди в 4-й колонці */
  grid-row: span 2;          /* Розтягується на 2 рядки у висоту */
  border: 1px solid #D9D9D9; /* Світло-блакитна тонка рамка */
  border-radius: 35px;       /* Таке ж заокруглення кутів */
  padding: 35px 28px;
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 14px;
	line-height: 200%;
  color: #0065AA;            /* Синій колір тексту */
  text-transform: uppercase; /* Текст великими літерами (як на макеті) */
  letter-spacing: 0.05em;    /* Злегка збільшений інтервал між літерами */
  background-color: #ffffff;
  display: flex;
  align-items: center;       /* Центрування довгого тексту по вертикалі */
}


/* --- Основний контейнер секції Aruba --- */
.aruba-section {
  max-width: 1320px;
  margin: 0 auto;
  padding: 60px 0px 0px 0px;
}

/* Головний заголовок блоку */
.aruba-section h2 {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 40px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px 0px 0px 65px;;
	padding: 0px 0px 0px 0px;
}

/* Опис / Підзаголовок */
.aruba-section p {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000;
	margin: 40px 0px 40px 65px;;
	padding: 0px 0px 0px 0px;	
}

/* --- Головна двоколонкова структура макета --- */
.aruba-layout {
  display: grid;
  grid-template-columns: 1fr 1.3fr; /* Права частина з 3 колонками трохи ширша за ліву */
  gap: 50px;
  align-items: start;
}

/* Заголовки груп списків */
.group-title {
	font-family: TT Firs Neue !important;
	font-weight: 500 !important;
	font-size: 20px !important;
	line-height: 150% !important;
  margin-bottom: 40px !important;
  min-height: 44px !important; /* Вирівнює базову лінію списків, якщо заголовки різної довжини */
	top: 0px !important;
	left: 65px !important;
	position: relative !important;
}

/* Блакитний колір для лівого заголовка */
.title-blue {
  color: #56BFCA !important;
}

/* Темно-синій колір для правого заголовка */
.title-dark-blue {
  color: #0065AA !important;
}

/* Внутрішні сітки для елементів */
.items-grid {
  display: grid;
  gap: 40px 24px; /* 40px відступ між рядками, 24px між стовпчиками */
}

/* Ліва сітка: 2 колонки */
.grid-two {
  grid-template-columns: repeat(2, 240px);
	margin: 0px 0px 0px 65px;
}

/* Права сітка: 3 колонки */
.grid-three {
  grid-template-columns: repeat(3, 210px);
	margin: -15px 0px 0px 0px;
}

/* Кожен окремий пункт списку з тонкою вертикальною лінією ліворуч */
.grid-item {
  border-left: 1px solid #56BFCA; /* Сіра тонка лінія-розділювач */
  padding-left: 16px;
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
  color: #727272; /* М'який сірий колір тексту */
}

/* Нижній підпис (дрібний текст) */
.aruba-note {
	font-family: TT Firs Neue !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 150% !important;
  color: #727272 !important;
  margin-top: 50px !important;
}

/* --- Контейнер секції --- */
.hikvision-section {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0px 0px;
}

/* Головний заголовок */
.hikvision-section h2 {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 40px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px 0px 0px 65px;;
	padding: 0px 0px 0px 0px;
}

/* Підзаголовок */
.hikvision-section p {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000;
	margin: 40px 0px 40px 65px;;
	padding: 0px 0px 0px 0px;	
}

.hikvision-section p span {
	font-weight: 500;
}






/* Контейнер для центрування та ізоляції шарів змішування */
.chain-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 0px 40px 65px;
  background-color: #ffffff; /* Обов'язково світле тло для коректного multiply */
}

/* Рядок-контейнер для елементів ланцюжка */
.chain-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* Основна світло-бірюзова плашка */
.chain-pill {
  position: relative;
  background-color: #4ebccc; /* Колір плашки з макета */
  color: #ffffff;
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 22px;
	line-height: 25px;
	letter-spacing: 0%;
  text-align: center;
  
  /* Вертикальне та горизонтальне центрування тексту */
  display: flex;
  align-items: center;
  justify-content: center;
  
  /* Форма капсули */
height: 95px;
width: 275px;
  border-radius: 70px; /* Дорівнює половині висоти */
  
  flex: 1;
  min-width: 0; /* Запобігає виходу тексту за межі */
  
  /* Ефект перекриття кольорів: множення дає темно-синій на перетині */
  mix-blend-mode: multiply; 
}

/* Зсув кожного наступного елемента ліворуч для накладання */
.chain-pill + .chain-pill {
  margin-left: -45px; /* Регулює ширину темно-синіх зон перетину */
}




/* --- Нижні текстові абзаци --- */
.hik-footer-text p {
  margin: 0px 0px 20px 65px !important;
  max-width: 700px;
}

/* --- Контейнер секції --- */
.features-section {
  max-width: 1320px;
  margin: 0 auto;
  padding: 60px 0px;
}

/* Головний заголовок блоку */
.features-section h2 {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 500;
	font-size: 40px;
	line-height: 130%;
	letter-spacing: 0%;
	color: #000;
	margin: 0px 0px 0px 65px;;
	padding: 0px 0px 0px 0px;
}

/* Опис / Підзаголовок */
.features-section p {
	position: relative;
    top: 0px;
    left: 0px;	
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000;
	margin: 40px 0px 40px 65px;;
	padding: 0px 0px 0px 0px;	
}

.features-section p strong {
  font-weight: 500;
}

/* --- Сітка елементів (4 колонки) --- */
.features-grid {
  display: grid;
grid-template-columns: 240px 240px 210px 210px;
margin: 0px 0px 0px 65px;
  gap: 48px 32px; /* 48px між рядками, 32px між стовпчиками */
}

/* Пункт списку з тонкою світло-блакитною лінією */
.feature-grid-item {
  border-left: 1px solid #56BFCA; /* Точний відтінок лінії з макета */
  padding-left: 20px;
	font-family: TT Firs Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0%;
  color: #727272; /* М'який сірий колір тексту */
}

.features-footer-text {
	margin: 40px 0px 0px 65px !important;
}





/* Основной контейнер со сбросом отступов */
.partner-reward-container {
	margin: 30px 0px 0px 0px;
}

.partner-reward-container h2 {
  font-size: 40px;
  font-weight: 500;
  color: #000000;
  margin: 0 !important;
	padding: 0 !important;
	position: relative;
	top: 0px;
}





.partner-card {
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.partner-card-content {
    display: flex;
    align-items: flex-start;
    gap: 50px;
}

.partner-card-text {
    flex: 1;
    max-width: 450px;
	margin: 70px 0px 0px 70px;
}

.partner-card-line {
    width: 100%;
    height: 1px;
    background: #d9d9d9;
    margin-bottom: 14px;
}

.partner-card-text p {
    margin: 8px 0 0;
    font-size: 20px;
    color: #000;
}

.partner-card-image {
	flex-shrink: 0;
  padding: 0;
  margin: 70px 0px 0px 0px;
  width: 680px;
  height: 450px;
}

.partner-card-image img {
width: 100% !important;
  display: block;
  border-radius: 16px;
  object-fit: cover;
  top: 0 !important;
  left: 0 !important;
  margin: 0px;
	padding: 0px;
  height: 100% !important;
}

.awards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
gap: 60px;
margin: 50px 0px 50px 0px;
padding: 50px 160px;
    background: #E1DFCC;
}

.award {
    overflow: hidden;
    border-radius: 25px;
}

.award img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
	top: 0;
	left: 0;
}