Update About Page

2026-05-01 15:29:07 +05:30
parent 071180acff
commit 8a517c1673
14 changed files with 481 additions and 18 deletions
@@ -1877,4 +1877,138 @@ h2 {
  margin-top: 10px;
  color: #666;
  line-height: 1.6;
+}
+
+
+.hero-img-box {
+  border-radius: 18px;
+  overflow: hidden;
+  transition: all 0.4s ease;
+}
+
+.hero-img-box img {
+  width: 100%;
+  height: 370px;
+  object-fit: cover;
+  transition: transform 0.4s ease;
+}
+
+/* Hover effect */
+.hero-img-box:hover img {
+  transform: scale(1.05);
+}
+.who-section {
+  padding: 70px 0;
+}
+.who-section p {font-size: 17px;}
+.who-section .who-muted {
+    opacity: 0.5;
+}
+
+.global-section {
+  background: url(../images/globalout.png);
+  color: #fff;
+  overflow: hidden;
+}
+
+.global-section .small-title {
+  color: #ffffff;
+  font-size: 14px;
+  margin-bottom: 20px;
+}
+
+.global-section .main-heading {
+  font-weight: 600;
+  color: white !important;
+  line-height: 1.3;
+}
+
+.global-section .desc {
+  color: #cbd5e1;
+  font-size: 16px;
+  line-height: 1.7;
+  max-width: 520px;
+  margin-top: 30px !important;
+}
+
+/* Highlight Box */
+.highlight-box {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  padding: 14px 20px;
+  border-radius: 12px;
+  border: 1px solid rgb(132 204 22 / 16%);
+  background: rgb(8 8 8 / 8%);
+  color: #a3e635;
+  font-weight: 500;
+}
+
+.highlight-box i {
+  font-size: 18px;
+}
+
+/* Image Styling */
+.image-box img {
+  border-radius: 16px;
+  width: 100%;
+  object-fit: cover;
+}
+
+.working-card {
+  background: #fff;
+  padding: 30px 30px;
+  border-radius: 16px;
+  position: relative;
+  min-height: 270px;
+  border: 1px solid #eee;
+  transition: all 0.3s ease;
+  margin-top: 40px;
+}
+
+.working-card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
+}
+
+.working-card .number {
+  font-size: 48px;
+  font-weight: 700;
+  color: #e5e5e5;
+  display: block;
+  margin-bottom: 20px;
+}
+
+.working-card p {
+  font-size: 15px;
+  color: #555;
+  line-height: 1.6;
+}
+.working-section {
+  padding: 80px 0;
+}
+.belief-section{
+  padding: 80px 0;
+  background: #FBFBFB;
+}
+.belief-card  {
+    background: #FFFFFF;
+    border: 1px solid #F3E8E8;
+    backdrop-filter: blur(47px);
+    border-radius: 15px;
+    padding: 30px 24px;
+    min-height: 312px;
+}
+.belief-card h5 {
+    font-weight: 800;
+}
+.belief-card p {
+    margin-top: 60px;
+}
+.belief-card img {
+    margin: 0 0 30px;
+}
+.hero-img-boxup {
+    top: 51px;
+    margin-top: 60px;
 }