@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap");
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[lang=ru-RU] .blog-page.copied::after {
  content: "Скопировано!";
}

.blog-page {
  font-size: 18px;
  font-family: Verdana, sans-serif;
  font-weight: 400;
  line-height: 145%;
  letter-spacing: -0.36px;
  color: #1C1F21;
}
.blog-page h1,
.blog-page h2,
.blog-page h3,
.blog-page h4,
.blog-page h5,
.blog-page h6 {
  color: #1C1F21;
}
.blog-page h1,
.blog-page .h1,
.blog-page h2,
.blog-page .h2,
.blog-page h3,
.blog-page .h3,
.blog-page h4,
.blog-page .h4,
.blog-page h5,
.blog-page .h5,
.blog-page h6,
.blog-page .h6 {
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: 700;
}
.blog-page h1,
.blog-page .h1 {
  font-size: 55px;
  line-height: 100%;
  letter-spacing: -2.2px;
}
@media (max-width: 767.98px) {
  .blog-page h1,
  .blog-page .h1 {
    font-size: 55px;
    line-height: 125%;
    letter-spacing: -1.12px;
  }
}
.blog-page h2,
.blog-page .h2 {
  font-size: 44px;
  line-height: 115%;
  letter-spacing: -1.76px;
}
.blog-page h3,
.blog-page .h3 {
  font-size: 32px;
  line-height: 115%;
  letter-spacing: -1.28px;
}
.blog-page h4,
.blog-page .h4 {
  font-size: 24px;
  line-height: 115%;
  letter-spacing: -0.96px;
}
.blog-page h5,
.blog-page .h5 {
  font-size: 18px;
  line-height: 115%;
  letter-spacing: -0.72px;
}
.blog-page h6,
.blog-page .h6 {
  font-size: 14px;
  line-height: 115%;
}
.blog-page a {
  color: #4395D9;
}
.blog-page.copied::after {
  content: "Copied!";
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.72px;
  color: #fff;
  border-radius: 4px;
  background: rgba(28, 31, 33, 0.8);
  padding: 20px 30px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  opacity: 1;
  transition: opacity ease-in-out 0.2s;
}
.blog-share {
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: 700;
  padding: 0px 25px;
  height: 48px;
  border-radius: 50px;
  transition: background-color ease-in-out 0.2s;
}
.blog-share > span {
  color: #002357;
}
.blog-share > svg {
  flex-shrink: 0;
}
.blog-share > svg path {
  transition: all ease-in-out 0.2s;
}
.blog-share:hover, .blog-share--active {
  background-color: #F5F5F5;
  cursor: pointer;
}
.blog-share:hover > span, .blog-share--active > span {
  color: #024D8C;
}
.blog-share:hover > svg path:nth-child(1), .blog-share:hover > svg path:nth-child(3), .blog-share--active > svg path:nth-child(1), .blog-share--active > svg path:nth-child(3) {
  stroke: #024D8C;
}
.blog-share:hover > svg path:nth-child(2), .blog-share--active > svg path:nth-child(2) {
  fill: #024D8C;
}
.blog-share__wrapper {
  position: relative;
}
.blog-share__menu {
  z-index: 2;
  position: absolute;
  left: 0;
  min-width: 169px;
  border: 1px solid #DBE2EA;
  background-color: #fff;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  margin-top: 12px;
  opacity: 0;
  visibility: hidden;
  transition: opacity ease-in-out 0.2s, visibility ease-in-out 0.2s;
}
.blog-share__menu--visible {
  opacity: 1;
  visibility: visible;
}
.blog-share__menu li {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.64px;
  color: #000;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}
.blog-share__menu li > a {
  display: flex;
  gap: 12px;
  color: inherit;
  align-items: center;
  text-align: left;
}
.blog-share__menu-icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 4px;
  background: #F5F5F5;
}
.blog-share__menu-icon svg {
  display: block;
}
@media (max-width: 992px) {
  .blog-share__menu {
    left: unset;
    right: 0;
  }
}
@media (max-width: 767.98px) {
  .blog-share {
    font-size: 16px;
  }
}
.blog-ratings {
  display: flex;
  gap: 12px;
  align-items: center;
}
.blog-ratings .blog-rate {
  flex-shrink: 0;
}
.blog-ratings .blog-rate svg {
  display: block;
}
.blog-ratings .blog-rate svg path {
  transition: stroke ease-in-out 0.2s;
}
.blog-ratings .blog-rate:hover {
  cursor: pointer;
}
.blog-ratings .blog-rate:hover svg path {
  stroke: #008BFF;
}
.blog-ratings .blog-rate:active {
  transform: scale(0.9);
}
.blog-ratings .blog-rate--active {
  pointer-events: none;
}
.blog-ratings .blog-rate--active svg path {
  stroke: #1CFF86;
}
.blog-reading-time {
  font-size: 14px;
  color: rgba(28, 31, 33, 0.4);
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}
.blog-reading-time > svg {
  flex-shrink: 0;
}
.blog-container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  width: 1480px;
}
.blog-container .blog-container {
  padding: 0;
}
@media (max-width: 1200px) {
  .blog-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 992px) {
  .blog-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.blog-breadcrumbs {
  padding: 10px 0;
  font-size: 14px;
  letter-spacing: -0.28px;
}
.blog-breadcrumbs .aioseo-breadcrumbs {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(28, 31, 33, 0.4);
}
.blog-breadcrumbs .aioseo-breadcrumb {
  color: rgba(28, 31, 33, 0.4);
}
.blog-breadcrumbs .aioseo-breadcrumb-separator {
  margin-left: 8px;
  margin-right: 8px;
}
.blog-breadcrumbs a {
  color: #024D8C;
}
.blog-breadcrumbs a:hover {
  text-decoration: underline;
}
.blog-header__title {
  margin-top: 20px;
  margin-bottom: 40px;
  width: 955px;
  max-width: 100%;
}
@media (max-width: 767.98px) {
  .blog-header h1.blog-header__title {
    font-size: 28px;
    margin-bottom: 30px;
  }
}
.blog-header__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.blog-header__content {
  padding-top: 70px;
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
@media (max-width: 1200px) {
  .blog-header__content {
    padding-top: 80px;
  }
}
@media (max-width: 767.98px) {
  .blog-header__content {
    padding-bottom: 45px;
  }
}
.blog-header__controls {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media (max-width: 767.98px) {
  .blog-header__controls {
    gap: 10px;
    width: 100%;
    justify-content: space-between;
  }
}
.blog-tag {
  font-size: 14px;
  font-weight: 400;
  line-height: 115%;
  letter-spacing: -0.28px;
  border-radius: 31px;
  border: 1px solid rgba(28, 31, 33, 0.2);
  padding: 0px 12px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #1C1F21 !important;
  transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s, border-color ease-in-out 0.2s;
}
.blog-tag:is(a):hover {
  background-color: #1C1F21;
  color: #fff !important;
  border-color: #1C1F21;
}
.blog-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.blog-list__item {
  display: flex;
  flex-direction: column;
  width: calc((100% - 40px) / 3);
}
.blog-list__item--news, .blog-list__item--mediacoverage {
  border: 1px solid rgba(28, 31, 33, 0.2);
  border-radius: 30px;
}
.blog-list__item--news .blog-list__content, .blog-list__item--mediacoverage .blog-list__content {
  min-height: 460px;
  height: 100%;
  padding: 40px;
}
.blog-list__item--news .blog-reading-time, .blog-list__item--mediacoverage .blog-reading-time {
  margin-top: auto;
}
.blog-list__item--news .blog-list__label, .blog-list__item--mediacoverage .blog-list__label {
  padding-bottom: 40px;
}
.blog-list__item:hover .blog-list__label {
  color: #024D8C;
}
.blog-list__item:hover .blog-list__label-btn {
  opacity: 1;
  visibility: visible;
}
.blog-list__media-source {
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 145%;
  letter-spacing: -0.36px;
  color: #4395D9;
}
.blog-list__last-item {
  text-align: center;
  color: #fff;
  background-color: #002357;
  backdrop-filter: blur(52px);
  border-radius: 30px;
  padding: 40px;
  min-height: 480px;
  gap: 32px;
  overflow: hidden;
}
.blog-list__last-item::before {
  content: "";
  display: block;
  border-radius: 703.739px;
  background: linear-gradient(150deg, #008BFF 31.34%, #005399 68.71%, #012457 81.19%);
  filter: blur(70px);
  width: 488.5px;
  height: 703.739px;
  transform: rotate(-50.71deg);
  position: absolute;
  z-index: -1;
  top: -250px;
  left: -200px;
}
.blog-list__last-item::after {
  content: "";
  display: block;
  width: 310.789px;
  height: 504.089px;
  transform: rotate(-50.71deg);
  border-radius: 504.089px;
  background: radial-gradient(47.12% 74.94% at 64.18% 30.11%, #0EE8B1 0%, rgba(2, 198, 204, 0.8) 77.8%, rgba(67, 149, 217, 0.5) 100%);
  filter: blur(20px);
  position: absolute;
  z-index: -1;
  top: -150px;
  left: -230px;
  opacity: 0.5;
}
.blog-list__last-item__buttons {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-top: auto;
}
.blog-list__last-item__button-link {
  display: flex;
  padding: 16px 32px;
  height: 71px;
  border-radius: 40px;
  border: 3px solid #1CFF86;
  color: #1CFF86 !important;
  justify-content: space-between;
  align-items: center;
  font-size: 22px;
  font-weight: 400;
  line-height: 145.455%;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  transition: color ease-in-out 0.2s;
}
.blog-list__last-item__button-link svg {
  flex-shrink: 0;
}
.blog-list__last-item__button-link svg path {
  transition: stroke ease-in-out 0.2s;
}
.blog-list__last-item__button-link:hover {
  cursor: pointer;
  background-color: #1CFF86;
  color: #002357 !important;
}
.blog-list__last-item__button-link:hover svg path {
  stroke: #002357;
}
@media (max-width: 1400px) {
  .blog-list__last-item__button-link {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
  }
}
.blog-list__image {
  width: 100%;
  aspect-ratio: 440/240;
  overflow: hidden;
  border-radius: 30px;
  margin: 0;
}
.blog-list__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-list__content {
  padding: 20px 20px 40px;
  display: flex;
  flex-direction: column;
}
.blog-list__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin-bottom: 12px;
}
.blog-list__label {
  position: relative;
  margin-bottom: 20px;
  width: 387px;
  max-width: 100%;
  transition: color ease-in-out 0.2s;
}
.blog-list__label-btn {
  position: absolute;
  bottom: 5px;
  left: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  height: 24px;
  font-size: 16px;
  font-weight: 700;
  line-height: 137.5%;
  color: #4C7ABF;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  letter-spacing: unset;
  opacity: 0;
  visibility: 0;
  transition: opacity ease-in-out 0.2s, visibility ease-in-out 0.2s;
}
.blog-list__nav {
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 32px;
}
.blog-list__nav-empty {
  display: block;
  margin-top: 100px;
}
.blog-list__nav-button {
  display: inline-flex;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.96px;
  border-radius: 50px;
  background: #002357;
  color: #fff !important;
  height: 68px;
  padding: 0px 40px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  transition: background-color ease-in-out 0.2s;
}
.blog-list__nav-button:hover {
  background-color: #024D8C;
}
.blog-list__pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.blog-list__pagination-button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 68px;
  height: 68px;
  flex-shrink: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.96px;
  border-radius: 50px;
  color: #1C1F21 !important;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  transition: all ease-in-out 0.2s;
}
.blog-list__pagination-button--next, .blog-list__pagination-button--prev {
  width: auto;
  padding-left: 40px;
  padding-right: 40px;
}
.blog-list__pagination-button--active, .blog-list__pagination-button--passive {
  pointer-events: none;
}
.blog-list__pagination-button--active, .blog-list__pagination-button--next, .blog-list__pagination-button--prev, .blog-list__pagination-button:hover {
  background-color: #F5F5F5;
}
@media (max-width: 1200px) {
  .blog-list__label {
    width: 100%;
  }
  .blog-list__item {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 992px) {
  .blog-list__item {
    width: calc((100% - 20px) / 2);
  }
  .blog-list__item--news .blog-list__content {
    min-height: 380px;
    padding: 20px 20px 40px;
  }
}
@media (max-width: 767.98px) {
  .blog-list .blog-list__label {
    font-size: 18px;
    letter-spacing: -0.72px;
    margin-bottom: 10px;
  }
  .blog-list__content {
    padding-left: 0;
    padding-right: 0;
  }
  .blog-list__image {
    aspect-ratio: 335/240;
  }
  .blog-list__item {
    width: 100%;
  }
  .blog-list__item--news .blog-list__content {
    padding: 20px;
    min-height: 0px;
  }
  .blog-list__pagination {
    margin-right: auto;
  }
}
.blog-related {
  padding-bottom: 100px;
}
.blog-related__title {
  margin-bottom: 40px;
  padding-left: 20px;
  position: relative;
}
.blog-related__title svg {
  position: absolute;
  left: 0;
  z-index: -1;
  top: 0;
  margin-top: -5px;
  margin-left: 10px;
}
@media (max-width: 767.98px) {
  .blog-related .blog-related__title {
    font-size: 55px;
    letter-spacing: -2.2px;
    padding-left: 0;
    padding-right: 20px;
    line-height: 115%;
    margin-bottom: 20px;
  }
  .blog-related .blog-related__title svg {
    margin-top: 1px;
    margin-left: -10px;
  }
}
.blog-subscribe {
  margin-bottom: 100px;
  width: 100%;
}
.blog-subscribe__socials {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}
.blog-subscribe__socials > a {
  flex-shrink: 0;
  display: flex;
}
.blog-subscribe__socials > a svg circle {
  transition: fill ease-in-out 0.2s;
}
.blog-subscribe__socials > a:hover svg circle {
  fill: #fff;
}
.blog-subscribe__form {
  margin-top: 40px;
  margin-bottom: 40px;
  width: 644px;
  max-width: 100%;
}
.blog-subscribe__form .elementor-message {
  text-align: center;
}
.blog-subscribe__form .elementor-field-type-acceptance {
  width: 435px;
  max-width: 100%;
  margin-left: 48px;
}
.blog-subscribe__form .elementor-field-type-acceptance .elementor-field-option {
  display: flex;
  gap: 12px;
}
.blog-subscribe__form .elementor-field-type-acceptance label {
  margin-top: 1px;
  line-height: 135% !important;
  letter-spacing: -0.64px !important;
}
.blog-subscribe__form .elementor-field-type-acceptance input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 21px;
  height: 21px;
  background-color: #fff !important;
  border-radius: 5px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  flex-shrink: 0;
}
.blog-subscribe__form .elementor-field-type-acceptance input:checked::before {
  content: "✔";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-subscribe__form .elementor-field-type-submit {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  margin: 0;
  padding: 0 !important;
}
.blog-subscribe__form .elementor-field-type-submit button {
  height: 68px;
  min-height: 68px;
  font-weight: 700;
}
.blog-subscribe__form #form-field-email,
.blog-subscribe__form #form-field-email_2 {
  padding: 12px 30px;
  line-height: 1;
  min-height: 68px;
  font-size: 18px;
  letter-spacing: -0.72px;
  font-weight: 400;
  color: #fff;
}
.blog-subscribe__form #form-field-email::placeholder,
.blog-subscribe__form #form-field-email_2::placeholder {
  color: #fff;
  opacity: 0.6;
}
.blog-subscribe__title {
  margin-bottom: 16px;
  position: relative;
  padding-left: 10px;
}
.blog-subscribe__title svg {
  position: absolute;
  left: 0;
  z-index: -1;
  top: 0;
  margin-top: -5px;
  margin-left: -1px;
}
.blog-subscribe__subtitle {
  width: 486px;
  max-width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 145%;
  letter-spacing: -0.36px;
}
.blog-subscribe__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  z-index: -1;
}
.blog-subscribe__content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.blog-subscribe__content a {
  color: inherit;
  text-decoration: underline;
}
.blog-subscribe__content a:hover {
  text-decoration: none;
}
.blog-subscribe__wrapper {
  padding: 40px 60px;
  border-radius: 60px;
  background: #DBE2EA;
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 464px;
}
@media (max-width: 767.98px) {
  .blog-subscribe {
    margin-bottom: -30px;
  }
  .blog-subscribe .blog-subscribe__title {
    font-size: 32px;
    line-height: 115%;
    letter-spacing: -1.28px;
    margin-bottom: 12px;
  }
  .blog-subscribe .blog-subscribe__title svg {
    margin-top: -15px;
    margin-left: -2px;
  }
  .blog-subscribe__form .elementor-field-type-email {
    order: 0;
  }
  .blog-subscribe__form .elementor-field-type-submit {
    position: static;
    z-index: 1;
    width: 100%;
    padding-right: 6px !important;
    padding-left: 6px !important;
  }
  .blog-subscribe__form .elementor-field-type-submit button {
    width: 100%;
  }
  .blog-subscribe__form .elementor-field-type-acceptance {
    margin-left: 0;
    order: 2;
  }
  .blog-subscribe__form .elementor-field-type-acceptance label {
    font-size: 14px !important;
    letter-spacing: -0.28px !important;
    line-height: 115% !important;
  }
  .blog-subscribe__wrapper {
    margin-left: -16px;
    margin-right: -16px;
    border-radius: 0;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 55px;
    padding-bottom: 65px;
  }
}
.blog-controls {
  margin-bottom: 100px;
}
.blog-controls__share {
  margin-top: -12px;
  margin-bottom: -12px;
}
.blog-controls__rating {
  display: flex;
  align-items: center;
  gap: 40px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: 700;
}
.blog-controls__content {
  border-radius: 30px;
  border: 1px solid #DBE2EA;
  display: flex;
  padding: 15px 4px 15px 40px;
  align-items: center;
  gap: 32px;
  justify-content: space-between;
  line-height: 115%;
  letter-spacing: -0.72px;
  margin-bottom: 15px;
}
@media (max-width: 767.98px) {
  .blog-controls__rating {
    flex-direction: column;
    gap: 20px;
  }
  .blog-controls__content {
    padding: 20px 40px;
    flex-direction: column;
    gap: 40px;
  }
}
.blog-article {
  margin-bottom: 80px;
}
.blog-article-copy {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
}
.blog-article-copy svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.blog-article-copy:active {
  transform: scale(0.95);
}
.blog-article-copy:hover {
  cursor: pointer;
}
.blog-article-copy:hover svg path {
  stroke-opacity: 1;
}
.blog-article-code {
  font-family: "Source Code Pro", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #1C1F21;
  font-size: 14px;
  line-height: 135%;
  padding: 30px;
  background: #F5F5F5;
  border: 1px solid #DBE2EA;
  width: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 4px;
  white-space: pre;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
.blog-article-code::-webkit-scrollbar {
  display: none;
}
@media (max-width: 767.98px) {
  .blog-article-code {
    padding: 20px;
  }
}
.blog-article-author {
  display: flex;
  gap: 20px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}
.blog-article-author__position {
  font-size: 16px;
  line-height: 135%;
  letter-spacing: -0.64px;
  color: rgba(28, 31, 33, 0.4);
}
.blog-article-author__name {
  font-size: 18px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.72px;
  margin-bottom: 4px;
  margin-top: 7px;
}
.blog-article-author__image {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
}
.blog-article-author__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-article-quote {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: -0.2px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}
.blog-article-quote > span {
  position: absolute;
  font-size: 55px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -2.2px;
  color: #1CFF86;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  left: -39px;
  top: -6px;
}
.blog-article-section {
  position: relative;
  margin-bottom: 20px;
}
.blog-article-section__side-link {
  position: absolute;
  left: 100%;
  width: 210px;
  top: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 115%;
  letter-spacing: -0.28px;
  margin-left: 100px;
  z-index: 1;
  display: block;
  text-decoration: none !important;
}
@media (max-width: 1439.98px) {
  .blog-article-section__side-link {
    margin-left: 40px;
    width: 170px;
  }
}
@media (max-width: 1200px) {
  .blog-article-section__side-link {
    position: static;
    margin-left: 0px;
    width: 100%;
    font-size: inherit;
  }
}
@media (max-width: 767.98px) {
  .blog-article-section__side-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 115%;
    letter-spacing: -0.28px;
  }
}
.blog-article-section--image {
  overflow: hidden;
}
.blog-article-section--slider {
  margin-top: 40px;
  margin-bottom: 40px;
}
.blog-article-section--quote {
  padding: 40px 0 40px 40px;
  border-top: 1px solid rgba(28, 31, 33, 0.2);
  border-bottom: 1px solid rgba(28, 31, 33, 0.2);
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.blog-article-section--baner {
  margin-top: 40px;
  margin-bottom: 20px;
}
.blog-article-section--code {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
}
.blog-article-section--related {
  margin-top: 40px;
}
.blog-article-section--video {
  margin-top: 40px;
}
.blog-article-section--large-text {
  font-size: 24px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.48px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  color: #1C1F21;
}
.blog-article-section-swiper .swiper-pagination {
  position: static;
}
.blog-article-section-swiper .swiper-pagination-bullet {
  margin-left: 2px !important;
  margin-right: 2px !important;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  transition: width ease-in-out 0.4s;
}
.blog-article-section-swiper .swiper-pagination-bullet-active {
  width: 46px;
}
.blog-article-section-swiper__slide-caption {
  font-size: 14px;
  font-weight: 400;
  line-height: 115%;
  letter-spacing: -0.28px;
  color: rgba(28, 31, 33, 0.4);
  padding: 12px 0px;
}
.blog-article-section--desktop {
  display: block;
}
.blog-article-section--mobile {
  display: none;
}
.blog-article-section--footer {
  margin-top: 40px;
}
.blog-article-section--footer--empty .blog-article-footer {
  padding: 0;
}
@media (max-width: 767.98px) {
  .blog-article-section--desktop {
    display: none;
  }
  .blog-article-section--mobile {
    display: block;
  }
}
.blog-article-section:first-child {
  margin-top: 0;
}
.blog-article-content h1,
.blog-article-content h2,
.blog-article-content h3,
.blog-article-content h4,
.blog-article-content h5,
.blog-article-content h6 {
  margin-top: 40px;
  margin-bottom: 20px;
}
.blog-article-content p {
  margin-bottom: 20px;
}
.blog-article-content table {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 40px;
}
.blog-article-content table td,
.blog-article-content table th {
  padding: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 115%;
  letter-spacing: -0.28px;
  color: #000;
  text-align: left;
}
.blog-article-content table tr:first-child td,
.blog-article-content table tr:first-child th {
  background-color: #F5F5F5;
  font-size: 18px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.72px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}
.blog-article-content hr {
  border-color: rgba(28, 31, 33, 0.2);
  border-bottom: 0;
  margin-top: 40px;
  margin-bottom: 40px;
}
.blog-article-content img,
.blog-article-content picture,
.blog-article-content iframe {
  display: block;
}
.blog-article-content b,
.blog-article-content strong {
  font-weight: 700;
}
.blog-article-content a {
  text-decoration: underline;
}
.blog-article-content a:hover {
  text-decoration: none;
}
.blog-article-content p,
.blog-article-content ol,
.blog-article-content ul {
  margin-bottom: 20px;
}
.blog-article-content ol {
  list-style: decimal;
}
.blog-article-content ol li {
  margin-left: 40px;
  margin-bottom: 20px;
}
.blog-article-content ul {
  list-style: none;
}
.blog-article-content ul li {
  padding-left: 26px;
  position: relative;
  margin-bottom: 20px;
}
.blog-article-content ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  flex-shrink: 0;
  background-color: #4395D9;
  border-radius: 100%;
  margin-top: 11px;
  position: absolute;
  left: 10px;
}
.blog-article__wrapper {
  display: flex;
  gap: 20px;
}
.blog-article__col {
  flex-shrink: 0;
  position: relative;
}
.blog-article__col--1 {
  flex-shrink: 0;
  width: calc((100% - 40px - 670px) / 2);
}
.blog-article__col--2 {
  width: 670px;
  flex-shrink: 0;
}
.blog-article__col--3 {
  flex-shrink: 1;
  width: calc((100% - 40px - 670px) / 2);
}
.blog-article__nav {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 40px 0;
  position: sticky;
  top: 162px;
}
@media (min-width: 993px) {
  .blog-article__nav {
    max-height: calc(100svh - 162px - 0px);
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .blog-article__nav::-webkit-scrollbar {
    display: none;
  }
}
.blog-article__nav::before {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 20px;
  bottom: 20px;
  background-color: #1C1F21;
  opacity: 0.2;
  left: 11px;
  z-index: -1;
}
.blog-article__nav-sublist {
  display: none;
}
.blog-article__nav-sublist li {
  margin-top: 10px;
  font-size: 14px;
  line-height: 115%;
  letter-spacing: -0.28px;
  padding-left: 10px;
}
.blog-article__nav-sublist li a:hover {
  text-decoration: underline;
}
.blog-article__nav-item {
  display: flex;
  gap: 20px;
  color: rgba(28, 31, 33, 0.2);
}
.blog-article__nav-item a {
  color: inherit;
}
.blog-article__nav-item:hover, .blog-article__nav-item--active {
  cursor: pointer;
  color: #1C1F21;
}
.blog-article__nav-item:hover .blog-article__nav-count, .blog-article__nav-item--active .blog-article__nav-count {
  border-color: #1C1F21;
}
.blog-article__nav-item--active .blog-article__nav-count {
  background-color: #1C1F21;
  color: #fff;
  border-color: #1C1F21;
}
.blog-article__nav-item--active .blog-article__nav-sublist {
  display: block;
}
.blog-article__nav-item:last-child {
  background-color: #fff;
}
.blog-article__nav-count {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 24px;
  height: 40px;
  border-radius: 50px;
  flex-shrink: 0;
  border: 1px solid rgba(28, 31, 33, 0.2);
  font-size: 14px;
  font-weight: 400;
  line-height: 115%;
  letter-spacing: -0.28px;
  background-color: #fff;
}
.blog-article__nav-title {
  padding-top: 5px;
  padding-bottom: 20px;
  padding-right: 20px;
}
.blog-article-related__label {
  margin-top: 12px !important;
  margin-bottom: 18px !important;
}
.blog-article-related__title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.blog-article-related__tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.blog-article-related__list {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.blog-article-related__wrapper {
  padding: 40px;
  border-radius: 30px;
  border: 1px solid #DBE2EA;
  background-color: #F5F5F5;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.blog-article-related__wrapper a {
  color: inherit;
  text-decoration: none;
}
.blog-article-baner__wrapper {
  padding: 40px;
  border-radius: 30px;
  backdrop-filter: blur(52px);
  font-size: 20px;
  line-height: 145%;
  letter-spacing: -0.2px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  overflow: hidden;
}
.blog-article-baner__wrapper::before {
  content: "";
  width: 488.5px;
  height: 703.739px;
  transform: rotate(-50.71deg) translate(0%, -45%);
  flex-shrink: 0;
  border-radius: 703.739px;
  background: linear-gradient(150deg, #008BFF 31.34%, #005399 68.71%, #012457 81.19%);
  filter: blur(70px);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -2;
}
.blog-article-baner__wrapper::after {
  content: "";
  width: 310.789px;
  height: 504.089px;
  transform: rotate(-50.71deg);
  flex-shrink: 0;
  border-radius: 504.089px;
  background: radial-gradient(47.12% 74.94% at 64.18% 30.11%, #0EE8B1 0%, rgba(2, 198, 204, 0.8) 77.8%, rgba(67, 149, 217, 0.5) 100%);
  filter: blur(20px);
  position: absolute;
  left: -15%;
  top: -55%;
  z-index: -1;
}
.blog-article-baner__wrapper p {
  margin-top: 0;
}
.blog-article-baner__title {
  margin-bottom: 12px !important;
  margin-top: 0 !important;
}
.blog-article-baner__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 25px;
  height: 48px;
  gap: 10px;
  border-radius: 50px;
  background-color: #fff;
  color: #1C1F21 !important;
  text-decoration: none !important;
  flex-shrink: 0;
  font-size: 18px;
  line-height: 115%;
  letter-spacing: -0.72px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  margin-top: 20px;
  transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s;
}
.blog-article-baner__btn svg path {
  transition: fill ease-in-out 0.2s;
}
.blog-article-baner__btn:hover {
  background-color: #1C1F21;
  color: #fff !important;
}
.blog-article-baner__btn:hover svg path {
  fill: #fff;
}
.blog-article-video {
  border-radius: 4px;
  aspect-ratio: 16/9;
  width: 100%;
}
.blog-article-footer {
  border-top: 1px solid rgba(28, 31, 33, 0.2);
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.blog-article-footer__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.blog-article-footer__tags a {
  text-decoration: none;
}
.blog-article-image-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 115%;
  letter-spacing: -0.28px;
  color: rgba(28, 31, 33, 0.4);
}
.blog-top-baner {
  color: #fff;
  margin-bottom: 40px;
}
.blog-top-baner .blog-top-baner__title {
  color: #fff;
  font-size: 72px;
  font-weight: 500;
  line-height: 115%;
  letter-spacing: -2.88px;
  width: 670px;
  max-width: 100%;
}
.blog-top-baner__subtitle {
  width: 670px;
  max-width: 100%;
}
.blog-top-baner__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 16px;
  padding: 100px 40px 40px;
  background-color: #024D8C;
  background-image: url("https://servercore.com/wp-content/uploads/2024/06/bg-blog-header.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 30px;
}
.blog-top-baner__controls {
  background-color: #024D8C;
  background-image: url("https://servercore.com/wp-content/uploads/2024/06/bg-blog-header.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 30px;
  padding: 40px;
  display: flex;
  justify-content: space-between;
}
.blog-top-baner__controls--mobile {
  padding: 20px;
  display: none;
}
.blog-top-baner__controls--mobile .blog-top-baner__search {
  width: 100%;
}
@media (max-width: 767.98px) {
  .blog-top-baner__controls--mobile {
    display: flex;
  }
}
.blog-top-baner__navigation {
  display: flex;
  gap: 31px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.blog-top-baner__navigation-item {
  font-size: 32px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -1.28px;
  color: rgba(255, 255, 255, 0.6) !important;
  display: flex;
  gap: 4px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  transition: color ease-in-out 0.2s;
  align-items: flex-start;
}
.blog-top-baner__navigation-item--active {
  pointer-events: none;
}
.blog-top-baner__navigation-item--active, .blog-top-baner__navigation-item:hover {
  color: #fff !important;
}
.blog-top-baner__navigation-item > span {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.48px;
}
.blog-top-baner__search {
  flex-shrink: 0;
  width: 322px;
  position: relative;
}
@media (max-width: 767.98px) {
  .blog-top-baner__search--desktop {
    display: none;
  }
}
.blog-top-baner__search .search-form {
  position: relative;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  padding-bottom: 7px;
}
.blog-top-baner__search .search-form > label {
  display: block;
  width: 100%;
}
.blog-top-baner__search .search-submit {
  position: absolute;
  top: 0;
  right: 0;
  border: 0 !important;
  background-image: url("http://servercore.com/wp-content/uploads/2024/06/search-normal.svg");
  background-color: transparent !important;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  font-size: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  margin-top: 8px;
}
.blog-top-baner__search .search-submit:hover {
  cursor: pointer;
}
.blog-top-baner__search .search-field {
  display: block;
  width: 100%;
  height: 38px;
  border: 0;
  color: #fff;
  background: transparent;
  border-radius: 0 !important;
  padding: 0 30px 0 0px !important;
  font-size: 18px;
  font-weight: 500;
  line-height: 115%;
  letter-spacing: -0.72px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  transition: color ease-in-out 0.2s;
  margin-top: -8px;
}
.blog-top-baner__search .search-field:-webkit-autofill {
  -webkit-transition: background-color 0s 10s, color 0s 10s;
  transition: background-color 0s 10s, color 0s 10s;
}
.blog-top-baner__search .search-field::-webkit-search-cancel-button {
  display: none;
}
.blog-top-baner__search .search-field:focus, .blog-top-baner__search .search-field:active, .blog-top-baner__search .search-field:hover {
  outline: 0;
}
.blog-top-baner__search .search-field::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}
.blog-posts .blog-container {
  transition: opacity ease-in-out 0.2s;
}
.blog-posts .blog-posts__title {
  font-size: 55px;
  line-height: 115%;
  letter-spacing: -2.2px;
  margin-bottom: 20px;
}
.blog-posts__results {
  font-size: 18px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.72px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  margin-bottom: 40px !important;
  color: #A3A7AA;
}
.blog-posts__list {
  row-gap: 100px;
}
.blog-posts__list .blog-subscribe {
  margin-bottom: 0;
}
.blog-no-found {
  padding-bottom: 100px;
}
.blog-no-found .blog-no-found__title {
  font-size: 55px;
  margin-bottom: 21px;
}
.blog-no-found__results {
  color: #A3A7AA;
  font-size: 18px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.72px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  margin-bottom: 40px;
}
.blog-no-found__p {
  color: #A3A7AA;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -1.28px;
  margin-bottom: 0 !important;
}
.blog-tags {
  margin-bottom: 40px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}
.blog-tags__loader {
  width: 30px;
  height: 30px;
  border: 4px solid #f3f4f5;
  border-bottom-color: #141b38;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  margin-left: auto;
  opacity: 0;
  visibility: hidden;
  display: none;
}
.blog-tags__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.blog-tags__item {
  font-size: 18px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.72px;
  padding: 6px 24px;
  height: 48px;
  color: rgba(28, 31, 33, 0.4) !important;
}
.blog-tags__item--active {
  background-color: #1CFF86;
  border-color: #1CFF86;
  color: #1C1F21 !important;
  pointer-events: none;
}
@media (max-width: 1400px) {
  .blog-list__nav {
    margin-top: 50px;
  }
  .blog-posts__list {
    row-gap: 50px;
  }
  .blog-top-baner__navigation-item {
    font-size: 24px;
  }
}
@media (max-width: 1200px) {
  .blog-list__nav-button {
    font-size: 20px;
    height: 60px;
  }
  .blog-list__pagination-button {
    width: 60px;
    height: 60px;
    font-size: 20px;
  }
  .blog-list__pagination-button--next, .blog-list__pagination-button--prev {
    width: auto;
  }
  .blog-top-baner__navigation {
    gap: 15px;
  }
  .blog-article__col--1 {
    width: calc(100% - 20px - 670px);
  }
  .blog-article__col--1--empty {
    display: none !important;
  }
  .blog-article__col--1--empty + .blog-article__col--2 {
    margin-left: auto;
    margin-right: auto;
  }
  .blog-article__col--3 {
    display: none;
  }
}
@media (max-width: 992px) {
  .blog-article__nav {
    margin: 0;
  }
  .blog-article__nav-item {
    color: #1C1F21;
  }
  .blog-article__nav-count {
    border-color: #1C1F21;
    background-color: #1C1F21;
    color: #fff;
  }
  .blog-article__wrapper {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  .blog-article__col--2 {
    max-width: 100%;
  }
  .blog-article__col--1 {
    width: 670px;
    max-width: 100%;
    display: block;
    position: relative;
    top: 0;
  }
  .blog-top-baner__controls {
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }
  .blog-top-baner__navigation {
    justify-content: space-around;
    width: 100%;
  }
  .blog-top-baner__search {
    width: 100%;
  }
  .blog-posts__list {
    gap: 20px;
  }
  .blog-list__last-item {
    padding: 20px 20px 40px;
  }
  .blog-list__last-item__button-link {
    height: 60px;
    padding: 10px 48px;
    border-width: 2px;
  }
}
@media (max-width: 767.98px) {
  .blog-article-content table {
    table-layout: auto;
  }
  .blog-article-content table td,
  .blog-article-content table th {
    padding: 13.673px;
    font-size: 9.571px;
    letter-spacing: -0.191px;
  }
  .blog-article-content table tr:first-child td,
  .blog-article-content table tr:first-child th {
    font-size: 12.306px;
    letter-spacing: -0.492px;
  }
  .blog-article-author__name {
    margin-top: 0;
  }
  .blog-article-related__wrapper {
    padding: 40px 20px;
  }
  .blog-article__nav-sublist {
    display: none !important;
  }
  .blog-top-baner .blog-top-baner__title {
    font-size: 55px;
    line-height: 115%;
    letter-spacing: -2.2px;
  }
  .blog-top-baner__content {
    padding: 40px 20px;
    background-position: 25% 50%;
    border-radius: 20px;
    gap: 12px;
  }
  .blog-top-baner__controls {
    border-radius: 20px;
    padding: 40px 20px;
    background-position: 25% 50%;
  }
  .blog-top-baner__navigation {
    gap: 14px;
  }
  .blog-list__last-item {
    min-height: 0;
    padding: 20px;
    gap: 40px;
  }
  .blog-list__last-item .blog-list__last-item__title {
    font-size: 24px;
    line-height: 115%;
    letter-spacing: -0.96px;
  }
  .blog-list__last-item__buttons {
    gap: 12px;
  }
  .blog-list__last-item__button-link {
    font-size: 18px;
    line-height: 115%;
    letter-spacing: -0.72px;
    padding: 0px 25px;
    height: 48px;
  }
  .blog-list__nav {
    margin-top: 20px;
    justify-content: center;
    gap: 40px;
    margin-bottom: 80px;
  }
  .blog-list__nav-button {
    font-size: 18px;
    line-height: 115%;
    letter-spacing: -0.72px;
    height: 48px;
    padding: 0px 25px;
  }
  .blog-list__nav-button--next, .blog-list__nav-button--prev {
    width: auto;
  }
  .blog-list__pagination-button {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  .blog-posts__list .blog-subscribe {
    margin-top: 60px;
    margin-bottom: 20px;
  }
  .blog-posts__list .blog-subscribe__wrapper {
    padding-bottom: 35px;
  }
  .blog-tags__loader {
    display: none !important;
  }
  .blog-tags__list {
    justify-content: center;
  }
}

.ajax-waiting .blog-tags__loader {
  visibility: visible;
  opacity: 0.5;
  display: block;
}
.ajax-waiting .blog-posts .blog-container {
  opacity: 0.5;
  pointer-events: none;
}

@media (max-width: 767.98px) {
  body.single div[data-elementor-type=footer] > footer {
    z-index: 1;
    position: relative;
  }
}/*# sourceMappingURL=blog.css.map */