@charset "UTF-8";
h1 {
	font-size: 2.25rem;
}
p {
	font-size: 1.125rem;
}

.nav-link {
	font-size: 0.85rem;
}

#logo {
	line-height: 1.125rem;
}

#logo-img {
	width: 56px;
}

#nav-number {
	font-size: 1.25rem;
	font-weight: 500;
	position: relative;
	top: 3px;
}

.overlay-gradient {
	background: linear-gradient(to right, rgba(31, 73, 125, 0.25), #1f497d);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.overlay-dark {
	background: /*#343a40*/ #1f497d;
	opacity: 0.85;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.overlay {
	background: /*#343a40*/ #1f497d;
	opacity: 0.75;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#main {
	background: url(../img/main-bg.jpg) center;
	background-size: cover;
	position: relative;
}

#first-block ul {
	list-style: none;
	font-size: 1.125rem;
}

.section-kpk {
	background: url(../img/ssud.jpg) center;
	background-size: cover;
}

.row_shadow {
	background: rgba(255, 225, 225, 0.85);
}

#people-sevices,
#company-sevices,
#complementary-sevices {
	min-height: 75vh;
}
#people-sevices p,
#people-sevices li,
#company-sevices p,
#company-sevices li,
#complementary-sevices p,
#complementary-sevices li {
	font-size: 1rem;
}
#people-sevices .card,
#company-sevices .card,
#complementary-sevices .card {
	background-position: center;
	background-size: cover !important;
}
#people-sevices .card .card-body,
#company-sevices .card .card-body,
#complementary-sevices .card .card-body {
	position: relative;
}
#people-sevices .card .card-title,
#company-sevices .card .card-title,
#complementary-sevices .card .card-title {
	min-height: 75px;
}

.client-feedback .zoom {
	overflow: hidden;
}
.client-feedback .zoom img {
	cursor: pointer;
	max-width: 100%;
	-moz-transition: all 5s ease-out;
	-o-transition: all 5s ease-out;
	-webkit-transition: all 5s ease-out;
}
.client-feedback .zoom img:hover {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
}

#paerners .card p {
	font-size: 1rem;
}

#contacts {
	background: url(../img/main-bg.jpg) center;
	background-size: cover;
	position: relative;
}

#info li a {
	font-size: 1rem;
}

#clients img {
	max-width: 100%;
}

/* Задний фон для сообщения об успешной отправки данных */
#background-msg {
	background: black;
	z-index: 5;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.9;
	cursor: pointer;
}

/* Сообщение об успешной отправке данных */
#message {
	z-index: 5;
	max-width: 450px;
	position: fixed;
	top: 45%;
	left: 0%;
	right: 0%;
	text-align: center;
	font-size: 130%;
	color: white;
	margin: auto;
}

.serviceContent p,
.serviceContent li,
.partners p,
.classp {
	color: #1f497d !important;
	font-size: 12pt !important;
	font-family:
		Times New Roman,
		serif !important;
	text-align: justify !important;
	line-height: 1.5 !important;
}

@media screen and (max-width: 575px) {
	h1 {
		font-size: 1.5rem;
	}
	.overlay-gradient {
		background: linear-gradient(to right, rgba(31, 73, 125, 0.65), rgba(31, 73, 125, 0.65));
	}
}

/*** Всплывающая форма Политики конфиденциальности ***/
.popup-form {
	position: fixed;
	bottom: -500px; /* Форма скрыта за пределами экрана */
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(8px); /* Размытие фона */
	-webkit-backdrop-filter: blur(8px); /* Для Safari */
	box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.2);
	padding: 10px;
	box-sizing: border-box;
	transition: bottom 0.5s ease-out;
	z-index: 1000;
	max-width: 100%;
}

.popup-form p,
.form-check p small {
	font-size: 16px;
}

@media (max-width: 768px) {
	.popup-form p,
	.form-check p small {
		font-size: 14px;
	}
}

.popup-form.active {
	bottom: 0; /* Форма появляется снизу */
}

/*** CHECKBOX ***/
.form-check p {
	line-height: normal;
}

.form-check-input {
	margin-top: 6px;
}

.form-check-input:checked {
	background-color: var(--corporate-color-1);
	border-color: var(--corporate-color-1);
}

.form-check-input:focus {
	border-color: var(--corporate-color-1);
	box-shadow: 0 0 0 0.25rem rgba(255, 81, 71, 0.25);
}

/* @media (max-width: 991.98px) {
		.form-check {
			width: 47.5%;
			margin-right: 0;
			line-height: 18px;
		}
	} */
/*** END CHECKBOX ***/