From b1134a639616934a047895525de3cb8df3788457 Mon Sep 17 00:00:00 2001
From: Vaibhav sasulkar <vaibhav.sasulkar@teknopoint.local>
Date: Tue, 23 Jul 2024 20:35:43 +0530
Subject: [PATCH]  done

---
 component-models.json                      | 70 +++++++++++-----------
 styles/company-details/company-details.css | 43 ++++++++++++-
 2 files changed, 76 insertions(+), 37 deletions(-)

diff --git a/component-models.json b/component-models.json
index fa6991fcb6..a0511d3578 100644
--- a/component-models.json
+++ b/component-models.json
@@ -1875,6 +1875,41 @@
         "label": "Image",
         "description": "Front Image"
       },
+      {
+        "component": "multiselect",
+        "name": "classes",
+        "label": "Style",
+        "valueType": "string",
+        "required": true,
+        "options": [
+          {
+            "name": "Theme",
+            "children": [
+              {
+                "name": "Light",
+                "value": "light"
+              },
+              {
+                "name": "Light",
+                "value": "light"
+              },
+              {
+                "name": "Dark",
+                "value": "dark"
+              }
+            ]
+          },
+          {
+            "name": "Type",
+            "children": [
+              {
+                "name": "teaserv2",
+                "value": "teaserv2"
+              }
+            ]
+          }
+        ]
+      },
       {
         "component": "text",
         "valueType": "string",
@@ -1939,41 +1974,6 @@
         "label": "teaserv2 Attribute",
         "description": "Set TeaserV2 Attribute"
       },
-      {
-        "component": "multiselect",
-        "name": "classes",
-        "label": "Style",
-        "valueType": "string",
-        "required": true,
-        "options": [
-          {
-            "name": "Theme",
-            "children": [
-              {
-                "name": "Light",
-                "value": "light"
-              },
-              {
-                "name": "Light",
-                "value": "light"
-              },
-              {
-                "name": "Dark",
-                "value": "dark"
-              }
-            ]
-          },
-          {
-            "name": "Type",
-            "children": [
-              {
-                "name": "teaserv2",
-                "value": "teaserv2"
-              }
-            ]
-          }
-        ]
-      },
       {
         "component": "richtext",
         "valueType": "string",
diff --git a/styles/company-details/company-details.css b/styles/company-details/company-details.css
index 2fbc2dfa0a..116d3d85d1 100644
--- a/styles/company-details/company-details.css
+++ b/styles/company-details/company-details.css
@@ -53,7 +53,7 @@
     position: relative;
     white-space: nowrap;
     color: #000;
-    font-family: Nunito-Regular, sans-serif;
+    font-family: 'Nunito-Regular', sans-serif;
     font-size: 1pc;
     font-weight: 400;
     line-height: 24px;
@@ -93,6 +93,33 @@
     display: none;
 }
 
+/* about us tabs css  */
+.section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block {
+    margin-top: 32px;
+}
+
+.section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>div>div>ul {
+    gap: 48px;
+}
+
+.section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>div>div>ul>li a {
+    font-family: 'Nunito-Bold', sans-serif;
+    border: 1px solid #333333;
+}
+
+.section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>div>div>ul>li a:after {
+    right: -24px;
+}
+
+.section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>div>div>ul>li>strong>a {
+    color: var(--white);
+}
+
+.section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>div>div>ul>li>a:hover, 
+.section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>div>div>ul>li>strong>a:hover {
+    background-color: var(--white);
+    color: #000;
+}
 
 @media screen and (max-width:1024px) {
 
@@ -273,7 +300,6 @@
 
     /* Modal and Overlay Styles */
     .section.company-details-wrapper .tab-link-wrapper .tab-link.block>.compony-details {
-        display: none;
         display: flex;
         outline: 0;
         z-index: 1200;
@@ -319,4 +345,17 @@
         padding: 0;
         text-align: start;
     }
+
+    .section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>div>div>ul>li a::before {
+        border: 1px solid var(--orange);
+    }
+
+    .section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>div>div>ul>li>strong a::after {
+        background: var(--orange);
+    }
+
+    .section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>.compony-details {
+        transform: translateY(100%);
+        max-height: 312px;
+    }
 }
\ No newline at end of file