.mainDirections {
  padding: 64px 0;
  background: #F0F5F6;
}
.mainDirections .mainDirectionsTitle {}
.mainDirections .mainDirectionsItems {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem {
  border-radius: 40px;
  background: #fff;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  overflow: hidden;
  height: 240px;
  transition: All 0.3s ease;
  --direction-icon: var(--direction-icon-hospital);
  --direction-icon-size: 152px;
  --direction-icon-color: #e22554;
  --direction-icon-hospital: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='black' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M36 136V42l44-20 44 20v94'/%3E%3Cpath d='M56 136V96h48v40M64 58h32M80 42v32M54 80h12M94 80h12M54 104h12M94 104h12'/%3E%3Cpath d='M24 136h112'/%3E%3C/g%3E%3C/svg%3E");
  --direction-icon-tooth: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='black' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M48 24c13 0 20 9 32 9s19-9 32-9c21 0 34 19 28 45-4 18-14 32-18 54-3 14-11 25-22 25-12 0-10-34-20-34s-8 34-20 34c-11 0-19-11-22-25-4-22-14-36-18-54-6-26 7-45 28-45Z'/%3E%3Cpath d='M55 54c10 5 19 6 25 6s15-1 25-6'/%3E%3C/g%3E%3C/svg%3E");
  --direction-icon-surgery: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='black' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='43' cy='112' r='16'/%3E%3Ccircle cx='117' cy='112' r='16'/%3E%3Cpath d='M58 101l54-58M102 101L48 43M80 78l24 25M80 78l-24 25'/%3E%3Cpath d='M88 48l24-25M72 48L48 23'/%3E%3C/g%3E%3C/svg%3E");
  --direction-icon-brain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='black' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M58 128c-22 0-40-17-40-39 0-14 7-27 19-34-2-22 15-40 36-40 12 0 22 5 29 14 25 0 44 19 44 44 0 24-18 43-42 44-14 12-29 13-46 11Z'/%3E%3Cpath d='M55 56c13-7 26-3 33 8M100 40c-8 13-6 27 5 39M60 90c12-6 25-1 32 10M108 82c13 3 22 13 23 26M43 77c-10 10-11 23-3 35M82 65c-5 13-3 26 8 36'/%3E%3C/g%3E%3C/svg%3E");
  --direction-icon-checkup: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='black' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='42' y='22' width='76' height='116' rx='14'/%3E%3Cpath d='M64 22h32l-5 18H69l-5-18ZM60 78l14 14 30-34M60 112h40M60 126h28'/%3E%3C/g%3E%3C/svg%3E");
  --direction-icon-lab: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='black' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M58 20h44M70 20v38l-34 66c-7 13 3 26 18 26h52c15 0 25-13 18-26L90 58V20M53 112h54M62 86h36'/%3E%3Cpath d='M116 26l20 20M136 26l-20 20M34 28c12 0 22 10 22 22S46 72 34 72 12 62 12 50s10-22 22-22Z'/%3E%3C/g%3E%3C/svg%3E");
}
.mainDirections .mainDirectionsItems .mainDirectionsItem:hover {
  background: linear-gradient(114.86deg, #f85077 12.38%, #e22554 91.96%);
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0 {
  width: 576px;
  padding-left: 32px;
  padding-right: 238px;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0 {
  background: #fff;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0.wibe{
  background: #fff;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem1 {
  width: 396px;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem2 {
  width: 396px;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem3 {
  width: 396px;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem4 {
  width: 516px;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem5 {
  width: 456px;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem .arrow__pulse {
  position: relative;
  border: 3px solid #fff;
  top: inherit;
  right: inherit;
  margin-top: auto;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem .arrow__pulse:after {
  border: 1px solid #fff;
}

.mainDirections .mainDirectionsItems .mainDirectionsItem:hover .arrow__pulse {
  opacity: 1;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem:hover .arrow__pulse:after {
  animation: pulse 2s ease-in-out infinite;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0 .arrow__pulse:after{
  animation: pulse 2s ease-in-out infinite;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0 .arrow__pulse{
  opacity: 1;

}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0.wibe .arrow__pulse {
  opacity: 0;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.wibe .arrow__pulse:after {
  animation: pulse 2s ease-in-out infinite;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem .mainDirectionsItemTitle {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  position: relative;
  width: 70%;
  transition: All 0.3s ease;
  z-index: 2;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem .mainDirectionsItemDescription {
  font-family: Mulish;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  width: 70%;
  position: relative;
  transition: All 0.3s ease;
  z-index: 2;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0 .mainDirectionsItemTitle,
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0 .mainDirectionsItemDescription {
  color: #1B1B26;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem:hover .mainDirectionsItemTitle,
.mainDirections .mainDirectionsItems .mainDirectionsItem:hover .mainDirectionsItemDescription {
  color: #fff;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0.wibe .mainDirectionsItemTitle,
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0.wibe .mainDirectionsItemDescription {
  color: #000;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem .mainDirectionsItemImage {
  display: none;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem::after {
  content: "";
  position: absolute;
  right: 26px;
  bottom: 20px;
  width: var(--direction-icon-size);
  height: var(--direction-icon-size);
  background: var(--direction-icon-color);
  filter: drop-shadow(10px 12px 0 rgba(226, 37, 84, 0.14));
  -webkit-mask: var(--direction-icon) center / contain no-repeat;
  mask: var(--direction-icon) center / contain no-repeat;
  transition: transform 0.3s ease, background 0.3s ease, filter 0.3s ease;
  z-index: 1;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem:hover::after {
  transform: translateY(-4px) scale(1.04);
  background: rgba(255, 255, 255, 0.94);
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0::after {
  --direction-icon: var(--direction-icon-hospital);
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem1::after { --direction-icon: var(--direction-icon-tooth); }
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem2::after { --direction-icon: var(--direction-icon-surgery); }
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem3::after { --direction-icon: var(--direction-icon-brain); }
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem4::after { --direction-icon: var(--direction-icon-checkup); }
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem5::after { --direction-icon: var(--direction-icon-lab); }
.mainDirections .mainDirectionsItems .mainDirectionsItem .animatiomElipsce {
  display: none;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem:hover .animatiomElipsce {
  border-radius: 40px;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0 .animatiomElipsce {
  border-radius: 40px;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  background: linear-gradient(114.86deg, #f85077 12.38%, #e22554 91.96%);
}
.mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0.wibe .animatiomElipsce {
  width: 244px;
  height: 244px;
  right: calc(100% - 236px);
  bottom: -83px;
  background: linear-gradient(114.86deg, #f85077 12.38%, #e22554 91.96%);
  border-radius: 198px;
}

@media (max-width: 810px) {
  .mainDirections {
    padding: 32px 0;
  }
  .mainDirections .mainDirectionsItems {
    flex-direction: column;
    gap: 16px;
  }
  .mainDirections .mainDirectionsItems .mainDirectionsItem {
    border-radius: 32px;
    padding: 24px 16px;
    height: auto;
    width: 100% !important;
  }
  .mainDirections .mainDirectionsItems .mainDirectionsItem .mainDirectionsItemTitle {
    font-size: 16px;
    line-height: 22px;
  }
  .mainDirections .mainDirectionsItems .mainDirectionsItem .mainDirectionsItemDescription {
    font-size: 14px;
    line-height: 18px;
  }
  .mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0 {
    width: 100%;
    padding-left: 24px;
  }
  .mainDirections .mainDirectionsItems .mainDirectionsItem::after {
    right: 16px;
    bottom: 14px;
    width: 112px;
    height: 112px;
  }
  .mainDirections .mainDirectionsItems .mainDirectionsItem .animatiomElipsce {
    width: 120px;
    height: 120px;
  }
  .mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0 .animatiomElipsce {
    width: 124px;
    height: 124px;
    right: calc(100% - 115px);
    bottom: 12px;
  }
  .mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0 .animatiomElipsce{
    width: 124px;
    height: 124px;
    border-radius: 124px;
    right: unset;
    left: -124px;
    bottom: -124px;
  }
  .mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0{
    transition: All 0.3s ease;
  }
  .mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0:hover{
    background: #fff;
  }
  .mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0:hover .mainDirectionsItemTitle,
  .mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0:hover .mainDirectionsItemDescription{
    color: #1B1B26;
  }
  .mainDirections .mainDirectionsItems .mainDirectionsItem.mainDirectionsItem0:hover .animatiomElipsce{
    bottom: 0;
    left: 0;
    opacity: 0;
    /*width: 100%;
    height: 100%;
    border-radius: 32px;
    */
  }
  .mainDirections .mainDirectionsItems .mainDirectionsItem .arrow__pulse {
    display: none;
  }
  .mainDirections .mainDirectionsItems .mainDirectionsItem:hover {
    background: #fff;
  }
  .mainDirections .mainDirectionsItems .mainDirectionsItem:hover .mainDirectionsItemTitle,
  .mainDirections .mainDirectionsItems .mainDirectionsItem:hover .mainDirectionsItemDescription {
    color: #1B1B26;
  }
  .mainDirections .mainDirectionsItems .mainDirectionsItem:hover::after {
    background: #e22554;
    transform: none;
  }
}