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

.get__items {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 50px;
}

.get .col {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: calc((100% - 40px) / 3);
}

.get .col-1 .item,
.get .col-3 .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 1 auto;
  align-self: stretch;
  transition: var(--transition);
  background: rgba(38, 39, 40, 0.1);
  cursor: pointer;
}

.get .col-1 .item._active,
.get .col-3 .item._active {
  flex-grow: 100;
  justify-content: flex-start;
  background: rgba(38, 39, 40, 0.4);
}

.get .col-1 .item._active .item__arrow,
.get .col-3 .item._active .item__arrow {
  transform: scale(-1, -1);
}

.get .col-1 .item__icon,
.get .col-3 .item__icon {
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M10.8869 20.6929L5.15958 14.9657L3.25049 16.8748L10.8869 24.5111L27.2505 8.14749L25.3414 6.2384L10.8869 20.6929Z' fill='%23FFC122'/%3E%3C/svg%3E") center/contain no-repeat;
}

.get .col-1 .item__title,
.get .col-3 .item__title {
  text-transform: uppercase;
}

.get .col-1 .item__text,
.get .col-3 .item__text {
  display: none;
  margin-top: 10px;
}

.get .col-1 .item__arrow,
.get .col-3 .item__arrow {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2502 2.91675V12.8156L15.0002 9.06565L16.768 10.8334L10.8841 16.7173H9.1163L3.23242 10.8334L5.00019 9.06565L8.75019 12.8156V2.91675L11.2502 2.91675Z' fill='%232F3031'/%3E%3C/svg%3E") center/contain no-repeat;
}

.get .col-2 .item {
  background: rgba(38, 39, 40, 0.4);
}

.get .col-2 .item__icon {
  position: absolute;
  right: 30px;
  top: 37px;
}

.get .col-2 .item ._h1 {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  color: var(--white);
}

.get .col-2 .item-image {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  height: 300px;
  padding: 45px;
}

.get .col-2 .item-image__letter {
  height: 100%;
  aspect-ratio: 210/220;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='212' height='220' viewBox='0 0 212 220' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.1431 0C8.65067 0 0.955566 7.69511 0.955566 17.1875V202.812C0.955566 212.305 8.65067 220 18.1431 220H52.5181L129.015 0H18.1431ZM211.044 218.388L204.188 192.624H143.255L137.294 220H203.768C206.369 220 208.835 219.422 211.044 218.388ZM178.076 90.9368C178.775 93.4657 179.453 95.9171 180.013 98.2909L190.279 140.51H158.157L169.085 98.2909C169.519 96.6045 169.973 94.931 170.423 93.2702C172.261 86.485 174.041 79.9127 174.218 73.5532C174.972 79.7062 176.573 85.5007 178.076 90.9368Z' fill='%23F5F5F5'/%3E%3C/svg%3E") center/contain no-repeat;
}

.get .col-2 .item-image__logo {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='61' height='60' viewBox='0 0 61 60' fill='none'%3E%3Cg clip-path='url(%23clip0_2965_34812)'%3E%3Cpath d='M47.4187 28.6991C47.4187 25.5191 46.2749 23.3178 45.2962 21.6041L44.9962 21.1166C43.8074 19.2041 42.7687 17.5241 42.7687 15.5666C42.7687 13.2041 44.5612 10.9991 47.0887 10.9991C47.1637 10.9991 47.2362 11.0028 47.3062 11.0103L47.4224 11.0216C42.6827 6.66896 36.48 4.25697 30.0449 4.26405C25.7802 4.26354 21.5823 5.32329 17.8289 7.34794C14.0755 9.3726 10.8843 12.2986 8.54242 15.8628C9.14242 15.8816 9.71617 15.8966 10.1999 15.8966C12.8887 15.8966 17.0549 15.5703 17.0549 15.5703C18.4424 15.4878 18.6074 17.5241 17.2199 17.6891C17.2199 17.6891 15.8287 17.8541 14.2762 17.9328L23.6512 45.8103L29.2762 28.9128L25.2637 17.9291C23.8799 17.8466 22.5674 17.6853 22.5674 17.6853C21.1799 17.6028 21.3449 15.4803 22.7287 15.5628C22.7287 15.5628 26.9812 15.8891 29.5087 15.8891C32.2012 15.8891 36.3712 15.5628 36.3712 15.5628C37.7587 15.4803 37.9199 17.5203 36.5324 17.6853C36.5324 17.6853 35.1374 17.8466 33.5887 17.9291L42.8887 45.5928L45.4537 37.0166L45.6562 36.3678C46.6687 33.1428 47.4149 30.7616 47.4149 28.6953L47.4187 28.6991ZM4.30867 30.0003C4.30665 34.8335 5.66622 39.5695 8.23161 43.6656C10.797 47.7617 14.4644 51.0523 18.8137 53.1603L6.53242 19.5228C5.05777 22.8185 4.2998 26.3898 4.30867 30.0003Z' fill='white'/%3E%3Cpath d='M22.7734 54.6864L30.4984 32.2501L38.4072 53.9251C38.4572 54.0501 38.5184 54.1676 38.5909 54.2776C33.4928 56.0748 27.9576 56.2178 22.7734 54.6864ZM52.6234 17.6514C52.7384 18.4714 52.7972 19.3539 52.7997 20.2989C52.7997 22.9089 52.3122 25.8451 50.8422 29.5164L42.9822 52.2414C48.7823 48.8715 53.0368 43.3692 54.8385 36.9077C56.6402 30.4461 55.8467 23.5363 52.6272 17.6514H52.6234Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.0444336 30C0.0444336 13.4588 13.5032 0 30.0444 0C46.5857 0 60.0444 13.4588 60.0444 30C60.0444 46.5412 46.5819 60 30.0444 60C13.5069 60 0.0444336 46.5412 0.0444336 30ZM1.42068 30C1.42068 45.7837 14.2607 58.6238 30.0444 58.6238C45.8282 58.6238 58.6644 45.7837 58.6644 30C58.6644 14.2125 45.8244 1.37625 30.0444 1.37625C14.2569 1.37625 1.42068 14.2125 1.42068 30Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2965_34812'%3E%3Crect width='60' height='60' fill='white' transform='translate(0.0444336)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center/contain no-repeat;
  width: 60px;
  aspect-ratio: 1/1;
}

.get .item {
  position: relative;
  padding: 20px 30px;
  border-radius: 10px;
}

.get .item__text {
  color: var(--gray-300);
  line-height: 140%;
}

@media (max-width: 1260px) {
  .get__items {
    gap: 10px;
    margin-top: 40px;
  }

  .get .col {
    gap: 10px;
    width: calc((100% - 10px) / 2);
  }

  .get .col-1,
  .get .col-3 {
    order: 1;
  }

  .get .col-2 {
    order: 3;
    flex-direction: row;
    width: 100%;
    margin-top: 10px;
  }

  .get .col-2 .item {
    flex: 0 0 35.2941176471%;
  }

  .get .col-2 .item__icon {
    top: 20px;
    height: 30px;
  }

  .get .col-2 .item-image {
    gap: 5px;
    flex: 1 1 auto;
    height: 100%;
    padding: 5px;
  }
}

@media (max-width: 760px) {
  .get .col-1 .item,
  .get .col-3 .item {
    padding: 10px 5px 20px;
  }

  .get .col-1 .item__icon,
  .get .col-3 .item__icon {
    width: 20px;
    height: 20px;
    margin-bottom: 5px;
  }

  .get .col-1 .item__title,
  .get .col-3 .item__title {
    font-size: 16px;
  }

  .get .col-1 .item__text,
  .get .col-3 .item__text {
    margin-top: 5px;
    font-size: 12px;
  }

  .get .col-1 .item__arrow,
  .get .col-3 .item__arrow {
    width: 15px;
    height: 15px;
    right: 5px;
    bottom: 5px;
  }

  .get .col-2 .item__icon {
    top: 46px;
    left: 5px;
    right: auto;
  }

  .get .col-2 .item ._h1 {
    margin-bottom: 40px;
  }

  .get .col-2 .item-image {
    flex-direction: column-reverse;
  }

  .get .col-2 .item-image__letter {
    width: 100%;
    height: auto;
  }

  .get .col-2 .item-image__logo {
    width: 20px;
    margin-left: auto;
  }

  .get .item {
    padding: 5px;
  }
}