.h-category {
   background: #111111;

   padding-top: 40px;
   padding-bottom: 64px;
}
.h-category-title {
   padding-bottom: 20px;
   display: flex;
   flex-direction: column;
   margin-bottom: 24px;
   font-family: 'Proxima Nova', sans-serif;
   font-style: normal;
   font-weight: 700;
   position: relative;
   font-size: 32px;
   line-height: 39px;
   text-align: center;
   letter-spacing: 0.03em;
   color: #FFFFFF;
}
.h-category-title:after {
   content:'';
   display: block;
   position: absolute;
   bottom: 0px;
   left: 50%;
   transform: translateX(-50%);
   width: 200px;
   height: 4px;
   margin-left: auto;
   margin-right: auto;
   background: #EA6101;
}
.h-category-text {
   font-family: 'PF Regal Text Pro', sans-serif;
   font-style: normal;
   font-weight: 300;
   font-size: 20px;
   line-height: 135%;
   text-align: center;
   letter-spacing: 0.03em;
   color: #FFFFFF;
   width: 750px;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 40px;
}
.h-categody-flex {
   display: flex;
   flex-wrap: wrap;
   margin-left: -8px;
   margin-right: -8px;
   margin-top: -20px;
}
.h-category-item {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin-left: 8px;
   margin-right: 8px;
   width: calc(33.33% - 16px);
   margin-top: 20px;
   padding: 20px;
   background: #2F2F2F;
   transition: 0.25s;
   border-bottom: 3px solid transparent;
}
.h-category-item p {
   font-family: 'Mariupol', sans-serif;
   font-style: normal;
   font-weight: 500;
   font-size: 20px;
   line-height: 125%;
   text-align: center;
   letter-spacing: 0.01em;
   color: #FFFFFF;
}
.h-category-item:hover {
   background: #EA6101;
   border-bottom: 3px solid #803500;
}
.h-category-item-icon {
   width: 32px;
   height: 32px;
   margin-bottom: 16px;
   margin-left: auto;
   margin-right: auto;
}
.h-category-item-icon img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: contain;
   object-position: center;
}
@media screen and (max-width: 600px){
   .h-category-item {
      width: calc(50% - 16px);
   }
   .h-category-title {
      font-size: 24px;
      line-height: 32px;
   }
   .h-category-text {
      font-size: 16px;
      line-height: 24px;
   }
   .h-category-item p {
      font-size: 16px;
   }
}