/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 21 2025 | 19:56:34 */
section {
    padding: 2rem 0;
}

.sg-job-body section {
	border: none;
}

.sg-job-body h5 {
	font-family: "Noto Serif";
    line-height: 24px;
    font-weight: normal;
    font-style: normal;
    color: #222;
    font-size: 28px;
	text-transform: uppercase;
	margin: 15px 0 30px;
}

.sg-job-body p {
    font-family: Raleway;
    font-size: 17px;
    line-height: 28px;
}

.job_about,
.job_offer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 50px;
}
.job_about .pf-content,
.job_offer .pf-content ul{
	text-align: justify;
}

.job_offer ul{
    list-style: square outside;
    margin-left: 16px;
    line-height: 27px;
    font-family: "Noto Serif";
    font-size: 15px;
}

.job_offer ul li{
    line-height: 27px;
    font-family: "Noto Serif";
}

.job_send .send_btn {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    justify-content: center;
    padding: 0 4rem;
    font-size: 1.5rem;
    background-color: #eee;
}

.job_send svg {
    width: 22px;
	fill: #282d54;
	-webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    height: 6rem;
}

.job_send .send_btn:hover svg,
.job_send .send_btn:focus svg {
	fill: #fff;
	-webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}

.job_send .send_btn:hover button,
.job_send .send_btn:focus button {
	color: #282d54;
}
.job_send button{
	background-color: #eee;
}

.job_send button:hover {
	background-color: #282d54;
    border-color: #282d54;
}

.carousel-team {
position: relative;
}

.swiper-team {
  display: flex; /*  Добавляем flexbox для выравнивания слайдов по высоте */
  align-items: center; /*  Выравниваем слайды по вертикали */
  height: 250px; /*  Задаем фиксированную высоту контейнера слайдов */
  overflow: hidden;
}

.swiper-team .swiper-slide {
  width: auto; /*  Ширина слайда зависит от изображения */
  height: 100%;  /*  Слайд занимает всю высоту карусели */
  display: flex;
  justify-content: center; /* Центрирование по горизонтали */
  align-items: center;   /* Центрирование по вертикали */
  flex-shrink: 0;      /* Предотвращает сжатие слайдов */
}

.swiper-team .swiper-slide a {
  display: block;
  height: 100%;
}

.swiper-team .swiper-slide img {
  max-width: 100%;   /*  Изображение не шире слайда */
  max-height: 100%;  /*  Изображение не выше слайда */
  display: block;
  object-fit: contain; /*  Сохраняем пропорции и умещаем изображение */
}

.team-nav {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
	display: flex;
    align-items: center;
	display: none;
}

.swiper-team-prev,
.swiper-team-next {
	position: absolute;
	z-index: 999;
    opacity: .7;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}

.swiper-team-prev:hover,
.swiper-team-next:hover {
	 opacity: 1;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}

.swiper-team-prev {
	left: -50px;
}

.swiper-team-next {
    right: -50px;
}

section.job_send {
	margin-bottom: 4rem;
}

section.stats-carousel-timer {
	margin-bottom: 0;
	padding: 4rem 0;
}

section.stats-carousel-timer .container {
	position: relative;
	display: flex;
    align-items: center;
}

section.vacancy {
	padding-top: 4rem;
}

.stats-carousel-timer {
    background-color: #282d54;
}

.stats-carousel-timer .row {
position: relative;
max-width: 100%
}

.swiper-stats {
    display: flex;
    text-align: center;
    color: #fff;
	overflow: hidden;
	position: relative;
}

.swiper-stats .slide-timer{
	display: flex;
	column-gap: 1rem;
	justify-content: center;
	margin: 2rem 0;
}

.swiper-stats .slide-timer .count {
    font-size: 7rem;
    font-weight: 600;
}

.swiper-stats .slide-timer .prefix,
.swiper-stats .slide-timer .after {
	position:relative;
	height: 24px;
}

.swiper-stats .slide-timer .prefix p,
.swiper-stats .slide-timer .after p { 
	display: block;
    position: absolute;
    height: auto;
    bottom: 0;
	font-size: 4rem;
    font-weight: 400;
}

.swiper-stats .slide-timer .after p {
	right: 0;
}

.swiper-stats .slide-description {
    margin-top: 4rem;
    padding-top: 1rem;
    border-top: 1px solid #7c7c7c;
}

.swiper-stats-prev {
	position: absolute;
	left: -50px;
}

.swiper-stats-next {
	position: absolute;
	right: -50px;
}

.swiper-stats-next,
.swiper-stats-prev {
	opacity: .7;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}

.swiper-stats-next:hover,
.swiper-stats-prev:hover {
	opacity: 1;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}

.vacancy {
	background-color: #f6f7f9
}

section.vacancy h5 {
	margin-bottom: 50px;
}

.vacancy .category-header {
	display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 2rem;
	position: relative;
}

.vacancy .category-header svg {
	width: 60px;
    height: 8rem;
}

.vacancy .category-header .toggle-btn svg{
	height: 19px;
    width: 19px;
}

.vacancy .main-vacancy .toggle-btn svg{
	width: 19px;
    height: 5px;
}

.vacancy .category-header .toggle-btn {
	margin-left: auto;
	z-index: 999;
}

.vacancy .category-header h3 {
	margin: 0;
	font-size: 2.5rem;
	color: #282d54;
	text-transform: none;
}

.admin-vacancy,
.law-vacancy {
	position: relative;
}

.swiper-admin-vacancy,
.swiper-law-vacancy {
	margin: 0 18rem;
	color: #222;
	overflow: hidden;
}

.swiper-admin-vacancy ul,
.swiper-law-vacancy ul {
	list-style: square outside;
    margin-left: 16px;
    text-align: justify;
	font-size: 15px;
}

.swiper-admin-vacancy-prev,
.swiper-admin-vacancy-next,
.swiper-law-vacancy-prev,
.swiper-law-vacancy-next {
	width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	background-color: #fff;
	-webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}

.btn-admin-vacancy-open,
.btn-law-vacancy-open,
.btn-admin-vacancy-close,
.btn-law-vacancy-close {
	position: absolute;
    right: 0;
	width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	background-color: #fff;
	-webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}

.btn-admin-vacancy-close,
.btn-law-vacancy-close {
	bottom: 0;
	z-index: 999;
}

.swiper-admin-vacancy-prev svg path,
.swiper-admin-vacancy-next svg path,
.swiper-law-vacancy-prev svg path,
.swiper-law-vacancy-next svg path {
	stroke: #282d54;
	-webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}

.btn-admin-vacancy-open svg path,
.btn-law-vacancy-open svg path,
.btn-admin-vacancy-close svg path,
.btn-law-vacancy-close svg path {
	fill: #282d54;
	-webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}

.swiper-admin-vacancy-prev:hover svg path,
.swiper-admin-vacancy-next:hover svg path,
.swiper-law-vacancy-prev:hover svg path,
.swiper-law-vacancy-next:hover svg path {
	stroke: #fff;
	-webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}

.btn-admin-vacancy-open:hover svg path,
.btn-law-vacancy-open:hover svg path,
.btn-admin-vacancy-close:hover svg path,
.btn-law-vacancy-close:hover svg path {
	fill: #fff;
	-webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;	
}

.swiper-admin-vacancy-prev:hover,
.swiper-admin-vacancy-next:hover,
.swiper-law-vacancy-prev:hover,
.swiper-law-vacancy-next:hover,
.btn-admin-vacancy-open:hover,
.btn-law-vacancy-open:hover,
.btn-admin-vacancy-close:hover,
.btn-law-vacancy-close:hover {
	background-color: #282d54;
	-webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}

.main-vacancy {
	position: relative;
}

.hidden {
	display: none!important;
}

.swiper-admin-vacancy-nav,
.swiper-law-vacancy-nav{
	display: flex;
    gap: 1rem;
	position: absolute;
    top: 0;
    right: 0;
	z-index: 999;
}

.vacancy-line {
	margin: 15px 0;
	border-bottom: 2px solid #282828;
}

.cv-send {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 4rem;
    background-color: #fff;
    margin: 2rem 0 4rem 0;
}

.cv-send p {
	margin: 0;
	color: #222;
}

.cv-send p a {
	font-weight: 600;
	cursor: pointer;
}

.swiper-reviews-container {
	position: relative;
	margin: 30px auto;
}

.swiper-reviews-container i {
    font-size: 18px;
    line-height: 28px;
}

.swiper-reviews-container a {
    margin-top: 10px;
}

.swiper-reviews-vacancy {
	margin: 0 4rem;
	overflow: hidden;
}

.swiper-reviews-vacancy .swiper-wrapper {
    align-items: center;
}

.swiper-reviews-vacancy-nav {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}

.swiper-reviews-vacancy {
	text-align: justify;
}

.text_reviews {
	display: block;
    text-align: right;
}

section.reviews {
    border-bottom: 2px solid #eee;
}

section.news-vacancy {
	margin: 70px auto 0;
}

@media (max-width: 767px) {
.job_about, .job_offer {	
	grid-template-columns: none;
	}
	
.swiper-team-prev {	
	left: 0;
}
	
.swiper-team-next {	
	right: 0;
}
	.job_send svg {
		width: 150px;
	}
	.job_send .send_btn {
padding: 20px 0;
		    flex-direction: column;
	}
	.swiper-stats-next,
.swiper-stats-prev {
	display: block;
	z-index: 999;
	}
	
.swiper-stats-prev {
	position: absolute;
	left: 0;
}

.swiper-stats-next {
	position: absolute;
	right: 0;
}
	
	.swiper-admin-vacancy, .swiper-law-vacancy {
	margin: 0;
}
	.cv-send {
	flex-direction: column;
	gap: 2rem;
}

	.main-vacancy h4 {
	max-width: 270px;
	margin: 15px 0;
}
	
.btn-admin-vacancy-open, .btn-law-vacancy-open, .btn-admin-vacancy-close, .btn-law-vacancy-close {
	position: relative;
	margin: 0 auto;
}
	
	.vacancy .category-header {
	flex-direction: column;
	text-align: center;
}
	
	.swiper-admin-vacancy-nav, .swiper-law-vacancy-nav {
    top: 15px;
}
	
}