.opinions {
  background-color: #313237;
  min-height: 100vh
}

.opinions .border-white {
  border: 2px solid hsla(0, 0%, 100%, .2)
}

.opinions .content {
  padding-left: 1rem;
  padding-right: 1rem
}

.opinions__header {
  font-size: 20px
}

@media print, screen and (min-width: 769px) {
  .opinions__header {
    font-size: 30px
  }
}

.opinions__header .content {
  padding-top: 120px
}

@media print, screen and (min-width: 769px) {
  .opinions__header .content {
    padding-top: 150px
  }
}

.opinions__item {
  margin-bottom: 2rem;
  text-align: center
}

.opinions__item figure {
  align-items: flex-end;
  border-radius: 100%;
  display: flex;
  height: 150px;
  margin: 0 auto !important;
  overflow: hidden;
  width: 150px;
  position: relative;
}

@media print, screen and (min-width: 769px) {
  .opinions__item figure {
    height: 180px;
    width: 180px
  }
}

.opinions__item figure img:not(.opinions__item__cover) {
  width: 150px;
  height: 150px;
  filter: grayscale(0);
  transition: filter .3s ease-in-out;
  transform: scale(.8) translateY(10px);
  background-color: #FFF;
}
@media print, screen and (min-width: 769px) {
  .opinions__item figure img:not(.opinions__item__cover) {
    width: 176px;
    height: 176px;
    transform: scale(.7);
  }
}

.opinions__item__cover{
  filter: unset;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1/1;
  z-index: 10;
  pointer-events: none;
}

.opinions__item a:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.opinions__item:hover figure img:not(.opinions__item__cover) {
  filter: grayscale(100%);
}

.opinions-inner {
  background-color: #313237;
  min-height: 100vh
}

.opinions-inner .back-link--mobile {
  margin-bottom: 0;
  top: 0;
  z-index: 31
}

.opinions-inner .content {
  padding-bottom: 75px
}

@media screen and (max-width: 1023px) {
  .opinions-inner .content {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

.opinions-inner__header .content {
  padding-top: 140px
}

@media print, screen and (min-width: 769px) {
  .opinions-inner__header .content {
    padding-top: 170px
  }
}

.opinions-inner__header .column:first-child .opinions-inner__header__page-title {
  position: absolute
}

.opinions-inner__header .column:first-child .opinions-inner__header__page-title img {
  width: 100%
}

.opinions-inner__header figure {
  align-items: flex-end;
  /*background: #fff;*/
  /*border: 2px solid #0EF4FA;*/
  border-radius: 100%;
  display: flex;
  margin: 0 auto !important;
  overflow: hidden;
  width: 100%;
  position: relative;
}

@media screen and (max-width: 1023px) {
  .opinions-inner__header figure {
    height: 180px;
    width: 180px
  }
}



.opinions-inner__header figure img:not(.opinions-inner__figure__cover) {
  filter: grayscale(0);
  transition: all .3s ease-in-out;
  transform:scale(.70);
  background-color: #FFF;
  border-radius: 100%;
  overflow: hidden;
}

@media print, screen and (min-width: 769px) {
  .opinions-inner__header__title {
    display: inline-block;
    /*margin-bottom: 3rem !important;*/
    font-size: 40px;
    font-weight: bold;
  }




  /*.opinions-inner__header__title:after {*/
  /*  border-bottom: 2px solid #0EF4FA;*/
  /*  content: "";*/
  /*  display: block;*/
  /*  margin-top: 1rem;*/
  /*  transform: translateX(-1.5rem);*/
  /*  width: calc(100% + 3rem)*/
  /*}*/
}

@media screen and (max-width: 768px) {
  .opinions-inner__header__title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
  }
}

.opinions-inner__figure__cover{
  filter: unset;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1/1;
  z-index: 10;
}

.opinions-inner__opinion {
  padding-bottom: 23px;
  padding-top: 23px
}

.opinions-inner__opinion__title {
  font-size: 25px !important;
  text-transform: uppercase
}

@media (min-width: 1024px) {
  .opinions-inner__opinion__title {
    font-size: 40px !important
  }
}

.opinions-inner__opinion:not(:last-child) {
  border-bottom: 1px solid #fff
}

.opinions-inner__footer {
  background: #000a34;
  background: linear-gradient(0deg, rgba(0, 10, 52, .9) 40%, rgba(0, 10, 52, .5) 70%, rgba(0, 10, 52, 0));
  border-top: 2px solid #fff;
  padding-bottom: 40px;
  padding-top: 20px
}

.opinions-inner__footer__names a {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2
}