@keyframes ripple {
  to {
      transform: scale(2);
      opacity: 0
  }
}
.block-pper_home-solution {
  padding-top: var(--offset-top-desktop);
  padding-bottom: var(--offset-bottom-desktop);
}
.heading-solution {
  display: flex;gap: 50px;
}
..heading-solution .block-desc,
.heading-solution .block-title {
  flex: 1;
}
.pper_home-solution .block-title {color: var(--title);}
.pper_home-solution .block-desc-heading {
  color: var(--desc);
  font-size: 18px;
  margin-bottom: 20px;
}

.pper_home-solution .contact-icon,
.pper_home-solution .cms--ripple-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
       width: 74px;
    height: 74px;
  transition: .3s all;
      border-radius: 50%;
}
.pper_home-solution .contact-icon {
  position: relative;
  border: 1px solid var(--icon-text);
}
.pper_home-solution .cms--ripple-icon {
  width: 64px;
    height: 64px;
  background-color: var(--icon-bg);
  
}
.cms--ripple-icon svg {width: 14px;}
.pper_home-solution .cms--ripple {
  border-radius: inherit;
  transition: all 300ms linear 0ms;
  opacity: 0;
  visibility: hidden;
  color: var(--desc);
}
.pper_home-solution .cms--ripple:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid var(--desc);
    border-radius: inherit;
      animation: ripple 3s linear infinite;
}
.pper_home-solution .cms--ripple:after {
  position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid var(--desc);
    border-radius: inherit;
      animation: ripple 3s 1s linear infinite;
}
.block-desc__contact-wrapper:hover .cms--ripple {
  opacity: 1;
  visibility: visible;
}
.pper_home-solution .block-desc {
  padding-top: 30px;
}
.pper_home-solution .block-desc-action {
  display: flex;
  gap: 30px;
  align-items: center;
}
.pper_home-solution .block-desc__contact-wrapper {
  display: flex;
  gap: 15px;
  align-items: center;
}
.pper_home-solution .block-desc__contact-wrapper .contact-text--title {
  color: var(--title);
  font-size: 18px;
  display: block;
  margin-bottom: 0px;
}
.pper_home-solution .block-desc__contact-wrapper .contact-text--tel {
  color: var(--desc);
  font-size: 22px;
  display: block;
  font-weight: bold;
}
.pper_home-solution .swiper-solution {padding: 0 1px;}
.pper_home-solution .content-solution {
  margin-top: 45px;
  position: relative;
}
.pper_home-solution .swiper-navs {
      margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.pper_home-solution .swiper-nav {
  position: static;
  transform: unset;
  border-radius: 4px;
  border: 1px solid var(--title);
  background-color: transparent;
  color: var(--title);
  width: 54px;
  height: 54px;
  display: flex;
  margin: 0;
}
.pper_home-solution .swiper-nav:after {font-size:24px;}
@media (min-width: 992px) {
  .pper_home-solution .swiper-navs {display: none;}
}
@media (max-width: 992px) {
  .block-pper_home-solution {
    padding-top: var(--offset-top-mobile);
    padding-bottom: var(--offset-bottom-mobile);
  }
  .pper_home-solution .swiper-nav {
    width: 40px;height: 40px;
  }
  .pper_home-solution .swiper-nav:after {font-size: 16px;}
  .pper_home-solution .heading-solution{
    flex-direction: column;
    gap: 0px;
  }
  .pper_home-solution .block-desc {padding-top: 15px;}
  .pper_home-solution .block-desc-action {
    flex-direction: column;
    align-items: self-start;
    gap: 15px;
  }
  .pper_home-solution .content-solution {margin-top: 15px;}
}