/* ============================================================
About Us — premium trust page  (brand #ff7a45 / black / white / cream)
============================================================ */
   .abt,
   .abt h1,
   .abt h2,
   .abt h3,
   .abt h4,
   .abt h5,
   .abt p,
   .abt span,
   .abt a,
   .abt div,
   .abt li {
      font-family: "Poppins", sans-serif
   }

   .abt {
      --o: #ff7a45;
      --o2: #ff9e6b;
      --od: #e5622f;
      --ink: #141414;
      --cream: #FFF4EF;
      --dark: #0e0f12;
      --dark2: #17181d;
      position: relative;
      z-index: 2
   }

   #mainfooter {
      position: relative;
      z-index: 1
   }

   .abt * {
      box-sizing: border-box
   }

   #mainheader {
      min-height: 0 !important;
      padding: 0 !important
   }

   .abt .container {
      max-width: 1180px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
      padding-right: 20px
   }

   .abt .cmn_padd {
      padding: 88px 20px
   }

   /* buttons */
   .abt-btn {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      background: var(--o);
      color: #fff;
      font-weight: 600;
      font-size: 15px;
      padding: 15px 30px;
      border-radius: 10px;
      text-decoration: none;
      transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
      border: 2px solid var(--o);
      box-shadow: 0 10px 26px rgba(255, 122, 69, .28)
   }

   .abt-btn:hover {
      background: var(--od);
      border-color: var(--od);
      color: #fff;
      transform: translateY(-3px);
      box-shadow: 0 16px 34px rgba(255, 122, 69, .4)
   }

   .abt-btn.out {
      background: transparent;
      color: var(--o);
      box-shadow: none
   }

   .abt-btn.out:hover {
      background: var(--o);
      color: #fff
   }

   .abt-btn svg {
      width: 17px;
      height: 17px
   }

   .abt-btns {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
      margin-top: 32px
   }

   /* reveal */
   .abt .reveal {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity .7s cubic-bezier(.16, 1, .3, 1), transform .7s cubic-bezier(.16, 1, .3, 1);
      transition-delay: var(--d, 0s)
   }

   .abt .reveal.in {
      opacity: 1;
      transform: none
   }

   @media(prefers-reduced-motion:reduce) {
      .abt .reveal {
         opacity: 1 !important;
         transform: none !important;
         transition: none !important
      }

      .abt [class*="abt-float"] {
         animation: none !important;
      }
   }

   /* headings */
   .abt-head {
      text-align: center;
      max-width: 820px;
      margin: 0 auto
   }

   .abt-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      color: var(--o);
      background: #fff4ef;
      border: 1px solid #ffd8c6;
      padding: 7px 15px;
      border-radius: 30px;
      margin-bottom: 18px
   }

   .abt-eyebrow svg {
      width: 14px;
      height: 14px;
      stroke: var(--o)
   }

   .abt-eyebrow.on-dark {
      background: rgba(255, 122, 69, .12);
      border-color: rgba(255, 122, 69, .35)
   }

   .abt-head h2 {
      font-size: 40px;
      line-height: 1.14;
      font-weight: 700;
      color: var(--ink);
      margin: 0
   }

   .abt-head h2 span {
      color: var(--o)
   }

   .abt-head .uline {
      width: 118px;
      height: 5px;
      border-radius: 4px;
      background: linear-gradient(90deg, var(--o), #ffc3a3);
      margin: 18px auto 0
   }

   .abt-head p {
      font-size: 16px;
      line-height: 1.75;
      color: #5c5c5c;
      max-width: 720px;
      margin: 22px auto 0
   }

   .abt-head.left {
      text-align: left;
      margin: 0
   }

   .abt-head.left .uline {
      margin: 18px 0 0
   }

   /* =====================================================================
HERO (dark, two column)
===================================================================== */
   .abt-hero {
      padding: 160px 20px 106px;
   }

   .abt-hero:before {
      top: -160px;
      right: -120px;
      width: 640px;
      height: 640px;
      background: radial-gradient(circle, rgba(255, 122, 69, .27), transparent 62%);
   }

   .abt-hero:after {
      mask-image: radial-gradient(circle at 30% 40%, #000, transparent 78%);
      -webkit-mask-image: radial-gradient(circle at 30% 40%, #000, transparent 78%);
   }

   .abt-hero .container {
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 54px;
      align-items: center;
   }

   .abt-hero-eyebrow {
      margin-bottom: 22px;
   }

   .abt-h1 {
      font-size: 54px;
      line-height: 1.07;
      margin: 0 0 20px;
   }

   .abt-sub {
      font-size: 18.5px;
   }

   .abt-hero .anim {
      transform: translateY(26px);
      animation: abtUp .8s cubic-bezier(.16, 1, .3, 1) forwards;
   }

   .abt-hero .anim.d1 {
      animation-delay: .06s;
   }

   .abt-hero .anim.d2 {
      animation-delay: .16s;
   }

   .abt-hero .anim.d3 {
      animation-delay: .26s;
   }

   .abt-hero .anim.d4 {
      animation-delay: .36s;
   }

   @keyframes abtUp {
      to {
         opacity: 1;
         transform: none
      }
   }

   @media(prefers-reduced-motion:reduce) {}

   .abt-float {
      animation: abtFloaty 6s ease-in-out infinite;
   }

   @keyframes abtFloaty {

      0%,
      100% {
         transform: translateY(0)
      }

      50% {
         transform: translateY(-12px)
      }
   }

   /* hero credential card */
   .abt-herocard {
      background: #fff;
      border-radius: 20px;
      padding: 26px 26px 24px;
      box-shadow: 0 40px 80px rgba(0, 0, 0, .5);
      max-width: 400px;
      margin-left: auto;
   }

   .abt-herocard .avs {
      display: flex;
      align-items: center;
      margin-bottom: 16px;
   }

   .abt-herocard .avs img {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      object-fit: cover;
      object-position: center 20%;
      border: 3px solid #fff;
      margin-left: -12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
   }

   .abt-herocard .avs img:first-child {
      margin-left: 0;
   }

   .abt-herocard .avs .more {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--o), #ff9e6b);
      color: #fff;
      font-weight: 800;
      font-size: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: -12px;
      border: 3px solid #fff;
      box-shadow: 0 4px 12px rgba(255, 122, 69, .3);
   }

   .abt-herocard h4 {
      margin: 0 0 4px;
      font-size: 17px;
      font-weight: 700;
      color: #111;
   }

   .abt-herocard .stars {
      color: var(--o);
      font-size: 14px;
      letter-spacing: 2px;
   }

   .abt-herocard .stars small {
      color: #8a8a8a;
      letter-spacing: 0;
      margin-left: 6px;
      font-size: 12px;
   }

   .abt-herocard .creds {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid #f0eae6;
   }

   .abt-herocard .creds span {
      font-size: 11px;
      font-weight: 600;
      color: #8a5a2a;
      background: #fff4ea;
      border: 1px solid #ffdcc2;
      border-radius: 20px;
      padding: 5px 11px;
   }

   /* =====================================================================
WHO WE ARE (white, 2-col text + at-a-glance)
===================================================================== */
   .abt-split {
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 56px;
      align-items: center
   }

   .abt-split .lead {
      font-size: 17px;
      line-height: 1.8;
      color: #565656;
      margin: 24px 0 0
   }

   .abt-glance {
      background: var(--dark);
      border-radius: 20px;
      padding: 14px 26px;
      box-shadow: 0 24px 56px rgba(0, 0, 0, .16)
   }

   .abt-glance .g {
      display: flex;
      align-items: center;
      gap: 16px;
      padding: 20px 0;
      border-bottom: 1px solid rgba(255, 255, 255, .08)
   }

   .abt-glance .g:last-child {
      border-bottom: 0
   }

   .abt-glance .g .ic {
      width: 46px;
      height: 46px;
      flex: 0 0 46px;
      border-radius: 12px;
      background: rgba(255, 122, 69, .14);
      border: 1px solid rgba(255, 122, 69, .3);
      display: flex;
      align-items: center;
      justify-content: center
   }

   .abt-glance .g .ic svg {
      width: 24px;
      height: 24px;
      stroke: var(--o2)
   }

   .abt-glance .g b {
      display: block;
      font-size: 15px;
      font-weight: 700;
      color: #fff
   }

   .abt-glance .g small {
      font-size: 13px;
      color: #aeb2bd
   }

   /* =====================================================================
PARTNERS (cream, 4 cards)
===================================================================== */
   .abt-partners {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 22px;
      margin-top: 52px
   }

   .abt-partners .it {
      background: #fff;
      border: 1px solid #f2ece7;
      border-radius: 18px;
      padding: 28px 24px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
      transition: transform .32s cubic-bezier(.16, 1, .3, 1), box-shadow .32s ease, border-color .32s ease
   }

   .abt-partners .it:hover {
      transform: translateY(-10px);
      box-shadow: 0 26px 52px rgba(255, 122, 69, .16);
      border-color: #ffd8c6
   }

   .abt-partners .it .logo {
      height: 38px;
      display: flex;
      align-items: center;
      margin-bottom: 16px
   }

   .abt-partners .it .logo img {
      max-height: 38px;
      max-width: 150px;
      width: auto;
      object-fit: contain
   }

   .abt-partners .it p {
      font-size: 13.5px;
      line-height: 1.65;
      color: #666;
      margin: 0
   }

   /* =====================================================================
TEAM (white grid)
===================================================================== */
   .abt-team {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      margin: 52px 0 0
   }

   .abt-team .m {
      background: #fff;
      border: 1px solid #f2ece7;
      border-radius: 18px;
      padding: 28px 22px;
      text-align: center;
      box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
      transition: transform .32s cubic-bezier(.16, 1, .3, 1), box-shadow .32s ease, border-color .32s ease
   }

   .abt-team .m:hover {
      transform: translateY(-10px);
      box-shadow: 0 26px 52px rgba(255, 122, 69, .16);
      border-color: #ffd8c6
   }

   .abt-team .m .ph {
      width: 104px;
      height: 104px;
      border-radius: 50%;
      object-fit: cover;
      object-position: center 20%;
      margin: 0 auto 16px;
      border: 4px solid #fff4ef;
      box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
      background: #f4efec;
      display: block
   }

   .abt-team .m h4 {
      font-size: 17px;
      font-weight: 700;
      color: #111;
      margin: 0 0 4px
   }

   .abt-team .m span {
      font-size: 13px;
      font-weight: 600;
      color: var(--o);
      border-bottom: 2px solid transparent;
      padding-bottom: 2px;
      transition: border-color .3s ease
   }

   .abt-team .m:hover span {
      border-color: var(--o)
   }

   /* =====================================================================
CERTIFICATIONS (cream band)
===================================================================== */
   .abt-certs {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 22px;
      margin-top: 48px
   }

   .abt-certs .c {
      background: #fff;
      border: 1px solid #f2ece7;
      border-radius: 18px;
      padding: 30px 20px;
      text-align: center;
      box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
      transition: transform .32s cubic-bezier(.16, 1, .3, 1), box-shadow .32s ease, border-color .32s ease
   }

   .abt-certs .c:hover {
      transform: translateY(-10px);
      box-shadow: 0 26px 52px rgba(255, 122, 69, .16);
      border-color: #ffd8c6
   }

   .abt-certs .c img {
      height: 66px;
      width: auto;
      max-width: 100%;
      object-fit: contain;
      margin-bottom: 14px
   }

   .abt-certs .c span {
      display: block;
      font-size: 12.5px;
      font-weight: 600;
      color: #555
   }

   /* =====================================================================
RESULTS (dark, case-study cards)
===================================================================== */
   .abt-res {
      background: var(--dark);
      position: relative;
      overflow: hidden
   }

   .abt-res:before {
      content: "";
      position: absolute;
      bottom: -160px;
      left: -120px;
      width: 560px;
      height: 560px;
      background: radial-gradient(circle, rgba(255, 122, 69, .2), transparent 62%);
      pointer-events: none
   }

   .abt-res .container {
      position: relative;
      z-index: 2
   }

   .abt-res .abt-head h2 {
      color: #fff
   }

   .abt-res .abt-head p {
      color: #b9bcc6
   }

   .abt-fp {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      grid-auto-rows: 1fr;
      gap: 24px;
      margin: 52px 0 0
   }

   .abt-fp a {
      grid-column: span 2;
      background: #fff;
      border-radius: 18px;
      padding: 30px 28px;
      box-shadow: 0 12px 34px rgba(0, 0, 0, .34);
      transition: transform .32s cubic-bezier(.16, 1, .3, 1), box-shadow .32s ease;
      display: flex;
      flex-direction: column;
      text-decoration: none;
      border: 1px solid rgba(255, 255, 255, .06)
   }

   .abt-fp a:hover {
      transform: translateY(-10px);
      box-shadow: 0 30px 60px rgba(255, 122, 69, .28)
   }

   .abt-fp a:nth-child(4) {
      grid-column: 2 / span 2
   }

   .abt-fp a:nth-child(5) {
      grid-column: 4 / span 2
   }

   .abt-fp h4 {
      font-size: 18px;
      font-weight: 700;
      color: #111;
      margin: 0 0 16px
   }

   .abt-fp .big .num {
      font-size: 32px;
      font-weight: 800;
      color: var(--o);
      line-height: 1
   }

   .abt-fp .big .lbl {
      display: block;
      font-size: 13px;
      color: #777;
      font-weight: 600;
      margin-top: 6px
   }

   .abt-fp .sec {
      margin-top: auto;
      padding-top: 14px;
      border-top: 1px solid #efe7e2;
      font-size: 14px;
      color: #555;
      font-weight: 500
   }

   .abt-fp .cs {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: var(--o);
      font-weight: 700;
      font-size: 13px;
      margin-top: 14px
   }

   .abt-fp .cs svg {
      width: 14px;
      height: 14px;
      stroke: var(--o);
      transition: transform .25s ease
   }

   .abt-fp a:hover .cs svg {
      transform: translateX(4px)
   }

   /* =====================================================================
TESTIMONIALS (white)
===================================================================== */
   .abt-tst {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 26px;
      margin-top: 52px
   }

   .abt-tst .tc {
      background: #fff;
      border: 1px solid #f2ece7;
      border-radius: 18px;
      padding: 32px 30px;
      box-shadow: 0 12px 34px rgba(0, 0, 0, .07);
      position: relative;
      transition: transform .32s cubic-bezier(.16, 1, .3, 1), box-shadow .32s ease
   }

   .abt-tst .tc:before {
      content: "\201C";
      position: absolute;
      top: 6px;
      right: 24px;
      font-size: 80px;
      line-height: 1;
      color: #ffe0d1;
      font-family: Georgia, serif
   }

   .abt-tst .tc:hover {
      transform: translateY(-10px);
      box-shadow: 0 26px 52px rgba(255, 122, 69, .16)
   }

   .abt-tst .stars {
      color: var(--o);
      font-size: 15px;
      letter-spacing: 3px;
      margin-bottom: 14px;
      position: relative
   }

   .abt-tst .q {
      font-size: 15px;
      line-height: 1.75;
      color: #333;
      margin: 0 0 20px;
      position: relative
   }

   .abt-tst .who {
      display: flex;
      align-items: center;
      gap: 13px
   }

   .abt-tst .av {
      width: 46px;
      height: 46px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--o), #ff9e6b);
      color: #fff;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      flex: 0 0 auto
   }

   .abt-tst .nm {
      font-weight: 600;
      color: #111
   }

   .abt-tst .nm small {
      display: block;
      font-weight: 500;
      color: #999;
      font-size: 12.5px
   }

   /* =====================================================================
INTEGRITY (cream, statement + author)
===================================================================== */
   .abt-intwrap {
      display: grid;
      grid-template-columns: .85fr 1.15fr;
      gap: 52px;
      align-items: start;
      margin-top: 8px
   }

   .abt-author {
      background: #fff;
      border: 1px solid #f0e5de;
      border-radius: 20px;
      padding: 30px 28px;
      box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
      position: sticky;
      top: 30px
   }

   .abt-author img {
      width: 88px;
      height: 88px;
      border-radius: 50%;
      object-fit: cover;
      border: 4px solid #fff4ef;
      box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
      margin-bottom: 16px
   }

   .abt-author h4 {
      margin: 0;
      font-size: 19px;
      font-weight: 700;
      color: #111
   }

   .abt-author .role {
      font-size: 13px;
      font-weight: 600;
      color: var(--o);
      margin-top: 3px
   }

   .abt-author .pull {
      margin: 18px 0 0;
      font-size: 16px;
      line-height: 1.6;
      font-weight: 600;
      color: #1a1a1a;
      font-style: italic;
      border-left: 3px solid var(--o);
      padding-left: 16px
   }

   .abt-int p {
      font-size: 15.5px;
      line-height: 1.85;
      color: #4a4a4a;
      margin: 0 0 18px
   }

   .abt-int p:last-child {
      margin-bottom: 0
   }

   .abt-int p strong {
      color: #111
   }

   /* =====================================================================
CLOSING CTA (dark)
===================================================================== */
   .abt-close {
      background: var(--dark);
      position: relative;
      overflow: hidden;
      padding: 78px 20px
   }

   .abt-close:before {
      content: "";
      position: absolute;
      top: -140px;
      left: 50%;
      transform: translateX(-50%);
      width: 640px;
      height: 420px;
      background: radial-gradient(circle, rgba(255, 122, 69, .24), transparent 62%);
      pointer-events: none
   }

   .abt-close .container {
      position: relative;
      z-index: 2;
      text-align: center
   }

   .abt-close h2 {
      color: #fff;
      font-size: 38px;
      font-weight: 700;
      margin: 0 auto 14px;
      letter-spacing: -.4px
   }

   .abt-close h2 span {
      color: var(--o)
   }

   .abt-close p {
      color: #b9bcc6;
      font-size: 16.5px;
      line-height: 1.7;
      max-width: 560px;
      margin: 0 auto
   }

   .abt-close .abt-btns {
      justify-content: center
   }

   /* =====================================================================
RESPONSIVE
===================================================================== */
   @media(max-width:992px) {
      .abt-hero {
         padding: 145px 18px 76px;
      }

      .abt-hero .container {
         display: flex;
         flex-direction: column;
         gap: 46px;
      }

      .abt-h1 {
         font-size: 42px;
      }

      .abt-herocard {
         margin: 0 auto;
      }

      .abt-split,
      .abt-intwrap {
         grid-template-columns: 1fr;
         gap: 40px
      }

      .abt-head.left {
         text-align: center;
         margin: 0 auto
      }

      .abt-head.left .uline {
         margin: 18px auto 0
      }

      .abt-partners {
         grid-template-columns: repeat(2, 1fr)
      }

      .abt-team {
         grid-template-columns: repeat(2, 1fr)
      }

      .abt-fp {
         grid-template-columns: repeat(2, 1fr)
      }

      .abt-fp a,
      .abt-fp a:nth-child(4),
      .abt-fp a:nth-child(5) {
         grid-column: auto
      }

      .abt-tst {
         grid-template-columns: 1fr
      }

      .abt-author {
         position: static
      }

      .abt-certs {
         grid-template-columns: repeat(3, 1fr)
      }
   }

   @media(max-width:600px) {
      .abt-h1 {
         font-size: 34px;
      }

      .abt-head h2,
      .abt-close h2 {
         font-size: 28px
      }

      .abt-partners,
      .abt-fp {
         grid-template-columns: repeat(1, 1fr)
      }

      .abt-team,
      .abt-certs {
         grid-template-columns: repeat(2, 1fr)
      }

      .abt-btns {
         flex-direction: column
      }

      .abt-btn {
         justify-content: center
      }
   }