.tech_stack_tabs_with_dropdowns .title_columns {
   margin-bottom: clamp(26px, 84 * (100vw / 1920), 84px);
   color: #000;
}

.tech_stack_tabs_with_dropdowns__navigation {
   display: grid;
   grid-template-columns: repeat(3, minmax(200px, 1fr));
   gap: 16px;
   margin-bottom: clamp(28px, 84 * (100vw / 1920), 84px);;
}



.tech_stack_tabs_with_dropdowns__navigation_item {
   color: #818181;
   padding-top: 16px;
   border-top: 2px solid #D1D1D1;
   font-weight: 500!important;
   cursor: pointer;
}

.tech_stack_tabs_with_dropdowns__navigation_item.current-item {
   color: #000;
   border-color: #000;
}

.tech_stack_tabs_with_dropdowns__content:not(.current-item) {
   display: none;
}

.tech_stack_tabs_with_dropdowns__content_item {
   display: flex;
   flex-direction: column;
   gap: 16px;
   padding: 1em;
   height: 100%;
   border: 2px solid #D1D1D1;
   align-items: center;
   justify-content: space-between;
   text-decoration: none;
   aspect-ratio: 294/312;
}



.tech_stack_tabs_with_dropdowns__content_item:hover {
   border: 2px solid #000;
}

.owl-item .tech_stack_tabs_with_dropdowns__content_item__image {
   display: flex;
   height: 100%;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.owl-item .tech_stack_tabs_with_dropdowns__content_item__image img {
   width: auto;
   max-height: clamp(80px, 144 * (100vw / 1920), 144px);
}

.owl-item .tech_stack_tabs_with_dropdowns__content_item__image:hover img.hover,
.owl-item .tech_stack_tabs_with_dropdowns__content_item__image .main{
   display: flex;
}

.owl-item .tech_stack_tabs_with_dropdowns__content_item__image:hover img.main,
.owl-item .tech_stack_tabs_with_dropdowns__content_item__image img.hover{
   display: none;
}

.tech_stack_tabs_with_dropdowns__content_item .suffix {
   opacity: 0;
}

.tech_stack_tabs_with_dropdowns__content_item:hover .suffix {
   opacity: 1;
}

.tech_stack_tabs_with_dropdowns__content_item__text {
   color: #818181;
   text-decoration: none;
   text-transform: uppercase;
   font-weight: 500;
   position: relative;
}

.tech_stack_tabs_with_dropdowns__content_item__text p {
   color: inherit;
   text-decoration: inherit;
   text-transform: inherit;
   font-weight: inherit;
   position: relative;
   left: 0.5em;
}

.tech_stack_tabs_with_dropdowns__content_item:hover .tech_stack_tabs_with_dropdowns__content_item__text {
   color: #000;
}

.tech_stack_tabs_with_dropdowns__tab_item {
   margin-bottom: -2px;
}

.tech_stack_tabs_with_dropdowns__tab_item .toggle_title {
   padding: clamp(14px, 22 * (100vw / 1920), 22px) 20px clamp(14px, 22 * (100vw / 1920), 22px)!important;
   margin: -2px 0;
   border: 2px solid #D1D1D1;
   font-weight: 500!important;
}

.tech_stack_tabs_with_dropdowns__tab_item .toggle_title:before {
   right: 20px;
   font-size: 1.5em;
   font-weight: 400;
}

.tech_stack_tabs_with_dropdowns__tab_item .toggle_title.active {
   border-bottom: none;
}

.tech_stack_tabs_with_dropdowns__tab_item .toggle_title.active:before {
   content: "–";
}

.tech_stack_tabs_with_dropdowns__tab_item .toggle_title:after {
   display: none;
}

.tech_stack_tabs_with_dropdowns__tab_item .toggle_text {
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap;
   position: relative;
}

.tech_stack_tabs_with_dropdowns__tab_item .toggle_text.active {
   padding-bottom: clamp(20px, 30 * (100vw / 1920), 30px);
}

.tech_stack_tabs_with_dropdowns__slides {
   display: flex;
   flex-direction: row;
   height: clamp(200px, 312 * (100vw / 1920), 312px);
}

.tech_stack_tabs_with_dropdowns__slide {
   display: flex;
   flex-direction: column;
   gap: 16px;
   padding: 1em;
   height: 100%;
   border: 2px solid #D1D1D1;
   align-items: center;
   justify-content: space-between;
   text-decoration: none;
   aspect-ratio: 294/312;
   width: clamp(200px, 294 * (100vw / 1920), 294px);
   position: relative;
}

.tech_stack_tabs_with_dropdowns__slide:not(:last-child) {
   margin-right: -2px;
}

.tech_stack_tabs_with_dropdowns__slide:hover:before {
   outline: 2px solid #000;
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
   pointer-events: none;
}

.tech_stack_tabs_with_dropdowns__slide__image {
   display: flex;
   height: 100%;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.tech_stack_tabs_with_dropdowns__slide__image img {
   width: auto;
   max-height: clamp(80px, 144 * (100vw / 1920), 144px);
}

.tech_stack_tabs_with_dropdowns__slide .tech_stack_tabs_with_dropdowns__slide__image:hover img.hover,
.tech_stack_tabs_with_dropdowns__slide .tech_stack_tabs_with_dropdowns__slide__image .main{
   display: flex;
}

.tech_stack_tabs_with_dropdowns__slide .tech_stack_tabs_with_dropdowns__slide__image:hover img.main,
.tech_stack_tabs_with_dropdowns__slide .tech_stack_tabs_with_dropdowns__slide__image img.hover{
   display: none;
}

.tech_stack_tabs_with_dropdowns__tab_item .toggle_text {
   scrollbar-width: none;
   -ms-overflow-style: none;
}

.tech_stack_tabs_with_dropdowns__tab_item .toggle_text::-webkit-scrollbar {
   display: none;
}

.tech_stack_tabs_with_dropdowns__tab_item .simplebar-track.simplebar-horizontal {
   bottom: 15px;
   height: 6px;
}

.tech_stack_tabs_with_dropdowns__tab_item .simplebar-scrollbar::before {
   background: #818181;
   border-radius: 4px;
   height: 100%;
}






@media screen and (max-width: 960px) {
   .tech_stack_tabs_with_dropdowns__navigation {
      grid-template-columns: repeat(2, minmax(200px, 1fr));
   }
}

@media screen and (max-width: 560px) {
   .tech_stack_tabs_with_dropdowns__navigation {
      grid-template-columns: repeat(1, minmax(200px, 1fr));
   }
}

