/* About page only */
.page-about .page-hero{
    background:linear-gradient(135deg,rgba(6,27,61,.94),rgba(8,169,222,.78)),url('../images/backgroundimg.png') center/cover;
}
.page-about .content-card{
    max-width:640px;
}
.page-about .choose-grid{
    grid-template-columns:repeat(3,1fr);
}
.page-about .choose-card{
    min-height:100%;
}

/* Our Client infinite right-to-left marquee */
.page-about .prestigious-client-section{
    overflow:hidden;
}
.page-about .client-marquee{
    position:relative;
    z-index:1;
    overflow:hidden;
    width:100%;
    padding:10px 0 18px;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
}
.page-about .client-track{
    display:flex;
    align-items:center;
    gap:22px;
    width:max-content;
    animation:aboutClientMoveLeft 30s linear infinite;
    will-change:transform;
}
.page-about .client-marquee:hover .client-track{
    animation-play-state:paused;
}
.page-about .client-logo-card{
    width:190px;
    height:112px;
    flex:0 0 190px;
    display:grid;
    place-items:center;
    padding:20px 24px;
    border-radius:24px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(31,212,239,.20);
    box-shadow:0 14px 34px rgba(9,35,80,.08);
    transition:.25s ease;
}
.page-about .client-logo-card:hover{
    transform:translateY(-5px);
    border-color:rgba(8,169,222,.38);
    box-shadow:0 18px 44px rgba(8,169,222,.18),0 0 0 4px rgba(31,212,239,.10);
}
.page-about .client-logo-card img{
    width:100%;
    max-height:70px;
    object-fit:contain;
    filter:drop-shadow(0 8px 16px rgba(6,27,61,.12));
}
@keyframes aboutClientMoveLeft{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
}

@media(max-width:992px){
    .page-about .choose-grid{grid-template-columns:repeat(2,1fr)}
    .page-about .client-logo-card{width:170px;flex-basis:170px;height:104px}
}
@media(max-width:640px){
    .page-about .choose-grid{grid-template-columns:1fr}
    .page-about .client-track{gap:14px;animation-duration:34s}
    .page-about .client-logo-card{width:148px;flex-basis:148px;height:94px;padding:16px;border-radius:20px}
}