.tech {
   margin-top: 120px;
   margin-bottom: 120px;
}
.gt-tech-title {
   color: #111;
   text-align: center;
   font-size: 36px;
   font-style: normal;
   font-weight: 500;
   line-height: 40px;
   margin-bottom: 60px;
}
.gt-tech-title > * {
   color: #111;
   text-align: center;
   font-size: 36px;
   font-style: normal;
   font-weight: 500;
   line-height: 40px;
}
.tech-flex {
   display: flex;
   flex-wrap: wrap;
   border: 1px solid #E8E8E8;
   border-right: none;
   border-bottom: none;
   border-top: none;
}
.tech-item {
   border-right: 1px solid #E8E8E8;
   height: 200px;
   width: calc(100%  / 6);
   border-top: 1px solid #E8E8E8;
   border-bottom: 1px solid #E8E8E8;
   padding: 41px 10px 10px 10px;
   text-decoration: none !important;
}
.tech-item:hover {
   background: #F9FAFB;
}
.tech-item-image {
   width: 80px;
   height: 80px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 16px;
}
.tech-item-image img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: contain;
   object-position: center;
}
.tech-item-text {
   color: #111111;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 140%;
   text-align: center;
   text-decoration: none !important;
}
.tech-mob-btn {
   display: none;
}
.tech-gut-row-btn {
   margin-top: 48px;
   display: flex;
   justify-content: center;
}
.tech-gut-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   background: #FFF337;
   width: 145px;
   height: 70px;
   color: #111 !important;
   font-size: 18px !important;
   font-style: normal !important;
   font-weight: 600 !important;
   line-height: 24px;
   transition: 0.25s;
   text-decoration: none !important;
}
.tech-gut-btn:hover {
   box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}

.tech-top-with-text {
   margin-bottom: 44px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.tech-top-with-text .gt-tech-title *{
   text-align: left;
}
.tech-top-with-text .gt-tech-title {
   text-align: left;
   width:  46%;
   margin-bottom: 0px;
}
.tech-top-text {
   width: 46%;
   color: #888;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
}
@media screen and (max-width: 992px) {
   .tech {
      margin-top: 100px;
      margin-bottom: 100px;
   }
   .tech-top {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-bottom: 0px;
   }
   .tech-title {
      width: 100%;
      margin-bottom: 24px;
      font-size: 32px;
      font-style: normal;
      font-weight: 500;
      line-height: 130%; 
   }
   .tech-top-text {
      width: 100%;
      font-size: 16px;
      font-style: normal;
      font-weight: 300;
      line-height: 150%;
      margin-bottom: 40px;
      color: #111111;  
   }
   .tech-item {
      width: 50%;
      height:200px;
      padding-top: 40px;
   }
   .tech-item {
      display: none;
   }
   .tech-item:nth-child(1),
   .tech-item:nth-child(2),
   .tech-item:nth-child(3),
   .tech-item:nth-child(4),
   .tech-item:nth-child(5),
   .tech-item:nth-child(6) {
      display: block;
   }

   .tech-flex.active .tech-item {
      display: block;
   }
   .tech-all-show {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #FFF337;
      width: 144px;
      height: 70px;
      margin-left: auto;
      margin-right: auto;
      cursor: pointer;
      color: #111111 !important;
      font-size: 18px;
      font-style: normal;
      font-weight: 600 !important;
      line-height: 24px; 
      text-decoration: none !important;
   }
   .gt-tech-title {
      margin-bottom: 40px;
   }
   .gt-tech-title > *,
   .gt-tech-title {
      color: #111;
      font-size: 32px;
      font-style: normal;
      font-weight: 500;
      line-height: 130%;
   }
   .tech-gut-row-btn {
      margin-top: 32px;
   }
   .tech-top-with-text .gt-tech-title {
      margin-bottom: 32px;
      width: 100%;
   }
}