update

assets/css/style16eb.css

@@ -888,6 +888,48 @@ p.b4 {
   font-size: var(--font-size-b4);
   line-height: var(--line-height-b4);
 }
+.active-light-mode .social-default li a{
+   padding: 5px;
+    height: 30px;
+    width: 30px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+     background-color: #ccc;
+}
+.active-light-mode .social-default .fb a:hover{
+     background: #1877F2 !important;
+     color: white !important;
+   
+
+}
+.active-light-mode .social-default .insta a:hover{
+    background: linear-gradient(
+  45deg,
+  #f58529,
+  #feda77,
+  #dd2a7b,
+  #8134af,
+  #515bd4
+) !important;
+     color: white !important;
+}
+.active-light-mode .social-default .x a:hover{
+    background:#0F1419 !important;
+     color: white !important;
+}
+.active-light-mode .social-default .linkdin a:hover{
+    background:#0A66C2 !important;
+     color: white !important;
+}
+
+
+.tmp-slick-dot .slick-dots {
+  display: none !important;
+}
+.brand-list li {
+    padding: 0 15px;   /* gap between images */
+}
 
 @media only screen and (max-width: 767px) {
   p br {
@@ -35257,7 +35299,7 @@ body.tmp-body-star::before {
   transition: all 500ms ease;
   text-transform: uppercase;
   background-color: var(--color-primary);
-  border-left: 3px solid var(--color-primary);
+  border-top: 3px solid var(--color-primary);
   border-radius: 4px;
   width: 188px;
   /* text-align: center; */
@@ -35289,22 +35331,39 @@ body.tmp-body-star::before {
   background-color: #F5821F;
 }
 
-.time-table-area-wrapper .timetable-tabs .tab-btns .tab-btn::before {
-  position: absolute;
-  content: "";
-  left: -2px;
-  top: 28px;
-  opacity: 1;
-  border-top: 6px solid transparent;
-  border-left: 8px solid var(--color-primary);
-  border-bottom: 6px solid transparent;
-  transition: all 500ms ease;
-  -ms-transition: all 500ms ease;
-  -o-transition: all 500ms ease;
-  -moz-transition: all 500ms ease;
-  -webkit-transition: all 500ms ease;
+
+.tab-btn {
+    position: relative;  /* make span position relative to button */
+    display: inline-block;
+    padding: 10px 15px;  /* some padding */
+    text-align: center;
+    cursor: pointer;
 }
 
+/* The bottom indicator (hidden by default) */
+.tab-btn .active-icon {
+    display: none;               /* hide by default */
+    position: absolute;
+    bottom: -5px;                /* below the tab button */
+    left: 50%;                   /* center horizontally */
+    transform: translateX(-50%);
+    width: 20px;                  /* width of indicator */
+    height: 4px;                  /* height of indicator */
+    background-color: var(--color-primary);       /* color of indicator */
+    border-radius: 2px;           /* rounded edges */
+}
+
+/* Show the indicator when tab is active */
+.tab-btn.active-btn .active-icon {
+    display: block;
+}
+
+.tab-btn.active-btn .active-icon i {
+color: black;
+}
+
+
+
 .time-table-area-wrapper.tab-content12 .timetable-tabs .tab-btns .tab-btn::before {
   top: 18px !important;
 }
@@ -36283,7 +36342,7 @@ body.tmp-body-star::before {
 }
 
 .faqimg {
-  background-image: url(../images/photos/faq.png);
+  background-image: url(../images/photos/faq2.png);
   background-size: contain;
   /* or use 'cover' depending on what you want */
   background-repeat: no-repeat;