.hub-rules-section {
   background: linear-gradient(to bottom, rgba(15, 15, 15, 0) 50%, rgba(60, 182, 74, 0.3) 100%);
   display: block;
   width: 100%;
   padding: 74px 0 0;
 }

 .hub-rules-section .section-title {
   padding: 0;
 }

 .rules-listing {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: baseline;
 }

 .rules-box-2 {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 16px;
   text-align: center;
   padding: 30px 44px;
   width: 33.333%;
 }

 .rules-box-2 .icon {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .rules-box-2 .icon img {
   width: 36px;
   height: auto;
 }

 .rules-box-2 .green-text {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .rules-box-2 .green-text span {
   font-size: 14px;
   display: flex;
   align-items: center;
   padding: 4px 18px;
   background: #3CB64A;
   color: #fff;
   border-radius: 100px;
 }

 .rules-box-2 .text {
   margin: -10px 0 0 0;
 }



 @media (max-width: 1599px) {}

 @media (max-width: 1439px) {}

 @media (max-width: 1350px) {}

 @media (max-width: 1199px) {
   .hub-rules-section {
     padding: 48px 0 0;
   }

   .rules-box-2 {
     padding: 30px 16px;
   }
 }

 @media (max-width: 991px) {
   .hub-rules-section {
     padding: 48px 0 0;
   }

   .rules-box-2 {
     width: 50%;
     padding: 30px 16px;
   }
 }

 @media (max-width: 767px) {
   .hub-rules-section {
     background: linear-gradient(to bottom, rgba(15, 15, 15, 0) 25%, rgba(60, 182, 74, 0.3) 100%);
     padding: 24px 0;
   }

   .rules-box-2 {
     width: 100%;
     gap: 10px;
     padding: 20px 0 0;
   }

   .rules-box-2 .icon img {
     width: 26px;
   }

   .rules-box-2 .text {
     margin: 0;
   }

   .rules-box-2 .text p {
     font-size: 16px;
   }

   .rules-box-2 h4 {
     font-size: 18px;
   }
 }