.dark .linkin-hh {
	color: var(--white);
}.fancybox-content {
	padding: 20px;
}
    .vacancy-popup {
        border: 1px solid var(--background-light);
        margin: 0px 0px 16px 0px;
    }
@media (min-width: 320px) {
  .vacansy-item {
    background-color: var(--background-light);
    padding: 20px 20px 0px 15px;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    min-height: 180px;
  }

  .vacansy-item:hover {
    -webkit-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.15);
    cursor: pointer;
  }

  .vacansy-item .h6 {
    max-width: 241px;
    color: var(--text-basic);
  }

  .link-vacansy-more {
    width: 42px;
    height: 42px;
    border: 1px solid var(--main-basic);
    border-radius: 30px;
    position: absolute;
    top: 20px;
    right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .link-vacansy-more::before {
        content: "";
        background-image: url(./img/arrow-blue.svg);
        -webkit-transition: 0.4s;
        transition: 0.4s;
        width: 14px;
        height: 14px;
        margin-top: 0px;
    }

  .vacansy-item:hover .link-vacansy-more {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .vacansy-list {
    gap: 20px;
  }
}

@media (min-width: 768px) {
.vacansy-item .h6 {
    font-size: 20px;
    line-height: 1.5;
  }
}
@media (min-width: 1140px) {
	.vacansy-item {
		min-height:172px;
	}
}
@media (min-width: 1350px) {
	 .vacansy-item {
    display: grid;
    padding-bottom: 24px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
  }

  .vacansy-list {
    gap: 24px;
  }

  .job-list {
    position: relative;
  }

  .linkin-hh {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    border: 0;
    margin-top: 0;
  }
}