up

assets/css/product.css

@@ -38,7 +38,8 @@
 @media screen and (min-width: 992px) {
     .page-title.page-title-cargo-platform .container.product-hero-container,
     .page-title.page-title-cargo-platform1 .container.product-hero-container,
-    .page-title.page-title-cargo-platform2 .container.product-hero-container {
+    .page-title.page-title-cargo-platform2 .container.product-hero-container,
+    .page-title.page-title-cargo-platform3 .container.product-hero-container {
         padding-top: 0;
     }
 }
@@ -55,7 +56,9 @@
 .page-title-cargo-platform .product-hero-title,
 .page-title-cargo-platform .product-hero-description,
 .page-title-cargo-platform2 .product-hero-title,
-.page-title-cargo-platform2 .product-hero-description {
+.page-title-cargo-platform2 .product-hero-description,
+.page-title-cargo-platform3 .product-hero-title,
+.page-title-cargo-platform3 .product-hero-description {
     color: #021c3e;
 }
 
@@ -73,13 +76,17 @@
     width: 100%;
 }
 
-.product-architecture-section--gradient {
+.product-architecture-section {
+    padding: 30px 0;
     background: linear-gradient(135deg, #d2e5fa 0%, #f0f7ff 30%, #f5f9ff 70%, #d2e7fd 100%);
 }
 
-.product-architecture-section--soft {
-    background-color: #eaf5fd;
-    padding: 60px 0;
+.product-architecture-section .text-center > p {
+    margin: 0 0 20px;
+}
+
+.product-architecture-section img {
+    max-width: 80%;
 }
 
 .product-architecture-container {
@@ -94,14 +101,9 @@
     margin-bottom: var(--product-section-heading-inner-gap);
 }
 
-.product-architecture-section--gradient .text-center > p,
-.product-architecture-section--soft .text-center > p {
-    margin: 0 0 20px;
-}
-
 .product-advantages-header {
     padding-top: 60px;
-    margin-bottom: var(--product-section-heading-gap);
+    margin-bottom: 10px;
     text-align: center;
 }
 
@@ -122,12 +124,12 @@
 }
 
 .product-advantages-section {
-    padding-bottom: 96px;
+    padding-bottom: 48px;
 }
 
 .feature-highlight-section {
     background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
-    padding-top: 90px;
+    padding-top: 60px;
     padding-bottom: 90px;
 }
 
@@ -392,3 +394,144 @@
         width: 100%;
     }
 }
+
+.cases-section {
+    padding: 0px 0 80px 0;
+    background: #f8fafc;
+}
+
+.cases-section .product-advantages-header,
+.cases-section .product-advantages-header > div,
+.cases-section .product-advantages-title,
+.cases-section .product-advantages-header p {
+    text-align: center;
+}
+
+.cases-section .product-advantages-header {
+    width: 100%;
+}
+
+.case-card-link {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    color: inherit;
+    text-decoration: none;
+}
+
+.case-card-link:hover,
+.case-card-link:focus {
+    color: inherit;
+    text-decoration: none;
+}
+
+.cases-section .row + .row {
+    margin-top: 30px;
+}
+
+.cases-section .row {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.cases-section .col-md-4 {
+    display: flex;
+}
+
+.case-card {
+    background: #fff;
+    border-radius: 16px;
+    overflow: hidden;
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
+    border: 1px solid #e2e8f0;
+    height: 100%;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.case-card-header {
+    position: relative;
+    padding: 28px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    overflow: hidden;
+}
+
+.case-card-header.blue {
+    background: linear-gradient(135deg, rgba(0, 60, 180, 1), rgba(0, 100, 255, 1));
+}
+
+.case-card-header.cyan {
+    background: linear-gradient(135deg, rgba(0, 80, 200, 1), rgba(0, 120, 255, 1));
+}
+
+.case-card-header.teal {
+    background: linear-gradient(135deg, rgba(0, 110, 140, 1), rgba(0, 160, 190, 1));
+}
+
+.case-card-header.green {
+    background: linear-gradient(135deg, rgba(0, 120, 90, 1), rgba(40, 180, 120, 1));
+}
+
+.case-card-header.indigo {
+    background: linear-gradient(135deg, rgba(30, 60, 180, 1), rgba(50, 100, 255, 1));
+}
+
+.case-card-header::before {
+    content: '';
+    position: absolute;
+    top: -50%;
+    right: -10%;
+    width: 160px;
+    height: 160px;
+    border-radius: 50%;
+    background: rgba(255, 255, 255, 0.1);
+}
+
+.case-card-header h3 {
+    position: relative;
+    font-size: 18px;
+    font-weight: 700;
+    color: #fff;
+    margin: 0;
+    width: 100%;
+    text-align: center;
+}
+
+.case-card-body {
+    padding: 28px;
+    flex: 1;
+    display: flex;
+    align-items: flex-start;
+}
+
+.case-project {
+    font-size: 14px;
+    font-weight: 600;
+    color: rgba(0, 100, 255, 1);
+    margin-bottom: 12px;
+}
+
+.case-card-body p {
+    font-size: 14px;
+    color: #64748b;
+    line-height: 1.7;
+    margin: 0;
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 5;
+}
+
+@media (max-width: 767px) {
+    .cases-section .row + .row {
+        margin-top: 24px;
+    }
+
+    .cases-section .col-md-4 + .col-md-4 {
+        margin-top: 24px;
+    }
+}

assets/css/style.css

@@ -680,7 +680,7 @@ img {
 .page-title6 {
   background: url("../images/page-title6.png.webp") center center/cover no-repeat local;
   width: 100%;
-  height: 360px;
+  height: 330px;
   position: relative;
   text-align: center;
 }
@@ -778,6 +778,37 @@ img {
   color: #ffffff;
 }
 
+.page-title-cargo-platform3 {
+  background: url("../images/project/agNetCargoPlatform/top4.png") center center/cover no-repeat local;
+  width: 100%;
+  height: 330px;
+  position: relative;
+  text-align: center;
+  /* background-color: #ffffff00 !important; */
+  margin-top: 80px !important;  /* Adjusted for new 80px header height */
+}
+
+.page-title-cargo-platform3::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  /* background-color: rgba(0, 0, 0, 0.5); */
+  z-index: 1;
+}
+
+.page-title-cargo-platform3 .container {
+  position: relative;
+  z-index: 2;
+}
+
+.page-title-cargo-platform3 h2,
+.page-title-cargo-platform3 p {
+  color: #ffffff;
+}
+
 @media (max-width: 991px) {
   .page-title {
     height: 300px;
@@ -4418,7 +4449,7 @@ color:#ffffff;
 }
 
 .fun-fact-section .fun-fact-grids .grid {
-  width: 25%;
+  width: 20%;
   float: left;
 }
 
@@ -4431,7 +4462,7 @@ color:#ffffff;
 
 .fun-fact-section .grid h3 {
   font-size: 48px;
-  font-size: 4rem;
+  font-size: 3rem;
   font-weight: 700;
   color: #0453fc;
   margin: 0 0 0.2em;
@@ -4457,6 +4488,10 @@ color:#ffffff;
   margin: 0;
 }
 
+.counter-no-comma .odometer-formatting-mark {
+  display: none;
+}
+
 @media (max-width: 991px) {
   .fun-fact-section .grid h3 + p {
     font-size: 15px;

assets/images/012-cruise.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg id="012-cruise" width="128" height="128" style="width:128px;height:128px;" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path fill="#666" d="M401.64 294.28 q7.98 5.98 3 14.46 q-4.99 8.48 -13.96 2.49 l-63.84 -39.9 q-8.98 -4.99 -3.49 -13.46 q5.48 -8.48 13.46 -3.5 l64.84 39.91 ZM297.9 232.43 q4.98 0 7.98 4.99 q3 4.98 0 9.97 q-3 4.99 -7.98 4.99 q-3 0 -4.99 -2 q-3.99 -1.99 -4.99 -5.98 q-1 -3.99 2 -7.98 q3 -3.99 7.98 -3.99 ZM181.18 254.37 q7.98 -4.98 13.47 3.5 q5.49 8.47 -3.49 13.46 l-63.84 39.9 q-2 2 -4.99 2 q-5.99 0 -8.98 -4.99 q-4.99 -7.98 2.99 -12.97 l64.84 -40.9 ZM220.09 231.43 q3.99 0 7.48 3.99 q3.49 3.99 1.5 7.98 q-1 7.98 -8.98 7.98 q-4.99 0 -7.98 -3.49 q-2.99 -3.49 -2 -8.48 q2 -7.98 9.98 -7.98 ZM494.41 452.89 q7.98 -5.99 14.46 1.49 q6.49 7.48 -0.5 14.47 q-25.94 20.95 -41.9 25.93 q-28.93 7.98 -54.86 -4.98 q-23.94 -11.98 -41.9 -10.98 q-9.98 1 -40.9 16.96 q-32.92 15.96 -65.84 0 l-24.94 -11.97 q-9.97 -6.98 -23.94 -4.99 q-13.97 2 -21.94 4.99 q-7.98 2.99 -20.95 9.98 q-34.92 17.95 -79.81 -3.99 q-32.91 -16.96 -73.81 18.95 q-7.98 5.98 -14.46 -1.5 q-6.48 -7.48 0.5 -14.46 q38.91 -32.92 72.82 -28.93 q18.96 2.99 18.96 5.98 l-51.88 -174.57 q-1.99 -7.98 4.99 -11.97 l47.88 -28.93 l0 -84.79 q0 -9.97 9.98 -9.97 l19.95 0 l0 -29.93 q0 -9.97 9.97 -9.97 l31.93 0 l0 -29.93 q0 -9.98 9.97 -9.98 l47.88 0 l0 -69.82 q0 -9.98 9.98 -9.98 l39.9 0 q9.98 0 9.98 9.98 l0 69.82 l47.88 0 q9.97 0 9.97 9.98 l0 29.93 l31.93 0 q9.97 0 9.97 9.97 l0 29.93 l19.95 0 q9.98 0 9.98 9.97 l0 84.79 l47.88 28.93 q6.98 3.99 4.99 11.97 l-51.88 174.57 q22.95 11.97 43.9 5.99 q11.97 -2.99 33.91 -22.94 ZM395.66 179.56 l-103.75 0 l103.75 62.84 l0 -62.84 ZM246.02 19.95 l0 59.85 l19.96 0 l0 -59.85 l-19.96 0 ZM188.17 99.75 l0 19.96 l135.66 0 l0 -19.96 l-135.66 0 ZM116.34 179.56 l0 62.84 l103.75 -62.84 l-103.75 0 ZM246.02 465.85 l0 -278.31 l-180.55 109.73 l53.87 183.55 q11.97 2.99 22.94 0.99 q9.98 -0.99 35.91 -13.96 q23.94 -12.97 51.87 -6.98 q15.96 2.99 15.96 4.98 ZM146.27 159.61 l219.46 0 l0 -19.95 l-219.46 0 l0 19.95 ZM397.65 461.86 l48.88 -164.59 l-180.55 -109.73 l0 288.29 q29.92 13.97 53.86 1.99 q2 -0.99 9.48 -4.98 q7.48 -3.99 9.98 -4.99 q2.5 -1 8.48 -3.5 q5.99 -2.5 10.48 -3.49 q4.49 -1 9.48 -2 q3.99 0 16.95 0.5 q12.96 0.5 12.96 2.49 Z"/></svg>