[pricing] adjust the spacing around the pricing card.

Author: nisarhassan12

src/components/PricingBox.tsx

@@ -31,6 +31,7 @@ const StyledPricingBox = styled.div<StyledPricingBoxProps>`
     border: 1px solid ${colors.offWhite2};
     background-color: ${colors.offWhite};
     border-radius: 3px;
+    margin-top: ${({ isTitleOutside }) => isTitleOutside ? '6rem' : '2rem'};
 
     @media(min-width: ${sizes.breakpoints.md}) {
         z-index: ${({ transform }) => transform ? '1' : null};

src/components/pricing/PricingBoxes.tsx

@@ -117,7 +117,7 @@ const PricingContainer = styled.div`
     
     .cards {
         justify-content: flex-start;
-        padding: 3rem 0;
+        padding: 0rem 0 3rem;
 
         .hide {
             display: none;