fixes

package.json

@@ -18,7 +18,6 @@
     "react-dom": "^18.2.0",
     "react-icons": "^5.3.0",
     "react-router-dom": "^6.22.2",
-    "react-scroll": "^1.9.0",
     "vite": "^5.1.4"
   },
   "devDependencies": {

src/Components/Teams/Card/Card.module.scss

@@ -178,7 +178,7 @@
         align-items: center;
 
         clip-path: polygon(
-          6% 0,
+          4% 0,
           100% 0,
           100% 20%,
           100% 100%,

src/Pages/FAQ/Faq.jsx

@@ -7,7 +7,13 @@ import datas from "../../assets/faq.json";
 const Faq = () => {
   return (
     <div className={styles.FaqParent}>
-      <div className={styles.mask}></div>
+      <div className={styles.bgPng}>
+        <img
+          src="/images/faqcover.svg"
+          alt="team page background"
+          className={styles.coverImg}
+        />
+      </div>
       <h1 className={styles.heading}>Faq</h1>
       <div className={styles.innerContHolder}>
         <div className={styles.innerCont}>

src/Pages/FAQ/Faq.module.scss

@@ -9,26 +9,32 @@
 
 .FaqParent {
   position: relative;
-  .mask {
-    position: absolute;
-    top: 0;
-    min-width: 100%;
-    min-height: 30vh;
-    background-image: linear-gradient(to bottom, transparent, #000000);
-    z-index: 0;
+  min-height: 100vh;
+  .bgPng {
+    width: 100%;
+    height: 45vh;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    -webkit-mask-image: linear-gradient(to top, transparent, #000000);
+    mask-image: linear-gradient(to top, transparent, #000000);
+    mask-repeat: no-repeat;
+    overflow: hidden;
+    .coverImg {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
   }
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background-color: black;
-  background-image: url("../../../public/images/Faq\ Bg.png") !important;
-  background-size: 100% 30vh;
   opacity: 1;
   filter: contrast(1.5);
   filter: brightness(120%);
   background-repeat: repeat-x;
-  gap: 10rem;
+  gap: 5rem;
 
   .heading {
     color: #f2c300;
@@ -39,8 +45,6 @@
     line-height: 2.5rem;
     letter-spacing: 0.1em;
     z-index: 1;
-    margin-top: 20rem;
-    //  text-align: center;
   }
 
   .innerContHolder {

src/Pages/Home/Home.module.scss

@@ -1,6 +1,6 @@
 // This is a part of Template
 .home {
-  height: 100vh;
+  min-height: 100vh;
   background-color: black;
   h1 {
     font-weight: bold;

src/Pages/Team/Team.module.scss

@@ -11,6 +11,7 @@ $fontcolor: #ffffff;
   width: 100%;
   overflow-x: hidden;
   background-color: black;
+  min-height: 100vh;
   z-index: 1;
   background-size: 100% 40vh;
 

src/index.scss

@@ -38,5 +38,4 @@
   font-family: var(--gdsc-font-1);
   background-color: #000000;
   color: #ffffff;
-  overflow: hidden;
 }