/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/frontend/sections/cooperation-section/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
section.wp-block-section-cooperation-section {
  display: grid;
  justify-content: center;
  position: relative;
}
section.wp-block-section-cooperation-section .bg-image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  animation-name: rotationAnimation;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
section.wp-block-section-cooperation-section .header-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  align-items: center;
  counter-reset: item;
  padding: 16px;
}
@media (max-width: 798px) {
  section.wp-block-section-cooperation-section .header-wrapper {
    justify-content: flex-start;
  }
}
section.wp-block-section-cooperation-section .header-wrapper h2 {
  font-size: 32px;
  font-weight: 500;
}
section.wp-block-section-cooperation-section .cards-wrapper {
  padding: clamp(16px, 5vw, 32px);
  box-shadow: 0px 56px 56px 0px rgba(0, 0, 0, 0.04);
  backdrop-filter: blur(5px);
  display: grid;
  gap: 24px;
  justify-content: center;
  align-items: center;
  justify-items: center;
  max-width: fit-content;
  border-radius: 16px;
}
section.wp-block-section-cooperation-section .cards-wrapper .card-wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
}
section.wp-block-section-cooperation-section .cards-wrapper .card-wrapper::before {
  counter-increment: item;
  content: counter(item, decimal-leading-zero);
  border: 1px solid black;
  border-radius: 5px;
  font-weight: 600;
  font-size: 15px;
  width: 34px;
  height: 34px;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  transition: width 0.3s ease, height 0.3s ease, font-size 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
section.wp-block-section-cooperation-section .cards-wrapper .card-wrapper {
  transform: translateY(24px);
  transition: opacity 0.5s ease var(--delay, 0ms), transform 0.5s ease var(--delay, 0ms), background-color 0.3s ease, border-radius 0.3s ease;
}
section.wp-block-section-cooperation-section .cards-wrapper .card-wrapper.active {
  opacity: 1;
  transform: translateY(0);
}
section.wp-block-section-cooperation-section .cards-wrapper .card-wrapper .card-content {
  display: grid;
  padding: 4px 16px;
  max-width: 550px;
  min-width: 550px;
  transition: background-color 0.3s ease, border-radius 0.3s ease, max-width 0.3s ease;
}
section.wp-block-section-cooperation-section .cards-wrapper .card-wrapper:hover::before,
section.wp-block-section-cooperation-section .cards-wrapper .card-wrapper.active::before {
  border: 1px solid #ffbc03;
  color: #ffbc03;
  width: 56px;
  height: 56px;
  font-size: 24px;
}
section.wp-block-section-cooperation-section .cards-wrapper .card-wrapper:hover .card-content,
section.wp-block-section-cooperation-section .cards-wrapper .card-wrapper.active .card-content {
  background-color: #ffbc03;
  border-radius: 8px;
}
@media (max-width: 789px) {
  section.wp-block-section-cooperation-section .cards-wrapper {
    width: 100%;
    justify-items: flex-start;
  }
  section.wp-block-section-cooperation-section .cards-wrapper .card-wrapper {
    display: grid;
    width: 100%;
  }
  section.wp-block-section-cooperation-section .cards-wrapper .card-wrapper .card-content {
    min-width: unset;
  }
}
@keyframes rotationAnimation {
  0% {
    transform: rotateX(0deg);
  }
  20% {
    transform: rotateX(72deg);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  25% {
    transform: rotateX(90deg);
  }
  30% {
    transform: rotateX(108deg);
    animation-timing-function: linear;
  }
  70% {
    transform: rotateX(252deg);
  }
  75% {
    transform: rotateX(270deg);
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  80% {
    transform: rotateX(288deg);
    animation-timing-function: linear;
  }
  100% {
    transform: rotateX(360deg);
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/frontend/sections/cooperation-section/editor.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
section {
  position: relative !important;
}