.social__link-telegram::after {
  background-image: url(../images/social_icon/telegram.svg);
}
.social__link-linkedin::after {
  background-image: url(../images/social_icon/linkedin.svg);
}

.article__short-img {
  margin-top: 0;
  margin-bottom: 40px;
}

.template__history-desc img {
  width: 50%;
  height: inherit;
}

table {
  margin-bottom: 10px;
  border: 1px solid grey;
  width: 100%;
}

tbody {
  font-size: 16px;
  color: #737373;
}

td {
  padding: 5px;
  border: 1px solid grey;
}

td a {
  color: #0177ab;
}

ol li {
  list-style: auto;
  margin-bottom: 10px;
  color: #737373;
}

.template__info ul {
  margin-bottom: 10px;
}

.template__info a {
  color: #0177ab;
}

.template__drop-link {
  height: 100%;
}

.template__history > p {
  margin-bottom: 20px;
}

.questionnaire__cotent__info {
  margin-bottom: 60px;
  padding: 50px 70px;
  background: #eeeeee;
}

.questionnaire__cotent__info p {
  line-height: 161%;
  font-size: 18px;
  color: #010b1e;
}

.template__info > p img {
  width: 100%;
}

/*new blocks*/
.social__link-call::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M10.356%2013.75a1.249%201.249%200%2000.894-.369l1.694-1.694a.625.625%200%20000-.88l-2.5-2.5a.625.625%200%2000-.881%200l-1%20.993a4.719%204.719%200%2001-1.875-.994%204.763%204.763%200%2001-.994-1.875l.994-1a.625.625%200%20000-.881l-2.5-2.5a.625.625%200%2000-.882%200L1.62%203.75a1.25%201.25%200%2000-.369.894%209.55%209.55%200%20002.688%206.418%209.55%209.55%200%20006.418%202.688zM3.75%203.381L5.369%205l-.806.806a.625.625%200%2000-.188.569%206.325%206.325%200%20001.438%202.813%206.3%206.3%200%20002.812%201.437.624.624%200%2000.569-.169L10%209.631l1.619%201.619-1.25%201.25a8.3%208.3%200%2001-5.544-2.319A8.3%208.3%200%20012.5%204.631l1.25-1.25zm8.75%203.494h1.25A5.507%205.507%200%20008.125%201.25V2.5A4.231%204.231%200%200112.5%206.875z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M8.125%205C9.438%205%2010%205.563%2010%206.875h1.25c0-2.013-1.113-3.125-3.125-3.125V5z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.modal-question {
  display: none;
  width: 100%;
  max-width: 760px;
  padding: 60px 100px;
}
@media screen and (max-width: 768px) {
  .modal-question {
    padding: 50px;
  }
}
@media screen and (max-width: 480px) {
  .modal-question {
    padding: 50px 30px;
  }
}
.modal-question__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-question__inner > p {
  margin-bottom: 60px;
  font-family: var(--font-m-900);
  font-size: 18px;
  text-align: center;
}
.modal-question__title {
  margin-bottom: 30px;
  font-size: 25px;
  font-family: var(--font-m-900);
  text-align: center;
}
.modal-question__form {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
}
.modal-question__input {
  margin-bottom: 30px;
}
.modal-question__input,
.modal-question__textarea {
  outline: none !important;
  border: 1px solid #ef7c00;
}
.modal-question__submit {
  width: 100%;
  margin-top: 30px;
  padding: 12px 0;
  background: #0c3480;
  color: #fff;
  font-family: var(--font-m-900);
  font-weight: 400;
}

.footer__form-wrap {
  align-items: center;
  justify-content: center;
  background: #ef7c00;
  padding: 60px 20px;
}
@media screen and (max-width: 768px) {
  .footer__form-wrap {
    padding: 30px 20px;
  }
}
.footer__form-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
}
@media screen and (max-width: 768px) {
  .footer__form-inner {
    flex-direction: column;
  }
}
.footer__form-inner p {
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .footer__form-inner p {
    text-align: center;
    margin-bottom: 20px;
  }
}
.footer__form {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 500px;
}
.footer__form-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  height: 100%;
  background: #0c3480;
}

.contact-mess {
  justify-content: center;
  padding: 0 1.25rem;
  padding-top: 50px;
  padding-bottom: 100px;
  background: #eeeeee;
}
@media screen and (max-width: 1180px) {
  .contact-mess {
    padding-top: calc(50px + 0 * ((100vw - 320px) / 860));
  }
}
@media screen and (max-width: 1180px) {
  .contact-mess {
    padding-bottom: calc(50px + 50 * ((100vw - 320px) / 860));
  }
}
.contact-mess__inner {
  flex-direction: column;
}
.contact-mess__content {
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  width: 100%;
  max-width: 1024px;
}
.contact-mess__content p {
  width: 100%;
  max-width: 560px;
  margin-bottom: 60px;
  font-family: var(--font-m-900);
  font-size: 18px;
  color: #2f3542;
}
@media screen and (max-width: 600px) {
  .contact-mess__content p {
    font-size: 16spx;
  }
}
.contact-mess__title {
  margin-bottom: 30px;
  font-size: 25px;
  font-family: var(--font-m-900);
  color: #2f3542;
}
.contact-mess__from .input-wrap {
  margin-bottom: 30px;
}
.contact-mess__submit {
  font-family: var(--font-m-900);
  font-style: 18px;
  color: #ef7c00;
  text-decoration: underline;
}

/* Feedback */
.pathMark {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.pathMark.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.pathMark.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.pathMark.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

.d-none {
  display: none;
}
.text-error {
  color: red;
}
.text-success {
  color: green;
}

.progress-bar-logo-value {
  box-shadow: 0 10px 40px -10px black;
  background: #27ae60;
  height: 10px;
  width: 0%;
  transition: 0.3s;
}

#status-bar-logo .name,
#status-bar-logo .percent-bar-logo {
  color: black;
}

.progress-bar-value {
  box-shadow: 0 10px 40px -10px black;
  background: #27ae60;
  height: 10px;
  width: 0%;
  transition: 0.3s;
}

#status-bar .name,
#status-bar .percent {
  color: black;
}

.progress-value {
  box-shadow: 0 10px 40px -10px black;
  background: #27ae60;
  height: 10px;
  width: 0%;
  transition: 0.3s;
}

#status .name {
  color: black;
}

.vacancy__filter {
  margin-bottom: 50px;
}

.breadcrumb-container {
  margin-bottom: 50px;
}

.vacancy__title {
  margin-bottom: 50px;
}

.template__title {
  margin-bottom: 50px;
}

.text-page__title {
  margin-bottom: 50px;
}

@media only screen and (min-width: 2000px) {
  .intro {
    min-height: 900px;
  }
}
.modal-success {
  display: flex;
  flex-direction: column;
  align-items: center;

  width: 100%;
  max-width: 500px;
  padding: 20px !important;
  gap: 20px;
}

.modal-success > p {
  text-align: center;
  font-size: 20px;
}

.modal-success__img {
  display: flex;

  width: 60px;
  height: 60px;
}

.modal-success__img img {
  width: 100%;
  height: 100%;

  object-fit: contain;
}

.modal-success__anim {
  animation: 2s RotateAnim linear infinite;
}

@keyframes RotateAnim {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}




















/* add_23.04.2025 - career new */


.grid-card-fr-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 100%;
  gap: 20px;
}
@media screen and (max-width: 1170px) {
  .grid-card-fr-5 {
	grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 850px) {
  .grid-card-fr-5 {
	grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .grid-card-fr-5 {
	grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .grid-card-fr-5 {
	grid-template-columns: repeat(1, 1fr);
  }
}

.grid-card-fr-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  gap: 20px;
}
@media screen and (max-width: 979px) {
  .grid-card-fr-3 {
	grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .grid-card-fr-3 {
	grid-template-columns: repeat(1, 1fr);
  }
}

.grid-card-fr-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .grid-card-fr-2 {
	grid-template-columns: repeat(1, 1fr);
  }
}

.flex-col {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}

.gap-20 {
  gap: 20px;
}
.gap-40 {
  gap: 40px;
}

.max-w-1200 {
  max-width: 1200px;
}
.max-w-1000 {
  max-width: 1000px;
}
.max-w-900 {
  max-width: 900px;
}

.banner-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  grid-gap: 40px;
}
@media screen and (max-width: 979px) {
  .banner-info {
	grid-template-columns: repeat(1, 1fr);
  }
}
.banner-info__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  gap: 20px;
  padding: 20px 0;
}
.banner-info__info h1,
.banner-info__info h2,
.banner-info__info h3,
.banner-info__info h4,
.banner-info__info h5,
.banner-info__info h6 {
  font-weight: var(--font-m-500);
  line-height: 1;
  color: #ef7c00;
  font-size: 64px;
}
@media screen and (max-width: 1600px) {
  .banner-info__info h1,
  .banner-info__info h2,
  .banner-info__info h3,
  .banner-info__info h4,
  .banner-info__info h5,
  .banner-info__info h6 {
	font-size: 50px;
  }
}
@media screen and (max-width: 1366px) {
  .banner-info__info h1,
  .banner-info__info h2,
  .banner-info__info h3,
  .banner-info__info h4,
  .banner-info__info h5,
  .banner-info__info h6 {
	font-size: 42px;
  }
}
@media screen and (max-width: 600px) {
  .banner-info__info h1,
  .banner-info__info h2,
  .banner-info__info h3,
  .banner-info__info h4,
  .banner-info__info h5,
  .banner-info__info h6 {
	font-size: 32px;
  }
}
.banner-info__info p {
  font-size: 18px;
  color: #010b1e;
}
@media screen and (max-width: 768px) {
  .banner-info__info p {
	font-size: 16px;
  }
}
.banner-info__word-decor {
  display: flex;
  align-items: center;
  gap: 10px;
}
.banner-info__word-decor > p {
  line-height: 1;
}
.banner-info__word-decor > p:nth-child(1) {
  font-weight: 700;
  color: #5a328a;
}
.banner-info__word-decor > p:nth-child(2) {
  padding: 10px 20px;
  color: #fff;
  background: #e72582;
  -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
}
.banner-info__img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}
.banner-info__img img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.common-text {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 20px;
}
.common-text.txt-center > * {
  text-align: center;
}
.common-text.title-color-inner h1 > *,
.common-text.title-color-inner h2 > *,
.common-text.title-color-inner h3 > *,
.common-text.title-color-inner h4 > *,
.common-text.title-color-inner h5 > *,
.common-text.title-color-inner h6 > * {
  color: #737373;
}
.common-text h1,
.common-text h2,
.common-text h3,
.common-text h4,
.common-text h5,
.common-text h6 {
  font-family: var(--font-m-900);
  line-height: 152%;
  font-size: 25px;
  color: #0c3480;
}
@media screen and (max-width: 768px) {
  .common-text h1,
  .common-text h2,
  .common-text h3,
  .common-text h4,
  .common-text h5,
  .common-text h6 {
	font-size: 22px;
  }
}
.common-text p {
  line-height: 156%;
  font-size: 18px;
  color: #0e2b63;
}
@media screen and (max-width: 768px) {
  .common-text p {
	font-size: 16px;
  }
}

.banner-h-self {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
}
.banner-h-self img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.step-line {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.step-line__item {
  display: flex;
  align-self: flex-start;
  align-items: center;
  width: calc(50% + 20px);
  gap: 40px;
  overflow: hidden;
}
.step-line__item .step-line__desc > * {
  text-align: right;
}
.step-line__item:not(:last-child) {
  padding-bottom: 80px;
}
.step-line__item:nth-child(even) {
  flex-direction: row-reverse;
  align-self: flex-end;
}
.step-line__item:nth-child(even) .step-line__desc > * {
  text-align: left;
}
.step-line__item:last-child .step-line__round::after {
  display: none;
}
.step-line__item:first-child .step-line__round::before {
  display: none;
}
@media screen and (max-width: 600px) {
  .step-line__item {
	width: 100%;
  }
  .step-line__item:not(:last-child) {
	padding-bottom: 40px;
  }
}
.step-line__desc {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}
.step-line__desc h1,
.step-line__desc h2,
.step-line__desc h3,
.step-line__desc h4,
.step-line__desc h5,
.step-line__desc h6 {
  font-family: var(--font-m-900);
  font-size: 18px;
  color: #0e2b63;
}
.step-line__desc > P {
  font-size: 16px;
  color: #0e2b63;
}
@media screen and (max-width: 768px) {
  .step-line__desc > P {
	font-size: 16px;
  }
}
.step-line__round {
  position: relative;
  z-index: 1;
  display: flex;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #00b1eb;
  background: #0e2b63;
}
@media screen and (max-width: 600px) {
  .step-line__round {
	display: none;
  }
}
.step-line__round::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  flex-shrink: 0;
  display: flex;
  width: 2px;
  height: 3000%;
  background: #0e2b63;
}
.step-line__round::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  flex-shrink: 0;
  display: flex;
  width: 2px;
  height: 3000%;
  background: #0e2b63;
}

.icon-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 24px 20px;
  gap: 20px;
  border: 1px solid #0c3480;
}
.icon-card__img {
  position: relative;
  width: 80px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.icon-card__img::before {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 100%;
}
.icon-card__img img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.icon-card__desc {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}
.icon-card__desc > p {
  text-align: center;
  color: #0c3480;
  font-size: 18px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .icon-card__desc > p {
	font-size: 16px;
  }
}

.procent-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.procent-card__head {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 0 10px 0;
}
.procent-card__head > p {
  text-align: center;
  font-size: 64px;
  font-weight: 700;
  color: #00b1eb;
}
.procent-card__desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-grow: 1;
  padding: 40px 20px;
  background: #00b1eb;
}
.procent-card__desc p {
  font-family: var(--font-m-900);
  line-height: 1;
  font-size: 24px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .procent-card__desc p {
	font-size: 20px;
  }
}

.experience__step-img {
  min-height: auto !important;
}