@media (min-width: 768px) {
  .page-cases .hero .row {
    align-items: center
  }
}

.page-cases .hero .primary-info a {
  color: #5a35b7;
}

.page-cases .depoimentos {
  padding: 50px 0;
  background-color: #f8f8f8;
}

@media (min-width: 992px) {
  .page-cases .depoimentos {
    min-height: 380px;
    display: flex;
    align-items: center;
  }
}

.page-cases .depoimentos h2 {
  color: #000;
  font-size: 24px;
  line-height: 36px;
  margin: 0 0 30px;
  font-weight: 600;
}

.page-cases .depoimentos h2:after {
  content: "_"
}

.page-cases #jsCasesdeSucesso .item p {
  color: #676767;
  font-size: 15px;
  line-height: 24px;
  margin: 20px 0;
}

@media (min-width: 768px) {
  .page-cases .mod-cta {
    padding: 100px 0;
  }
}

/*
* Detalhe do case
*/

@media (min-width: 768px) {
  .case-internal .hero .col-item.image-hero {
    background-image: none;
    min-height: 315px;
  }
}


@media (min-width: 992px) {
  .case-internal .solucao .row,
  .case-internal .depoimento .row{
    display: flex;
    align-items: center;
  }
}

.case-internal .resultado {
  background-color: #f8f8f8;
  padding: 40px 0;
  text-align: center;
}

.case-internal .resultado h2 {
  font-size: 20px;
  font-family: 'Quicksand', sans-serif;
  line-height: 1;
  font-weight: 400;
  color: #563cc7;
  margin: 0;
}

.case-internal .resultado h2 strong {
  font-weight: 700;
}

.case-internal .resultado h2 strong:before {
  content: '_'
}

.case-internal .desafio {
  padding: 50px 0
}

@media (min-width: 992px) {
  .case-internal .desafio {
    padding: 100px 0 0
  }
}

@media (min-width: 1200px) {
  .case-internal .desafio {
    background-image: url('https://2530812.fs1.hubspotusercontent-na1.net/hubfs/2530812/CSBR/cases-de-sucesso/object-8.webp');
    background-repeat: no-repeat;
    background-position: 145% 130%;
  }
}

@media (min-width: 1600px) {
  .case-internal .desafio {
    background-position: 100% 110%;
  }
}

.case-internal .desafio h2,
.case-internal .solucao h2 {
  color: #ff4800;
  font-size: 36px;
  line-height: 42px;
  margin: 0 0 30px
}

.case-internal .desafio h2:after,
.case-internal .solucao h2:after {
  content: '_'
}

.case-internal .desafio p,
.case-internal .solucao p {
  font-size: 17px;
  line-height: 24px;
}

.case-internal .solucao {
  padding: 0 0 40px 0
}

@media (min-width: 992px) {
  .case-internal .solucao {
    padding: 100px 0
  }

  .case-internal .solucao .row {
    display: flex;
    align-items: center
  }
}

.case-internal .solucao .image {
  text-align: center
}

.case-internal .hr hr {
  background-color: transparent;
  border: 0 none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(230,230,230,1.0);
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
}

.case-internal .depoimento {
  background: #f8f8f8;
  padding: 40px 0;
}

@media (min-width: 992px) {
  .case-internal .depoimento {
    padding: 100px 0
  }

  .case-internal .depoimento .row {
    display: flex;
    align-items: center
  }
}

.case-internal .depoimento h2 {
  color: #090051;
  font-size: 48px;
  line-height: 42px;
  margin: 0 0 20px;
}

.case-internal .depoimento h2:after {
  content: "_";
}

.case-internal .depoimento p {
  font-size: 14px;
  line-height: 24px;
  color: #090051;
}

.case-internal .depoimento .rating {
  margin: 0 0 10px;
}

.case-internal .depoimento .rating i {
  color: #090051;
  font-size: 12px;
}

.case-internal .depoimento h4 {
  font-size: 14px;
  color: #090051;
  font-weight: 600;
  margin: 15px 0;
  padding: 0;
  text-transform: uppercase;
}

.case-internal .depoimento .image {
  text-align: center
}

.case-internal .mod-csbr-social-sharing {
  margin: 30px 0;
  justify-content: center;
  align-items: center;
}

.case-internal .mod-csbr-social-sharing i {
  font-size: 25px
}

.case-internal .mod-csbr-social-sharing a:hover {
  color: #fc4b93
}

/*
* mobile
*/

@media (max-width: 768px) {
  .page-cases .hero .primary-info p {
    display: block;
  }

  .case-internal section {
    padding: 40px 0;
  }

  .case-internal .desafio h2, 
  .case-internal .solucao h2,
  .case-internal .depoimento h2{
    font-size: 30px;
    line-height: 42px;
  }

  .case-internal .solucao .image {
    margin-bottom: 40px;
  }
}