@charset "UTF-8";
/*
* Кастомные стили для проекта pulkovo_kazakhstan.
* Copyright 2024 Oleg Ritum.
*/
:root {
  --pulkovo-blue: #2c346b; /*синий*/
  --pulkovo-light-blue: #6ea8fe; /*светло-голубой*/
  --pulkovo-indigo: #8540f5; /*индиго*/
  --pulkovo-orange: #fd7e14; /*оранжевый*/
  --pulkovo-sandy: #eddcbe; /*бежевый*/
  --pulkovo-pink: #ee968e; /*розовый*/
  --pulkovo-grey: #e2dad0; /*серый*/
  --pulkovo-dark-blue: #0000a0; /*темно-синий*/
  --pulkovo-light-blue: #4a53ff; /*светло-синий*/
  --pulkovo-green: #abe500; /*зелёный*/
  --pulkovo-deep-pink: #ff00ff; /*глубокий розовый*/
  --pulkovo-terracota: #bf2604; /*терракотовый*/
  --telegram-blue: #0088cc; /*голубой Telegram*/
  --instagram-purple-red: #e1306c; /*пурпурно-розовый Instagram*/   
  --whatsapp-light-green: #25d366; /*светло-зелёный Whatsapp*/
  --pulkovo-blue-rgb: 44, 52, 107;
  --pulkovo-light-blue-rgb: 110, 168, 254;
  --pulkovo-indigo-rgb: 133, 64, 245; 
  --pulkovo-orange-rgb: 253, 126, 20;
  --pulkovo-sandy-rgb: 237, 220, 190;
  --pulkovo-pink-rgb: 238, 150, 142;
  --pulkovo-grey-rgb: 226, 218, 208;
  --pulkovo-dark-blue-rgb: 0, 0, 160;
  --pulkovo-light-blue-rgb: 74, 83, 255;
  --pulkovo-green-rgb: 171, 229, 0;
  --pulkovo-deep-pink-rgb: 255, 0, 255;
  --pulkovo-terracota-rgb: 191, 38, 4;
  --telegram-blue-rgb: 0, 136, 204; 
  --instagram-purple-red-rgb: 225, 48, 108;
  --whatsapp-light-green-rgb: 37, 211, 102;
}

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.bg-pulkovo-blue {
  --pulkovo-bg-opacity: 1;
  background-color: rgba(var(--pulkovo-blue-rgb), var(--pulkovo-bg-opacity)) !important;
}

.bg-pulkovo-light-blue{
  --pulkovo-bg-opacity: 1;
  background-color: rgba(var(--pulkovo-light-blue-rgb), var(--pulkovo-bg-opacity)) !important;
}

.bg-pulkovo-indigo{
  --pulkovo-bg-opacity: 1;
  background-color: rgba(var(--pulkovo-indigo-rgb), var(--pulkovo-bg-opacity)) !important;
}

.bg-pulkovo-orange {
  --pulkovo-bg-opacity: 1;
  background-color: rgba(var(--pulkovo-orange-rgb), var(--pulkovo-bg-opacity)) !important;
}

.bg-pulkovo-sandy {
  --pulkovo-bg-opacity: 1;
  background-color: rgba(var(--pulkovo-sandy-rgb), var(--pulkovo-bg-opacity)) !important;
}

.bg-pulkovo-pink {
  --pulkovo-bg-opacity: 1;
  background-color: rgba(var(--pulkovo-pink-rgb), var(--pulkovo-bg-opacity)) !important;
}

.bg-pulkovo-grey {
  --pulkovo-bg-opacity: 1;
  background-color: rgba(var(--pulkovo-grey-rgb), var(--pulkovo-bg-opacity)) !important;
}

.bg-pulkovo-dark-blue {
  --pulkovo-bg-opacity: 1;
  background-color: rgba(var(--pulkovo-dark-blue-rgb), var(--pulkovo-bg-opacity)) !important;
}

.bg-pulkovo-light-blue {
  --pulkovo-bg-opacity: 1;
  background-color: rgba(var(--pulkovo-light-blue-rgb), var(--pulkovo-bg-opacity)) !important;
}

.bg-pulkovo-green {
  --pulkovo-bg-opacity: 1;
  background-color: rgba(var(--pulkovo-green-rgb), var(--pulkovo-bg-opacity)) !important;
}

.bg-pulkovo-deep-pink {
  --pulkovo-bg-opacity: 1;
  background-color: rgba(var(--pulkovo-deep-pink-rgb), var(--pulkovo-bg-opacity)) !important;
}

.bg-pulkovo-terracota {
  --pulkovo-bg-opacity: 1;
  background-color: rgba(var(--pulkovo-terracota-rgb), var(--pulkovo-bg-opacity)) !important;
}

.text-instagram-purple-red {
  --pulkovo-text-opacity: 1;
  color: rgba(var(--instagram-purple-red-rgb), var(--pulkovo-text-opacity)) !important;
}

.contact-link {
  color: var(--pulkovo-light-blue); /* Синий цвет текста */
  text-decoration: none; /* Убираем подчёркивание по умолчанию */
  transition: color 0.5s, text-decoration 0.3s; /* Плавный переход для эффектов */
}

.contact-link:hover {
  color: darkblue; /* Более тёмный оттенок синего при наведении (опционально) */
}

.navbar-with-border {
  border-bottom: 1px solid #ccc; /* Цвет и толщина линии */
}

.social-link {
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 20%;
  text-decoration: none;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.6s, color 0.6s;
}

.social-link:hover {
  color: white;
}

.social-link.whatsapp:hover {
  background-color: var(--whatsapp-light-green);
}

.social-link.telegram:hover {
  background-color: var(--telegram-blue);
}

.social-link.instagram:hover {
  background-color: var(--instagram-purple-red);
}

.social-link i {
  font-size: 1.3rem;
}

#offersCarousel .carousel-inner {
  padding: 0 25px; /* Отсупы по краям */

}

.custom-background {
  background-color: rgba(255, 255, 255, 0.7); /* Полупрозрачный черный фон */
  border-radius: 10px; /* Скругленные углы (опционально) */
  margin: 40px;
}

.custom-list {
  padding-left: 0; /* Убираем стандартные отступы */
  list-style-position: inside; /* Размещаем маркеры внутри элемента */
  text-align: left; /* Гарантируем выравнивание текста по левому краю */
}

.custom-list li::marker {
  font-size: 1.5em;
  color: var(--pulkovo-green); 
}

.btn-telegram {
  background-color: var(--telegram-blue) !important;
  border-color: var(--telegram-blue) !important;
  color: white;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.btn-telegram:hover {
  background-color: var(--pulkovo-light-blue) !important; 
  border-color: var(--pulkovo-light-blue) !important;
}

.btn-telegram:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 120, 215, 0.5); /* Тонкий акцент */
}


.btn-instagram{
  background-color: var(--instagram-purple-red) !important;
  border-color: var(--instagram-purple-red) !important;
  color: white;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.btn-instagram:hover {
  background-color: var(--pulkovo-terracota) !important; 
  border-color: var(--pulkovo-terracota) !important;
}

.btn-instagram:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 120, 215, 0.5); /* Тонкий акцент */
}

.category-link.active {
  font-weight: bold;
  color: var(--bs-dark) !important;
  text-decoration: underline;
}

.legal-card,
.legal-document {
  border: 1px solid rgba(var(--pulkovo-blue-rgb), 0.08);
}

.legal-document {
  background-color: #fff;
  border-radius: 1.5rem;
  box-shadow: 0 1rem 2.5rem rgba(var(--pulkovo-blue-rgb), 0.08);
  max-width: 960px;
  margin: 0 auto;
}

.legal-document__title {
  color: var(--pulkovo-blue);
}

.legal-document__subtitle,
.legal-document__section-title {
  color: var(--pulkovo-blue);
}

.legal-document__body p {
  line-height: 1.75;
}

.legal-document__body a {
  color: var(--pulkovo-blue);
}