.pages_info_with_cases .title_columns {
   margin-bottom: clamp(28px, 84 * (100vw / 1920), 84px);
}

.pages_info_with_cases__inner {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   gap: clamp(28px, 84 * (100vw / 1920), 84px);
}
.is-reverse .pages_info_with_cases__inner {
   flex-direction: row-reverse;
}

.pages_info_with_cases__tabs {
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
   gap: clamp(16px, 28 * (100vw / 1920), 28px);
}

.pages_info_with_cases__tabs_item {
   padding-top: 16px;
   text-decoration: none;
   text-transform: none;
   border-top: 2px solid #D1D1D1;
   display: flex;
   flex-direction: column;
   gap: 16px;
   color: #000;
   cursor: pointer;
}

.pages_info_with_cases__tabs_item:hover {
   border-top: 2px solid #000;
}

.pages_info_with_cases__tabs_item .title {
   font-weight: 500;
}

.pages_info_with_cases__tabs_item .suffix {
   opacity: 0;
}

.pages_info_with_cases__tabs_item:hover .suffix {
   opacity: 1;
}

.pages_info_with_cases__tabs_item .description * {
   color: inherit;
   font-weight: 400;
   line-height: inherit;
}

.pages_info_with_cases__tabs_item .cases {
   display: none;
}

.pages_info_with_cases__cases {
   flex: 0 0 32.71%;
}


.pages_info_with_cases__cases_item:not(.current-item) {
   display: none;
}


.pages_info_with_cases__cases_item {
   display: flex;
   flex-direction: column;
   gap: clamp(28px, 46 * (100vw / 1920), 46px);
}

.pages_info_with_cases__cases_item .case-item,
.pages_info_with_cases__tabs_item .cases .case-item {
   position: relative;
}

.pages_info_with_cases__cases_item .case-item .case_logo,
.pages_info_with_cases__tabs_item .cases .case-item .case_logo {
   position: absolute;
   max-width: 15rem;
   left: 15px;
   top: 15px;
   background-color: rgba(255, 255, 255, 0.5);
   padding: 0.5em;
}

.pages_info_with_cases__cases_item .case-item >img,
.pages_info_with_cases__tabs_item .cases .case-item >img {
   display: block;
   height: auto;
   width: 100%;
   aspect-ratio: 574/415;
}

.pages_info_with_cases__cases_item .case-item:hover .btn-link,
.pages_info_with_cases__tabs_item .cases .case-item:hover .btn-link {
   opacity: 1;
}

@media screen and (max-width: 1366px) and (pointer: coarse) and (hover: none) {
   .pages_info_with_cases__tabs_item:not(.current-item) .cases,
   .pages_info_with_cases__tabs_item:not(.current-item) .description {
      display: none;
   }

   .pages_info_with_cases__tabs_item .cases {
      display: flex;
      gap: 28px;
   }


   .pages_info_with_cases__inner {
      flex-direction: column;
   }
   .pages_info_with_cases__cases {
      display: none;
   }

   .pages_info_with_cases__tabs_item .suffix {
      display: none;
   }
}

@media screen and (max-width: 768px) {
   .pages_info_with_cases__tabs_item .cases {
      flex-direction: column;
   }
}