.casos {
  position: relative;
  padding: 30px 0;
  width: 100%;
  overflow: hidden; }
  .casos::before, .casos::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 15%;
    z-index: 10;
    pointer-events: none; }
  .casos::before {
    left: 0;
    background: linear-gradient(to right, #7fd7d4 0%, rgba(127, 215, 212, 0) 100%); }
  .casos::after {
    right: 0;
    background: linear-gradient(to left, #7fd7d4 0%, rgba(127, 215, 212, 0) 100%); }
  .casos .slider-casos .nav-prev, .casos .slider-casos .nav-next {
    position: absolute;
    z-index: 11;
    top: 30%; }
    .casos .slider-casos .nav-prev img, .casos .slider-casos .nav-next img {
      width: 40px;
      height: auto;
      cursor: pointer; }
    .casos .slider-casos .nav-prev {
      left: 20px;
      transform: rotate(90deg); }
    .casos .slider-casos .nav-next {
      right: 20px;
      transform: rotate(-90deg); }
    .casos .slider-casos .swiper-slide {
      text-align: center;
      padding: 15px; }
    .casos .slider-casos .swiper-slide .sector-img {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      background-color: gray;
      width: 120px;
      height: 120px;
      border-radius: 50%;
      margin: 0 auto; }
    .casos .slider-casos .swiper-slide .caso .sector-img {
      border-radius: 0;
      width: 100%; }
      .casos .slider-casos .swiper-slide .caso .caso-sector {
        background-color: black;
        color: white;
        padding: 3px 0;
        text-align: center; }
      .casos .slider-casos .swiper-slide .caso .info {
        padding: 15px;
        background-color: white; }
        .casos .slider-casos .swiper-slide .caso .info h3 {
          font-size: 1.5rem;
          margin: 0; }
        .casos .slider-casos .swiper-slide .caso .info p {
          font-weight: normal;
          font-size: 0.9rem;
          text-align: left; }
        .casos .slider-casos .swiper-slide .caso .info .accordion p {
          margin: 0; }