/*#region ------ Variables --- */
/*#endregion*/
/*#region ------ Fonts --- */
/*#endregion*/
/*#region ------ Colors --- */
/*#endregion*/
/*#region ------ Titles --- */
/*#endregion*/
/*#region ------ Adaptive --- */
/*#endregion*/
/*#region ------ Functions --- */
/*#endregion*/
/* ------ Global ------ */
/* ------ Parts ------ */
/* ------ Components ------ */
/* ------ Widgets ------ */
/* ------ UI ------ */
/* ------ Templates ------ */
/* ------ Misc ------ */
.component_content_5 {
  display: flex;
}
.component_content_5 > .container {
  z-index: 2;
}
.component_content_5 .component__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.component_content_5 .component__link {
  width: fit-content;
  min-width: 220px;
  flex-shrink: 0;
}
.component_content_5 .component__title {
  padding-right: 15px;
  line-height: 120%;
}
.component_content_5 .component__title.style_1 {
  color: var(--color-dark);
  font-family: var(--font-1_Bold);
  font-size: 48px;
  line-height: 100%;
}
@media (max-width: 1199px) {
  .component_content_5 .component__head {
    margin-bottom: calc(0.0227272727 * 100vw + 12.7272727273px);
  }
  .component_content_5 .component__title.style_1 {
    font-size: calc(0.0181818182 * 100vw + 26.1818181818px);
  }
  .component_content_5 .component__link {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .component_content_5 .component__title {
    text-align: center;
    padding-right: 0px;
  }
  .component_content_5 .component__head.type_1 {
    flex-direction: column;
  }
  .component_content_5 .component__head.type_2 {
    flex-direction: column;
    justify-content: center;
  }
}
.component_content_5 .component__inner {
  display: grid;
  grid-template-columns: 630px 1fr;
  grid-gap: 30px;
}
.component_content_5 .component__gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 140px;
  grid-gap: 20px;
}
.component_content_5 .component__gallery > *:first-child {
  grid-column: 2/5;
  grid-row: 1/4;
}
.component_content_5 .component__gallery a {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
.component_content_5 .component__gallery a:hover::before {
  background-color: rgba(var(--color-primary--rgb), 0.8);
}
.component_content_5 .component__gallery a:hover::after {
  opacity: 1;
}
.component_content_5 .component__gallery a::before {
  content: "";
  z-index: 1;
  transition: background-color ease-in-out 400ms;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.component_content_5 .component__gallery a::after {
  filter: var(--color-light--filter);
  content: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.3443 0.175293C10.0512 0.175293 0.896362 9.62373 0.896362 21.279C0.896362 32.9342 10.0512 42.3827 21.3443 42.3827C32.6373 42.3827 41.7922 32.9342 41.7922 21.279C41.7922 9.62373 32.6373 0.175293 21.3443 0.175293ZM4.0422 21.279C4.0422 11.4168 11.7886 3.42201 21.3443 3.42201C30.8999 3.42201 38.6464 11.4168 38.6464 21.279C38.6464 31.1411 30.8999 39.1359 21.3443 39.1359C11.7886 39.1359 4.0422 31.1411 4.0422 21.279Z" fill="black" /><path d="M39.2344 37.4471C38.6202 36.8132 37.6242 36.8132 37.01 37.4471C36.3957 38.0811 36.3957 39.1089 37.01 39.7429L45.3986 48.4007C46.0129 49.0347 47.0088 49.0347 47.6231 48.4007C48.2373 47.7668 48.2373 46.7389 47.6231 46.1049L39.2344 37.4471Z" fill="black" /> </svg>');
  transition: opacity ease-in-out 400ms;
  position: absolute;
  width: 50px;
  height: 50px;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  opacity: 0;
  z-index: 5;
}
.component_content_5 .component__gallery img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.component_content_5 .component__info {
  display: grid;
  grid-row-gap: 20px;
  grid-template-rows: 1fr auto;
}
.component_content_5 .component__links {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
}
.component_content_5 .component__links .btn.type_1 {
  width: 260px;
}
.component_content_5 .component__links .btn.type_4 {
  width: 200px;
}
@media (max-width: 1199px) {
  .component_content_5 .component__inner {
    grid-template-columns: 1fr;
  }
  .component_content_5 .component__links {
    grid-auto-flow: row;
    justify-content: inherit;
  }
  .component_content_5 .component__link {
    width: 100% !important;
  }
}
@media (max-width: 575px) {
  .component_content_5 .component__gallery {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
  }
  .component_content_5 .component__gallery > *:first-child {
    grid-column: 1/3;
    grid-row: 1/3;
  }
}