diff --git a/src/assets/images/sistent/sistent-logo.svg b/src/assets/images/sistent/sistent-logo.svg
new file mode 100644
index 000000000000..c497b2781e4e
--- /dev/null
+++ b/src/assets/images/sistent/sistent-logo.svg
@@ -0,0 +1,15 @@
+<svg width="106" height="120" viewBox="0 0 106 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3928_11280)">
+<path d="M47.1027 80.6149C50.0046 82.2783 52.6104 83.7634 55.1569 85.3674C56.3413 86.1397 57.2889 86.0803 58.5325 85.3674C68.7187 79.4862 78.9048 73.7238 89.0909 67.9615C90.2753 67.308 90.6307 66.4763 90.6307 65.1694C90.5714 50.7932 90.5715 36.4169 90.3938 21.9813C90.3938 21.1496 89.6831 19.9021 88.9725 19.4862C78.0757 13.011 67.0604 6.71394 55.986 0.357503C55.453 0.0604735 54.5647 -0.117744 54.1501 0.119879C51.189 1.72384 48.2872 3.38721 45.1484 5.22879C46.1552 5.82285 46.8066 6.2981 47.5173 6.71394C57.9403 12.7139 68.3633 18.7733 78.7863 24.7139C80.1484 25.4862 80.7407 26.3179 80.6814 27.9813C80.6814 38.3773 80.7407 48.7139 80.8591 59.11C80.8591 60.7733 80.3853 61.7239 78.9048 62.5555C72.5681 66.0605 66.2906 69.6842 59.9539 73.2486C55.7491 75.6248 51.6036 78.0605 47.1027 80.6149Z" fill="#00B39F"/>
+<path d="M72.3935 93.923C82.935 87.9824 93.4172 81.923 103.899 75.8636C104.61 75.4478 105.262 74.3785 105.262 73.6062C105.262 59.0517 105.202 44.5567 105.143 30.0022C105.143 29.2894 104.669 28.2795 104.136 27.923C101.412 26.2003 98.6287 24.5963 95.3715 22.6953C95.3715 23.8834 95.3715 24.5369 95.3715 25.2498C95.4307 39.0914 95.4307 52.9329 95.5492 66.7745C95.5492 68.7349 95.0754 69.8042 93.2988 70.7547C86.962 74.2597 80.6845 77.8834 74.407 81.5072C70.1431 83.9428 65.8791 86.4379 61.4375 88.9923" fill="#00D3A9"/>
+<path d="M75.0008 55.4861C75.0008 52.0999 75.1192 49.0108 74.9416 45.9811C74.8823 45.09 74.2309 43.9019 73.5202 43.486C63.2157 37.3672 52.8519 31.3078 42.5473 25.3672C41.8959 25.0108 40.7114 24.9514 40.06 25.3078C27.3866 32.4959 14.7724 39.7435 2.15814 47.1098C1.5067 47.5257 0.855264 48.6544 0.855264 49.4266C0.796043 62.0207 0.855264 74.6148 0.973707 87.2682C0.973707 87.9217 1.09215 88.8722 1.5067 89.1098C4.40856 90.9514 7.42887 92.6148 10.6861 94.5158C10.6861 93.2682 10.6861 92.4959 10.6861 91.7237C10.6268 79.6643 10.6268 67.6049 10.5084 55.5455C10.5084 54.1791 10.8045 53.288 12.1074 52.5752C21.2867 47.3474 30.3476 42.1197 39.4086 36.8326C40.6522 36.1197 41.659 36.0009 42.9619 36.7732C49.5947 40.7534 56.2275 44.5554 62.9196 48.4761C66.8282 50.793 70.796 53.0504 75.0008 55.4861Z" fill="#00B39F"/>
+<path d="M105.498 80.0812C104.076 80.8535 103.247 81.3881 102.359 81.8634C92.1135 87.7446 81.9273 93.6258 71.682 99.5664C70.4976 100.279 69.6092 100.398 68.3656 99.6258C59.1862 94.2198 49.9477 88.9327 40.7091 83.6456C39.4062 82.9327 39.1101 82.0416 39.1101 80.6753C39.1693 69.2099 39.1101 57.804 39.1101 46.3386C39.1101 45.6258 39.0509 44.8535 38.9916 43.7842C36.149 45.4475 33.6025 46.9921 30.9375 48.3584C29.6346 49.0119 29.2793 49.9624 29.2793 51.3287C29.3385 63.0911 29.2793 74.8535 29.3977 86.5565C29.3977 87.3881 30.1084 88.6357 30.8191 89.0515C43.3741 96.4178 55.9883 103.725 68.6617 110.972C69.3131 111.388 70.616 111.329 71.3267 110.972C82.2827 104.794 93.1202 98.4971 104.017 92.1406C104.609 91.7842 105.379 91.0713 105.379 90.5367C105.557 87.2693 105.498 83.9426 105.498 80.0812Z" fill="#00B39F"/>
+<path d="M75.0553 38.9121C75.0553 35.526 74.9961 32.5557 75.0553 29.526C75.1146 28.2191 74.6408 27.4468 73.4564 26.7933C63.0333 20.7933 52.6696 14.7339 42.1873 8.79333C41.4767 8.37748 40.0553 8.37748 39.3447 8.79333C26.8489 15.8626 14.3531 23.0508 1.85737 30.2983C1.32438 30.5953 0.554496 31.0706 0.554496 31.4864C0.436053 34.9319 0.495274 38.4369 0.495274 42.2389C1.50204 41.7042 2.03504 41.4666 2.56803 41.1696C14.8269 34.1597 27.0266 27.1498 39.2855 20.0805C40.4107 19.427 41.2398 19.3676 42.365 20.0211C51.2482 25.2488 60.2499 30.4171 69.1924 35.5854C71.0283 36.6547 72.8641 37.6646 75.0553 38.9121Z" fill="#00D3A9"/>
+<path d="M65.4075 114.77C64.5191 114.176 63.9861 113.82 63.4532 113.523C51.2535 106.454 39.0538 99.3843 26.7949 92.3744C25.4328 91.6021 24.8406 90.7704 24.8999 89.1665C24.9591 77.6417 24.8999 66.117 24.8406 54.5922C24.8406 53.8199 24.7814 52.9883 24.7222 51.9189C21.5834 53.7011 18.8592 55.2457 16.1943 56.909C15.6021 57.2655 15.1875 58.2754 15.1875 58.9288C15.1875 71.0477 15.1875 83.2259 15.3059 95.3447C15.3059 96.117 15.9574 97.2457 16.668 97.6615C29.1638 105.028 41.778 112.275 54.3922 119.582C54.9845 119.939 55.932 120.176 56.465 119.879C59.4261 118.335 62.2095 116.612 65.4075 114.77Z" fill="#00D3A9"/>
+</g>
+<defs>
+<clipPath id="clip0_3928_11280">
+<rect width="105" height="120" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/sections/Projects/Project-grid/index.js b/src/sections/Projects/Project-grid/index.js
index fde08fe0cb13..806a2a32cdfd 100644
--- a/src/sections/Projects/Project-grid/index.js
+++ b/src/sections/Projects/Project-grid/index.js
@@ -18,9 +18,9 @@ import L5gray from "../../../assets/images/layer5/5 icon/svg/gray/5-gray-60.svg"
 import nighthawk from "../../../assets/images/nighthawk/icon-only/SVG/nighthawk-logo.svg";
 import meshmap from "../../../assets/images/meshmap/icon-only/meshmap-icon.svg";
 import catalog from "../../../assets/images/catalog-icon/catalog.svg";
+import sistent from "../../../assets/images/sistent/sistent-logo.svg";
 import SoSpecial from "../../Home/So-Special-Section";
 
-
 const ProjectPage = () => {
   const { isDark } = useContext(ThemeManagerContext);
   return (
@@ -37,13 +37,22 @@ const ProjectPage = () => {
       <div className="project-page-wrapper">
         <Container>
           <div className="project__grid">
+            <Link to="/projects/sistent" className="project__card sistent">
+              <div className="project__card-container project__card-container_one">
+                <img src={sistent} alt="Sistent" />
+                <h5>Sistent</h5>
+              </div>
+            </Link>
             <Link to="/service-mesh-landscape" className="project__card one">
               <div className="project__card-container project__card-container_one">
                 <img src={landscape} alt="Landscape" />
                 <h5>Landscape</h5>
               </div>
             </Link>
-            <Link to="/cloud-native-management/meshery" className="project__card two">
+            <Link
+              to="/cloud-native-management/meshery"
+              className="project__card two"
+            >
               <div className="project__card-container project__card-container_meshery">
                 <img src={meshery} alt="Meshery" />
                 <h5>Meshery</h5>
@@ -69,7 +78,10 @@ const ProjectPage = () => {
               className="project__card five"
             >
               <div className="project__card-container">
-                <img src={isDark ? smp_light : smp_dark} alt="Cloud Native Performance" />
+                <img
+                  src={isDark ? smp_light : smp_dark}
+                  alt="Cloud Native Performance"
+                />
                 <h5>Cloud Native Performance</h5>
               </div>
             </Link>
@@ -92,10 +104,7 @@ const ProjectPage = () => {
             >
               <div className="project__card-container-seven">
                 <Row>
-                  <img
-                    src={extension}
-                    alt="Meshery Docker Extension"
-                  />
+                  <img src={extension} alt="Meshery Docker Extension" />
                   <h5> Meshery Docker Extension </h5>
                 </Row>
               </div>
@@ -109,7 +118,10 @@ const ProjectPage = () => {
                 <h5> Cloud Native Patterns</h5>
               </div>
             </Link>
-            <Link to="/cloud-native-management/catalog" className="project__card ten">
+            <Link
+              to="/cloud-native-management/catalog"
+              className="project__card ten"
+            >
               <div className="project__card-container project__card-container_nighthawk">
                 <img src={catalog} alt="Catalog" />
                 <h5>Catalog</h5>
@@ -134,7 +146,7 @@ const ProjectPage = () => {
         </Container>
       </div>
       {/* <ProudMaintainers /> */}
-      <SoSpecial/>
+      <SoSpecial />
     </ProjectWrapper>
   );
 };
diff --git a/src/sections/Projects/Project-grid/projectGrid.style.js b/src/sections/Projects/Project-grid/projectGrid.style.js
index 92957938d264..4f06b1d9ce1b 100644
--- a/src/sections/Projects/Project-grid/projectGrid.style.js
+++ b/src/sections/Projects/Project-grid/projectGrid.style.js
@@ -1,478 +1,485 @@
 import styled from "styled-components";
 export const ProjectWrapper = styled.div`
-    padding-bottom: 5rem;
-    h3{
-        color: ${props => props.theme.whiteSixToGreen3C494F};  
-        margin: 0;
-        padding: 0;
-        font-weight: 500;
-        text-align:center;
-        transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+  padding-bottom: 5rem;
+  h3 {
+    color: ${(props) => props.theme.whiteSixToGreen3C494F};
+    margin: 0;
+    padding: 0;
+    font-weight: 500;
+    text-align: center;
+    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
 
-        img{
-            width: 3rem;
-            position: relative;
-            top: 10px;
-        }
+    img {
+      width: 3rem;
+      position: relative;
+      top: 10px;
     }
-    .title{
-        margin: 0px;
-            padding: 0px;
-            font-weight: 400;
-            font-size: 2rem;
-            line-height: 2rem;
-            
-            span{
-                font-weight: 500;
-                color: ${props => props.theme.secondaryColor};
-            }
-        
-     
-    }
-    
-    .project-text{
-        font-weight: 300;
-        margin-bottom: 5rem;
-        margin-top: 0;
-    }
-    .project__block__wrap{
-        display: flex;
-        flex-wrap: wrap;
-    }
-    .project__block{
-        flex-basis: 33%;
-    }
-    .project__grid{
-        margin: 100px 0;
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(100px,1fr));
-        grid-template-rows: repeat(4, 100px);
-        grid-gap: 1rem;   
-        grid-auto-flow: row;
-    }
-    .project__card{
-        box-shadow: 0px 0px 10px ${props => props.theme.green00D3A9ToGreyE6E6E6};
-        background-color: ${props => props.theme.grey212121ToWhite};
-        border-radius: 0.5rem;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+  }
+  .title {
+    margin: 0px;
+    padding: 0px;
+    font-weight: 400;
+    font-size: 2rem;
+    line-height: 2rem;
 
-        &:hover{
-            background-color: ${props => props.theme.secondaryColor};
-            img {
-                filter: brightness(0) invert(1);
-            }
-            h5 {
-                color: white;
-            }
-            transition: 0.4s;
-            transform: scale(1.05);
-        }
+    span {
+      font-weight: 500;
+      color: ${(props) => props.theme.secondaryColor};
     }
-    .project__card-container{
-        max-width: 100%;
-        height: 10rem;
-        width: 12rem;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        img{
-            max-width: 100%;
-            max-height: 100%;
-        }
-        h5{
-            font-weight: 600;
-            text-align: center;
-            transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
-        }
-        
+  }
+
+  .project-text {
+    font-weight: 300;
+    margin-bottom: 5rem;
+    margin-top: 0;
+  }
+  .project__block__wrap {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .project__block {
+    flex-basis: 33%;
+  }
+  .project__grid {
+    margin: 100px 0;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
+    grid-template-rows: repeat(4, 100px);
+    grid-gap: 1rem;
+    grid-auto-flow: row;
+  }
+  .project__card {
+    box-shadow: 0px 0px 10px ${(props) => props.theme.green00D3A9ToGreyE6E6E6};
+    background-color: ${(props) => props.theme.grey212121ToWhite};
+    border-radius: 0.5rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+
+    &:hover {
+      background-color: ${(props) => props.theme.secondaryColor};
+      img {
+        filter: brightness(0) invert(1);
+      }
+      h5 {
+        color: white;
+      }
+      transition: 0.4s;
+      transform: scale(1.05);
     }
-    .project__card-container_meshery{
-        height: 13rem;
+  }
+  .project__card-container {
+    max-width: 100%;
+    height: 10rem;
+    width: 12rem;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    img {
+      max-width: 100%;
+      max-height: 100%;
     }
-    .project__card-container_one{
-        height: 8rem;
+    h5 {
+      font-weight: 600;
+      text-align: center;
+      transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
     }
-    .project__card-container_nighthawk{
-        display: flex;
-        height: 100;
-        width: 100%;
-        flex-direction: row;
-        justify-content: center;
-        align-items: center;
-        img{
-            width: 6.25rem;
-            align-self: center;
-        }
-        h5{ 
-            align-self: center;
-            margin-left: 2rem;
-        }
+  }
+  .project__card-container_meshery {
+    height: 13rem;
+  }
+  .project__card-container_one {
+    height: 8rem;
+  }
+  .project__card-container_nighthawk {
+    display: flex;
+    height: 100;
+    width: 100%;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    img {
+      width: 6.25rem;
+      align-self: center;
     }
-    //MeshMap
-    .project__card-container_meshmap{
-        justify-content: center;
-        align-items: center;
-        img{
-            height: 3.25rem;
-        }
-        h5{
-            margin-top: .8rem;
-            font-size: 1rem;
-        }
+    h5 {
+      align-self: center;
+      margin-left: 2rem;
+    }
+  }
+  //MeshMap
+  .project__card-container_meshmap {
+    justify-content: center;
+    align-items: center;
+    img {
+      height: 3.25rem;
+    }
+    h5 {
+      margin-top: 0.8rem;
+      font-size: 1rem;
     }
+  }
 
-    // Landscape
-    .project__card.one{
-        grid-column: 2/3;
-        grid-row: 1/3;
-        img{
-            width: 90px;
-            align-self: center;
-        }
-        h5{
-            margin-top: 10px;
-        }
+  // Landscape
+  .project__card.one {
+    grid-column: 2/3;
+    grid-row: 3/6;
+    img {
+      width: 90px;
+      align-self: center;
     }
-    // Meshery
-    .project__card.two{
-        grid-column: 3/6;
-        grid-row: 1/6;
-        img{
-            align-self: center;
-        }
-        h5{
-            font-size: 2rem;
-            font-weight: 600;
-            margin-top: 10px;
-        }
+    h5 {
+      margin-top: 10px;
     }
-    //Image Hub
-    .project__card.three{
-        grid-column: 6/8;
-        grid-row: 4/6;
-        img{
-            width: 90px;
-            align-self: center;
-            margin-top: 20px;
-        }
-        h5{
-            margin-bottom: 25px;
-        }
+  }
+  // Meshery
+  .project__card.two {
+    grid-column: 3/6;
+    grid-row: 1/6;
+    img {
+      align-self: center;
     }
-    //Service Mesh Interface Conformance
-    .project__card.four{
-        grid-column: 6/8;
-        grid-row: 1/4;
-        img{
-            width: 150px;
-            align-self: center;
-            margin-top: -45px;
-            margin-bottom: 45px;
-        }
-        h5{
-            width: 150%;
-            align-self: center;
-        }
+    h5 {
+      font-size: 2rem;
+      font-weight: 600;
+      margin-top: 10px;
     }
-    // Service Mesh Performance
-    .project__card.five{
-        grid-column: 1/2;
-        grid-row: 1/3;
-        img{
-           width: 180px;
-           align-self: center;
-        }
+  }
+  //Image Hub
+  .project__card.three {
+    grid-column: 7/8;
+    grid-row: 3/6;
+    img {
+      width: 90px;
+      align-self: center;
+      margin-top: 20px;
     }
-    // Distributed Performance Management of Service Meshes
-    .project__card.six{
-        grid-column: 1/3;
-        grid-row: 6/8;
+    h5 {
+      margin-bottom: 25px;
     }
-    .image{
-        margin: 0 auto;
-        @media only screen and (max-width: 991px) {
-            padding-left:20%;
-        }
-        @media only screen and (max-width: 741px) {
-            padding-left: 30%;
-        }
-        
-    }
-    .project__card.seven{
-        grid-column: 3/6;
-        grid-row: 6/8;
-        img{
-            width: 6rem;
-            align-self: center;
-            margin: auto;
+  }
+  //Service Mesh Interface Conformance
+  .project__card.four {
+    grid-column: 6/8;
+    grid-row: 1/3;
+    img {
+      width: 75px;
+      align-self: center;
+    }
+    h5 {
+      /* width: 150%; */
+      align-self: center;
+    }
+  }
 
-            @media only screen and (min-width: 780px) {
-                align-self: flex-start;
-            } 
-        }
-        h5{
-            align-self: center;
-            @media only screen and (min-width: 780px) {
-                padding-top:  0px;
-            }
-        }
+  // Sistent
+  .project__card.sistent {
+    grid-column: 1/3;
+    grid-row: 1/3;
+    img {
+      width: 85px;
+      align-self: center;
+      margin-bottom: 14px;
     }
-    .project__card-container-seven{
-        max-width: 100%;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        img{
-            align-self: center;
-            max-width: 100%;
-            max-height: 100%;
+    h5 {
+      align-self: center;
+    }
+  }
 
-        }
-        h5{
-            top: 0;
-            font-weight: 600;
-            text-align: center;
-            
-        }
-        @media only screen and (min-width: 741px) {
-            width: 80%;
-            place-content: center;
-        }
-        
-    }
-    // Cloud Native Patterns
-    .project__card.eight{
-        grid-column: 1/3;
-        grid-row: 3/6;
-        img{
-            width: 100px;
-            align-self: center; 
-        }
+  // Service Mesh Performance
+  .project__card.five {
+    grid-column: 1/2;
+    grid-row: 3/6;
+    img {
+      width: 180px;
+      align-self: center;
+    }
+  }
+  // Distributed Performance Management of Service Meshes
+  .project__card.six {
+    grid-column: 1/3;
+    grid-row: 6/8;
+  }
+  .image {
+    margin: 0 auto;
+    @media only screen and (max-width: 991px) {
+      padding-left: 20%;
+    }
+    @media only screen and (max-width: 741px) {
+      padding-left: 30%;
+    }
+  }
+  .project__card.seven {
+    grid-column: 3/6;
+    grid-row: 6/8;
+    img {
+      width: 6rem;
+      align-self: center;
+      margin: auto;
+
+      @media only screen and (min-width: 780px) {
+        align-self: flex-start;
+      }
+    }
+    h5 {
+      align-self: center;
+      @media only screen and (min-width: 780px) {
+        padding-top: 0px;
+      }
+    }
+  }
+  .project__card-container-seven {
+    max-width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    img {
+      align-self: center;
+      max-width: 100%;
+      max-height: 100%;
+    }
+    h5 {
+      top: 0;
+      font-weight: 600;
+      text-align: center;
+    }
+    @media only screen and (min-width: 741px) {
+      width: 80%;
+      place-content: center;
+    }
+  }
+  // Cloud Native Patterns
+  .project__card.eight {
+    grid-column: 6/7;
+    grid-row: 3/6;
+    img {
+      width: 70px;
+      align-self: center;
+      margin-top: 10px;
+    }
+    h5 {
+      margin-bottom: 15px;
+    }
+  }
+  .project__card.nine {
+    grid-column: 6/7;
+    grid-row: 6/8;
+  }
+  .project__card.ten {
+    grid-column: 6/8;
+    grid-row: 6/8;
+    // img{
+    //     width: 90px;
+    //     align-self: center;
+    //     margin-top: 8px;
+    //     @media only screen and (min-width: 780px) {
+    //         align-self: flex-start;
+    //     }
+    // }
+    // h5{
+    //     margin-top: 1rem;
+    //     @media only screen and (min-width: 780px) {
+    //         align-self: flex-end;
+    //         text-align: center;
+    //     }
+    // }
+  }
+  .project__card-container-ten {
+    display: flex;
+    height: auto;
+    width: 100%;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    img {
+      max-width: 100%;
+      max-height: 100%;
+    }
+    h5 {
+      font-weight: 600;
+      text-align: center;
     }
-    .project__card.nine{
-        grid-column: 6/7;
-        grid-row: 6/8;
-    }
-    .project__card.ten{
-        grid-column: 6/8;
-        grid-row: 6/8;
-        // img{
-        //     width: 90px;
-        //     align-self: center;
-        //     margin-top: 8px;
-        //     @media only screen and (min-width: 780px) {
-        //         align-self: flex-start;
-        //     } 
-        // }
-        // h5{
-        //     margin-top: 1rem;
-        //     @media only screen and (min-width: 780px) {
-        //         align-self: flex-end;
-        //         text-align: center;
-        //     }
-        // }
-    }
-    .project__card-container-ten{
-        display: flex;
-        height: auto;
+    @media only screen and (min-width: 780px) {
+      width: 80%;
+      place-content: center;
+    }
+  }
+  @media only screen and (max-width: 1200px) {
+    .project__card-container_nighthawk {
+      img {
+        width: 5rem;
+      }
+      h5 {
+        margin-left: 1rem;
+      }
+    }
+    .project__card.four h5 {
+      width: 100%;
+    }
+    .project__card h5 {
+      font-size: 15px;
+    }
+  }
+  @media only screen and (max-width: 991px) {
+    .project__card-container {
+      justify-content: center;
+      gap: 12px;
+    }
+    .project__grid {
+      margin: 50px 0;
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      align-items: center;
+      justify-content: center;
+    }
+    .project__card-container_meshery {
+      all: unset;
+      aspect-ratio: 6/5;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      gap: 12px;
+      height: 10rem;
+      h5 {
+        margin: 0 !important;
+      }
+    }
+    .project__card-container_one {
+      all: unset;
+      aspect-ratio: 6/5;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      gap: 12px;
+      height: 10rem;
+      h5 {
+        margin: 0 !important;
+      }
+    }
+    .project__card-container-ten {
+      all: unset;
+      aspect-ratio: 6/5;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      gap: 12px;
+      height: 10rem;
+      h5 {
+        margin: 0;
+      }
+    }
+    .project__card-container_nighthawk {
+      all: unset;
+      aspect-ratio: 6/5;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      gap: 12px;
+      height: 10rem;
+      img {
+        width: 8.12rem;
+      }
+      h5 {
         width: 100%;
-        flex-direction: row;
-        justify-content: center;
-        align-items: center;
-        img{
-            max-width: 100%;
-            max-height: 100%;
-        }
-        h5{
-            font-weight: 600;
-            text-align: center;
-            
-        }
-        @media only screen and (min-width: 780px) {
-            width: 80%;
-            place-content: center;
-        }
-        
-    }
-    @media only screen and (max-width: 1200px) {
-        .project__card-container_nighthawk{
-            img{
-                width: 5rem;
-            }
-            h5{
-                margin-left: 1rem;
-            }
-        }
-       .project__card.four h5{
+        margin: 0;
+      }
+    }
+
+    .project__card {
+      h5 {
         width: 100%;
-       }
-       .project__card h5{
-        font-size: 15px;
-        }
-        
+        font-size: 13px;
+        font-weight: 600;
+        padding-bottom: 10px;
+        margin: 0;
+      }
+      img {
+        width: auto;
+        height: 80px;
+        padding-top: 10px;
+      }
+    }
+    .project__card.two {
+      img {
+        align-self: center;
+        margin-top: 0px;
+        margin-bottom: 0px;
+      }
+      h5 {
+        font-size: 13px;
+        font-weight: 600;
+        margin-top: 10px;
+      }
+    }
+    .project__card.three {
+      /* all:unset; */
+      aspect-ratio: 6/5;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      gap: 12px;
+      height: 10rem;
+      img {
+        margin: 0;
+      }
+      h5 {
+        margin: 0;
+      }
     }
-    @media only screen and (max-width: 991px) {
-        .project__card-container{
-            justify-content: center;
-            gap: 12px;
-            
-        }
-        .project__grid{
-            margin: 50px 0;
-            display: flex;
-            flex-direction: row;
-            flex-wrap: wrap;
-            align-items: center;
-            justify-content: center;
-        }
-        .project__card-container_meshery{
-            all:unset;
-            aspect-ratio: 6/5;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            gap: 12px;
-            height: 10rem;
-            h5{
-                margin: 0 !important;
-            }
-        }
-        .project__card-container_one{
-            all:unset;
-            aspect-ratio: 6/5;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            gap: 12px;
-            height: 10rem;
-            h5{
-                margin: 0 !important;
-            }
-           
-        }
-        .project__card-container-ten{
-            all:unset;
-            aspect-ratio: 6/5;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            gap: 12px;
-            height: 10rem;
-            h5{
-                margin: 0;
-            }
-            
-        }
-        .project__card-container_nighthawk{
-            all:unset;
-            aspect-ratio: 6/5;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            gap: 12px;
-            height: 10rem;
-            img{
-                width: 8.12rem;
-            }
-            h5{ 
-                width: 100%;
-                margin: 0;
-            }
-        }
-        
-        .project__card {
-            h5{ 
-                width: 100%;
-                font-size: 13px;
-                font-weight: 600;
-                padding-bottom: 10px;
-                margin: 0;
-            }
-            img{
-                width: auto;
-                height: 80px;
-                padding-top: 10px;
-            }
-        }
-        .project__card.two{
-            
-            img{
-                align-self: center;
-                margin-top: 0px;
-                margin-bottom: 0px;
-            }
-            h5{ 
-                font-size: 13px;
-                font-weight: 600;
-                margin-top: 10px;
-            }
-        }
-        .project__card.three {
-            /* all:unset; */
-            aspect-ratio: 6/5;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            gap: 12px;
-            height: 10rem;
-            img{
-                margin: 0;
-            }
-            h5{
-                margin: 0;
-            }
-        }
 
-        .project__card.four img{
-            margin-top: 0px;
-            margin-bottom: 0px;
-        }
-        .project__card.seven{
-            aspect-ratio: 6/5;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            gap: 12px;
-            height: 10rem;
-            img{
-                width: 150%;
-            }
-            h5{
-                padding-top: 20px;
-            }
-        }
-        .project__card.eight{
-            img{
-                width: 150%;
-            }
-        }
-        .project__card.ten{
-            .col{
-                padding: 0;
-                img{
-                    width: 150%;
-    
-                    padding: 0;
-                }
-                h5{
-                margin-top: 20px !important;
-            }
-            }
-           
-        }
-        .project__card-container{
+    .project__card.four img {
+      margin-top: 0px;
+      margin-bottom: 0px;
+    }
 
-            justify-content: center;
-            gap: 20px;
-        }
+    .project__card.sistent img {
+      margin-top: 0px;
+      margin-bottom: 0px;
+    }
+
+    .project__card.seven {
+      aspect-ratio: 6/5;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      gap: 12px;
+      height: 10rem;
+      img {
+        width: 150%;
+      }
+      h5 {
+        padding-top: 20px;
+      }
+    }
+    .project__card.eight {
+      img {
+        width: 150%;
+      }
     }
-    @media only screen and (max-width: 568px) {
-        padding: 0 0 40px 0;
-        h3{
-            font-size: 1.25rem;
+    .project__card.ten {
+      .col {
+        padding: 0;
+        img {
+          width: 150%;
+
+          padding: 0;
+        }
+        h5 {
+          margin-top: 20px !important;
         }
+      }
+    }
+    .project__card-container {
+      justify-content: center;
+      gap: 20px;
+    }
+  }
+  @media only screen and (max-width: 568px) {
+    padding: 0 0 40px 0;
+    h3 {
+      font-size: 1.25rem;
     }
+  }
 `;