.pricing .the-button {

    display: inline-block;

    margin-right:7px;

}



.pricing .cta-row {

    justify-content: space-between;

    gap: 12px;

    margin-bottom: 12px

}



.pricing .section-subheading {

    font-weight: bold;

    margin-top: 20px;

    margin-bottom: 10px;

    padding-left: 15px;

}



.pricing .the-box ul {

    margin-bottom: 20px;

    padding-left: 0;

    list-style: none;

}



.pricing .the-box li {

    position: relative;

    padding-left: 48px;

    /* Large gap from the line */

    margin-bottom: 8px;

}



/* Yellow ticks for Standard Package */

.lined-box.yellow .the-box li::before {

    content: "\f00c";

    font-family: "Font Awesome 6 Free";

    font-weight: 900;

    position: absolute;

    left: 20px;

    color: #ffa900;

    font-size: 14px;

}



/* Green ticks for Diversity Networks Package */

.lined-box.green .the-box li::before {

    content: "\f00c";

    font-family: "Font Awesome 6 Free";

    font-weight: 900;

    position: absolute;

    left: 20px;

    color: #2d8a34;

    font-size: 14px;

}



/* Remove unwanted yellow horizontal line in mobile for green box */

@media (max-width: 991px) {

    .lined-box.green {

        border-top: none;

    }

}



/* Add clear gap between packages on mobile */

@media (max-width: 576px) {

    .pricing .col-12:first-child {

        margin-bottom: 40px;

    }



    .pricing .cta-row {

        flex-wrap: wrap;

        margin-bottom: 16px;

        justify-content: center;

        text-align: center

    }



    .pricing .lined-box {

        padding-bottom: 16px

    }



    .pricing .cta-row .the-price {

        width: 100%;

        text-align: center;

        margin-bottom: 10px

    }



    .pricing .cta-row .the-button {

        margin-left: 0

    }

}



/* Most Popular label styling */

.most-popular {

    display: inline-block;

    background: #ffcc00;

    color: #000;

    font-weight: bold;

    font-size: 12px;

    padding: 4px 10px;

    border-radius: 12px;

    margin-bottom: 8px;

}



/* Most Popular label styling */

.most-popular {

    display: inline-block;

    background: #ffcc00;

    color: #000;

    font-weight: bold;

    font-size: 100%;

    /* normal text size */

    padding: 4px 10px;

    border-radius: 12px;

    margin-bottom: 8px;

    text-align: center;

    margin-left: auto;

    margin-right: auto;

}





.client-logo {

  width: 200px;          /* fixed width so the track width is stable */

  height: 95px;

  object-fit: contain;

  flex: 0 0 120px;       /* prevent flexbox shrinking */

  display: block;        /* avoids inline gaps */

  transition: transform 0.3s ease;

}









.logos-scroll-wrapper {

    overflow: hidden;

    width: 100%;

    padding: 1rem 0;

    position: relative;

}



.logos-scroll {

    display: flex;

    gap: 2rem;

    align-items: center;

    width: max-content;

    will-change: transform;

    animation: scroll-logos 50s linear infinite;

    /* tweak 25�40s if you want */

    animation-play-state: paused;

    /* we�ll start it after load */

}









@keyframes scroll-logos {

    from {

        transform: translate3d(-50%, 0, 0);

    }



    /* start halfway left */

    to {

        transform: translate3d(0, 0, 0);

    }



    /* move right to the start */

}