.about-page {
       font-family: 'Gotham-Book';
   }

   .row {
       width: 100%;
       display: flex;
       justify-content: space-between;
       align-items: center;
   }

   .col {
       width: 50%;
       padding: 0 30px;
   }

   .mb-5 {
       margin-bottom: 48px;
   }

   .text-center {
       text-align: center;
   }

   .section-title {
       margin-bottom: 16px;
       font-size: 36px;
       font-weight: 800;
       text-align: center;
       color: #151515;
   }

   .section-subtitle {
       max-width: 760px;
       margin: 0 auto 0 auto;
       color: #777777;
       font-size: 16px;
       line-height: 1.8;
   }

   .section-padding {
       padding: 90px 0;

   }

   .bg-soft {
       background: #f7f7fb;
   }


   .about-intro-img {
       border-radius: 20px;
       overflow: hidden;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
   }

   .about-intro-img img {
       width: 100%;
       height: 100%;
       min-height: 520px;
       display: block;
       object-fit: cover;
   }

   .about-highlight {
       display: inline-block;
       color: #f3660c;
       font-weight: 700;
       margin-bottom: 10px;
       text-transform: uppercase;
       letter-spacing: 1.2px;
       font-size: 16px;
   }

   .about-lead {
       font-size: 16px;
       line-height: 2;
       color: #151515;
       margin-bottom: 18px;
       text-align: left;
   }
   .index-about .index-about-list {
    width: 100%;
    padding: 80px 0;
   }
   .index-about .item{width: 25%;}
   .about-stats {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 18px;
       margin-top: 30px;
   }

   .stat-card {
       background: #fff;
       border: 1px solid #e9e9e9;
       border-radius: 18px;
       padding: 24px 20px;
       text-align: center;
       box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
   }

   .stat-card h3 {
       color: #f3660c;
       font-size: 36px;
       margin-bottom: 8px;
       font-weight: 900;
   }

   .stat-card p {
       margin-bottom: 0;
       color: #777777;
       font-size: 16px;
       line-height: 1.6;
   }

   .strength-card {
       background: #fff;
       border: 1px solid #e9e9e9;
       border-radius: 20px;
       padding: 34px 28px;
       height: 100%;
       transition: all 0.3s ease;
       box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
       text-align: center;
   }

   .strength-card:hover {
       transform: translateY(-6px);
       box-shadow: 0 18px 35px rgba(0, 0, 0, 0.08);
       border-color: rgba(18, 52, 123, 0.18);
   }

   .strength-icon {
       width: 58px;
       height: 58px;
       border-radius: 16px;
       background: rgba(18, 52, 123, 0.08);
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto 20px;
   }

   .strength-icon svg {
       stroke: #f3660c;
   }

   .strength-card h4 {
       font-size: 18px;
       margin-bottom: 12px;
   }

   .strength-card p {
       margin-bottom: 0;
       color: #777777;
       line-height: 1.5;
   }

   .global-card {
       background: #fff;
       border-radius: 20px;
       padding: 30px 26px;
       border: 1px solid #e9e9e9;
       height: 100%;
       box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
   }

   .global-card h5 {
       color: #f3660c;
       margin-bottom: 10px;
       font-size: 16px;
       font-weight: 700;
   }

   .global-card p {
       margin-bottom: 0;
       color: #777777;
   }

   .timeline-wrap {
       position: relative;
       max-width: 960px;
       margin: 0 auto;
       padding-top: 10px;
   }

   .timeline-wrap::before {
       content: "";
       position: absolute;
       left: 50%;
       top: 0;
       bottom: 0;
       width: 2px;
       background: linear-gradient(to bottom, rgba(17, 52, 123, 0.15), rgba(17, 52, 123, 0.7), rgba(17, 52, 123, 0.15));
       transform: translateX(-50%);
   }

   .timeline-item {
       position: relative;
       width: 50%;
       padding: 0 38px 36px 38px;
   }

   .timeline-item.left {
       left: 0;
       text-align: right;
   }

   .timeline-item.right {
       left: 50%;
       text-align: left;
   }

   .timeline-dot {
       width: 18px;
       height: 18px;
       background: #11347b;
       border: 4px solid #fff;
       box-shadow: 0 0 0 5px rgba(17, 52, 132, 0.13);
       border-radius: 50%;
       position: absolute;
       top: 28px;
       z-index: 2;
   }

   .timeline-item.left .timeline-dot {
       right: -9px;
   }

   .timeline-item.right .timeline-dot {
       left: -9px;
   }

   .timeline-card {
       background: #fff;
       border: 1px solid #e9e9e9;
       border-radius: 18px;
       padding: 24px 24px 20px;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
       ;
   }

   .timeline-year {
       display: inline-block;
       font-weight: 900;
       color: #f3660c;
       font-size: 1.3rem;
       margin-bottom: 10px;
   }

   .timeline-card h5 {
       margin-bottom: 10px;
       font-size: 1.12rem;
   }

   .timeline-card p {
       margin-bottom: 0;
       color: #777777;
       line-height: 1.75;
   }

   .cta-section {
       background: linear-gradient(135deg, 0%, #6a22a9 60%, #8a42c4 100%);
       border-radius: 24px;
       padding: 60px 36px;
       text-align: center;
       box-shadow: 0 16px 40px rgba(18, 52, 123, 0.22);
   }

   .cta-section h2 {
       color: #fff;
       margin-bottom: 14px;
       font-size: 2.2rem;
       font-weight: 900;
   }

   .cta-section p {
       color: rgba(255, 255, 255, 0.92);
       max-width: 760px;
       margin: 0 auto 24px auto;
       font-size: 1.05rem;
   }

   .btn-sandwox {
       display: inline-block;
       padding: 14px 28px;
       border-radius: 999px;
       background: #fff;
       color: #f3660c;
       font-weight: 700;
       text-decoration: none;
       transition: all 0.3s ease;
       border: 2px solid #fff;
   }

   .btn-sandwox:hover {
       background: transparent;
       color: #fff;
       text-decoration: none;
   }

   .contact-mini {
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       gap: 12px 24px;
       margin-top: 18px;
       color: rgba(255, 255, 255, 0.88);
       font-size: 0.95rem;
   }

   .breadcrumbs ul li a {
       color: #f3660c;
   }

   .lang-close {
       border: 0;
       background: transparent;
       font-size: 20px;
       font-weight: 700;
       color: #000;
   }

   @media(max-width:1200px) {
      .index-about {
           background-size: cover;
           background-position: center;
       }

       .section-padding {
           padding: 30px 0;
       }

       .section-padding .row {
           flex-wrap: wrap;
       }

       .section-padding .col {
           width: 50%;
           margin-bottom: 30px;
       }

       .g-4 .col {
           width: 100%;
       }
       .cta{margin: 0 auto 30px;}

   }

   @media (max-width: 991px) {
       .index-about {
           background-size: cover;
           background-position: center;
       }

       .section-padding {
           padding: 30px 0;
       }
   .index-about .item{width: 50%;}
       .section-padding .row {
           flex-wrap: wrap;
       }

       .section-padding .col {
           width: 50%;
           margin-bottom: 30px;
       }

       .g-4 .col {
           width: 100%;
       }
   }

   @media (max-width: 768px) {
    .section-padding .col{width: 100%;}
    .col{padding: 0;}
   }