* {
  box-sizing: border-box; }

body, h1, h2, h3, h4, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd {
  margin: 0; }

.portfolio_bl img {
  max-width: 100%;
  display: block; }

.portfolio_bl .slide {
  margin-right: 30px; }

.portfolio_bl .portfolio-photo__section .portfolio--arrows {
  top: -100px; }
.portfolio_bl .portfolio-photo__section .portfolio-photo__cards {
  display: flex;
  justify-content: space-between;
  gap: 30px; }
  .portfolio_bl .portfolio-photo__section .portfolio-photo__cards .portfolio-photo__card {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-height: 382px;
    height: 100%;
    gap: 30px;
    overflow: hidden; }
  .portfolio_bl .portfolio-photo__section .portfolio-photo__cards .card-1 {
    max-width: 350px;
    width: 100%; }
    .portfolio_bl .portfolio-photo__section .portfolio-photo__cards .card-1 .portfolio-photo-1, .portfolio_bl .portfolio-photo__section .portfolio-photo__cards .card-1 .portfolio-photo-2 {
      max-width: 160px;
      width: 100%; }
    .portfolio_bl .portfolio-photo__section .portfolio-photo__cards .card-1 .portfolio-photo-3 {
      max-width: 350px;
      width: 100%; }
  .portfolio_bl .portfolio-photo__section .portfolio-photo__cards .card-2 {
    max-width: 455px;
    width: 100%; }
    .portfolio_bl .portfolio-photo__section .portfolio-photo__cards .card-2 .portfolio-photo-4 {
      max-width: 455px;
      width: 100%; }
  .portfolio_bl .portfolio-photo__section .portfolio-photo__cards .card-3 {
    max-width: 245px;
    width: 100%; }

.portfolio-photo-5 .main .portfolio-photo__section .portfolio-photo__cards .card-3 .portfolio-photo-6 {
  max-width: 245px;
  width: 100%; }

.portfolio_bl .portfolio-photo__section .portfolio-photo__cards .portfolio-photo__wrapper {
  position: relative; }
  .portfolio_bl .portfolio-photo__section .portfolio-photo__cards .portfolio-photo__wrapper .photo-hover {
    position: absolute;
    background-image: url("../img/background/photo-hover.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    transition: 0.4s ease;
    opacity: 0;
    cursor: pointer; }
    .portfolio_bl .portfolio-photo__section .portfolio-photo__cards .portfolio-photo__wrapper .photo-hover:hover {
      opacity: 1;
      cursor: pointer; }

@media (max-width: 867px) {
  .portfolio_bl .portfolio-photo__section .portfolio-photo__cards, .portfolio_bl .licenses__section .licenses__slider, .portfolio_bl .reviews__section .reviews__slider {
    margin-right: -30px; } }
.arrows__wrapper {
  position: relative; }
  .arrows__wrapper .arrow__prev {
    background-image: url("../img/icon/arrow-left.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 56px;
    border: none;
    cursor: pointer;
    transition: 0.4s ease;
    position: absolute;
    top: 260px;
    left: -10%; }
    .arrows__wrapper .arrow__prev:hover {
      background-image: url("../img/icon/arrow-lefthover.svg"); }
  .arrows__wrapper .arrow__next {
    background-image: url("../img/icon/arrow-right.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 56px;
    border: none;
    cursor: pointer;
    transition: 0.4s ease;
    position: absolute;
    top: 260px;
    right: -10%; }
    .arrows__wrapper .arrow__next:hover {
      background-image: url("../img/icon/arrow-righthover.svg"); }

@media (max-width: 1550px) {
  .arrows__wrapper {
    position: relative; }
    .arrows__wrapper .arrow__prev {
      top: -100px;
      left: inherit;
      right: 100px; }
    .arrows__wrapper .arrow__next {
      top: -100px;
      right: 0%; }

  .portfolio--arrows, .licenses--arrows, .reviews--arrows {
    top: 0 !important; } }
@media (max-width: 992px) {
  .arrows__wrapper {
    display: none; } }