/*==============RESET===================*/

:root {
	--green: #cee741;
	--violet: #5c3680;
	--orange: #f35a3c;
	--blue: rgb(0, 117, 176);
	--yellow: #feda00;
	--white: #ffffff;
	--gray: #828c93;
	--facebook: #3b5998;
	--twitter: #00acee;
	--title-color: #1b1b1b;
	--text-color: #444;
	--label-color: #767d84;
	--box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);

	--source-sans: "Source Sans 3", sans-serif;
	--montserrat: "Montserrat", sans-serif;

	--xxl: 1400px;
	--xl: 1200px;
	--lg: 992px;
	--md: 768px;
	--sm: 576px;
	--xs: 425px;

	--text-size: 1.385rem;
	--title-size: 2.5rem;
	--title-size-md: 2.1rem;
	--title-size-sd: 1.5rem;
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html {
	scroll-behavior: smooth;
	height: 100%;
}
body {
	height: 100%;
	font-family: var(--source-sans);
	color: var(--title-color);
}
h1,
h2,
h3,
h4 {
	color: var(--title-color);
}
h1,
h2 {
	font-size: var(--title-size);
}
ul {
	list-style: none;
	padding: 0;
}
ul {
	padding: 0 !important;
	margin: 0 !important;
}
p {
	margin: 0;
}
a {
	text-decoration: none !important;
}
img {
	display: block;
	height: auto;
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}
.vissually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0px !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0px, 0px, 0px, 0px) !important;
	white-space: nowrap !important;
	border: 0px !important;
}
.wrapper {
	min-height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #fff;
}
.container-sec {
	max-width: var(--xxl);
	width: 100%;
	margin-inline: auto;
	padding-inline: 30px;
	display: flex;
	flex-direction: column;
}
@media screen and (max-width: 1200px) {
	.container-sec {
		max-width: var(--xl);
	}
}

@media screen and (max-width: 992px) {
	.container-sec {
		max-width: var(--lg);
		padding-inline: 16px;
	}
}

@media screen and (max-width: 768px) {
	.container-sec {
		max-width: var(--md);
	}
}

@media screen and (max-width: 576px) {
	.container-sec {
		max-width: var(--sm);
	}
}

@media screen and (max-width: 425px) {
	.container-sec {
		max-width: var(--xs);
	}
}
.p-0 {
	padding: 0 !important;
}
.content__main {
	background-color: #ffffff;
}
.adv__content {
	background-color: #ffffff;
	margin-left: 1rem;
}

/*===========HEADER==========*/

.header {
	box-shadow: var(--box-shadow);
	padding: 0.4rem 0;
	background-color: #fff;
	border-bottom: 1px solid #999595;
}
.header__row {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

/*==============CHECK==============*/

/*=========CHECKMQ=======*/

/*==========HOT NEWS=============*/

.hot-news {
	margin-top: 2rem;
}
.hot-news__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #404040;
}
.hot-news__title {
	flex: 1 1 10%;
	background-color: #fff;
	margin-bottom: 0;
	color: #999595;
	padding: 0.3rem 0;
	font-size: 1rem;
	padding-left: 20px;
}

/*==============BREADCR=============*/

.pre-content {
	background-color: #272828;
}

.pre-content__row {
	display: flex;
	gap: 1rem;
	margin-top: 1rem;
	justify-content: center;
	padding: 1rem 1rem !important;
	background-color: #fff;
	border-bottom: 2px solid #999595;
}

.pre-content__item {
	color: #000;
	font-size: 1.2rem;
	cursor: pointer;
}

.pre-content__item a {
	color: #000;
	transition: 0.3s;
}

.pre-content__item a:hover {
	color: #01cfff;
}
/*=====================*/

.content__row {
	display: flex;
	justify-content: space-between;
}
.content__main {
	flex: 1 1 66%;
	font-family: var(--montserrat);
}
.adv__content {
	flex: 1 1 34%;
}

/*================MAIN=============*/

.main__row {
	padding-top: 1rem;
}
.main__title {
	font-size: var(--title-size-md);
	font-weight: 900;
}
.main__by {
	justify-content: space-between;
	color: rgba(68, 68, 68, 0.479);
}
.main__by-text span {
	color: #0071ab;
	cursor: pointer;
}
.main__flex {
	display: flex;
	flex-direction: column;
}

/*=============INFO================*/

.info {
	font-size: 1.1rem;
	line-height: 30px;
	color: var(--text-color);
}
.info__text {
	margin-bottom: 1rem;
	margin-top: 1rem;
}
.info__text a:hover {
	color: var(--blue);
}
.button-link {
	background-color: #e11116;
	color: var(--white);
	display: block;
	margin: 2rem auto;
	max-width: 80%;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 1rem;
	padding: 1rem 0;
	border-radius: 4px;
}
.button-link:hover {
	color: #fff;
	background-color: #444;
}

/*=========STEPS==============*/
.steps__img-chel {
	display: block;
}
/*===========BENEFITS============*/

/*==========TABLE============*/

/*=========REG=============*/

.reg {
	margin-top: 1rem;
	font-size: 1.1rem;
	line-height: 30px;
}
.reg__title {
	font-weight: 700;
}
.reg__list {
	width: 100%;
	gap: 1rem;
	font-size: var(--title-size);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.reg__list-container {
	align-items: center;
	gap: 1rem;
	width: 100%;
}
.reg__item {
	font-size: 1.1rem;
	line-height: 30px;
	padding: 5px;
	margin-bottom: 0.5rem;
	font-weight: normal;
	background: #e4e4e4;
	border-left: 3px solid #e11116;
	border-radius: 6px;
}
.reg__item a {
	color: var(--blue);
	font-weight: 700;
}
.reg__item a:hover {
	color: #3b5998;
}

/*==========TAGS================*/

.tags {
	margin-top: 3rem;
	font-size: var(--text-size);
}
.tags__row {
	display: flex;
	gap: 0.5rem;
}
.tags__title {
	font-weight: 700;
}
.tags__row a {
	color: #444;
}
.tags__block:hover {
	color: var(--blue);
}

@media screen and (max-width: 360px) {
	.tags__row {
		display: flex;
		gap: 0.5rem;
		font-size: 16px;
		align-items: center;
	}
	.tags__title {
		font-weight: 700;
		font-size: 20px;
		margin: 0;
	}
	.tags__block {
		font-size: 14px;
	}
}
/*=============COMMENTS==============*/

.comment {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.comment-line {
	font-size: 20px;
	color: #000000;
	font-weight: 700;
	margin-bottom: 2rem;
	margin-left: 1rem;
	font-family: var(--montserrat);
}

.comment-line:after {
	margin-top: 0.5rem;
	content: "";
	display: block;
	width: 95%;
	margin: 0 auto;
	height: 1px;
	background-color: #2c2c2c;
}

.comment-content {
	display: flex;
	flex-direction: column;
}

.comment-block {
	margin: 5px 5px;
	display: flex;
	justify-content: flex-start;
	border-bottom: 1px solid rgba(0, 0, 0, 0.204);
	padding-bottom: 0.5rem;
}
.comment-block:nth-child(1) {
	border-bottom: none;
}
.block-avatar {
	margin-right: 1rem;
}
@media screen and (max-width: 360px) {
	.block-avatar {
		margin-right: 0.5rem;

		img {
			min-width: 30px;
			width: 30px;
		}
	}
}
.block-info-comment__name {
	font-weight: 700;
	color: #3b5998;
	display: block;
}

.block-info-line {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	white-space: nowrap;
}
.block-info-answer-flex {
	display: flex;
	margin-top: 1.5rem;
}
.block-info-line__date {
	color: rgba(0, 0, 0, 0.44);
}

.block-info-line__like {
	display: flex;
	justify-content: flex-start;
	color: #00acee;
}

.block-info-line__like_item {
	list-style: none;
	margin-right: 1rem;
}

.block-info-line__like_item a {
	color: #3b5998;
}

.comments__more {
	display: block;
	margin: 0 auto;
	color: #3b5998;
	text-align: center;
}

/*============ADVBLOCK===========*/
.adv__row {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 1rem;
	max-width: 80%;
}
.adv__title {
	color: #000;
	font-weight: 700;
	padding-top: 1rem;
}
.adv__block {
	border-bottom: 1px solid rgba(68, 68, 68, 0.404);
	display: block;
}
.adv__block span {
	font-weight: 700;
}

.adv__by {
	display: flex;
	justify-content: space-between;
	font-size: 0.8rem;
	color: rgba(68, 68, 68, 0.418);
}
.adv__info {
	color: #000;
	font-size: 1rem;
	margin-bottom: 0;
	font-weight: 600;

	&:hover {
		color: #3b5998;
	}
}

.pop__row {
	display: flex;
	flex-direction: column;
	max-width: 80%;
}
.pop__block {
	display: flex;
	align-items: flex-start;
	gap: 0.3rem;
	border-bottom: 1px solid rgba(68, 68, 68, 0.404);
	padding-top: 0.5rem;
}
.pop__block span {
	color: #00acee;
	font-size: 1.2rem;
}
.pop__info {
	font-weight: 600;
}
.pop__img {
	width: 80px;
}

@media screen and (max-width: 996px) {
	.pop__block {
		flex-wrap: wrap;
		flex-direction: column-reverse;

		span {
			display: none;
		}
	}
	.pop__img {
		width: 150px;
		margin-inline: auto;
		margin-bottom: 8px;
	}
}
/*==========RECOMMEND=========*/

/*==========FOOTER===========*/

.footer {
	background-color: #fff;
	padding: 1.2rem 2rem;
	margin-top: 2rem;
	border-top: 1px solid rgba(0, 0, 0, 0.404);
}

.footer__row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	color: #000;
}
.footer__column li {
	margin: 1rem 0;
}
.footer__item {
	color: #000;
}
.footer__img {
	display: block;
	max-width: 200px;
	width: 100%;
	margin-bottom: 2rem;
}
.footer__copy {
	color: #000;
}

/*========MEDIA QUERIES==========*/

@media (max-width: 1024px) {
	.pre-content__item:nth-child(1) {
		display: none;
	}
	.pre-content__item:nth-child(2) {
		display: none;
	}
	.reg__list {
		font-size: var(--title-size-md);
		font-weight: 700;
	}
}
@media (max-width: 992px) {
	.hot-news {
		display: none;
	}
	.pre-content__item:last-child {
		display: none;
	}
	.main__title {
		font-size: 2rem;
	}
}
@media (max-width: 768px) {
	.main {
		margin-top: 0;
		padding-top: 0;
	}
	.main__title {
		margin-top: 0;
	}
	.adv__content {
		display: none;
	}
	.pre-content {
		display: none;
	}
	.button-link {
		max-width: 80%;
	}
	.footer__row {
		display: flex;
		flex-direction: column;
	}
}
@media (max-width: 540px) {
	.content__row {
		margin-top: 1rem;
	}
	.main__title {
		font-size: 1.5rem;
	}
	.reg__list {
		max-width: 100%;
	}
	.reg__item {
		list-style: none;

		padding: 0.3rem;
	}
	.info__text {
		line-height: 30px;
	}
	.img-screen {
		width: 200px;
		margin-bottom: 6px;
	}
}
@media (max-width: 425px) {
	.main__title {
		font-size: var(--title-size-sd);
		margin-top: 1rem;
	}
}

.ok {
	display: flex;
	margin-top: 5px;
	float: right;
}

.btn {
	font-weight: bold;
	font-size: 16px;
	background-color: #3b5998a6 !important;
	color: #fff !important;
	width: 100px;
}

.comm_pr {
	background-color: #f0f0f0;
	padding-top: 10px;
	padding-left: 10px;
	border: 1px solid #a9a9a9 !important;
	margin-bottom: 20px;
}

.logo_he {
	padding: 10px;
}

@media (max-width: 992px) {
	.logo_he1 {
		width: 50%;
	}
}

.block-info-wrapper {
	width: 100%;
	padding-right: 10px;
}

.block-info {
	width: 100%;
}
.comment-textarea {
	width: 100%;
	min-height: 120px;
	max-height: 350px;
	padding: 12px 16px;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 8px;
	resize: none;
	overflow: auto;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	&::placeholder {
		color: #999;
	}
	&:focus {
		border-color: #007aff;
		box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1);
		outline: none;
	}
}

:root {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-primary-rgb: 13, 110, 253;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 255, 193, 7;
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 248, 249, 250;
	--bs-dark-rgb: 33, 37, 41;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
		"Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.15),
		rgba(255, 255, 255, 0)
	);
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #212529;
	--bs-body-bg: #fff;
}
*,
::after,
::before {
	box-sizing: border-box;
}

body {
	margin: 0px;
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	color: var(--bs-body-color);
	text-align: var(--bs-body-text-align);
	background-color: var(--bs-body-bg);
	text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}
h1,
h2,
h3,
h4 {
	margin-top: 0px;
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
}
h1 {
	font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
	h1 {
		font-size: 2.5rem;
	}
}
h2 {
	font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
	h2 {
		font-size: 2rem;
	}
}
h3 {
	font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
	h3 {
		font-size: 1.75rem;
	}
}
h4 {
	font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
	h4 {
		font-size: 1.5rem;
	}
}
p {
	margin-top: 0px;
	margin-bottom: 1rem;
}
ul {
	padding-left: 2rem;
}
ul {
	margin-top: 0px;
	margin-bottom: 1rem;
}
b {
	font-weight: bolder;
}
a {
	color: rgb(13, 110, 253);
	text-decoration: underline;
}
a:hover {
	color: rgb(10, 88, 202);
}
img {
	vertical-align: middle;
}
button:focus:not(:focus-visible) {
	outline: 0px;
}
textarea {
	margin: 0px;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
	cursor: pointer;
}
textarea {
	resize: vertical;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
	padding: 0px;
}
::-webkit-inner-spin-button {
	height: auto;
}
::-webkit-search-decoration {
	appearance: none;
}
::-webkit-color-swatch-wrapper {
	padding: 0px;
}
::-webkit-file-upload-button {
	font: inherit;
}
::file-selector-button {
	font: inherit;
}
::-webkit-file-upload-button {
	font: inherit;
	appearance: button;
}
.img-thumbnail {
	padding: 0.25rem;
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(222, 226, 230);
	border-radius: 0.25rem;
	max-width: 100%;
	height: auto;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
	cursor: pointer;
}
.form-control::file-selector-button {
	padding: 0.375rem 0.75rem;
	margin: -0.375rem -0.75rem;
	margin-inline-end: 0.75rem;
	color: rgb(33, 37, 41);
	background-color: rgb(233, 236, 239);
	border-color: inherit;
	border-style: solid;
	border-width: 0px;
	border-inline-end-width: 1px;
	border-radius: 0px;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
	background-color: rgb(221, 224, 227);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
	background-color: rgb(221, 224, 227);
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
	background-color: rgb(221, 224, 227);
}
.form-control-sm::file-selector-button {
	padding: 0.25rem 0.5rem;
	margin: -0.25rem -0.5rem;
	margin-inline-end: 0.5rem;
}
.form-control-lg::file-selector-button {
	padding: 0.5rem 1rem;
	margin: -0.5rem -1rem;
	margin-inline-end: 1rem;
}
.form-control-color:not(:disabled):not([readonly]) {
	cursor: pointer;
}
.btn {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: rgb(33, 37, 41);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover {
	color: rgb(33, 37, 41);
}
.btn:focus {
	outline: 0px;
	box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem;
}
.btn:disabled {
	opacity: 0.65;
}
.visually-hidden-focusable:not(:focus):not(:focus-within) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0px !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0px, 0px, 0px, 0px) !important;
	white-space: nowrap !important;
	border: 0px !important;
}

.img-screen {
	max-width: 200px;
	width: 100%;
}

.main__bg-text {
	color: darkgrey;
}

.form-wrapper {
	max-width: 435px;
	width: 100%;
	margin-inline: auto;
	margin-top: 24px;
}