@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--container: 1230px;
	--white: #fff;
	--black: #000;
	--bg: #E9E9E9;
	--text: #302B2C;
	--grey-text: #787878;
	--bordo: #700F0F;
	--dark-red: #9C1D14;
	--red: #B32516;
	--yellow: #F0B55B;
	--grey: #F4F4F4;
	--darken-grey: #989898;
	--grey-date: #BDBFC1;
	--grey-dots: #D9D9D9;
	--dark-bordo: #220404;
	--light-grey: #F5F5F5;	

	--all-in: all 0.25s ease-in;
	--all-out: all 0.25s ease-out;
	--all-inout: all 0.25s ease-in-out;
}

body {
	color: var(--text);
}

html, body {
	padding: 0px;
	margin: 0px;
	line-height: 1.5;
	position: relative;
	font-family: "Montserrat", serif;
	font-size: 15px;
}

*, ::before, ::after {
	box-sizing: border-box;
}

input, textarea, select, button, option {
	outline: none;
	font-family: "Montserrat", serif;
}

textarea {
	resize: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	padding: 0px;
	margin: 0px;
	position: relative;
	z-index: 2;
	font-weight: bold;
	font-family: "Montserrat", serif;
	/*font-feature-settings: "pnum" on,"lnum" on;*/
}

h1, .h1 {
	font-size: 42px;
	text-align: center;
}

h2, .h2 {
	font-size: 36px;
	text-align: center;
}

h3, .h3 {
	font-size: 24px;
}

h4, .h4 {
	font-size: 20px;
}

h5, .h5 {
	font-size: 18px;
}

h6, .h6 {
	font-size: 17px;
}

p {
	margin: 0px;
}

ul, ol {
	margin: 0px;
	
}

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

p {
	line-height: 1.5;
	font-weight: 400;
	
}

p a, ul a, ol a {
	
}

p a:hover, ul a:hover, ol a:hover {
	
}

blockquote {
	
}

blockquote a {
	
}

.medium {
	font-weight: 500;
}

.semi {
	font-weight: 600;
}

.bold {
	font-weight: bold;
}

.uppercase {
	text-transform: uppercase;
}

section {
	position: relative;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.flex-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.gap-4 {
	gap: 4px;
}

.gap-8 {
	gap: 8px;
}

.gap-12 {
	gap: 12px;
}

.gap-16 {
	gap: 16px;
}

.gap-18 {
	gap: 18px;
}

.gap-20 {
	gap: 20px;
}

.gap-24 {
	gap: 24px;
}

.gap-32 {
	gap: 32px;
}

.gap-40 {
	gap: 40px;
}

.grid {
	display: grid;
}

.grid-2 {
	grid-template-columns: 1fr 1fr;
}

.grid-3 {
	grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
	grid-template-columns: repeat(4, 1fr);
}

.grid-5 {
	grid-template-columns: repeat(5, 1fr);
}

.container {
	width: 100%;
	max-width: var(--container);
	margin-left: auto;
	margin-right: auto;
	position: relative;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}

.img-cover {
	overflow: hidden;
}

.img-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: top;
}

.img-contain img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	vertical-align: top;
}

a, button, input[type="submit"], input[type="button"] {
	transition: var(--all-out);
	outline: none;
	cursor: pointer;
}

a:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {
	transition: var(--all-in);
}

.clear {
	width: 0px;
	height: 0px;
	float: none !important;
	clear: both !important;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

.mobile {
	display: none;
}

.but a, .but button, .but input {
	height: 50px;
	padding: 0 16px;
	border-radius: 8px;
	background: var(--bordo);
	color: var(--white);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border: 2px solid var(--bordo);
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.but a:hover, .but button:hover, .but input:hover {
	background: var(--white);
	color: var(--bordo);
}

.br-4 {
	border-radius: 4px;
}

.br-8 {
	border-radius: 8px;
}

.br-12 {
	border-radius: 12px;
}

/*--------*/

/**/

body {
	background: var(--bg);
}

.page-wrapper {
	padding: 0 20px;
	padding-top: 100px;
}

header {
	position: fixed;
	left: 20px;
	top: 0;
	width: calc(100% - 40px);
	background: var(--white);
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	z-index: 10;
}

header .box {
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

header .box img {
	vertical-align: top;
}

header .box #menu {
	display: flex;
	align-items: center;
	gap: 32px;
}

header .box #menu .buts {
	display: flex;
	align-items: center;
	gap: 16px;
}

header .box #menu .buts a {
	height: 40px;
}

/*header .box #menu .buts a:last-child {
	background: var(--white);
	color: var(--bordo);
}

header .box #menu .buts a:last-child:hover {
	color: var(--white);
	background: var(--bordo);
}*/

header .box #menu #main-menu {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 32px;
	padding: 0;
}

header .box #menu #main-menu a {
	font-size: 14px;
	text-decoration: none;
	color: var(--text);
	font-weight: 500;
}

header .box #menu #main-menu a:hover, header .box #menu #main-menu a.current-menu-item {
	color: var(--red);
	text-decoration: underline;
}

header .box #menu .lang {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 12px;
	height: 34px;
	border-radius: 8px;
	border: 2px solid rgba(48, 43, 44, 0.25);
}

header .box #menu .lang a {
	color: var(--text);
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
}

header .box #menu .lang a:hover, header .box #menu .lang a.active {
	color: var(--red);
	text-decoration: underline;
}

header .box .phone {
	position: relative;
}

header .box .phone .phones-row {
	max-height: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 100%;
	padding: 0 16px;
	border-radius: 12px;
	background: var(--white);
	transition: var(--all-out);
	width: calc(100% + 16px);
}

header .box .phone .phones-row p {
	font-size: 12px;
	color: var(--darken-grey);
}

header .box .phone .phones-row .item:not(:first-child) {
	margin-top: 6px;
}

header .box .phone .phones-row a {
	margin-top: 4px;
	display: flex;
	width: 100%;
}

header .box .phone .phones-row.open {
	max-height: 250px;
	padding: 16px 16px;
	transition: var(--all-in);
}

header .box .phone a {
	color: var(--text);
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 6px;
}

header .box .phone a::before {
	content: "";
	width: 24px;
	height: 24px;
	display: flex;
	border-radius: 40px;
	border: 4px solid var(--yellow);
}

header .box .phone a:hover {
	color: var(--red);
}

/*--------*/

/**/

section {
	padding: 60px 0;
}

.first-with-image {
	/*background: url('../images/805ee57552da1f5058650ecc84293d7f791fa0ac.webp') center center / cover no-repeat;*/
	padding: 120px 0;
	overflow: hidden;
	position: relative;
}

.first-with-image .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.first-with-image::before {
	display: flex;
	width: 100%;
	height: 100%;
	content: "";
	border-radius: 12px;
	background: rgba(47, 47, 47, 0.77);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.first-with-image .container {
	z-index: 2;
}

.first-with-image .box {
	align-items: center;
}

.first-with-image .box h1 {
	color: var(--white);
	text-align: center;
	text-shadow: 0px 0px 25px rgba(48, 43, 44, 0.72);
	font-size: 42px;
	font-weight: 700;
}

.first-with-image .box > p {
	color: var(--white);
	text-align: center;
	text-shadow: 0px 0px 25px rgba(48, 43, 44, 0.72);
	font-size: 18px;
	max-width: 864px;
}

.first-with-image .box .block {
	margin-top: 32px;
	background: var(--white);
	box-shadow: 0px 4px 12px 0px rgba(48, 43, 44, 0.10);
	display: flex;
	width: 1020px;
	padding: 32px 24px;
	flex-direction: column;
	align-items: center;
	gap: 32px;
}

.first-with-image .box .block .title {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
}

.first-with-image .box .block .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
	max-width: 865px;
}

.first-with-image .box .block .list a {
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 0 16px;
	height: 38px;
	text-decoration: none;
	color: var(--bordo);
	font-size: 14px;
	font-weight: 600;
	border-radius: 8px;
	border: 4px solid var(--bg);
}

.first-with-image .box .block .list a:hover {
	background: var(--bg);
}

.first-with-image .box .block p {
	font-size: 15px;
	font-weight: 500;
	text-align: center;
}

.first-with-image .box .block p strong {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	display: block;
}

.first-for-companies .box .but {
	margin-top: 32px;
}

.first-for-people .box h1 {
	text-shadow: none;
	color: var(--text)
}

.first-for-people .box .block {
	gap: 24px;
	padding-bottom: 120px;
	background: url('../images/map-bg.webp') center bottom no-repeat, var(--white);
	width: 100%;
}

.first-for-people .box .block:first-child {
	margin-top: 0;
}

.first-for-people .box .block p strong {
	display: inline;
	color: var(--bordo);
}

.first-for-people .box .block .vacancies-form, .vacancies-list .vacancies-form {
	margin-top: 24px;
	border: 4px solid var(--bg);
	width: 100%;
	max-width: 960px; /*840*/
	padding: 4px;
}

.vacancies-list .vacancies-form { 
	max-width: 100%;
	margin-bottom: 54px;
}

.first-for-people .box .block .vacancies-form form, .vacancies-list .vacancies-form form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.first-for-people .box .block .vacancies-form form .but, .vacancies-list .vacancies-form form .but {
	margin-top: 0;
}

.first-for-people .box .block .vacancies-form form .search, .vacancies-list .vacancies-form form .search {
	width: 100%;
}

.vacancies-form form input[type="text"] {
	width: 100%;
	height: 40px;
	padding-left: 54px;
	background: url('../images/line-md_search.svg') 20px 50% no-repeat;
	border: 0;
	font-size: 16px;
}

.vacancies-form form select {
	border: 0;
	padding: 0;
	padding-left: 45px;
	padding-right: 12px;
	height: 20px;
	font-size: 16px;
	-webkit-appearance: none;
   	-moz-appearance: none;
   	appearance: none;
	border-left: 1px solid var(--bg);
	background-color: transparent;
}

.vacancies-form form .cat select {
	width: 220px;
}
.vacancies-form form .location select {
	width: 200px;
}

.vacancies-form form select.category {
	background: url('../images/form-category.svg') 24px 50% no-repeat;
}

.vacancies-form form select.country {
	background: url('../images/form-country.svg') 24px 50% no-repeat;
}

/*--------*/

/**/

.first-for-people {
	background: url('../images/objects.webp') left center / auto 100% no-repeat, var(--white);
  	position: relative;
}

.first-for-people .or {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--yellow);
	color: var(--bordo);
	font-size: 21px;
	font-weight: 900;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -70px;
	z-index: 3;
}

section.center .box > h1, section.center .box > h2, section.center .box > p {
	text-align: center;
}

.first-for-people .box {
	align-items: center;
}

.first-for-people .box > p {
	max-width: 865px;
}

.first-for-people .box .but {
	margin-top: 24px;
}

/*--------*/

/**/

.bg-white {
	background-color: var(--white);
}

.home-services .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	padding: 32px;
	border: 4px solid var(--yellow);	
}

.home-services .item:nth-child(3) {
	border-color: var(--bg)
}

.home-services .item .img {
	width: 100%;
	max-width: 240px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.home-services .item .title {
	font-size: 20px;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 10px;
}

.home-services .item .title::before {
	content: "";
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 8px solid var(--bordo);
	display: flex;
}

.home-services .item:nth-child(3) .title::before {
	border-color: var(--yellow);
}

.home-services .item .list {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.home-services .item .list a {
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 0 16px;
	height: 38px;
	text-decoration: none;
	color: var(--bordo);
	font-size: 14px;
	font-weight: 600;
	border-radius: 8px;
	border: 4px solid var(--bg);
}

.home-services .item .list a:hover {
	background: var(--bg);
}

.home-services .text-after {
	padding: 16px 0;
	background: url('../images/rivet-icons_question-mark.svg') top center no-repeat;
	text-align: center;
}

.home-services .text-after p {
	font-size: 15px;
}

.home-services .text-after p strong {
	font-size: 18px;
	display: block;
}

.home-services .text-after .but {
	display: flex;
	justify-content: center;
}

/*--------*/

/**/

.about-us .title {
	height: 220px;
	overflow: hidden;
	position: relative;
}

.about-us .title::before {
	background: rgba(48, 43, 44, 0.55);
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}

.about-us .title img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-us .title h2 {
	position: absolute;
	z-index: 2;
	color: var(--white);
	display: flex;
	align-items: center;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	gap: 10px;
}

.about-us .title h2::before {
	content: "";
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 8px solid var(--yellow);
	display: flex;
	flex-shrink: 0;
}

.about-us .but {
	display: flex;
	justify-content: center;
}
	

/*--------*/

/**/

.form-block .box {
	border: 5px solid var(--bg);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 32px;
	padding: 32px;
}

.form-block .box .text h3 {
	max-width: 550px;
}

.form-block .box .text {
	padding-left: 118px;
	position: relative;
}

.form-block .box .text::before {
	width: 94px;
	height: 94px;
	content: "";
	border-radius: 50%;
	border: 12px solid var(--yellow);
	display: flex;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.form-block .box .form {
	padding: 32px;
	width: 100%;
	max-width: 424px;
	flex-shrink: 0;
	background: var(--grey);
}

.form-block .box .form form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.form-group {
	position: relative;
}

.form-block .box .form form input[type="text"], .form-block .box .form form input[type="tel"], .form-block .box .form form input[type="email"] {
	padding: 0 24px;
	border-radius: 12px;
	border: 1px solid rgba(75, 68, 75, 0.60);
	background: var(--white);
	width: 100%;
	height: 55px;
	font-size: 16px;
	transition: var(--all-out);
}

.form-block .box .form form input[type="text"].wpcf7-not-valid, .form-block .box .form form input[type="tel"].wpcf7-not-valid, .form-block .box .form form input[type="email"].wpcf7-not-valid {
	border-color: var(--red);
	transition: var(--all-in);
}

.form-block .box .form form input[type="submit"] {
	width: 100%;
	height: 54px;
}

/*--------*/

/**/

footer {
	background: var(--dark-bordo);
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	padding: 60px 0;
}

footer .box {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

footer .box .top {
	padding-bottom: 24px;
	border-bottom: 1px solid #4B444B;
	display: flex;
	justify-content: space-between;
	gap: 32px;
}

footer .box .top .logo {
	width: 100%;
	max-width: 375px;
	flex-shrink: 0;
}

footer .box .top .logo img {
	vertical-align: top;
	filter: brightness(0) invert(1);
}

footer .box .top .services {
	display: flex;
	gap: 32px;
	width: 100%;
	align-items: center;
}

footer .box .top .services .buts {
	display: flex;
	align-items: center;
	gap: 16px;
}

footer .box .top .services .buts a, footer .box .top .services .buts a:last-child:hover {
	background: var(--white);
	color: var(--text);
	border-color: var(--white);
}

footer .box .top .services .buts a:hover, footer .box .top .services .buts a:last-child {
	background: transparent;
	color: var(--white);
}

footer .box .top .services #footer-menu {
	list-style: none;
	padding: 0;
	display: flex;
	gap: 32px;
}

footer .box .top .services #footer-menu a {
	text-decoration: none;
	color: var(--white);
}

footer .box .top .services #footer-menu a:hover {
	color: var(--yellow);
}

footer .box .bottom {
	display: flex;
	justify-content: space-between;
	gap: 32px;
}

footer .box .bottom .info {
	width: 100%;
	max-width: 375px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

footer .box .bottom .info .contacts {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 200px;
	color: var(--white);
}

footer .box .bottom .info .contacts > div:not(.phones-row) {
	padding-left: 30px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: 500;
}

footer .box .bottom .info .contacts div.phone {
	background-image: url('../images/phone.svg');
	padding-left: 30px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: 500;
}

footer .box .bottom .info .contacts > div.email {
	background-image: url('../images/email.svg');
}

footer .box .bottom .info .contacts > div.addr {
	background-image: url('../images/addr.svg');
}

footer .box .bottom .info .contacts {
	width: 100%;
	max-width: 100%;
}

footer .box .bottom .info .contacts .phones-row {
	display: flex;
	justify-content: space-between;
	gap: 24px;
}

footer .box .bottom .info .contacts .phones-row .item {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

footer .box .bottom .info .contacts .phones-row .item > p {
	font-size: 12px;
}

footer .box .bottom .info .contacts a {
	color: var(--white);
}

footer .box .bottom .info .contacts a:hover {
	color: var(--yellow);
}

footer .box .bottom .text {
	display: flex;
	flex-direction: column;
	gap: 32px;
	color: var(--white)
}

footer .box .bottom .text .links {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}

footer .box .bottom .text .links a, footer .box .bottom .text .links p {
	font-size: 14px;
	font-weight: 500;
	line-height: 150%;
	color: var(--white);
}

footer .box .bottom .text .links a {
	color: var(--white)
}

footer .box .bottom .text .links a:hover {
	color: var(--yellow);
}


/*--------*/

/**/

.img-bg {
	position: relative;
	overflow: hidden;
}

.img-bg::before {
	display: flex;
	width: 100%;
	height: 100%;
	content: "";
	border-radius: 12px;
	background: rgba(47, 47, 47, 0.77);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.img-bg > .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.img-bg > *:not(.image) {
	position: relative;
	z-index: 2;
}

section h2 + .box {
	margin-top: 32px;
}

.advantages {
	position: relative;
}

.advantages::before {
	width: 100%;
	height: 290px;
	content: "";
	border-radius: 12px;
	background: linear-gradient(88deg, #700F0F 39.31%, #B32516 130.82%);
	position: absolute;
	left: 0;
	bottom: 0;
}

.advantages .box .item {
	padding: 32px 24px;
	border: 4px solid var(--bg)
}

.advantages .box .item .text ul {
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 16px;
	font-size: 14px;
}

.advantages .box .item .text ul li {
	padding-left: 12px;
	border-left: 4px solid var(--bordo);
}

/*--------*/

/**/

.steps {
	background: url('../images/objects2.webp') right center / auto 100% no-repeat, var(--white);
}

.steps .box {
	counter-reset: steps;
	padding: 24px;
}

.steps .box .item {
	padding: 32px 24px;
	padding-left: 96px;
	position: relative;
	counter-increment: steps;
	border-right: 4px solid rgba(255, 255, 255, 0.15);
	border-top: 4px solid rgba(255, 255, 255, 0.15);
}

.steps .box .item:nth-child(3n) {
	border-right: 0;
}

.steps .box .item:nth-child(1), .steps .box .item:nth-child(2), .steps .box .item:nth-child(3) {
	border-top: 0;
}

.steps .box .item::before {
	content: "0"counter(steps);
	width: 48px;
	height: 48px;
	display: flex;
	border-radius: 50%;
	border: 4px solid var(--yellow);
	justify-content: center;
	align-items: center;
	color: var(--yellow);
	font-size: 16px;
	font-weight: 700;
	position: absolute;
	left: 24px;
	top: 32px;
}

.steps .box .item div {
	color: var(--white);
	font-size: 18px;
	font-weight: 700;
}

.steps .box .item p {
	color: var(--white);
	font-style: 14px;
}

/*--------*/

/**/

.reviews h2 {
	color: var(--white);
}

.reviews .slider .item {
	align-items: center;
	display: flex !important;
}

.reviews .slider .item .info {
	padding-left: 112px;
	position: relative;
	justify-content: center;
	height: 80px;
}

.reviews .slider .item .info::before {
	width: 80px;
	height: 80px;
	content: "";
	border-radius: 50%;
	border: 4px solid var(--yellow);
	background: url('../images/ph_user-list.svg') center center no-repeat;
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
}

.reviews .slider .item .info .name {
	color: var(--white);
}
.reviews .slider .item .info p {
	color: var(--darken-grey);
	font-size: 16px;
	font-weight: 500;
}

.reviews .slider .item .text {
	position: relative;
	padding: 48px 24px 24px;
	border: 4px solid var(--bg);
	background-image: url('../images/la_quote-right.svg');
	background-position:  left top;
	background-repeat:  no-repeat;
}

.reviews .slider .item .text::before {
	border-left: 16px solid transparent;
	border-bottom: 23px solid var(--bg);
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: -23px;
	left: 78px;
}

.reviews .slider .slick-dots {
	padding: 0;
	margin-top: 32px;
	display: flex !important;
	justify-content: center;
	align-items: center;
	gap: 12px;
}

.reviews .slider .slick-dots li {
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
}

.reviews .slider .slick-dots li button {
	font-size: 0;
	padding: 0;
	border-radius: 50%;
	border: 4px solid var(--white);
	opacity: 0.2;
	transition: var(--all-out);
	width: 20px;
	height: 20px;
	background: transparent;
}

.reviews .slider .slick-dots li:hover button {
	opacity: 1;
	transition: var(--all-in);
}

.reviews .slider .slick-dots li.slick-active button {
	transition: var(--all-in);
	width: 24px;
	height: 24px;
	background: var(--yellow);
	border-color: var(--yellow);
	opacity: 1;
}

.reviews .box.logos {
	background: var(--white);
	border: 4px solid rgba(255, 255, 255, 0.1);
	padding: 24px;
	margin-bottom: 24px;
	position: relative;
}

.reviews .box.logos::after {
	width: calc(100% - 48px);
	height: 1px;
	background: var(--grey-dots);
	content: "";
	position: absolute;
	left: 24px;
	top: 50%;
}

.reviews .box.logos .item {
	padding: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 86px;
}

.reviews .box.logos .item img {
	max-width: 168px;
	max-height: 32px;
	filter: grayscale(1);
	opacity: 0.75;
	transition: var(--all-out);
	width: 100%;
}

.reviews .box.logos .item:hover img {
	filter: grayscale(0);
	opacity: 1;
	transition: var(--all-in);
}

.reviews .box.logos .item:not(:nth-child(5n)) {
	border-right: 1px solid var(--grey-dots);
}

/*--------*/

/**/

section.categories {
	background-image: url('../images/objects2.webp');
	background-position: right center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

section.categories .box {
	gap: 16px 32px;
	display: flex;
	flex-wrap: wrap;
}

section.categories .box a {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 600;
	color: var(--bordo);
	text-decoration: none;
}

section.categories .box a:hover {
	text-decoration: underline;
}

section.categories .box a .icon {
	width: 40px;
	height: 40px;
	display: flex;
	border: 4px solid var(--yellow);
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	transition: var(--all-out);
}

section.categories .box a:hover .icon {
	border-color: var(--bordo);
	transition: var(--all-in);
}

section .box + .but {
	margin-top: 32px;
	display: flex;
	justify-content: center;
}

/*--------*/

/**/

.top-vacancies .slider .slick-list {
	margin-left: -16px;
	margin-right: -16px;
}

.vacancy-item {
	border: 4px solid var(--bg);
	padding: 24px;
	position: relative;
	display: flex !important;
	transition: var(--all-out);
}

.slider .vacancy-item {
	margin: 0 16px;
}

.vacancy-item:hover {
	border-color: var(--yellow);
	transition: var(--all-inout);
}

.vacancy-item .special {
	position: absolute;
	top: -4px;
	right: 24px;
	width: 50px;
	height: 54px;
	background: var(--dark-red);
	color: var(--white);
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 10px;
}

.vacancy-item .special::after {
	border-bottom: 25px solid transparent;
	border-left: 25px solid var(--dark-red);
	border-right: 25px solid var(--dark-red);
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 54px;
	right: 0;
}

.vacancy-item .special.hot {
	background-image: url('../images/fire.svg');
	background-position: 50% 4px;
	background-repeat: no-repeat;
	background-size: auto 20px;
}

.vacancy-item .name {
	padding-bottom: 24px;
	border-bottom: 1px solid var(--bg);
	padding-right: 50px;
	min-height: 85px;
}

.vacancy-item .name a {
	color: var(--text);
	text-decoration: none;
}

.vacancy-item .name a:hover {
	color: var(--bordo);
}

.vacancy-item .info {
	padding-bottom: 24px;
	border-bottom: 1px solid var(--bg);
}

.vacancy-item .info .text {
	padding-left: 16px;
	border-left: 4px solid var(--yellow);
	transition: var(--all-out);
}

.vacancy-item:hover .info .text {
	border-color: var(--bordo);
	transition: var(--all-in);
}

.vacancy-item .info .text + div {
	margin-top: 12px;
}

.vacancy-item .info .text p, .vacancy-item .info .text ol, .vacancy-item .info .text ul {
	font-size: 14px;
	font-weight: 500;
	color: var(--grey-text);
}

.vacancy-item .info .revenue, .vacancy-item .info .location {
	color: var(--text);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	padding-left: 32px;
}

.vacancy-item .info .revenue {
	background: url('../images/iconoir_coins.svg') left center / auto 24px no-repeat;
}

.vacancy-item .info .location {
	background: url('../images/ep_place.svg') left center / auto 24px no-repeat;
}

.vacancy-item .controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.vacancy-item .controls .date {
	background: url('../images/lets-icons_date-today.svg') left center / auto 16px no-repeat;
	color: var(--grey-date);
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	padding-left: 20px;
}

.vacancy-item .controls .link a {
	font-size: 14px;
	color: var(--bordo);
	text-decoration: none;
	font-weight: 700;
}

.vacancy-item .controls .link a:hover {
	text-decoration: underline;
}

.top-vacancies .navigation {
	margin-top: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 32px;
}

.top-vacancies .navigation span {
	padding: 0;
	background: none;
	border: 0;
	font-size: 14px;
	font-weight: bold;
	color: var(--bordo);
	cursor: pointer;
}

.top-vacancies .navigation span:hover {
	text-decoration: underline;
}

.top-vacancies .navigation .custom-dots ul {
	padding: 0;
	list-style: none;
	display: flex !important;
	align-items: center;
	gap: 12px;
}

.top-vacancies .navigation .custom-dots ul li {
	display: flex;
	width: 16px;
	height: 16px;
	justify-content: center;
	align-items: center;
}

.top-vacancies .navigation .custom-dots ul li button {
	border-radius: 50%;
	width: 12px;
	height: 12px;
	padding: 0;
	border: 0;
	font-size: 0;
	background: var(--grey-dots);
}

.top-vacancies .navigation .custom-dots ul li button:hover {
	background: var(--bordo);
}

.top-vacancies .navigation .custom-dots ul li.slick-active button {
	background: var(--bordo);
	width: 16px;
	height: 16px;
}

/*--------*/

/**/

.advantages-for-people {
	position: relative;
}

.advantages-for-people::before {
	width: 100%;
	height: 130px;
	content: "";
	border-radius: 12px;
	background: linear-gradient(88deg, #700F0F 39.31%, #B32516 130.82%);
	position: absolute;
	left: 0;
	top: 146px
}

.advantages-for-people .box {
	display: flex;
	justify-content: center;
}

.advantages-for-people .item {
	text-align: center;
	width: 100%;
	max-width: 215px;
}

.advantages-for-people .item .number {
	line-height: 130px;
	font-size: 60px;
	font-weight: 700;
	color: var(--white)
}

/*--------*/

/**/

.faq .item .ask {
	display: flex;
	padding: 12px 16px 12px 24px;
	justify-content: space-between;
	align-items: center;
	border: 4px solid var(--bg);
	cursor: pointer;
	color: var(--bordo);
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
	transition: var(--all-out);
	gap: 16px;
}

.faq .item .ask::after {
	display: flex;
	flex-shrink: 0;
	border: 4px solid var(--bg);
	width: 24px;
	height: 24px;
	border-radius: 50%;
	content: "";
	transition: var(--all-out);
}

.faq .item .ask.active::after {
	transition: var(--all-in);
	border-color: var(--yellow);
}

.faq .item .ask:hover, .faq .item .ask.active {
	transition: var(--all-in);
	border-color: var(--bordo);
}

.faq .item .answer {
	transition: var(--all-inout);
	overflow: hidden;
	max-height: 0;
}

.faq .item .answer .inner {
	margin-top: 10px;
	padding: 24px;
	background: var(--light-grey);
}

.text-content ul, .text-content ol {
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.text-content ul li {
	padding-left: 24px;
	position: relative;
}

.text-content ul li::before {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--yellow);
	position: absolute;
	left: 4px;
	top: 7px;
	content: "";
}

.text-content ol {
	counter-reset: ol;
}

.text-content ol li {
	counter-increment: ol;
	padding-left: 24px;
	position: relative;
}

.text-content ol li::before {
	content: counter(ol)".";
	font-weight: bold;
	color: var(--yellow);
	position: absolute;
	left: 4px;
	top: 0;
	font-size: 15px;
}

/*--------*/

/**/

.vacancies-list .controls-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--bg);
	margin-bottom: 24px;
}

.vacancies-list .controls-box .search-box form {
	display: flex;
	align-items: center;
	gap: 16px;
}

.vacancies-list .controls-box .search-box form input[type="text"] {
	padding: 0 24px 0 54px;
	border-radius: 8px;
	border: 4px solid var(--bg);
	height: 48px;
	width: 100%;
	background: url('../images/line-md_search2.svg') 24px 50% / auto 20px no-repeat;
	font-size: 16px;
}

.vacancies-list .controls-box .search-box form .form-group:first-child {
	width: 415px;
}

.vacancies-list .controls-box .search-box form input[type="submit"] {
	height: 48px;
}

.vacancies-list .controls-box .buts {
	display: flex;
	align-items: center;
	gap: 32px;
}

.vacancies-list .controls-box .buts button {
	gap: 10px;
}

.vacancies-list .controls-box .buts button svg path {
	transition: var(--all-out);
}

.vacancies-list .controls-box .buts button:hover svg path {
	fill: var(--bordo);
	transition: var(--all-in);
}

.vacancies-list .controls-box .buts button.sort {
	background: var(--white);
	color: var(--bordo);
	border-color: var(--bg);
}

.vacancies-list .controls-box .buts button.sort:hover {
	background: var(--bordo);
	color: var(--white);
	border-color: var(--bordo);
}

.vacancies-list .controls-box .buts button.sort:hover svg path {
	fill: var(--yellow);
}

.pagination {
	margin-top: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.pagination .prev {
	margin-right: 32px;
}

.pagination .next {
	margin-left: 32px;
}

.pagination a, .pagination span {
	color: var(--grey-dots);
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.pagination a:hover, .pagination span {
	color: var(--bordo);
}

.pagination a.prev, .pagination a.next {
	color: var(--bordo);
}

.pagination a.prev:hover, .pagination a.next:hover {
	text-decoration: underline;
}

/*--------*/

/**/

.map-block {
	position: relative;
	overflow: hidden;
	padding: 120px 0;
}

.map-block .map {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.map-block .container {
	z-index: 2;
}

.map-block .map iframe {
	width: 100% !important;
	height: 100% !important;
}

.map-block .box {
	width: 100%;
	max-width: 300px;
	box-shadow: 0px 4px 12px 0px rgba(48, 43, 44, 0.10);
	padding: 32px 24px;
}

.map-block .box .social {
	display: flex;
	align-items: center;
	gap: 12px;
}

.map-block .box .social a {
	display: flex;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 4px solid var(--yellow);
	justify-content: center;
	align-items: center;
}

.map-block .box .social a:hover {
	background: var(--bordo);
	border-color: var(--bordo);
}

.map-block .box .social a img {
	transition: var(--all-out)
}

.map-block .box .social a:hover img {
	transition: var(--all-in);
	filter: brightness(0) invert(1);
}

.map-block .box .contacts > div {
	padding-left: 30px;
	position: relative;
}

.map-block .box .contacts > div::before {
	width: 20px;
	height: 18px;
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
}

.map-block .box .contacts > div.phone::before {
	background: url('../images/call-icon.svg') center center no-repeat;
}

.map-block .box .contacts > div.email::before {
	background: url('../images/email-icon.svg') center center no-repeat;
}

.map-block .box .contacts > div.addr::before {
	background: url('../images/addr-icon.svg') center center no-repeat;
}

.map-block .box .contacts > div a, .map-block .box .contacts > div p {
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}

.map-block .box .contacts > div a {
	color: var(--bordo);
	text-decoration: none;
	display: block;
}

.map-block .box .contacts > div a:hover {
	text-decoration: underline;
}

.map-block .box .contacts > div.addr a {
	font-size: 12px;
	color: var(--yellow);
	text-decoration: underline;
}

.map-block .box .contacts > div.addr a:hover {
	color: var(--bordo);
}

.map-block .box .contacts > p {
	font-size: 12px;
	color: var(--darken-grey);
}

/*--------*/

/**/

.article-item {
	border: 4px solid var(--bg);
	padding: 24px;
	position: relative;
	display: flex !important;
	transition: var(--all-out);
}

.slider .article-item {
	margin: 0 16px;
}

.article-item:hover {
	border-color: var(--yellow);
	transition: var(--all-inout);
}

.article-item .image {
	width: 100%;
	height: 170px;
}

.article-item .image img {
	scale: 1;
	transition: var(--all-out);
}

.article-item:hover .image img {
	scale: 1.05;
	transition: var(--all-in);
}

.article-item .info {
	padding-bottom: 24px;
	border-bottom: 1px solid var(--bg);
}

.article-item .info .text {
	padding-left: 16px;
	border-left: 4px solid var(--yellow);
	transition: var(--all-out);
}

.article-item:hover .info .text {
	border-color: var(--bordo);
	transition: var(--all-in);
}

.article-item .info .text a {
	color: var(--text);
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

.article-item .info .text a:hover {
	color: var(--bordo);
}

.article-item .controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.article-item .controls .date {
	background: url('../images/lets-icons_date-today.svg') left center / auto 16px no-repeat;
	color: var(--grey-date);
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	padding-left: 20px;
}

.article-item .controls .link a {
	font-size: 14px;
	color: var(--bordo);
	text-decoration: none;
	font-weight: 700;
}

.article-item .controls .link a:hover {
	text-decoration: underline;
}

/*--------*/

/**/

.article-title .box h1 {
	font-size: 36px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
}

.article-title .box h1::before {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 8px solid var(--yellow);
	display: flex;
	content: "";
}

.article-title .box .date {
	background: url('../images/lets-icons_date-today.svg') left center / auto 16px no-repeat;
	color: var(--grey-date);
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	padding-left: 20px;
}

.article-text .box .inner {
	border-radius: 8px;
	padding: 24px;
	border: 4px solid var(--grey);
}

.article-text .box .inner > *:not(:last-child) {
	margin-bottom: 16px;
}

.article-text .box .inner::after {
	clear: both;
	float: none;
	width: 100%;
	height: 0;
	content: "";
	display: block;
}

.text-content img {
	border-radius: 8px;
	display: inline-flex;
}

.text-content img.alignright {
	float: right;
	margin: 0 0 16px 16px;
	max-width: calc(50% - 8px);
}

.text-content img.alignleft {
	float: left;
	margin: 0 16px 16px 0;
	max-width: calc(50% - 8px);
}

.text-content img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.text-content a img.alignright {
	float: right;
	margin: 0 0 16px 16px;
}

.text-content a img.alignleft {
	float: left;
	margin: 0 16px 16px 0;
}

.text-content a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.article-text .controls {
	margin-top: 24px;
	border-top: 1px solid var(--bg);
	padding-top: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
}

.article-text .controls .info {
	display: flex;
	align-items: center;
	gap: 12px;
}

.article-text .controls .info .author {
	color: var(--grey-dots);
	font-size: 14px;
}

.article-text .controls .info .author a {
	font-weight: bold;
	color: var(--bordo);
	text-decoration: none;
}

.article-text .controls .info .author a:hover {
	text-decoration: underline;
}

.article-text .controls .info .views {
	border-left: 1px solid var(--bg);
	padding-left: 40px;
	font-size: 14px;
	color: var(--yellow);
	background: url('../images/formkit_eye.svg') 12px 50% no-repeat;
}

.article-text .controls .social {
	display: flex;
	align-items: center;
	gap: 12px;
}

.article-text .controls .social a {
	width: 32px;
	height: 32px;
	border: 2px solid var(--yellow);
	display: flex;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
}

.article-text .controls .social a:hover {
	background: var(--bordo);
	border-color: var(--bordo);
}

.article-text .controls .social a img {
	max-width: 16px;
	max-height: 16px;
	transition: var(--all-out);
}

.article-text .controls .social a:hover img {
	transition: var(--all-in);
	filter: brightness(0) invert(1);
}

/*--------*/

/**/

.info-page {
	padding: 80px 0;
}

.info-page .box {
	align-items: center;
}

.info-page .box p {
	color: var(--grey-text);
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	max-width: 470px;
}

.info-page .box h1 {
	font-size: 24px;
}

.info-page.page-404 .box h1 {
	color: var(--grey-text);
	font-size: 128px;
	line-height: normal;
	letter-spacing: 36px;
	position: relative;
	padding-left: 36px;
}

.info-page.page-404 .box h1::before {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border: 12px solid var(--bg);
	content: "";
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	position: absolute;
}

.info-page.page-thank .box h1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
}

.info-page.page-thank .box h1::before {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border: 12px solid var(--yellow);
	content: "";
	display: flex;
	background: url('../images/thank.svg') center center no-repeat;
}

/*--------*/

/**/

.wpcf7-not-valid-tip, .wpcf7-response-output {
	display: none !important;
}

.wpcf7-spinner {
	margin: 0;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

/*--------*/

/**/

.none {
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: center;
}

/*--------*/

/**/

.vacancy-title {
	background: var(--white);
}

.vacancy-title h1 {
	text-align: center;
	font-size: 36px;
}

.vacancy-title p {
	font-style: 14px;
	text-align: center;
}

.vacancy-title .info {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
}

.vacancy-title .info .date {
	background: url('../images/lets-icons_date-today.svg') left center / auto 16px no-repeat;
	color: var(--grey-date);
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	padding-left: 20px;
}

.vacancy-title .info .category a {
	font-size: 13px;
	color: #B8B8B8;
}

.vacancy-title .info .category a:hover {
	color: var(-bordo);
}

.vacancy-title .info .location {
	font-size: 14px;
	color: var(--text);
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 8px;
}

.vacancy-title .info .location::before {
	width: 16px;
	height: 16px;
	display: flex;
	content: "";
	background: url('../images/ep_place.svg') center center / contain no-repeat;
}

/*--------*/

/**/

.vacancy-info {
	background: var(--white);
}

.vacancy-info .box {
	display: flex;
	gap: 32px;
	justify-content: space-between;
}

.vacancy-info .box .media {
	width: 100%;
	max-width: 584px;
	flex-shrink: 0;
	border-radius: 12px;
	overflow: hidden;
	height: 328px;
}

.vacancy-info .box .media.image .img {
	width: 100%;
	height: 100%;
}

.vacancy-info .box .text {
	width: 100%;
}

.vacancy-info .box .media.video .vd {
	overflow: hidden;
}

.vacancy-info .box .media.video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: top;
}

.vacancy-info .box .text .list {
	gap: 6px;
}

.vacancy-info .box .text .list > div {
	font-size: 14px;
	padding-left: 32px;
	line-height: 24px;
	width: 100%;
	position: relative;
}

.vacancy-info .box .text .list > div::before {
	width: 24px;
	height: 24px;
	content: "";
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
}

.vacancy-info .box .text .list > div.location::before {
	background-image: url('../images/ep_place.svg');
}

.vacancy-info .box .text .list > div.revenue::before {
	background-image: url('../images/iconoir_coins.svg');
}

.vacancy-info .box .text .list > div.work-schedule::before {
	background-image: url('../images/schedule.svg');
}

.vacancy-info .box .text .list > div.sex::before {
	background-image: url('../images/stash_user-id.svg');
}

.vacancy-info .box .text .list > div.dwelling::before {
	background-image: url('../images/f7_house.svg');
}

.vacancy-info .box .text .list > div.transfer::before {
	background-image: url('../images/icon-park-outline_transfer.svg');
}

/*--------*/

/**/

.responsibilities {
	background: url('../images/objects2.webp') right center / auto 100% no-repeat, var(--white);
}

.responsibilities .box {
	position: relative;
	overflow: hidden;
	padding: 24px;
}

.responsibilities .box .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.responsibilities .box .image::before {
	width: 100%;
	height: 100%;
	content: "";
	left: 0;
	top: 0;
	background: var(--text);
	opacity: 0.9;
	display: flex;
	position: absolute;
}

.responsibilities .box .list {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.responsibilities .box .list .item {
	padding: 32px 24px;
	padding-left: 96px;
	position: relative;
	flex-direction: column;
	gap: 24px;
	display: flex;
}

.responsibilities .box .list .item::before {
	position: absolute;
	left: 24px;
	top: 32px;
	width: 48px;
	height: 48px;
	border: 4px solid var(--yellow);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 23px;
	content: "";
	border-radius: 50%;
}

.responsibilities .box .list .item.resp::before {
	background-image: url('../images/resp1.svg');
}

.responsibilities .box .list .item.req::before {
	background-image: url('../images/lsicon_work-order-abnormal-filled.svg');
}

.responsibilities .box .list .item.cond::before {
	background-image: url('../images/resp3.svg');
}

.responsibilities .box .list .item.item:not(:first-child) {
	border-left: 4px solid rgba(255, 255, 255, 0.15);
}

.responsibilities .box .list .item .title {
	color: var(--white);
	font-weight: 700;
	font-size: 18px;
}

.responsibilities .box .list .item .text * {
	color: var(--white);
}

.responsibilities .box .list .item .text ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.responsibilities .box .list .item .text ul li {
	padding-left: 26px;
	position: relative;
	line-height: 20px;
	font-size: 14px;
}

.responsibilities .box .list .item .text ul li::before {
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 2px;
	border: 4px solid var(--yellow);
	background: none;
}

.responsibilities .box .list .item:nth-child(2n) .text ul li::before {
	border-color: var(--white);
}

/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/