:root {
	--ff: 'Manrope', sans-serif;
	--ff-title: "Montserrat", serif;
	/*--ff-title: 'Cakra', sans-serif;*/
	--text-color: #000000;
	--text-color-dark: #1A1A1A;
	--btn-color: #ff8562;
	--btn-color-hover: #F17D5D;
	--btn-color-focus: #ff8562;
	--btn-height: 65px;
	--btn-height-2: 60px;
	--btn-color-2: linear-gradient(to right, #E35207 0%, #F2671E 51%, #F88448 100%);
	--btn-color-2-hover: linear-gradient(to right, #F2671E 0%, #E35207 51%, #F88448 100%);
	--btn-color-2-focus: #1A1A1A;
	--btn-radius: 10px;
	--radius-light: 10px;
	--radius-medium: 20px;
	--radius-large: 40px;
	--size-light: 18px;
	--size-medium: 20px;
	--size-large: 24px;
	--size-xl: 55px;
	--header-height: 116px;
	--header-height-top: -116px;
}
.content {
	padding-top: 100px;
	padding-bottom: 100px;
}
.content__title {
	color: var(--text-color);
	font-family: var(--ff-title);
	font-weight: 400;
	font-size: var(--size-xl);
}

.bg:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient(to bottom, #020202 0%, transparent 100%);
}
.bg {
	position: relative;
	background-image: url(../images/bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
}


.bg-2:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 0;
}
.bg-2 {
	position: relative;
	background-color: #fff;
	background-image: url(../images/bg-2.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
}
.card-after {
	position: relative;
	z-index: 0;
}
.card-after > div {
	z-index: 1;
}
.card-after:before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	left: 45%;
	bottom: 0;
	z-index: 2;
	background-image: url(../images/card-after.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: contain;
}
hr {
	height: 1px;
	background-color: #401E10;
	opacity: .5;
	margin: 15px 0 20px 0;
}
.form-control {
	border: 1px solid #00482F;
	height: 60px;
	border-radius: 25px;
	background-color: transparent;
	padding-left: 35px;
	padding-right: 35px;
}

.btn.btn-lead:hover {
	background-color: #003824;
}
.btn.btn-lead {
	background-color: #00482F;
	border-radius: 25px;
	border: 0;
	color: #fff;
	padding: 18px 30px;
	text-align: center;
	min-width: 250px;
	position: relative;
	overflow: hidden;
}

.btn.btn-lead::after {
	content: '';
	position: absolute;
	top: 0;
	left: -75%;
	width: 50%;
	height: 100%;
	background: linear-gradient(
		120deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.6) 50%,
		rgba(255, 255, 255, 0) 100%
	);
	transform: skewX(-30deg);
	animation: shine 7s ease-in-out infinite; /* Важно: 4 секунды! */
}

/* Ключевые кадры с паузой */
@keyframes shine {
	0% {
		left: -75%;
		opacity: 1;
	}
	20% {
		left: 125%;
		opacity: 1;
	}
	30% {
		left: 125%;
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 1;
	}
}



@media(max-width: 1600px) {
	:root {
		--header-height: 96px;
		--header-height-top: -96px;
		--btn-height: 75px;
		--btn-height-2: 65px;
		--btn-radius: 10px;
		--radius-light: 10px;
		--radius-medium: 20px;
		--radius-large: 40px;
		--size-light: 16px;
		--size-medium: 18px;
		--size-large: 20px;
		--size-xl: 40px;
	}
	.content {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
@media(max-width: 900px) {
	:root {
		--header-height: 76px;
		--header-height-top: -76px;
		--btn-height: 65px;
		--btn-height-2: 65px;
		--btn-radius: 10px;
		--radius-light: 10px;
		--radius-medium: 20px;
		--radius-large: 40px;
		--size-light: 14px;
		--size-medium: 14px;
		--size-large: 18px;
		--size-xl: 25px;
	}
	.content {
		padding-top: 90px;
		padding-bottom: 90px;
	}
}
img {
	max-width: 100%;
}

h3 {
	font-size: 24px!important;
	margin-top: 30px!important;
	font-weight: bold;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}