/* USER VARIABLES SECTION */

:root {
	--userfont: Ubuntu, sans-serif;
	--userfont-2: Inter, sans-serif;
	--usoft-primary-2: #EB671C;
	--usoft-primary-3: #F39517;
	--usoft-yellow: #FFED00;
	--yellow-100: #FFF3CD;
	--purple-600: #5C5CA3;
	--secondary-dark: #54595E;
	--grey-200: #DEE2E6;
	--primary-green: #339933;
	--primary-green-2: #349936;
	--primary-green-3: #75B62C;
	--green-status: #28A745;
	--primary-green-4: #EEF7E3;
	--primary-green: #006634;
	--pink-400: #9999CC;
	--usoft-blue: #0C94FF;
	--usoft-gray-600: #6C757D;
	--usoft-gray-100: #F8F9FA;
	--unsoft-pink: #AB296A;
	--unsoft-red-300: #EA868F;
	--usoft-grey-700: #495057;
	--usoft-pink-400: #7A7AB8;
	--rounded-0-5: 2px;
	--normal-lh: 166.667%;
	--base-path: '../images/svg';
	/* --base-path: '/x-style/images/svg'; */
	--font-path: '../fonts';
	/* --font-path: '/x-style/fonts'; */
	
}

body{
	font-family: var(--userfont) !important;
}

/* FONTS LOAD SECTION */

/* @font-face { src: url("../fonts/Ubuntu-Medium.woff2") format("woff2"); font-family: Ubuntu; font-weight: 500; font-style: normal; } */

@font-face { src: url("/x-style/fonts/Ubuntu-Regular.woff2") format("woff2"); font-family: Ubuntu; font-weight: 400; font-style: normal; }
@font-face { src: url("/x-style/fonts/Ubuntu-Light.woff2") format("woff2"); font-family: Ubuntu; font-weight: 300; font-style: normal; }
@font-face { src: url("/x-style/fonts/Ubuntu-Bold.woff2") format("woff2"); font-family: Ubuntu; font-weight: 700; font-style: normal; }
@font-face { src: url("/x-style/fonts/Inter-Regular.woff2") format("woff2"); font-family: Inter; font-weight: 400; font-style: normal; }
@font-face { src: url("/x-style/fonts/Inter-Bold.woff2") format("woff2"); font-family: Inter; font-weight: 700; font-style: normal; }
@font-face { src: url("/x-style/fonts/Inter-Medium.woff2") format("woff2"); font-family: Inter; font-weight: 500; font-style: normal; }
@font-face {
	font-family: 'MyWebFont';
	src:  url('/x-style/fonts/Ubuntu-Medium.ttf') format('truetype');
	font-family: Ubuntu; font-weight: 500; font-style: normal;
}  
@font-face {
	font-family: 'MyWebFont';
	src:  url('/x-style/fonts/Inter-SemiBold.ttf') format('truetype');
	font-family: Inter; font-weight: 600; font-style: normal;
}


/* @font-face { src: url("../fonts/Ubuntu-Regular.woff2") format("woff2"); font-family: Ubuntu; font-weight: 400; font-style: normal; }
@font-face { src: url("../fonts/Ubuntu-Light.woff2") format("woff2"); font-family: Ubuntu; font-weight: 300; font-style: normal; }
@font-face { src: url("../fonts/Ubuntu-Bold.woff2") format("woff2"); font-family: Ubuntu; font-weight: 700; font-style: normal; }
@font-face { src: url("../fonts/Inter-Regular.woff2") format("woff2"); font-family: Inter; font-weight: 400; font-style: normal; }
@font-face { src: url("../fonts/Inter-Bold.woff2") format("woff2"); font-family: Inter; font-weight: 700; font-style: normal; }
@font-face { src: url("../fonts/Inter-Medium.woff2") format("woff2"); font-family: Inter; font-weight: 500; font-style: normal; }
@font-face {
	font-family: 'MyWebFont';
	src:  url('../fonts/Ubuntu-Medium.ttf') format('truetype');
	font-family: Ubuntu; font-weight: 500; font-style: normal;
}  
@font-face {
	font-family: 'MyWebFont';
	src:  url('../fonts/Inter-SemiBold.ttf') format('truetype');
	font-family: Inter; font-weight: 600; font-style: normal;
} */


/* GENERAL CSS SETTINGS */
.body-empty{
	display: grid;
	grid-template-rows: auto 1fr auto;
	min-height: 100vh;
}
.hidden-scroll{
	scrollbar-color: transparent transparent;
}

.hidden-scroll::-webkit-scrollbar{
	width: 0;
}
.hidden-scroll::-webkit-scrollbar-track{
	background: transparent;
}
.hidden-scroll::-webkit-scrollbar-thumb {
	background: transparent;
}
.text-orange {
	color: var(--usoft-primary-3);
}
.text-grey-500{
	color: var(--bs-gray-500);
}
.text-grey-700{
	color: var(--usoft-grey-700);
}
.text-grey-900{
	color: #212529;	
}
.text-green-status{
	color: var(--green-status) !important;
}
.text-red{
	color: var(--bs-red) !important;
}
.text-red-800{
	color: #58151C;
}
.text-transforn-none{
	text-transform: none !important;
}
.text-grey-600{
	color: var(--usoft-gray-600);
}
.bg-grey-100-2{
	background-color: var(--usoft-gray-100);
}
.primary-green-4{
	background: var(--primary-green-4)
}
.bg-gray-dark{
	background-color: var(--bs-gray-dark);
}
.bg-pink{
	background-color: var(--unsoft-pink);
}
.text-green-2{
	color: var(--primary-green-2);
}
.text-gray-100{
	color: var(--bs-gray-100);
}
.border-gray-100{
	border-color: var(--bs-gray-100);
}
.bg-grey-100{
	background-color: var(--bs-gray-100);
}
.bg-pink-400{
	background-color: var(--pink-400);
}
.bg-green-2{
	background-color: var(--primary-green-2);
}
.bg-yellow{
	background-color: var(--usoft-yellow);
}
.bg-blue{
	background-color: var(--usoft-blue);
}
.bg-white {
	background-color: #fff;
}
.text-white {
	color: #fff;
}
.border-color-gray-200{
	border-color: var(--bs-gray-200);
}
.text-current{
	color: currentColor;
}
.text-primary-2{
	color: var(--usoft-primary-2);
}
.text-gray-700{
	color: var(--bs-gray-700);
}
.text-green-hover:hover{
	color: var(--primary-green-2) !important;
}
.text-inline-hover:hover{
	text-decoration-line: underline !important;
  text-decoration-skip-ink: none;
}
.text-dark{
	color: var(--bs-dark);
}
.text--gray-800{
	color: var(--bs-gray-800);
}
.text-grey-secondary{
	color: var(--bs-gray);
}
.text--highlight-color{
	color: var(--bs-highlight-color);
}
.text-purple-600{
	color: var(--purple-600);
}
.ff-Inter{
	font-family: var(--userfont-2) !important;
}
.border-radius-2{
	border-radius: 2px;
}
.text-secondary-dark{
	color: var(--secondary-dark);
}
.bg-separator{
	background-color: #54595E;
}
.bg-separator-2{
	background-color: #ABB5BE;
}
.bg-separator-3 {
	background-color: #212529;
}
.bg-gray-400{
	background-color: var(--bs-gray-400);
}
.gap-0-5{
	gap: 2px;
}
.w-fit{
	width: fit-content;
}

/* usoft-pagination */

.usoft-pagination{
	width: fit-content;
	margin: 0 auto;
}

.usoft-pagination ul{
	display: flex;
	align-items: center;
	grid-gap: 4px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.usoft-pagination a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 42px;
	height: 40px;
	font-size: 16px;
	line-height: 1;
	color: var(--usoft-gray-600);
	border-radius: 2px;
	border: 1px solid #E9ECEF;
	background: var(--bs-white);
	text-decoration: none;
	transition: 0.3s background-color, 0.3s color,  0.3s border-color;
}
.usoft-pagination a:hover{
	background-color: var(--primary-green);
	border-color: var(--primary-green);
	color: var(--bs-white);
}
.usoft-pagination .active{
	background-color: var(--primary-green-2) !important;
	border-color: var(--primary-green-2) !important;
	color: var(--bs-white) !important;
}
/* usoft-pagination */

.usoft-btn-green{
	background: var(--primary-green-2);
	text-transform: uppercase;
}
.usoft-btn-green:hover{
	background-color: var(--primary-green-3);
}
.usoft-btn-orange, .usoft-btn-green, .usoft-btn-grey, .usoft-btn-purple{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none;
	border: none;
	color: var(--bs-white);
	border-radius: 2px;
	font-weight: 400;
	font-size: 13px;
	white-space: nowrap;
}
.usoft-btn-orange.disabled, .usoft-btn-green.disabled, .usoft-btn-grey.disabled, .usoft-btn-purple.disabled {
	opacity: 0.55;
	cursor: not-allowed;
}
.usoft-btn-orange{
	background: var(--usoft-primary-2);
}
.usoft-btn-orange:hover{
	background: var(--usoft-primary-3);
}
.usoft-btn-grey{
	background: var(--usoft-gray-600);
}
.border-grey-200{
	border-color: var(--grey-200);
}
.usoft-btn-grey:hover{
	background: var(--bs-gray-500);
}
.usoft-btn-purple{
	background: var(--usoft-pink-400);	
}
.usoft-btn-mid {
	min-width: 169px;	
}
.usoft-btn-hover {
	opacity: 0;
	transition: opacity 0.3s;
}
.card:hover .usoft-btn-hover {
	opacity: 1;	
}
.usoft-badge-green {	
	color: #fff;
	background-color: var(--primary-green-2);
	border-radius: 2px;
}

.usoft-badge-transparent-cyan {
	border: 1px solid #0AA2C0;
	color: #0AA2C0;
	border-radius: 2px;	
}

.usoft-badge-transparent-blue {
	border: 1px solid #0a58ca;
	color: #0a58ca;
	border-radius: 2px;
}
.usoft-badge-transparent-orange {
	border: 1px solid #CC9A06;
	color: #CC9A06;
	border-radius: 2px;
}
.usoft-badge-transparent-purple {
	border: 1px solid #520DC2;
	color: #520DC2;
	border-radius: 2px;
}
.usoft-badge-transparent-pink {
	border: 1px solid #AB296A;
	color: #AB296A;
	border-radius: 2px;
}
.usoft-badge-transparent-green {
	border: 1px solid var(--primary-green-2);
	color: var(--primary-green-2);
	border-radius: 2px;
}
.usoft-btn-purple:hover{
	background: var(--pink-400);
}
.usoft-marker-green__big {
	list-style: none;	
	padding-left: 0;
}

.usoft-marker-green__big li {
	position: relative;
	padding-left: 16px;
}
.usoft-marker-green__big li::before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "";
	width: 8px;
	height: 8px;	
	border-radius: 50%;
    background-color: #349936;
}
.h-40 {
	height: 40px;
	line-height: 40px;
}
.fs-6-5{
	font-size: 18px;
}
.fs-7{
	font-size: 0.819rem !important;
}
.fs-7-5{
	font-size: 0.88rem !important;
}

.fs-8{
	font-size: 0.75rem !important;
}
.fs-8-5{
	font-size: 13px;
}
.fs-9{
	font-size: 12px;
}
.fs-10{
	font-size: 10px;
}
.fs-11{
	font-size: 11px;
}
.fs-28{
	font-size: 28px;
}
.fs-21{
	font-size: 21px;
}
.fs-20{
	font-size: 20px;
}
.lh-160{
	line-height: 169.231%;
}
.rounded-0-5{
	border-radius: var(--rounded-0-5);
}
.border-green-2{
	border-color: var(--primary-green-2) !important;
}

.border-grey-300{
	border-color: var(--bs-gray-300);
}
.text-decoration-skip-link-none{
	text-decoration-skip-ink: none;
}
.lh-22{
	line-height: 22px;
}

.usoft-alert{
	display: flex;
	grid-gap: 12px;
	border-radius: 2px;
	padding: 15px;
	font-size: 13px;
	line-height: 169%;
	border: 1px solid var(--border-alert);
}
.usoft-alert svg{
	flex-shrink: 0;
}
.usoft-alert-success{
	--border-alert: var(--primary-green-2);
	background: var(--primary-green-4);
	color: var(--primary-green);
}
.usoft-alert-success{
	--border-alert: var(--primary-green-2);
	background: var(--primary-green-4);
	color: var(--primary-green);
}
.usoft-alert-pink{
	border: 1px solid #CED4DA;
	background: #E9ECEF; 
	color: #343A40;
}

.usoft-alert-grey{
	--border-alert: var(--bs-gray-400);
	background: var(--bs-gray-200);
	color: var(--bs-gray-800);
	}
.usoft-alert-warning{
	--border-alert: #FFDA6A;
	background: #FFF3CD;
	color: var(--bs-warning-text-emphasis);
}
.usoft-alert-warning ul li a,
.usoft-alert-warning p {
	color: var(--bs-warning-text-emphasis) !important;
}
.usoft-alert-warning a {
	color: var(--bs-warning-text-emphasis) !important;
}
.usoft-alert-danger{
	--border-alert: var(--unsoft-red-300);
	background: var(--bs-danger-bg-subtle);
	color: var(--bs-danger-text-emphasis);

}
/* form element */

/* tippy */
.tippy-box[data-theme~='usoft-light'] {
	border: 1px solid var(--grey-200);
	background: var(--bs-white,);
	box-shadow: 0px 8px 35px 0px rgba(171, 181, 190, 0.20);
}
.tippy-box[data-theme~='usoft-light'] .tippy-content{
	background: transparent;
	padding: 0;
}
.tippy-box--green{
	background: var(--primary-green-4);
	padding: 8px 16px;
	border-radius: 4px;
}
.tippy-arrow::before {
	color: #EEF7E3;
	filter: drop-shadow(0px 0px 2px rgba(171, 181, 190, 1));
}
/* tippy */

.form-item{
	display: flex;
	flex-direction: column;
	grid-gap: 8px;
}
.form-item-3{
	grid-gap: 3px;
}
.form-item--error .form-label{
	color: var(--bs-red);
}
.form-item--error .form-textarea, .form-item--error .form-input{
	border-color: var(--bs-red);
}
.form-label{
	width: fit-content;
	font-size: 13px;
	font-weight: 500;
	line-height: 169.231%;
	color: var(--bs-black);
	margin-bottom: 0;
	cursor: pointer;
}
.form-label--grey{
	font-weight: 400;
	color: var(--usoft-gray-600);
}
.form-select--dropdown .form-select-placeholder{
	display: none;
}
.form-select--open .form-select--dropdown{
	transform: scaleY(1);
}
.form-select--open .form-select--single::before{
	transform: translateY(-50%) rotate(180deg);
}
.form-select_main{
	position: relative;
	cursor: pointer;
	outline: none;
}
.form-select--single .form-select--item{
	white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis; 
}
.form-select--single{
	position: relative;
	font-size: 13px;
	font-weight: 400;
	line-height:  169.231%;
	padding: 8px 16px;
	padding-right: 30px;
	border: 1px solid var(--bs-border-color);
	background: var(--bs-gray-100);
  white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis; 
}
.form-select--single::before{
	position: absolute;
	content: '';
	/* background-image: url('../images/svg/arrowDown.svg'); */
	background-image: url('/x-style/images/svg/arrowDown.svg');
	right: 16px;
	top: 50%;
	width: 13px;
	height: 8px;
	transform: translateY(-50%);
	transition: 0.3s transform;
}
.form-select--list{
	background-color: var(--bs-white);
	width: 100%;
}
.form-select--inner .form-select--list{
	background: var(--bs-gray-100);
}
.is-disabled .form-select--inner .form-select--list{
	background: #E9ECEF;
}
.form-select--dropdown{
	--maxHeight: 180px;
	position: absolute;
	transform: scaleY(0);
	transform-origin: top;
	top: 100%;
	box-shadow: var(--bs-box-shadow);
	max-height: var(--maxHeight);
	overflow: auto;
	transition: 0.3s transform;
	z-index: 100;
}
.mini-height-select .form-select--dropdown{
	--maxHeight: 120px;
}
.form-select--dropdown .form-select--item{
	padding: 8px 16px;
	font-size: 13px;
	font-weight: 400;
	line-height:  169.231%;
	transition: 0.3s color;
}
.form-select--dropdown .form-select--item:hover{
	color: var(--primary-green-2);
}
.select-tab .form-select--single{
	background-color: var(--primary-green-4);
	border-color: var(--grey-200);
}
.form-select--dropdown .is-selected{
	background: var(--primary-green-2);
	color: var(--bs-white);
}
.form-select--dropdown .is-selected:hover{
	color: var(--bs-white);
}
.form-radio {
	cursor: pointer;
}
.form-radio:hover .form-radio_text, .form-radio_input:checked + .form-radio_text{
	background: var(--primary-green-2);
	color: var(--bs-white);
}
.form-radio_text {
	display: block;
	font-family: var(--userfont-2);
	padding: 8px 12px;
	border-radius: 2px;
	line-height: 1.1;
	border: 1px solid var(--primary-green-2);
	background: var(--bs-white);
	font-size: 14px;
	color: var(--primary-green-2);
	transition: 0.3s background, 0.3s color;
}
.form-textarea{
	padding: 8px 16px;
	border-radius: 2px;
	border: 1px solid var(--bs-gray-300);
	background: var(--bs-gray-100);
	font-size: 13px; 
	color: var(--bs-gray-800);
	resize: none;
	height: 84px;
	outline: none;
}
.form-textarea[disabled] {
	background-color: #E9ECEF;
}
.form-input{
	padding: 8px 16px;
	border-radius: 2px;
	border: 1px solid var(--bs-gray-300);
	background: var(--bs-gray-100);
	font-size: 13px; 
	color: var(--bs-gray-800);
	width: 100%;
	outline: none;
}
.form-input[disabled] {
	background-color: #E9ECEF;
}

.form-input::placeholder{
	color: var(--usoft-gray-600);
}
.form-input_wrap .form-input{
	padding-left: 40px;
}
.form-input_wrap{
	position: relative;
	width: 100%;
}

.form-input_wrap svg{
	position: absolute;
	top: 50%;
	left: 16px;
	transform: translateY(-50%);
}
.form-input_radio {
	cursor: pointer;

}
.rating-stars{
	margin-right: 44px;
	flex-shrink: 0;
}
.form-input_radio__text {
	display: flex;
	align-items: start;
	grid-gap: 8px;
	font-size: 13px;
	line-height: 166%;
	color: var(--bs-gray-dark);
}
.form-input_el:checked + .form-input_radio__text::before{
	border-color: var(--primary-green-2);
	border-width: 5px;
}
.form-input_radio__text::before{
	position: relative;
	display: block;
	content: '';
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	top: 4px;
	border: 1px solid #ABB5BE;
	border-radius: 100%;
	transition: 0.3s border-width, 0.3s border-color;
}

.form-checkbox {
	cursor: pointer;
}
.form-checkbox_input:disabled +  .form-checkbox_text::before{
	border-color: #ABB5BE;
	background-color: var(--bs-gray-200);
}
.form-checkbox_input:disabled +  .form-checkbox_text{
	color: var(--bs-gray-500);
}
.form-checkbox_text {
	display: flex;
	align-items: start;
	grid-gap: 8px;
	font-size: 13px;
	color: var(--bs-gray-dark);
	line-height: 166%;
}
.form-checkbox_text::before {
	position: relative;
	display: block;
	/* background-image: url('../images/svg/check.svg'); */
	background-image: url('/x-style/images/svg/check.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0;
	content: '';
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	top: 3px;
	border: 1px solid #ABB5BE;
	border-radius: 2px;
	transition: 0.3s border-width, 0.3s border-color;
}
.form-checkbox_input:checked + .form-checkbox_text::before{
	border-color: transparent;
	background-color: var(--primary-green-2);
	background-size: 12px;
}
.form-file {
	display: flex;
	align-items: center;
	color: var(--usoft-grey-700);
	transition: 0.3s color;
	cursor: pointer;
}
.form-file:hover{
	color: var(--primary-green-2);
}
.form-file_text {
	font-size: 12px;
	text-decoration-line: underline;
	text-decoration-skip-ink: none;
}
/* form element */

/* rating */

.rating-group {
	position: relative;
	width: 120px;
	height: 24px;
	/* background-image: url('../images/svg/starOff.svg'); */
	background-image: url('/x-style/images/svg/starOff.svg');
	background-size: 24px auto;
	background-repeat: repeat-x;
	transform: scale(1.3);
	cursor: pointer;
}

.rating-star {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	height: 24px;
	font-size: inherit;
	appearance: none;
	background-size: 24px auto;
	background-repeat: repeat-x;
	cursor: pointer;
}

.rating-star:nth-of-type(1) {
	z-index: 5;
	width: 24px;
}

.rating-star:nth-of-type(2) {
	z-index: 4;
	width: 48px;
}

.rating-star:nth-of-type(3) {
	z-index: 3;
	width: 72px;
}

.rating-star:nth-of-type(4) {
	z-index: 2;
	width: 96px;
}

.rating-star:nth-of-type(5) {
	z-index: 1;
	width: 120px;
}
.rating-star:hover,
.rating-star:checked {
		/* background-image: url('../images/svg/starOn.svg'); */
		background-image: url('/x-style/images/svg/starOn.svg');

}

.rating-star:hover ~ .rating-star {
		/* background-image: url('../images/svg/starOff.svg'); */
		background-image: url('/x-style/images/svg/starOff.svg');

}
/* rating */


.usoft-green-transparent{
	display: grid;
	width: fit-content;
	font-size: 13px;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	color: var(--primary-green-2);
	border: 1px solid var(--primary-green-2);
	background-color: var(--bs-white);
	border-radius: var(--rounded-0-5);
	padding: 8px 16px;
}
.usoft-green-transparent:hover{
	color: var(--bs-white);
	background-color: var(--primary-green-2);
	border-color: transparent;
}

.danger-badge{
	position: absolute;
	right: -10px;
	top: -10px;
	background-color: var(--bs-red);
	color: var(--bs-white);
	font-weight: 700;
	font-size: 12px;
	line-height: 20px;
	padding: 4px 8px;
	border-radius: 2px;
}
.product-line-slide{
	position: absolute;
	bottom: 0;
	left: -2px;
	height: 3px;
	width: calc(100% + 4px);
}

/* header */
.header-empty_content .header-card_title{
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
}
.header-empty_content .header-card_title:hover, .header-empty_content .header-card_title:hover svg{
	color: var(--primary-green-2);
}
.header-empty_content .header-callback_item{
	display: block;
}
.header-empty_contact{
	display: flex;
	align-items: center;
}
.header-content{
	position: relative;
	display: grid;
	align-items: center;
	grid-template-areas: 'logo contact bell star user'  'title search bts bts bts' 'slider slider slider slider slider';
}

.header-content::before{
	top: 79px;
}
.header-logo {
	grid-area: logo;
	width: fit-content;
}
.header-contact{
	display: flex;
	align-items: center;
	justify-content: space-between;
	grid-area: contact;
	column-gap: 24px;
}
.header-tel {
	font-size: 21px;
	font-weight: 500;
	color: var(--bs-gray-800);
	text-decoration: none;
	text-align: right
}
.header-callback_item{
	font-size: 13px;
	font-weight: 400;
	line-height: var(--normal-lh);
	color: var(--usoft-grey-700);
	background: none;
	border: none;
	padding: 0;
}
.header-callback_item:hover, .header-tel:hover{
	color: var(--primary-green-2);
}
.header-star {
	grid-area: star;
	width: fit-content;
  margin-left: auto;
	margin-right: 21px;
}
.header-bell {
	grid-area: bell;
	width: fit-content;
  margin-left: auto;
}
.header-user{
	grid-area: user;
}
.header-user_right {
	max-width: calc(100% - 34px);
}
.header-card{
	display: flex;
	align-items: center;
	grid-gap: 10px;
	text-decoration: none;
}
.header-card_icon{
	color: var(--usoft-gray-600);
	flex-shrink: 0;
}
.header-card_title{
	font-size: 14px;
	font-weight: 400;
	color: var(--bs-gray-800);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: auto;
}
.header-card:hover .header-card_icon, .header-card:hover .header-card_title{
	color: var(--primary-green-2);
}
.card-download {
	opacity: 0;
}
.card-download__big {
	position: absolute;
}
.card-hover:hover{
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);
}
.card-hover:hover .card-download{
	opacity: 1;
}
.card-hover:hover .card-price{
	opacity: 0;
}
.card-border-empty{
	border: none !important;
}
.card-title {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.card-document-text {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
}
.card-video {
	min-height: 178px;
	max-height: 178px;
	background-color: rgba(117, 182, 44, 0.6);
}
.card-video .img-fluid {
	max-height: 178px;
	object-fit: cover;
	object-position: center;
}

.card-video-img {
	min-height: 178px;
}
.card-video-icon {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.header-card_subtitle{
	line-height: var(--normal-lh);
	color: var(--usoft-gray-600);
	font-size: 12px;
	width: fit-content;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: auto;	
}
.header-card_email{
	font-size: 10px;
	font-weight: 400;
	color: var(--primary-green-2);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: auto;
}
.header-title{
	grid-area: title;
	font-size: 18px;
	font-weight: 700;
	color: var(--bs-gray-800);
}
.header-search {
	position: relative;
	grid-area: search;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	height: 40px;
}
.search-btn{
	width: 100%;
}
.header-search_input{
	width: 100%;
	font-size: 13px;
	flex-shrink: 0;
	color: var(--bs-gray-500);
	padding: 9px 16px;
	border: 1px solid var(--primary-green-2);
	border-right: none;
	border-radius: 2px 0px 0px 2px;
	outline: none;
}
.header-btns{
	display: flex;
	gap: 10px;
	width: fit-content;
	margin-left: auto;
	grid-area: bts;
}
.header-center_btn{
	padding: 8px 18px;
	border-radius: var(--rounded-0-5);
	font-size: 13px;
	border: none;
	color: var(--bs-white);
	flex-shrink: 0;
}
.header-center_btn--pink{
	background: var(--usoft-pink-400);
}
.header-center_btn--pink:hover{
	background: var(--pink-400);
}
.header-bot{
	grid-area: slider;
	display: flex;
	align-items: center;
	margin-top: 9px;
	max-width: 1296px;
	
}

.header-bot_item, .header-bot_item__next{
	display: block;
	text-decoration: none;
	font-size: 13px;
	color: var(--bs-gray-800);
	line-height: 1.3em;
	padding: 0;
	border: none;
	background: none;
}
.header-bot_item:hover, .header-bot_item__next:hover{
	color: var(--primary-green-2);
}
.header-bot_item__next{
	display: flex;
	align-items: center;
	grid-gap: 8px;

} 
.header-card_mob{
	padding: 0;
	border: none;
	background: none;
}

.header-user_exit{
	position: relative;
	margin-top: 12px;
	padding-top: 12px;
}
.header-user_exit::before{
	position: absolute;
	content: '';
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #CED4DA;
	height: 1px;
	width: calc(100% - 32px);
}
.header-user_submenu__list{
	width: 100%;
	max-width: 263px;
	box-shadow: 0px 8px 35px 0px rgba(171, 181, 190, 0.20);
}
.header-user_submenu--active, .header-user_submenu--active:hover{
	background-color: var(--primary-green-2);
	color: var(--bs-white) !important;
}
.header-user_collapse .collapsed{
	background: transparent;
}
.header-user_collapse .header-user_collapse__item:not(.collapsed){
	background: var(--primary-green-4);
}
/* header */

/* modal header */
.modal{
	background-color: rgba(0, 0, 0, 0.25);
}
.modal-usoft{
	--shift: 17%;
	max-width: 100%;
	height: calc(100% - var(--shift));
	top: var(--shift);
	margin: 0;
}
.modal-usoft-main{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	height: 100%;
	margin: 0;
}
.modal-usoft-main .modal-content{
	width: 100%;
	max-width: 810px;
	max-height: 80%;
	padding: 32px;
	border-radius: 0;
}
.modal-usoft-main .modal-content-question{
	padding-left: 25px;
	padding-right: 25px;
	max-width: 620px;
}
.modal-usoft-main .modal-content-two{
	max-width: 737px;
}
.modal-usoft-main .modal-content-thank{
	max-width: 340px;
}
.modal-usoft .modal-content-header{
	height: 100%;
}
.modal-usoft .modal-header-menu {
	position: relative;
	display: flex;
	flex-direction: column;
	padding-top: 32px;
	padding-bottom: 32px;
	grid-gap: 8px;
	height: 100%;
	background-color: var(--bs-white);
}
.modal-close{
	position: absolute;
	right: 24px;
	z-index: 10;
}
.modal-usoft-main .modal-close {
  right: 26px;
  top: 23px;
}
.modal-usoft .modal-header-menu .header-user_right, .modal-usoft .modal-header-menu .header-bell_right {
	display: block;
} .modal-usoft .modal-header-services {
	max-width: 1440px;
	margin: 0 auto;
}
.header-services-wrapper{
	display: grid;
	grid-template-columns: repeat(8, 1fr);
} 
.modal-header-services_content{
	display: grid;
	padding-left: 15px;
	padding-right: 15px;
}
.modal-header-services_right, .modal-header-services_group{
	display: grid;
	align-items: flex-start;
}



.modal-usoft .header-card{
	margin: 0;
	width: fit-content;
}
.services-item-pin{
	position: relative;
	margin-left: 20px;
}
.services-item-pin::before{
	position: absolute;
	content: '';
	left: -21px;
	top: 3px;
	width: 12px;
	height: 19px;
	/* background-image: url('../images/svg/pin.svg'); */
	background-image: url('/x-style/images/svg/pin.svg');

	background-repeat: no-repeat;
}
/* modal-header-services_item */

.modal-header-menu .header-tel{
	margin: 0;
	font-size: 20px;
}

.modal-header-menu .header-contact{
	flex-direction: column;
	align-items: flex-start;
	margin-top: auto;
	grid-gap: 16px;

}
.modal-header-menu .header-callback{
	display: grid;
	grid-gap: 16px;
	margin: 0;
	padding: 0;
	border: none;
}
.modal-close{
	padding: 0;
	border: none;
	background: none;
	color: var(--primary-green-2);
	width: fit-content;
}

/* modal header */


.home-widget .usoft-green-transparent{
	margin-top: 36px;
}
/* home-calc */
.home-calc_cards{
	grid-gap: 24px;
}
.accountant .card-caledar, .accountant .card-other{
	padding: 24px;
}
.accountant-card_subtitle{
	display: flex;
	align-items: center;
	color: var(--usoft-gray-600);
	font-weight: 500;
	grid-gap: 8px;
	white-space: nowrap

}
.home-calc .usoft-green-transparent{
	margin-top: 36px;
}
/* home-calc */
.home-windget .img-fluid {
	width: 100%;
	object-fit: cover;	
}

.card{
	display: flex;
	flex-direction: column;
	background-color: var(--white);
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
	border-radius: var(--rounded-0-5);
	background-color: var(--bs-white);
}

.card-action {
	display: inline-block;
	padding: 4px 8px;
	right: -10px;
	top: -8px;
	background: #DC3545;
	border-radius: 2px;
	color: #fff;	
	font-weight: 700;
	font-size: 12px;
}
.card-team {
	max-height: 40px;
}
.home-widget-filter{
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}

.home-widget-filter_btn{
	font-size: 13px;
	padding: 0;
}
.news-badge{
	border-radius: var(--rounded-0-5);
	color: var(--bs-white);
	font-weight: 400;
	font-size: 12px;
	padding: 4px 8px;
	border-radius: 2px; 
	background-color: var(--primary-green-2);
	width: fit-content;
	text-decoration: none;
	margin-bottom: 8px;
}
.home-calc_title{
	color: var(--bs-dark);
	font-weight: 500;
	font-size: 20px;
	line-height: 1.2em;
	margin-bottom: 15px;

}
.search-header-wrapper{
	height: 40px;
	width: 100%;
	max-width: 552px;
}


.btn-slider-products-prev{
	left: -40px;
}
.btn-slider-products-next{
	right: -40px;
}

.home-slide{
	--bg: '';
	background-color: var(--bg);
}

.home-slide img, .home-img picture{
	width: 100%;
}

.home-slide_btn{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	bottom: 36px;
	z-index: 5;
}
.slider-btn{
	border-radius: 2px;
	background: rgba(255, 255, 255, 0.50);
	border: none;
	padding: 0;
}
.slider-btn:hover{
	color: var(--primary-green-2);
}

.border-color-grey-400{
	border-color: var(--bs-gray-400);
}

.modal-home-footer{
	display: grid;
	grid-template-columns: 1fr max-content;
	grid-template-areas: 'file file' 'links send';
	column-gap: 15px;
}
.modal-home-footer .usoft-btn-green{
	font-size: 12px;
}
.modal-home-file{
	grid-area: file;
}
.modal-home-links{
	grid-area: links;
}
.modal-home-send{
	grid-area: send;
}

.home-partners .slider-btn {
	opacity: 0;
}

.home-partners:hover .slider-btn{
	opacity: 1;
}
.calendar-day_group{
	display: flex;
	flex-wrap: wrap;
	border-bottom:  1px solid var(--bs-gray-200);
}
.home-product-card{
	padding-top: 24px !important;
}
.calendar-day{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: calc(100% / 7);
	border: 1px solid var(--bs-gray-200);
	border-bottom: none;
	padding: 6px;
	font-size: 12px;
	font-weight: 400;
	color: var(--usoft-gray-600);
	line-height: 21px;
	height: 36px;
}
.calendar-day--current::before, .calendar-day:hover::before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid var(--primary-green-2);
}
.calendar-day--event::before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid var(--primary-green-2);
}
.calendar-day--event:hover {
	cursor: pointer;
}
.calendar-day:has(+ :nth-child(7n)), .calendar-day:nth-child(7n) {
	background-color: var(--usoft-gray-100);
}
.calendar-circle{
	flex-shrink: 0;
	width: 6px;
	height: 6px;
	border-radius: 2px;
	background-color: var(--bg);
}

.calendar-work{
	display: flex;
	align-items: center;
	height: 64px;
}

.calendar-day__long {
	height: 48px;
}
.calendar-circles {
	gap: 2px;
}
.calendar-month {
	font-size: 14px;
}
.auth-card{
	max-width: 334px;
}
.auth-img{
	max-width: 152px;
}
.empty-full-bg{
	background-image: var(--bg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.ask-links{
	max-width: 290px;
}
.ask-btns{
	min-width: 110px;
	justify-content: center;
}
.ask-capcha > *{
	max-width: 100%;
}
.ask-capcha{
	max-width: 220px;
}
.ask-capcha_input{
	max-width: 220px;
	width: 100%;
}
.password-recovery-card{
	max-width: 440px;
}

/* profile */

.breadCrumbs{
	margin-top: 32px;
	margin-bottom: 15px;
}
.breadCrumbs-list{
	display: flex;
	align-items: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.breadCrumbs-item{
	color: var(--usoft-grey-700);
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	text-decoration: none;
}
.profile-aside{
	border-radius: 2px;
	border: 1px solid  var(--grey-200);
	background-color: var(--white);
}
.breadCrumbs-item_wrapper{
	display: flex;
	align-items: center;
}
.breadCrumbs-item_wrapper .form-select_main{
	width: 100%;
}
.breadCrumbs-item_wrapper .form-select--inner .form-select--list{
	border-color: var(--primary-green-2);
}
.breadCrumbs-item_wrapper .form-select--item:nth-of-type(7), .breadCrumbs-item_wrapper .form-select--item:nth-of-type(6), .breadCrumbs-item_wrapper .form-select--item:nth-of-type(8){
	padding-left: 30px;
}
.breadCrumbs-item_wrapper:not(:last-of-type){
	position: relative;
	padding-right: 39px;
	flex-shrink: 0;
}
.breadCrumbs-item_wrapper:last-of-type{
	width: 100%;
}
.breadCrumbs-item_wrapper:not(:last-of-type)::before{
	position: absolute;
	content: '';
	top: 50%;
	transform: translateY(-50%);
	right: 16px;
	/* background-image: url('../images/svg/arrorRight.svg'); */
	background-image: url('/x-style/images/svg/arrorRight.svg');
	background-repeat: no-repeat;
	background-position: center;
	width: 7px;
	height: 15px;
}
.profile-form-border{
	height: 1px;
	width: 100%;
	background-color: var(--grey-200);
}
.profile-field-group{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 24px;
}
.profile-appeals{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 24px;
	margin-bottom: 40px;
}
.profile-appeals-card{
	border-radius: 2px;
	border: 1px solid var(--grey-200);
	list-style: none;
	margin: 0;
	padding: 8px 16px;
	background: var(--white)
}
.profile-appeals-card_item{
	display: grid;
	grid-gap: 8px;
	align-items: baseline;
	grid-template-columns: 50px 1fr;
}
.profile-bonus-card_item, .profile-appeals-card_item, .profile-histore-card_item, .profile-service-card_item{
	padding: 8px 0;
}
.profile-appeals-card_item:not(:last-of-type), .profile-bonus-card_item:not(:last-of-type), .profile-histore-card_item:not(:last-of-type), .profile-service-card_item:not(:last-of-type){
	border-bottom: 1px solid #E9ECEF;
}
.profile-appeals-card_group{
	display: grid;
	grid-gap: 8px;
	padding: 8px;
}
.profile-appeals-card_group:not(:last-of-type) {
	border-bottom: 1px solid #E9ECEF;
}
.profile-appeals-card_group__item {
	display: grid;
	grid-gap: 8px;
	align-items: baseline;
	grid-template-columns: 50px 1fr;
}
.profile-news{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 16px;
}
.profile-bonus-card_item, .profile-histore-card_item, .profile-service-card_item{
	display: grid;
	align-items: baseline;
	grid-gap: 8px;
}
.profile-service-card_item{
	grid-template-columns: 120px 50px 1fr 100px 100px;
}
.profile-histore-card_item{
	grid-template-columns: 50px 1fr;
}
.profile-bonus-card_item{
	grid-template-columns: 50px 1fr 130px 120px;
}

.profile-news-slider .swiper-slide{
	height: auto;
}
.profile-news .form-checkbox_text, .profile-serviceOrders .form-checkbox_text{
	grid-gap: 9px;
}
.user-bonus-table{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	text-align: center;
	padding: 8px 16px;
	border: 1px solid var(--grey-200);
	background: var(--bs-white);
}
.user-bonus-tabel_item__group{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.user-bonus-tabel_item{
	display: grid;
}
.user-bonus-tabel_item__head{
	padding: 8px 0;
	font-size: 12px;
	color: var(--usoft-gray-600);
	border-bottom: 1px solid var(--grey-200);
}
.user-bonus-tabel_item__counter{
	font-size: 21px;
	color: var(--bs-gray-800);
	padding: 8px 16px;
}
.order-information_card{
	display: flex;
	align-items: center;
	justify-content: space-between;
	grid-gap: 8px;
	padding: 14px 16px;
	border-radius: 2px;
	border: 1px solid var(--grey-200);
	background: var(--bs-white);
}
.order-information-send{
	padding: 8px 12px;
}
.order-information_card__header{
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 166.667%
}
.order-information_alert{
	justify-content: center;
	min-width: 178px;
}
/* profile */

/* footer */
.footer-top{
	display: grid;
	grid-gap: 24px;
}
.footer-top_nav{
	grid-area: nav;
}
.footer-top_info {
	grid-area: info;
}

.footer-top_data {
	grid-area: data;
}
.footer-bot_left{
	font-size: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--bs-gray-100);
}

/* footer */

/* news */

.news-banner-info {
	background-color: rgba(0, 102, 52, 0.4);
	min-height: 206px;
	width: 50%;
}

.news-banner-image {
	object-fit: cover;
	object-position: center;
	z-index: -1;
}

.news-banner-picture {	
	object-fit: cover;
	object-position: center;
	z-index: -1
}

.news-banner-content {
	/* min-height: 350px; */
	min-height: 234px;
	padding-left: 64px;
	padding-right: 64px;
}

.news-banner-info-title {
	font-weight: 500;
	max-width: 438px;
	line-height: 1.2;
}

.news-banner-info-txt {
	max-width: 540px;
}

.news-banner-info-btn {
	padding: 10px 12px;
}
.news-banner-info-btn__big {
	padding: 12px;
	min-width: 20.5%;
}
.news-search-btn{
	width: 100%;
	height: auto;
	border: none;
	outline: none;
	background-color: var(	--usoft-gray-100);
	/* border-top: 1px solid var(--grey-200);
	border-bottom: 1px solid var(--grey-200);
	border-right: 1px solid var(--grey-200); */
	border: none;
	padding: 5px 16px 8px 6px !important;
	color: var(--secondary-dark);
}

.news-search {
	position: relative;
	grid-area: search;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	height: 40px;
	border: 1px solid var(--grey-200);
}
.news-search_input {
	width: 100%;
	font-size: 13px;
	flex-shrink: 0;
	color: var(--bs-gray-800);
	padding: 9px 16px;
	box-sizing: border-box;
	/* border: 1px solid var(--grey-200); */
	border: none;
	background-color: var(	--usoft-gray-100);
	border-right: none;
	border-radius: 2px 0px 0px 2px;
	outline: none;	
}

.news-search_input:focus {
	background-color: #fff;
}

.news-search_input:focus  + .news-search-btn{
	background-color: #fff;
}

.news-search_input::placeholder {
	color: var(--bs-gray-500);
}

.news-search-preferences {
	color: var(--primary-green-2);
	font-size: 12px;
}

.news-search-preferences .news-subscribe,
.news-search-preferences .news-options {
	color: var(--primary-green-2);
	text-decoration: none;
}

.news-search-preferences .news-options-icon {
	width: 16px;
	height: 16px;
}

.tag {
	background-color: var(--primary-green-4);	
}

.tag:hover a {	
	color: var(--primary-green-3);
}

.tag a {
	font-size: 12px;
	color: var(--primary-green);
	white-space: nowrap;
	padding: 5px 8px;
	transition: color 0.3s;
}

.tags-more {
	font-size: 12px;
	min-width: 124px;
}

.tags-add {
	font-size: 12px;
}

.tags-list ul {
	overflow: hidden;
}

.news-list-date {
	font-size: 12px;
	color: var(--usoft-grey-700);
}
.news-list-item:not(:first-of-type) {
	border-top: 1px solid var(	--grey-200);
	border-radius: 2px;
}
.news-list-title {
	font-weight: 500;
	color: #212529;
}

.news-banner-title {
	/* max-width: 900px; */
	max-width: 64%;
}

.modal-categories_content {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	flex-shrink: 1;
}

.modal-categories-footer {
	padding: 16px 16px 0 16px;
	margin: 0 auto;
	background: #fff;
}

.modal-categories-footer-btn {
	border: none;
	background: transparent;
	outline: none;
	color: var(--usoft-grey-700);
}

.scroll-green::-webkit-scrollbar {
	width: 5px;
	background: #d6ebd7;
	border-radius: 4px;
	border: 1px solid #d6ebd7;
}
.scroll-green::-webkit-scrollbar-thumb {
	width: 4px;
	height: 4px;
	background-color: #349936;
	border-radius: 4px;
	border: 1px solid #d6ebd7;
}
.scroll-green::-webkit-scrollbar-thumb:hover {
	background: lighten(#349936, 8%);
}

.ui-important {
	background-color: #E9ECEF;
	border: 1px solid #ced4da;
	border-radius: 2px;
}

.modal-header-categories-list .form-checkbox{
	width: 33.33%;
}

/* tabs */
.tab {
	color: #343a40;
	font-weight: 500;
	line-height: 23px;
	border: none;
	background-color: transparent;	
}

.tab.active {
	color: var(--primary-green-2);
	border-bottom: 1px solid var(--primary-green-2);	
}

/* complects */
.complect-btn {
	height: 40px;
	max-width: 178px;
	min-width: 178px;
	text-transform: none !important;
	line-height: 1.1 !important;	
}

.complects-options {
	position: relative;
}

.complects-options::after {
	position: absolute;
	top: 0;
	left: -9999px;
	right: -9999px;
	content: '';
	height: 100%;
	background-color: var(--usoft-gray-100);
	z-index: -1;
}

.complect-value-color {
	width: 8px;
	height: 8px;
	border-radius: 2px;
}

.complect-value-color-1 {
	background-color: #5383E5;
}

.complect-value-color-2 {
	background-color: #F39B33;
}

.complect-value-color-3 {
	background-color: #BADBBB;
}

.complect-value-color-4 {
	background-color: #ACC2FA;
}

.complect-value-color-5 {
	background-color: #9D979B;
}

.complect-value-color-6 {
	background-color: #85BCCA;
}

.complect-value-color-7 {
	background-color: #F9C41F;
}

.complect-value-color-8 {
	background-color: #8787C0;
}

.complects-options-card {	
	border: 1px solid #dee2e6;	
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	background-color: #fff;
}

.complects-options-card-1 {	
	border-bottom: 3px solid #8787C0;
}
.complects-options-card-2 {	
	border-bottom: 3px solid #85BCCA;
}
.complects-options-card-3 {	
	border-bottom: 3px solid #ACC2FA;
}
.complects-options-card-4 {	
	border-bottom: 3px solid #F9C41F;
}
.complects-options-card-5 {	
	border-bottom: 3px solid #9D979B;
}
.complects-options-card-6 {	
	border-bottom: 3px solid #5383E5;
}

.complects-options-item:not(:last-of-type) {
	border-bottom: 1px solid #e9ecef;
}

.complects-option {
	color: #adb5bd;
}

.complects-option.active {
	color: var(--green-status);
}

.complects-option::after {
	content: '';
	display: block;
	/* background-image: url(../images/svg/dash.svg); */
	background-image: url(/x-style/images/svg/dash.svg);
	background-size: 32px 32px;
	background-position: center;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	align-self: center;
}

.complects-option.active::after {
	/* background-image: url(../images/svg/check2.svg); */
	background-image: url(/x-style/images/svg/check2.svg);

}


.diagram {
	position: relative;
	max-width: 159px;
	max-height: 159px;
}

.diagram-bg {
	fill: #F8F9FA;
}

.diagram-text {
	fill: #343A40;
}

.diagram-checked {
	visibility: hidden;
}

.diagram.action .diagram-bg {
	fill: #EEF7E3;
}

.diagram.action .diagram-checked {
	visibility: visible;
}

.diagram.action .diagram-text {
	fill: #349936;
}

.diagram.action::after {
	content: 'Акция';
	position: absolute;
	font-size: 12px;
	font-weight: 700;
	display: block;
	top: -10px;
	right: -10px;
	padding: 5px 8px;
	background-color: #DC3545;
	color: #fff;
	border-radius: 2px;
	z-index: 99;
}

.accordion-tabs .accordion-item {
	border: none;
}

.accordion-tabs .accordion-body {
	padding: 0;
}

.accordion-tabs .accordion-tabs-button::after {
	display: none;
}

.accordion-tabs .accordion-tabs-button {
	border-radius: 2px;
	border-bottom: 1px solid var(--grey-200);
	padding: 16px 0;
    font-size: 20px;
	font-weight: 500;
	color: #343a40;
    background-color: transparent;
	box-shadow: none;
}

.accordion-tabs .accordion-tabs-button:not(.collapsed) {
	color: var(--primary-green-2);
    background-color: transparent;
    box-shadow: none;
	border-bottom: 1px solid var(--primary-green-2);
}

.complects-options-card .accordion-button:not(.collapsed) {
    color: inherit;
    background-color: transparent;
    box-shadow: unset;
}

.complects-options-card .accordion-item {
	border: none;
}

.complects-options-card .accordion-button {
	outline: none;
	border: none;
	box-shadow: unset;
}
 

.complects-options-card .accordion-button::after {
   display: none;
   outline: none;
}

.complect-selection {
	max-width: 650px;
	/* margin: 0 auto; */
}

/* Для больших экранов */
@media (min-width: 577px) {
	.complects-options-card .collapse:not(.show) {
		display: block;
	}
	.complects-options-card .accordion-button {
	  pointer-events: none;	 
	}	
}
  
  /* Для мобильных устройств */
@media (max-width: 576px) {
	.complects-options-card .collapse:not(.show) {
		display: none;
	}
	.complects-options-card .accordion-button {
		pointer-events: auto;
		/* padding-bottom: 0 !important; */
	}
}

@media (max-width: 480px) {
	.complects-options-item {
		flex-direction: column;
		align-items: flex-start !important;
	}

	.complects-options-item-list {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}


.text-collapsed {
	position: relative;
  }
  
  .text-collapsed-content {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: 0;
  }
  
  .text-collapsed-content.expanded {
	-webkit-line-clamp: unset;
  }
  
  .text-collapsed-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #fff;
	cursor: pointer;
  }

  .text-collapsed-btn.opened {
	display: none;
  }
  
  .text-collapsed-content:not(.expanded)::after {
	content: "...";
  }

.text-red {
	color: #DC3545;
}
.order-card {
	border: 1px solid #349936;
	color: #212529;
}
.order-card ul {
	position: relative;
	list-style: none;
	padding-left: 0;
}
.order-card ul li{
	position: relative;
	padding-left: 16px;
	margin-bottom: 10px;	
}
.order-card ul li::before{	
	content: '';
	position: absolute;
	left: 0;
	top: 1px;
	transform: translateY(50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #349936;
}
.ui-list-second {
	position: relative;
	list-style: none;
	padding-left: 0;
}
.ui-list-second li {
	position: relative;
	padding-left: 16px;
	margin-bottom: 10px;
}
.ui-list-second li::before{	
	content: '';
	position: absolute;
	left: 0;
	top: 1px;
	transform: translateY(50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #349936;
}
.order-card-header {
	background-color: #349936;
	color: #fff;
	min-height: 214px;
}

.vip-card {
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
	border-radius: var(--rounded-0-5);
	box-shadow: 0px 8px 35px 0px rgba(171, 181, 190, 0.2);
}

.vip-card-title {
	font-weight: 500;
}

.vip-card-image-info {
	color: #fff;
	font-weight: 500;
	padding: 16px;
}

.vip-card-image-info-image {
	width: 77px;
	height: 22px;
	margin-bottom: 6px;
}

#GetActivation {
	font-weight: 500;	
}

.usoft-help {
	background-color: var(--primary-green-4);
	border-radius: 2px;
	border: 1px solid var(--primary-green);
}

.card-service-img {
	display: flex;
}

.card-service-img img {
	aspect-ratio: 0.87;
    display: block;
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
	object-position: center;
	min-width: 306px;
    max-width: 306px;
	max-height: 448px;
	margin: auto;
}

.card-service__main {
	box-shadow: 0px 8px 35px 0px rgba(171, 181, 190, 0.2);
}

.card-service-text {
	line-height: 1.6;
}

.card-service-picture__small img {
	width: 100%;
	height: 100%;
	aspect-ratio: 1.27;
	object-fit: cover;
	object-position: center;
}

.card-service-picture__wide img {
	width: 100%;
	height: 100%;
	aspect-ratio: 1.94;
	object-fit: cover;
	object-position: center;
}

.card-service-table thead {
	border-top: 1px solid #e9ecef;
	border-bottom: 1px solid #e9ecef;
}

.card-service-table thead th:nth-child(2),
.card-service-table thead th:nth-child(3) {
	width: 100px;
}

.card-service-table tbody tr {
	border-bottom: 1px solid #e9ecef;
}

.card-service-logo {
	max-width: 106px;
	max-height: 39px;
	flex: 0 0 106px;
}

.news-list-content, .news-list-content p, .news-list-content ul, .news-list-content ol, .news-list-content a {
	font-size: 13px !important;
	font-weight: var(--bs-body-font-weight) !important;
	line-height: var(--bs-body-line-height) !important;
	color: var(--bs-body-color) !important;
	font-family: var(--userfont) !important;
}

.news-list-content a:hover {
	text-decoration: underline;
}

.news-all {
	margin-left: auto;
	padding-top: 4px;
}

.news-opinion {
	padding-top: 4px;
}

.seminar-card-btns {
	height: 0;
	overflow: hidden;
	margin: 0 !important;
	transition: height 0.5s;
}

.seminar-card-btns a {
	width: 132px;
}

.seminar-card-prices-wrapper {
	position: relative;
}

.seminar-card-prices {
	position: absolute;
	right: 0;
	top: 0;
	transform: translateY(-100%);
	transition: top .3s;
}

.seminar-card:hover .seminar-card-btns {
	height: 47px;
	margin-top: 24px !important;
}

.seminar-card-title,
.seminar-card-menu {
	max-width: 66%;
}

.nowrap {
	white-space: nowrap;
}

.certificate-image {
	aspect-ratio: 1.42;
	max-height: 182px;
	min-height: 182px;
	cursor: pointer;
}

.certificate-image img {	
	object-fit: contain;
	width: 100%;
	height: 100%;
	object-position: center;
}
.certificate-image__sm {
	aspect-ratio: 0.75;
	min-height: unset;
}

.certificate-hr {
	border-bottom: 1px solid var(--primary-green-3);
}
.seminar-options {
	width: 270px;
	flex: 0 0 270px;
}

.seminar-option {
	color: #adb5bd;
}

.seminar-option.active {
	color: var(--green-status);
}

.seminar-option::before {
	content: '';
	display: block;
	/* background-image: url(../images/svg/dash.svg); */
	background-image: url(/x-style/images/svg/dash.svg);
	background-size: 32px 32px;
	background-position: center;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	align-self: center;
}

.seminar-option.active::before {
	/* background-image: url(../images/svg/check2.svg); */
	background-image: url(/x-style/images/svg/check2.svg);
}

.usoft-aside {
	width: 350px;
	flex: 0 0 350px;
}

.seminar-content video {
	width: 100%;
}

.video-container {
	position: relative;
}

.play-icon:hover {
	background-color: var(--primary-green-3);
}

.play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background-color: var(--primary-green-2);
	cursor: pointer;
	transition: background-color 0.3s;
}

.title-1 {
	font-size: 28px !important;
	font-weight: 500 !important;
}
.title-2 {
	font-size: 24px !important;
	font-weight: 500 !important;
}
.title-3 {
	font-size: 20px !important;
	font-weight: 500 !important;
}

.w-content {
	width: max-content !important;
}

.news-list h1, .news-list-content h1 {
	font-size: 24px;
}

.news-list h2, .news-list-content h2 {
	font-size: 20px;
}

.news-list h3, .news-list-content h3 {
	font-size: 16px;
}

.news-list h4, .news-list-content h4 {
	font-size: 13px;
}

.news-list h5, .news-list-content h5 {
	font-size: 12px;
}

.news-list h6, .news-list-content h6 {
	font-size: 10px;
}


.news-list-txt h1 {
	font-size: 24px;
}

.news-list-txt h2 {
	font-size: 20px;
}

.news-list-txt h3 {
	font-size: 16px;
}

.news-list-txt h4 {
	font-size: 13px;
}

.news-list-txt h5 {
	font-size: 12px;
}

.news-list-txt h6 {
	font-size: 10px;
}

.ticket-header {
	/* aspect-ratio: 3.26; */
	height: 94px;
}

.ticket-header__orange {
	background-color: #EB671C;
}

.ticket-header__green {
	background-color: #349936;
}

.ticket-header__pink {
	background-color: #AB296A;
}

.ticket-header__blue {
	background-color: #0A58CA;
}

.lecturers-item-head {			
	padding: 0px 32px 8px 0px;
	border-bottom: 1px solid #349936;			
	font-weight: 500;
	font-size: 24px;
	color: #343A40;
}

.lecturers-card {
	margin-bottom: 24px;
	height: calc(100% - 24px);
}

.lecturers-card-desc {
	-webkit-line-clamp: 3; 
        display: -webkit-box; 
        -webkit-box-orient: vertical; 
        overflow: hidden;   
}

.lecturers-card-avatar {	
	display: block;	
	width: 80px;
	height: 80px;
	flex: 0 0 80px;
	border-radius: 50%;
	overflow: hidden;
}

.lecturers-card-avatar img {	
	display: block;
	object-fit: cover;
	object-position: top center;
	width: 100%;
	height: 100%;
}
.lecturers-card-rating {
	height: 24px;
}

.lecturer-image {
	display: block;	
	width: 196px;
	height: 196px;
	flex: 0 0 196px;
	border-radius: 50%;
	overflow: hidden;
}

.lecturer-image img {
	display: block;
	object-fit: cover;
	object-position: top center;
	width: 100%;
	height: 100%;
}

.lecturer-review-stars {
	margin-right: 12px;
}

.seminars-benefits-card-title {
	font-size: 20px;
}

.seminar-memo h1 {
	font-size: 28px;
}

.seminar-memo h2 {
	font-size: 24px;
}

.seminar-memo h3 {
	font-size: 20px;
}

.seminar-memo h4 {
	font-size: 16px;
}

.seminar-memo-video-wrapper {
	aspect-ratio: 1.78;
}

.dropdown-types .dropdown-toggle {
	border: none !important;
	background-color: transparent !important;
}

.dropdown-types .dropdown-toggle::after {
	display: none !important;
}

/* .dropdown-types .dropdown-menu {
	right: 0 !important;
	left: auto !important;
} */

.dropdown-types .dropdown-item {
	border: 1px solid transparent;
}

.dropdown-types .dropdown-item.active {
	background-color: #349936;
	border: 1px solid #006634;
}

.dropdown-types .dropdown-item:focus {
	background-color: #349936;
	border: 1px solid #006634;
}

.dropdown-types .dropdown-item:not(.active):hover {
	border: 1px solid #006634;
}

.mfp-gallery .mfp-close {
	cursor: pointer !important;
}

.list-border {	
	border-left: 2px solid #EB671C;
}

.course-hosts {
	max-width: 56%;
	position: relative;
	z-index: 2;
}

.course-hosts-item {
	width: 190px;
	flex: 0 0 190px
}

.course-education {
	height: 30px;
}

.ui-filter + .form-select--list {
	border: none !important;
	background-color: transparent !important;	
	color: #349936 !important;
	min-width: 200px;
	text-align: right;
}

.ui-filter + .form-select--list::before {
	display: none !important;
}

.ui-filter + .form-select--list::after {	
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) !important;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 16.75C9 16.5511 9.07902 16.3603 9.21967 16.2197C9.36032 16.079 9.55109 16 9.75 16H14.25C14.4489 16 14.6397 16.079 14.7803 16.2197C14.921 16.3603 15 16.5511 15 16.75C15 16.9489 14.921 17.1397 14.7803 17.2803C14.6397 17.421 14.4489 17.5 14.25 17.5H9.75C9.55109 17.5 9.36032 17.421 9.21967 17.2803C9.07902 17.1397 9 16.9489 9 16.75ZM6 12.25C6 12.0511 6.07902 11.8603 6.21967 11.7197C6.36032 11.579 6.55109 11.5 6.75 11.5H17.25C17.4489 11.5 17.6397 11.579 17.7803 11.7197C17.921 11.8603 18 12.0511 18 12.25C18 12.4489 17.921 12.6397 17.7803 12.7803C17.6397 12.921 17.4489 13 17.25 13H6.75C6.55109 13 6.36032 12.921 6.21967 12.7803C6.07902 12.6397 6 12.4489 6 12.25ZM3 7.75C3 7.55109 3.07902 7.36032 3.21967 7.21967C3.36032 7.07902 3.55109 7 3.75 7H20.25C20.4489 7 20.6397 7.07902 20.7803 7.21967C20.921 7.36032 21 7.55109 21 7.75C21 7.94891 20.921 8.13968 20.7803 8.28033C20.6397 8.42098 20.4489 8.5 20.25 8.5H3.75C3.55109 8.5 3.36032 8.42098 3.21967 8.28033C3.07902 8.13968 3 7.94891 3 7.75Z" fill="%23349936"/></svg>');
}

.course-hosts {
	min-height: 45px;
}

.usoft-progress-wrapper,
.course-action a {
	width: 159px;
}

.course-action-img {
	width: 110.27px;
	max-width: 110.27px;
	height: 104px;
	bottom: 0;
	right: 0;
	transition: bottom 0.3s;
	z-index: 1;
}

.seminar-card .usoft-continue {
	width: 0;
	height: 0;	
	overflow: hidden;
	padding: 0 !important;
	border-width: 0;
	transition: width 0.3s, height 0.3s, padding 0.3s;
}

.seminar-card:hover .course-action-img  {
	bottom: calc(100% + 24px);
}

.seminar-card:hover .usoft-continue {
	width: 159px;
	height: 45px;
	padding: 12.5px !important;
}

.seminar-card:hover .usoft-continue.usoft-green-transparent {	
	border-width: 1px;
}

.fade.tab-pane__hidden:not(.show) {
	display: none;
}

/* .course-card-title,
.seminar-card-menu,
.course-hosts {
	position: relative;
	z-index: 2;
	max-width: calc(100% - 120px);
} */

.course-card-title,
.seminar-card-menu__cource {
	position: relative;
	z-index: 2;
	max-width: calc(100% - 120px);
}

.usoft-get-diplom {
	width: 0 !important;
	height: 0;	
	padding: 0 !important;
	overflow: hidden;	
	transition: width 0.3s, height 0.3s, padding 0.3s;
}

.course-completed:hover .usoft-get-diplom {
	width: 50% !important;
	height: 45px;
	padding: 10px !important;
}

.course-completed-bottom {
	min-height: 45px;
}

.docs-table-item:not(:last-child) {
	border-bottom: 1px solid #E9ECEF;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

.docs-table-item__split {
	border: none !important;
}

.docs-table-right {
	width: 324px;
	flex: 0 0 324px;
}

.docs-table-start {
	flex-direction: column;
	min-width: 144px;
}

.docs-table-end {
	flex-direction: column;
	align-items: flex-end;	
}

.card__test-btn {
	width: 0 !important;
	height: 0;	
	padding: 0 !important;
	overflow: hidden;	
	transition: width 0.3s, height 0.3s, padding 0.3s;
}
.card__test:hover .card__test-btn{
	width: auto !important;
	height: 36px;
	padding: 8px 12px !important;
}

.test-other {
	height: 36px;
	line-height: 36px;
}

.card-lesson-btn {
	opacity: 0;
	transition: opacity 0.3s;
}

.card-lesson:hover .card-lesson-btn {
	opacity: 1;
}

.card-lesson__disabled .card-video {
	opacity: 0.5;
}

.card-lesson__disabled .card-lesson-btn {
	display: none;
}

.card-lesson__disabled a {
	pointer-events: none !important;
}

.card-document-btn {
	height: 36px;
	min-width: 115px;
	opacity: 0;
	transition: opacity 0.3s;
}

.card-document:hover .card-document-btn {
	opacity: 1;
}

.card-document:hover .card-document-title,
.card-document:hover .card-document-title a {
	color: var(--primary-green-2);
}

.card-document-title {
	transition: color 0.3s;
}

img {
	max-width: 100%;
	height: auto;
}

.package-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 356px;
	background: #FFFFFF;
	border-width: 1px 1px 3px 1px;
	border-style: solid;	
	border-radius: 2px;
}

.package-card__min {
	min-height: 269px;
}

.package-card__blue {
	border-color: #7490BF;
}

.package-card__purple {
	border-color: #9475CF;
}

.package-card__pink {
	border-color: #D4145A;
}

.package-card__yellow {	
	border-color: #C2C74C;
}

.package-card__green {	
	border-color: #73C063;
}

.package-card__orange {
	border-color: #F7931E;
}

.package-card-title {	
	font-weight: 500;
	font-size: 40px;
	line-height: 46px;
	color: #212529;
	margin-bottom: 8px;
}

.package-card-text {	
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #212529;
	position: relative;
	z-index: 2;
}

.package-card-text-title {
	font-weight: 400;
	font-size: 21px;
	line-height: 36px;
	color: #212529;
}

.package-card-image {
	max-width: min(306px, 100%);
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;		
}

.package-card-image__position {
	position: absolute;
	right: 24px;
	bottom: 24px;
	max-width: 260px;
	z-index: 1;
}

.package-card-btn {	
	width: min(194px, 100%);
	position: relative;
	z-index: 2;
}

.package-card-btn__absolute {
	width: unset;
	position: absolute;
	bottom: 24px;
	left: 24px;
	right: 24px;
	opacity: 0;
	transition: opacity 0.3s;
}

.package-card:hover .package-card-btn__absolute {	
	opacity: 1;	
}

.consult-image__sm {
	width: 118px;
}

/* .points-arrows {
	width: 56px;
} */

.point-arrow {
	width: 56px;
	flex: 0 0 56px;
	margin-right: 24px;
	/* overflow: hidden; */
}

.point-arrow__top {
	position: relative;
	display: flex;
    justify-content: flex-end;
    align-items: center;	
}

.point-arrow__top::after {
	position: absolute;
	top: 7px;
	left: 50%;
	transform: translate(-50%, 100%);
	content: '';
	width: 2px;
	height: 50%;
	background-color: #7490BF;
}

.point-arrow__top.point-arrow__center:not(.point-arrow__mid)::before {
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translate(-50%, 100%);
	content: '';
	width: 2px;
	height: 50%;
	background-color: #7490BF;
}

.point-arrow__mid::before {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -40%);
	content: '';
	width: 2px;
	height: 100%;
	background-color: #7490BF;
}

.point-arrow__bottom {
	position: relative;
	display: flex;
    justify-content: flex-end;
    align-items: center;	
}

.point-arrow__bottom::after {
	position: absolute;
	bottom: 7px;
	left: 50%;
	transform: translate(-50%, -80%);
	content: '';
	width: 2px;
	height: 63%;
	background-color: #7490BF;
}

.point-arrow__blue::after {
	background-color: #7490BF;
}

.point-arrow__blue::before {
	background-color: #7490BF;
}

.point-arrow__blue.point-arrow__top.point-arrow__center:not(.point-arrow__mid)::before {
	background-color: #7490BF;
}

.point-arrow__blue path:first-child {
	stroke: #7490BF;
}

.point-arrow__blue path:last-child {
	fill: #7490BF;
}

.point-arrow__purple::after {
	background-color: #9475CF;
}

.point-arrow__purple::before {
	background-color: #9475CF;
}

.point-arrow__purple.point-arrow__top.point-arrow__center:not(.point-arrow__mid)::before {
	background-color: #9475CF;
}

.point-arrow__purple path:first-child {
	stroke: #9475CF;
}

.point-arrow__purple path:last-child {
	fill: #9475CF;
}

.point-arrow__pink::after {
	background-color: #D4145A;
}

.point-arrow__pink::before {
	background-color: #D4145A;
}

.point-arrow__pink.point-arrow__top.point-arrow__center:not(.point-arrow__mid)::before {
	background-color: #D4145A;
}

.point-arrow__pink path:first-child {
	stroke: #D4145A;
}

.point-arrow__pink path:last-child {
	fill: #D4145A;
}

.point-arrow__yellow::after {
	background-color: #C2C74C;
}

.point-arrow__yellow::before {
	background-color: #C2C74C;
}

.point-arrow__yellow.point-arrow__top.point-arrow__center:not(.point-arrow__mid)::before {
	background-color: #C2C74C;
}

.point-arrow__yellow path:first-child {
	stroke: #C2C74C;
}

.point-arrow__yellow path:last-child {
	fill: #C2C74C;
}

.point-arrow__orange::after {
	background-color: #F7931E;
}

.point-arrow__orange::before {
	background-color: #F7931E;
}

.point-arrow__orange.point-arrow__top.point-arrow__center:not(.point-arrow__mid)::before {
	background-color: #F7931E;
}

.point-arrow__orange path:first-child {
	stroke: #F7931E;
}

.point-arrow__orange path:last-child {
	fill: #F7931E;
}

.point-arrow__green::after {
	background-color: #73C063;
}

.point-arrow__green::before {
	background-color: #73C063;
}

.point-arrow__green.point-arrow__top.point-arrow__center:not(.point-arrow__mid)::before {
	background-color: #73C063;
}

.point-arrow__green path:first-child {
	stroke: #73C063;
}

.point-arrow__green path:last-child {
	fill: #73C063;
}

.point-arrow__center path {
	stroke: none !important;
}

.point-item {	
	color: #212529;
	width: 100%;
	transition: color 0.3s;
}

.point-num {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 78px;
	width: 78px;
	min-height: 78px;	
	font-weight: 500;
	font-size: 40px;
	color: #8DC047;
	border: 3px solid #8DC047;
	border-radius: 2px;
	transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.point__green-transparent .point-num {
	color: #8DC047;
	border-color: #8DC047;
}

.point__green-fill .point-num {
	background-color: #8DC047;	
	color: #FFFFFF;
}

.point__orange-transparent .point-num {	
	border-color: #FFB12B;
	color: #FFB12B;
}

.point__blue-transparent .point-num {	
	border-color: #93ABD9;
	color: #93ABD9;
}

.point-title {	
	font-weight: 500;
	font-size: 20px;
	line-height: 23px;
	color: #212529;
	transition: color 0.3s;
}

.point__green-fill .point-title {
	color: #8DC047;
}

.list-card {
	max-width: 854px;
}

.list-card__green .list-card-head {	
	background-color: #8DC047;
	color: #FFFFFF;
}

.list-card__green .usoft-marker-green__big li::before {
	background-color: #8DC047;
}

.list-card__green .list-card-values_num {
	color: #8DC047;
}

.list-card__orange .list-card-head {	
	background-color: #FFB12B;
	color: #FFFFFF;	
}

.list-card__orange .usoft-marker-green__big li::before {
	background-color: #FFB12B;
}

.list-card__orange .list-card-values_num {
	color: #FFB12B;
}

.list-card__blue .list-card-head {	
	background-color: #93ABD9;
	color: #FFFFFF;
}

.list-card__blue .usoft-marker-green__big li::before {
	background-color: #93ABD9;
}

.list-card__blue .list-card-values_num {
	color: #93ABD9;
}

.list-card-head-num {	
	font-weight: 500;
	font-size: 40px;
	min-width: 78px;
}

.list-card-head-title {	
	font-weight: 500;
	font-size: 20px;
	line-height: 23px;
}

.list-card-body-item {
	border-right: 1px solid #E9ECEF;
}

.list-card-values_num {	
	font-weight: 500;
	font-size: 32px;
	line-height: 37px;
}

.list-card-values_num__big {	
	font-size: 40px;
	line-height: 46px;
}

.list-card-values_title {	
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	color: #212529;
}

.list-card-btn {
	max-width: min(280px, 84%);
	margin-left: auto;
	margin-right: auto;
	height: 0;
	line-height: 34px;
	transition: height 0.3s, margin-top 0.3s;
}

.list-card:hover .list-card-btn {
	height: 36px;
	margin-top: 24px;
}

.example-material-title {	
	font-weight: 500;
	font-size: 32px;
	line-height: 37px;
	text-transform: uppercase;	
	margin-bottom: 16px;
}

.example-material-title__green {
	color: #8DC047;
}

.example-material-title__orange {
	color: #FFB12B;
}

.example-material-title__blue {	
	color: #93ABD9;
}

.example-material-subtitle {	
	font-weight: 500;
	font-size: 20px;
	line-height: 23px;
	text-align: center;
	color: #343A40;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	
}

.example-image {
	max-width: max-content;
	margin-left: auto;
	margin-right: auto;
}

.example-btn {
	max-width: min(280px, 84%);
	width: auto;
	margin-top: 32px;
	margin-bottom: 48px;
}

.fz-14 {
	font-size: 14px;
}

.accountmant-table-item {
	max-width: 50%;
	flex: 0 0 50%;
}

.accountmant-table-head {
	font-weight: 600;
}

.accountmant-table-day.active {
	border: 1px solid var(--primary-green-2)
}
.accountmant-table-date {
	min-width: 110px;
	flex: 0 0 110px;
}

.test-box-text {
	max-width: calc(100% - 136px);
}

.test-box-btn {
	position: absolute;
	right: 16px;
	bottom: 16px;
}

.pie-container {
	position: relative;
	width: 159px;
	height: 159px;
	flex: 0 0 159px;
}
.pie-chart {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: conic-gradient(#4CAF50 0%, #4CAF50 0%, #FFC107 0%, #FFC107 100%);	
}

.pie-chart::after {
	position: absolute;
	content: '';
	width: 128px;
	height: 128px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background-color: #FFFFFF;
}
.pie-percentage {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	color: #343A40;
	z-index: 10;
	text-align: center;
}

.test-result-card-val {
	position: relative;
	padding-left: 40px;
}

.test-result-card-val__green {	
	color: #28A745;	
}

.test-result-card-val__true {	
	color: #28A745;
}

.test-result-card-val__false {	
	color: #DC3545;	
}

.test-result-card-val__true::before {
	position: absolute;
	left: 0;
	content: '';
    display: block;
    /* background-image: url(../images/svg/check2.svg); */
    background-image: url(/x-style/images/svg/check2.svg);
    background-size: 32px 32px;
    background-position: center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    align-self: center;
}

.test-result-card-val__false::before {
	position: absolute;
	left: 0;	
	content: '';
    display: block;
    /* background-image: url(../images/svg/cross.svg); */
    background-image: url(/x-style/images/svg/cross.svg);
    background-size: 32px 32px;
    background-position: center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    align-self: center;
}

.card__green-bottom {
	border-bottom: 3px solid var(--green-status);
}

.card__red-bottom {
	border-bottom: 3px solid #DC3545;
}

.form-check-input__green, .form-check-input__green + label {
	cursor: pointer;
	outline: none;
	box-shadow: none;
}

.form-check-input__green:checked {
	background-color: var(--primary-green-2);
	border-color: var(--primary-green-2);
}


.inner {
	margin-left: auto;
	margin-right: auto;
	padding-left: 40px;
	padding-right: 40px;
	max-width: calc(1296px + 80px);
}