.xferno-counter-static{
         font-family: Syne, Inter, sans-serif;
         font-size: clamp(54px, 7vw, 96px);
         font-weight: 700;
         line-height: .92;
         letter-spacing: -0.06em;
         color: #fff;
         margin-bottom: 10px;
         }
         .xferno-counter-static span{
         font-size: .55em;
         letter-spacing: -0.03em;
         vertical-align: super;
         margin-left: 4px;
         }
         .xferno-logo-text{
         font-family: Syne, Inter, sans-serif;
         font-weight: 700;
         font-size: 28px;
         letter-spacing: -0.04em;
         color: #fff;
         line-height: 1;
         }
         .xferno-logo-text::first-letter{color:#d7ff63;}
         .xferno-contact-card{
         width:100%;
         min-height:420px;
         border-radius:28px;
         
          padding:clamp(28px,5vw,64px);
         display:flex;
         flex-direction:column;
         justify-content:center;
         align-items:center;
         text-align:center;
         
         }
         .xferno-contact-kicker{
         display:inline-flex;
         align-items:center;
         justify-content:center;
         padding:8px 14px;
         border-radius:999px;
         border:1px solid rgba(255,255,255,.12);
         background:rgba(255,255,255,.06);
         color:rgba(255,255,255,.72);
         font-size:12px;
         letter-spacing:.08em;
         text-transform:uppercase;
         margin-bottom:18px;
         }
         .xferno-contact-card h3{
         font-family:Syne, Inter, sans-serif;
         font-size:clamp(34px,5vw,68px);
         line-height:.96;
         margin:0 0 18px;
         color:#fff;
         letter-spacing:-.06em;
         }
         .xferno-contact-card p{
         max-width:720px;
         color:rgba(255,255,255,.68);
         font-size:17px;
         line-height:1.65;
         margin:0 auto 28px;
         }
         .xferno-contact-actions{
         display:flex;
         flex-wrap:wrap;
         gap:14px;
         justify-content:center;
         }
         .xferno-button-secondary{
         background:rgba(255,255,255,.08)!important;
         border:1px solid rgba(255,255,255,.12)!important;
         }
         .xferno-contact-note{
         margin-top:18px;
         color:rgba(255,255,255,.45);
         font-size:13px;
         }
      
    
         
   .core-image-holder.core-icon-holder .core-services-icon {
      font-size: 42px;
      line-height: 1;
      color: #ffffff;
      opacity: .92;
      text-shadow:
         0 0 18px rgba(80,105,255,.95),
         0 0 36px rgba(120,140,255,.38);
      transform: rotate(10deg);
      transition: all .35s ease;
   }

   .core-content-holder:hover .core-icon-holder {
      transform: rotate(0deg) translateY(-4px);
      border-color: rgba(255,255,255,.24);
      box-shadow:
         inset 0 0 32px rgba(255,255,255,.06),
         0 22px 65px rgba(39,63,183,.32),
         0 0 44px rgba(70,95,255,.16);
   }

   .core-content-holder:hover .core-services-icon {
      opacity: 1;
      transform: rotate(0deg) scale(1.06);
   }
         .xferno-video-replacement{
         position:relative;
         width:100%;
         min-height:100%;
         border-radius:inherit;
         overflow:hidden;
         background:
         radial-gradient(circle at 20% 15%, rgba(124,58,237,.28), transparent 32%),
         radial-gradient(circle at 82% 90%, rgba(33,243,168,.18), transparent 35%),
         linear-gradient(135deg, rgba(12,18,32,.96), rgba(5,8,15,.98));
         border:1px solid rgba(255,255,255,.10);
         box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 22px 60px rgba(0,0,0,.24);
         color:#fff;
         display:flex;
         flex-direction:column;
         justify-content:space-between;
         gap:18px;
         padding:22px;
         box-sizing:border-box;
         }
         .xferno-video-replacement.landscape{aspect-ratio:16/9;}
         .xferno-video-replacement.portrait{aspect-ratio:9/16; min-height:420px; align-items:center; text-align:center; justify-content:center;}
         .xferno-video-replacement.case{aspect-ratio:16/9; justify-content:center;}
         .xferno-video-replacement::before{
         content:"";
         position:absolute;
         inset:0;
         background:
         linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
         background-size:28px 28px;
         opacity:.32;
         pointer-events:none;
         }
         .xferno-video-replacement > *{position:relative; z-index:1;}
         .xferno-icon-badge{
         width:54px;
         height:54px;
         border-radius:18px;
         display:grid;
         place-items:center;
         background:rgba(33,243,168,.10);
         border:1px solid rgba(33,243,168,.22);
         box-shadow:0 0 28px rgba(33,243,168,.10);
         color:#21f3a8;
         font-size:25px;
         }
         .xferno-video-replacement.portrait .xferno-icon-badge{margin:0 auto 12px; width:66px; height:66px; font-size:30px; border-radius:22px;}
         .xferno-card-kicker{
         display:inline-flex;
         align-items:center;
         gap:8px;
         width:max-content;
         max-width:100%;
         padding:7px 11px;
         border-radius:999px;
         border:1px solid rgba(255,255,255,.10);
         background:rgba(255,255,255,.05);
         color:rgba(255,255,255,.72);
         font:600 11px/1 Inter, sans-serif;
         letter-spacing:.08em;
         text-transform:uppercase;
         }
         .xferno-video-replacement.portrait .xferno-card-kicker{margin:0 auto 12px;}
         .xferno-card-title{
         margin:10px 0 8px;
         color:#fff;
         font:700 clamp(24px, 4vw, 44px)/1.02 Syne, Inter, sans-serif;
         letter-spacing:-.04em;
         }
         .xferno-video-replacement.portrait .xferno-card-title{font-size:25px; letter-spacing:-.03em;}
         .xferno-card-text{
         margin:0;
         max-width:620px;
         color:rgba(255,255,255,.68);
         font:400 15px/1.65 Inter, sans-serif;
         }
         .xferno-video-replacement.portrait .xferno-card-text{font-size:13px; line-height:1.55; margin:0 auto; max-width:260px;}
         .xferno-dashboard-grid{
         display:grid;
         grid-template-columns:1.05fr .95fr;
         gap:14px;
         margin-top:18px;
         }
         .xferno-mini-panel{
         border:1px solid rgba(255,255,255,.09);
         background:rgba(255,255,255,.045);
         border-radius:18px;
         padding:14px;
         backdrop-filter:blur(10px);
         }
         .xferno-mini-panel strong{display:block; color:#fff; font:700 20px/1 Syne, Inter, sans-serif; margin-bottom:5px;}
         .xferno-mini-panel span{display:block; color:rgba(255,255,255,.58); font:500 12px/1.35 Inter, sans-serif;}
         .xferno-stack-row{display:flex; flex-wrap:wrap; gap:8px; margin-top:14px;}
         .xferno-stack-row span{
         padding:7px 10px;
         border-radius:999px;
         background:rgba(124,58,237,.12);
         border:1px solid rgba(124,58,237,.24);
         color:rgba(255,255,255,.75);
         font:600 11px/1 Inter, sans-serif;
         }
         .xferno-work-footer{display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:18px;}
         .xferno-arrow-circle{
         width:40px; height:40px; border-radius:50%; display:grid; place-items:center;
         border:1px solid rgba(33,243,168,.28); color:#21f3a8; background:rgba(33,243,168,.08);
         }
         /* Xferno hero replacement for the removed top video */
         .xferno-hero-showcase{
         min-height:520px;
         border-radius:22px;
         background:
         radial-gradient(circle at 20% 20%, rgba(39,63,183,.34), transparent 28%),
         radial-gradient(circle at 78% 28%, rgba(124,58,237,.30), transparent 30%),
         radial-gradient(circle at 55% 105%, rgba(33,243,168,.12), transparent 36%),
         linear-gradient(135deg, rgba(10,12,22,.98), rgba(5,7,13,.98));
         }
         .xferno-hero-showcase::after{
         content:"";
         position:absolute;
         inset:0;
         background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.10) 45%, transparent 58%);
         transform:translateX(-100%);
         animation:xfernoShine 6s ease-in-out infinite;
         pointer-events:none;
         opacity:.65;
         }
         @keyframes xfernoShine{0%,45%{transform:translateX(-110%)}70%,100%{transform:translateX(110%)}}
         .xferno-hero-topbar{
         display:flex;
         align-items:center;
         justify-content:space-between;
         gap:14px;
         padding:14px;
         border-radius:18px;
         background:rgba(255,255,255,.045);
         border:1px solid rgba(255,255,255,.08);
         backdrop-filter:blur(12px);
         }
         .xferno-brand-chip{display:flex;align-items:center;gap:10px;color:#fff;font:700 14px/1 Inter,sans-serif;}
         .xferno-logo-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#273fb7,#7c3aed);box-shadow:0 0 34px rgba(39,63,183,.28);font-size:18px;}
         .xferno-live-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(33,243,168,.08);border:1px solid rgba(33,243,168,.22);color:rgba(255,255,255,.80);font:600 12px/1 Inter,sans-serif;}
         .xferno-live-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:#21f3a8;box-shadow:0 0 18px rgba(33,243,168,.95);}
         .xferno-showcase-body{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;margin-top:18px;align-items:stretch;}
         .xferno-showcase-main,.xferno-showcase-side{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);border-radius:22px;padding:24px;backdrop-filter:blur(14px);}
         .xferno-showcase-main{display:flex;flex-direction:column;justify-content:space-between;min-height:340px;}
         .xferno-showcase-title{margin:12px 0 10px;color:#fff;font:700 clamp(34px,4.8vw,64px)/.96 Syne,Inter,sans-serif;letter-spacing:-.06em;max-width:680px;}
         .xferno-showcase-text{margin:0;color:rgba(255,255,255,.62);font:400 15px/1.65 Inter,sans-serif;max-width:560px;}
         .xferno-service-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
         .xferno-service-pills span{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.76);font:600 12px/1 Inter,sans-serif;}
         .xferno-service-pills i{color:#8ea2ff;}
         .xferno-showcase-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;}
         .xferno-showcase-metric{padding:14px;border-radius:16px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.075);}
         .xferno-showcase-metric strong{display:block;color:#fff;font:700 26px/1 Syne,Inter,sans-serif;margin-bottom:5px;}
         .xferno-showcase-metric span{display:block;color:rgba(255,255,255,.48);font:500 11px/1.35 Inter,sans-serif;}
         .xferno-side-card{padding:16px;border-radius:18px;background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.075);margin-bottom:12px;}
         .xferno-side-card:last-child{margin-bottom:0;}
         .xferno-side-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
         .xferno-side-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(39,63,183,.18);border:1px solid rgba(142,162,255,.20);color:#8ea2ff;font-size:19px;}
         .xferno-side-title{color:#fff;font:700 15px/1.25 Inter,sans-serif;}
         .xferno-side-text{margin:0;color:rgba(255,255,255,.56);font:400 13px/1.55 Inter,sans-serif;}
         .xferno-code-window{margin-top:12px;border-radius:14px;background:rgba(4,7,12,.78);border:1px solid rgba(255,255,255,.08);overflow:hidden;}
         .xferno-code-dots{display:flex;gap:6px;padding:10px;border-bottom:1px solid rgba(255,255,255,.06);}
         .xferno-code-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.28);}
         .xferno-code-window pre{margin:0;padding:12px;color:rgba(255,255,255,.72);font:500 12px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;}
         .xferno-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:12px;}
         .xferno-progress span{display:block;height:100%;width:82%;border-radius:inherit;background:linear-gradient(90deg,#273fb7,#7c3aed,#21f3a8);}
         @media (max-width: 991px){.xferno-hero-showcase{min-height:auto}.xferno-showcase-body{grid-template-columns:1fr}.xferno-showcase-metrics{grid-template-columns:1fr 1fr 1fr}}
         @media (max-width: 600px){.xferno-hero-topbar{align-items:flex-start;flex-direction:column}.xferno-showcase-main,.xferno-showcase-side{padding:18px}.xferno-showcase-metrics{grid-template-columns:1fr}.xferno-showcase-title{font-size:36px}.xferno-service-pills span{width:100%;justify-content:center}}
         @media (max-width: 767px){
         .xferno-video-replacement{padding:18px;}
         .xferno-dashboard-grid{grid-template-columns:1fr;}
         .xferno-video-replacement.portrait{min-height:360px;}
         }
         .xferno-logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    line-height: 1;
}

.xferno-logo-img {
    display: block;
    width: 132px;
    height: auto;
    object-fit: contain;
}
      
      
         
         #work .subtitle-text-holder{
         max-width: 760px;
         margin: 16px auto 0;
         color: rgba(255,255,255,.56);
         font-size: 16px;
         line-height: 1.7;
         }
         #work .work-grid{
         align-items: stretch !important;
         gap: 24px !important;
         }
         #work .work-video-holder{
         height: auto !important;
         min-height: 0 !important;
         aspect-ratio: auto !important;
         overflow: visible !important;
         background: transparent !important;
         }
         #work .work-video-holder .w-embed,
         #work .work-video-holder .video-embed{
         height: 100% !important;
         min-height: 100% !important;
         }
         .xferno-project-card{
         height: 100%;
         min-height: 420px;
         display: flex;
         flex-direction: column;
         overflow: hidden;
         border-radius: 24px;
         border: 1px solid rgba(255,255,255,.10);
         background:
         radial-gradient(circle at 18% 0%, rgba(39,63,183,.34), transparent 36%),
         radial-gradient(circle at 100% 0%, rgba(137,92,255,.22), transparent 34%),
         linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
         box-shadow: 0 22px 60px rgba(0,0,0,.34);
         color: #fff;
         text-decoration: none;
         transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
         }
         .xferno-project-card:hover{
         transform: translateY(-6px);
         border-color: rgba(112,134,255,.45);
         box-shadow: 0 28px 80px rgba(0,0,0,.44), 0 0 0 1px rgba(39,63,183,.18);
         }
         .xferno-project-thumbnail{
         position: relative;
         height: 230px;
         padding: 14px;
         background:
         linear-gradient(135deg, rgba(16,17,32,.92), rgba(8,8,12,.96)),
         radial-gradient(circle at 50% 0%, rgba(73,91,255,.35), transparent 50%);
         border-bottom: 1px solid rgba(255,255,255,.08);
         }
         .xferno-project-thumbnail::before{
         content:"";
         position:absolute;
         inset:14px;
         border-radius:18px;
         border:1px dashed rgba(255,255,255,.18);
         background:
         linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
         linear-gradient(0deg, rgba(255,255,255,.035) 1px, transparent 1px);
         background-size: 26px 26px;
         opacity:.95;
         }
         .xferno-thumb-placeholder{
         position: relative;
         z-index: 1;
         height: 100%;
         border-radius: 18px;
         display:flex;
         flex-direction:column;
         align-items:center;
         justify-content:center;
         text-align:center;
         gap:8px;
         color: rgba(255,255,255,.82);
         }
         .xferno-thumb-placeholder i{
         width: 52px;
         height: 52px;
         border-radius: 16px;
         display:grid;
         place-items:center;
         background: rgba(39,63,183,.28);
         border:1px solid rgba(255,255,255,.12);
         font-size: 25px;
         color:#fff;
         }
         .xferno-thumb-placeholder span{
         font-weight: 700;
         letter-spacing: -.02em;
         }
         .xferno-thumb-placeholder small{
         max-width: 220px;
         color: rgba(255,255,255,.44);
         font-size: 12px;
         line-height: 1.45;
         }
         .xferno-project-thumb-img{
         position:absolute;
         inset:0;
         width:100%;
         height:100%;
         object-fit:cover;
         z-index:1;
         display:block;
         }
         .xferno-project-thumb-img[src=""]{
         display:none;
         }
         .xferno-project-thumb-img:not([src=""]) + .xferno-thumb-placeholder{
         display:none;
         }
         .xferno-project-badge{
         position:absolute;
         top:24px;
         left:24px;
         z-index:2;
         padding: 7px 11px;
         border-radius:999px;
         background: rgba(0,0,0,.52);
         border: 1px solid rgba(255,255,255,.12);
         backdrop-filter: blur(10px);
         font-size: 11px;
         font-weight: 700;
         color: rgba(255,255,255,.82);
         letter-spacing: .08em;
         text-transform: uppercase;
         }
         .xferno-project-body{
         padding: 22px;
         display:flex;
         flex-direction:column;
         flex:1;
         }
         .xferno-project-title{
         margin: 0 0 10px;
         color:#fff;
         font-size: 22px;
         line-height:1.15;
         letter-spacing:-.04em;
         }
         .xferno-project-desc{
         margin: 0 0 18px;
         color: rgba(255,255,255,.58);
         font-size: 14px;
         line-height: 1.65;
         }
         .xferno-project-tags{
         display:flex;
         flex-wrap:wrap;
         gap:8px;
         margin-top:auto;
         padding-top: 4px;
         }
         .xferno-project-tags span{
         padding:7px 10px;
         border-radius:999px;
         background: rgba(255,255,255,.07);
         border:1px solid rgba(255,255,255,.08);
         color: rgba(255,255,255,.64);
         font-size: 12px;
         font-weight:600;
         }
         .xferno-project-footer{
         margin-top: 18px;
         display:flex;
         align-items:center;
         justify-content:space-between;
         gap:12px;
         color: rgba(255,255,255,.84);
         font-size: 13px;
         font-weight:700;
         }
         .xferno-project-footer i{
         width:34px;
         height:34px;
         border-radius:999px;
         display:grid;
         place-items:center;
         background: rgba(39,63,183,.34);
         border:1px solid rgba(255,255,255,.10);
         }
         @media(max-width:767px){
         .xferno-project-card{min-height:390px;}
         .xferno-project-thumbnail{height:210px;}
         .xferno-project-title{font-size:20px;}
         }
      
      
  .xferno-contact-actions .button {
    display: inline-flex;
    align-items: center;
    gap: 9px;
  }

  .xferno-contact-actions .button i {
    font-size: 18px;
    line-height: 1;
    animation: xfernoIconFloat 1.8s ease-in-out infinite;
  }

  .xferno-contact-actions .button:hover i {
    animation: xfernoIconPulse .7s ease-in-out infinite alternate;
  }

  @keyframes xfernoIconFloat {
    0%, 100% {
      transform: translateY(0) scale(1);
    }
    50% {
      transform: translateY(-3px) scale(1.04);
    }
  }

  @keyframes xfernoIconPulse {
    from {
      transform: scale(1);
      text-shadow: 0 0 0 rgba(255,255,255,0);
    }
    to {
      transform: scale(1.14);
      text-shadow: 0 0 14px rgba(255,255,255,.45);
    }
  }

  .social-media-link-holder {
    display: flex;
    align-items: center;
    gap: 34px;
  }

  .social-media-link {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
    transition: all .28s ease;
  }

  .social-media-link i {
    font-size: 30px;
    line-height: 1;
    transition: all .28s ease;
  }

  .social-media-link:hover {
    transform: translateY(-4px);
    color: #ffffff;
  }

  .social-media-link:hover i {
    transform: scale(1.12);
    text-shadow: 0 0 18px rgba(255,255,255,.45);
  }

   .client-photo-holder.xferno-avatar-icon {
      width: 72px;
      height: 72px;
      min-width: 72px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      background:
         radial-gradient(circle at 28% 18%, rgba(255,255,255,.18), transparent 34%),
         radial-gradient(circle at 70% 85%, rgba(39,63,183,.32), transparent 38%),
         linear-gradient(135deg, rgba(39,63,183,.42), rgba(10,10,10,.98));
      border: 1px solid rgba(255,255,255,.13);
      box-shadow:
         inset 0 0 24px rgba(255,255,255,.045),
         0 16px 42px rgba(0,0,0,.38),
         0 0 34px rgba(39,63,183,.18);
      overflow: hidden;
      position: relative;
      transition: all .3s ease;
   }

   .client-photo-holder.xferno-avatar-icon::before {
      content: "";
      position: absolute;
      inset: 8px;
      border-radius: inherit;
      border: 1px solid rgba(255,255,255,.07);
      pointer-events: none;
   }

   .client-photo-holder.xferno-avatar-icon .xferno-avatar-svg {
      width: 34px;
      height: 34px;
      opacity: .94;
      position: relative;
      z-index: 2;
      filter: drop-shadow(0 0 12px rgba(255,255,255,.25));
      transition: all .3s ease;
   }

   .client-info-holder:hover .xferno-avatar-icon {
      transform: translateY(-3px);
      border-color: rgba(255,255,255,.24);
      box-shadow:
         inset 0 0 28px rgba(255,255,255,.06),
         0 20px 50px rgba(0,0,0,.46),
         0 0 46px rgba(39,63,183,.30);
   }

   .client-info-holder:hover .xferno-avatar-icon .xferno-avatar-svg {
      transform: scale(1.08);
      opacity: 1;
   }

   @media (max-width: 767px) {
      .client-photo-holder.xferno-avatar-icon {
         width: 60px;
         height: 60px;
         min-width: 60px;
      }

      .client-photo-holder.xferno-avatar-icon .xferno-avatar-svg {
         width: 29px;
         height: 29px;
      }
   }

#work .work-video-holder {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
  background: transparent !important;
}

#work .work-video-holder .w-embed {
  height: 100% !important;
  min-height: 100% !important;
}

/* main card */
.xferno-project-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 382px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #030303 !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.34) !important;
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease !important;
}

.xferno-project-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(130,68,237,.42) !important;
  box-shadow:
    0 32px 85px rgba(0,0,0,.48),
    0 0 45px rgba(130,68,237,.14) !important;
}

/* thumbnail as full background */
.xferno-project-thumbnail {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 34%, rgba(130,68,237,.35), transparent 38%),
    linear-gradient(135deg, #07010d, #000) !important;
}

.xferno-project-thumbnail::before {
  display: none !important;
}

/* thumbnail image */
.xferno-project-thumb-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  z-index: 1 !important;
  opacity: .9 !important;
  transition: transform .35s ease, opacity .35s ease !important;
}

.xferno-project-card:hover .xferno-project-thumb-img {
  transform: scale(1.055) !important;
  opacity: 1 !important;
}

/* dark gradient overlay */
.xferno-project-thumbnail::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  background:
    radial-gradient(circle at 50% 28%, rgba(130,68,237,.16), transparent 36%),
    linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.18) 45%, rgba(0,0,0,.78) 100%) !important;
  pointer-events: none !important;
}

/* top-left badge */
.xferno-project-badge {
  position: absolute !important;
  top: 18px !important;
  left: 18px !important;
  z-index: 5 !important;
  padding: 8px 14px !important;
  border-radius: 11px !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  color: #f5f5f5 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: inset 0 0 12px rgba(255,255,255,.05) !important;
}

/* top-right eye icon */
.xferno-project-eye {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  z-index: 6 !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  color: #fff !important;
  font-size: 18px !important;
  box-shadow: inset 0 0 12px rgba(255,255,255,.05) !important;
  transition: all .25s ease !important;
}

.xferno-project-card:hover .xferno-project-eye {
  transform: translateY(-2px) scale(1.04) !important;
  background: rgba(130,68,237,.34) !important;
  border-color: rgba(255,255,255,.32) !important;
  box-shadow:
    inset 0 0 12px rgba(255,255,255,.08),
    0 0 24px rgba(130,68,237,.35) !important;
}

/* empty thumbnail */
.xferno-thumb-placeholder {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  text-align: center !important;
  gap: 8px !important;
  color: rgba(255,255,255,.75) !important;
  background:
    radial-gradient(circle at 50% 35%, rgba(130,68,237,.45), transparent 34%),
    linear-gradient(135deg, #090011, #020202) !important;
}

.xferno-thumb-placeholder i {
  width: 64px !important;
  height: 64px !important;
  border-radius: 20px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(130,68,237,.18) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #fff !important;
  font-size: 30px !important;
}

.xferno-thumb-placeholder span {
  font-weight: 800 !important;
  color: rgba(255,255,255,.86) !important;
}

.xferno-thumb-placeholder small {
  max-width: 230px !important;
  color: rgba(255,255,255,.45) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

/* glass title box over thumbnail */
.xferno-project-body {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 9px !important;
    z-index: 6 !important;
    /* max-height: 70px; */
    padding: 14px !important;
    border-radius: 15px !important;
    display: flex !important;
    align-items: center !important;
    background: rgba(0, 0, 0, .50) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 -10px 55px rgba(0, 0, 0, .36) !important;
}
.xferno-project-title {
    margin: 0 !important;
    color: #fff !important;
    /* font-family: Inter, Syne, sans-serif !important; */
    /* font-size: 24px !important; */
    line-height: 1.1 !important;
    /* font-weight: 900 !important; */
    letter-spacing: -1.4px !important;
    font-family: Poppins, sans-serif;
    /* font-size: 14px; */
    font-family: Syne, sans-serif;
    /* font-family: Syne, sans-serif; */
    /* font-family: Poppins, sans-serif; */
}
/* responsive */
@media (max-width: 767px) {
  .xferno-project-card {
    min-height: 350px !important;
  }

  .xferno-project-body {
    left: 18px !important;
    right: 18px !important;
    bottom: 14px !important;
    min-height: 86px !important;
    padding: 21px 20px !important;
  }

  .xferno-project-title {
    font-size: 21px !important;
  }

  .xferno-project-badge {
    top: 16px !important;
    left: 16px !important;
    font-size: 14px !important;
  }

  .xferno-project-eye {
    top: 16px !important;
    right: 16px !important;
    width: 40px !important;
    height: 40px !important;
  }
}

  .client-hero-holder {
    display: flex;
    align-items: center;
    gap: 18px;
  }

  .xferno-trust-icons-holder {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }

  .xferno-trust-icon {
    width: 45px;
    height: 45px;
    max-width: 45px;
    border-radius: 100px;
    margin-right: -14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
      radial-gradient(circle at 30% 18%, rgba(255,255,255,.18), transparent 36%),
      linear-gradient(135deg, rgba(39,63,183,.38), rgba(17,17,17,.96));
    border: 1px solid rgba(255,255,255,.12);
    box-shadow:
      inset 0 0 18px rgba(255,255,255,.04),
      0 10px 28px rgba(0,0,0,.32),
      0 0 24px rgba(39,63,183,.16);
    position: relative;
    overflow: hidden;
  }

  .xferno-trust-icon:nth-child(2) {
    background:
      radial-gradient(circle at 30% 18%, rgba(255,255,255,.18), transparent 36%),
      linear-gradient(135deg, rgba(124,58,237,.42), rgba(17,17,17,.96));
  }

  .xferno-trust-icon:nth-child(3) {
    background:
      radial-gradient(circle at 30% 18%, rgba(255,255,255,.18), transparent 36%),
      linear-gradient(135deg, rgba(33,243,168,.24), rgba(17,17,17,.96));
  }

  .xferno-trust-icon:nth-child(4) {
    background:
      radial-gradient(circle at 30% 18%, rgba(255,255,255,.18), transparent 36%),
      linear-gradient(135deg, rgba(217,70,239,.34), rgba(17,17,17,.96));
  }

  .xferno-trust-icon:nth-child(5) {
    background:
      radial-gradient(circle at 30% 18%, rgba(255,255,255,.18), transparent 36%),
      linear-gradient(135deg, rgba(99,102,241,.42), rgba(17,17,17,.96));
  }

  .xferno-trust-icon i {
    font-size: 18px;
    color: #fff;
    line-height: 1;
    opacity: .92;
    text-shadow: 0 0 16px rgba(255,255,255,.28);
  }

  .xferno-trust-icon:hover {
    transform: translateY(-3px);
    z-index: 5;
    border-color: rgba(255,255,255,.24);
    box-shadow:
      inset 0 0 20px rgba(255,255,255,.06),
      0 14px 34px rgba(0,0,0,.42),
      0 0 30px rgba(39,63,183,.24);
  }

  .xferno-trust-icon {
    transition: all .28s ease;
  }

  .horizontal-info-holder {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .inline-text.white {
    color: #fff;
  }

  .inline-text {
    color: rgba(255,255,255,.55);
  }

  @media (max-width: 767px) {
    .client-hero-holder {
      align-items: flex-start;
      gap: 14px;
    }

    .xferno-trust-icon {
      width: 40px;
      height: 40px;
      max-width: 40px;
      margin-right: -12px;
    }

    .xferno-trust-icon i {
      font-size: 16px;
    }
  }


   .client-photo-holder.xferno-avatar-icon {
      width: 72px;
      height: 72px;
      min-width: 72px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      background:
         radial-gradient(circle at 28% 18%, rgba(255,255,255,.18), transparent 34%),
         radial-gradient(circle at 70% 85%, rgba(39,63,183,.32), transparent 38%),
         linear-gradient(135deg, rgba(39,63,183,.42), rgba(10,10,10,.98));
      border: 1px solid rgba(255,255,255,.13);
      box-shadow:
         inset 0 0 24px rgba(255,255,255,.045),
         0 16px 42px rgba(0,0,0,.38),
         0 0 34px rgba(39,63,183,.18);
      overflow: hidden;
      position: relative;
      transition: all .3s ease;
   }

   .client-photo-holder.xferno-avatar-icon::before {
      content: "";
      position: absolute;
      inset: 8px;
      border-radius: inherit;
      border: 1px solid rgba(255,255,255,.07);
      pointer-events: none;
   }

   .client-photo-holder.xferno-avatar-icon .xferno-avatar-svg {
      width: 34px;
      height: 34px;
      opacity: .94;
      position: relative;
      z-index: 2;
      filter: drop-shadow(0 0 12px rgba(255,255,255,.25));
      transition: all .3s ease;
   }

   .client-info-holder:hover .xferno-avatar-icon {
      transform: translateY(-3px);
      border-color: rgba(255,255,255,.24);
      box-shadow:
         inset 0 0 28px rgba(255,255,255,.06),
         0 20px 50px rgba(0,0,0,.46),
         0 0 46px rgba(39,63,183,.30);
   }

   .client-info-holder:hover .xferno-avatar-icon .xferno-avatar-svg {
      transform: scale(1.08);
      opacity: 1;
   }

   @media (max-width: 767px) {
      .client-photo-holder.xferno-avatar-icon {
         width: 60px;
         height: 60px;
         min-width: 60px;
      }

      .client-photo-holder.xferno-avatar-icon .xferno-avatar-svg {
         width: 29px;
         height: 29px;
      }
   }