#feature {
   .catagories-section .catagories {
      border: none;
      box-shadow: none;
      .img-wrap img {
         @media only screen and (min-width: 1024px) and (max-width: 1330px) {
            width: 90%;
         }
         @media (max-width: 497px) {
            width: 80%;
         }
      }
      &:hover {
         background-color: transparent;
         .img-wrap img {
            filter: none !important;
         }
      }
   }
}
#community {
   @media (max-width: 497px) {
      padding-block: 4vh;
   }
   .img-sec {
      img {
         width: 90%;
         border-radius: 10px;
         box-shadow: 0px 0px 10px 0px #b2b2b2;
         @media (max-width: 497px) {
            width: 100%;
         }
      }
   }
   .text-sec {
      padding-block: 14vh;
      @media (max-width: 497px) {
         padding-block: 7vh 0vh;
         text-align: center;
      }
      h2 {
         font-size: 2rem;
      }
      p {
         margin-block: 2vh;
      }
      button {
         background: black;
         color: white;
         border: 1px solid transparent;
         padding-block: 2vh;
         padding-inline: 4vw;
         border-radius: 5px;
         transition: all 0.7s ease;
         @media (max-width: 497px) {
            padding-inline: 20vw;
         }
         &:hover {
            border: 1px solid black;
            background: transparent;
            color: black;
         }
      }
   }
}

#goodbyesec {
   img {
      margin-block: 5vh;
      width: 90%;
      @media only screen and (min-width: 1024px) and (max-width: 1330px) {
         width: 90%;
      }
      @media (max-width: 497px) {
         width: 90%;
      }
   }
   #cat-sec {
      display: flex;
      justify-content: center;
      p {
         font-size: 20px;
      }
   }
}