.company {
  padding: var(--sp) 0;
}

.company__container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.company__content {
  flex: 0 0 calc(50% - 10px);
  display: flex;
  flex-direction: column;
}

.company__content p {
  font-size: var(--m);
  line-height: 137.5%;
}

.company__content-main {
  flex-grow: 1;
  display: flex;
}

.company__content-text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.company__content-text .text {
  margin-bottom: 10px;
}

.company__content .company__image {
  display: none;
}

.company .more-link {
  display: block;
  margin-top: auto;
  font-size: var(--m);
  line-height: 22px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  padding-right: 40px;
  background: no-repeat right url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.172 13L4 13V11L16.172 11L10.808 5.63598L12.222 4.22198L20 12L12.222 19.778L10.808 18.364L16.172 13Z' fill='%231F4E9E'/%3E%3C/svg%3E");
  color: var(--secondary);
  text-decoration: none;
}

.company .more-link:hover {
  color: var(--accent);
  background: no-repeat right url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.172 13L4 13V11L16.172 11L10.808 5.63598L12.222 4.22198L20 12L12.222 19.778L10.808 18.364L16.172 13Z' fill='%23fec806'/%3E%3C/svg%3E");
}

.company__image {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  flex: 0 0 calc(50% - 10px);
}

.company__image a {
  display: block;
  position: relative;
}

.company__image img {
  display: block;
}

.company__image:not(.is_video) a::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='114' height='115' viewBox='0 0 114 115' fill='none'%3E%3Cg filter='url(%23filter0_b_137_1812)'%3E%3Crect y='0.5' width='114' height='114' rx='57' fill='white' fill-opacity='0.3'/%3E%3Cpath d='M91.868 52.9876L43.7475 23.5502C42.9362 23.0534 42.007 22.7822 41.0558 22.7646C40.1047 22.747 39.1661 22.9836 38.337 23.45C37.5157 23.9092 36.8316 24.5788 36.355 25.39C35.8783 26.2012 35.6264 27.1248 35.625 28.0657V86.9338C35.6312 88.3451 36.1976 89.6963 37.1996 90.6902C38.2017 91.6841 39.5574 92.2394 40.9688 92.2341C41.9538 92.2337 42.9198 91.9621 43.7609 91.4492L91.868 62.0118C92.6413 61.5405 93.2803 60.8782 93.7238 60.0886C94.1672 59.299 94.4001 58.4087 94.4001 57.5031C94.4001 56.5975 94.1672 55.7071 93.7238 54.9175C93.2803 54.1279 92.6413 53.4656 91.868 52.9943V52.9876ZM40.9688 86.8703V28.1091L89.0057 57.4997L40.9688 86.8703Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_137_1812' x='-35.625' y='-35.125' width='185.25' height='185.25' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='17.8125'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_137_1812'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_137_1812' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 114px;
  height: 114px;
}

.company__icons {
  display: flex;
  gap: 20px;
  margin-bottom: 35px;
}

.company__icon {
  width: 190px;
  height: 190px;
  border-radius: 5px;
  border: 1px solid rgba(229, 231, 235, 0);
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.company__icon.active path {
  fill: var(--secondary);
}

@media (max-width: 1260px) {
  .company .more-link {
    margin-top: 10px;
  }
}

@media (max-width: 760px) {
  .company__container {
    flex-direction: column;
  }

  .company__content .company__image {
    display: block;
    margin-bottom: 20px;
  }

  .company__content + .company__image {
    display: none;
  }

  .company__icon {
    width: 100px;
    height: 100px;
  }

  .company__icon svg {
    max-width: 60px;
  }
}