/* Stable icon rendering for index service + SEO sections */
.feature-box-icon.sprite ul,
.feature01-box-icon.sprite ul {
    margin: 0;
    padding: 0;
}

.feature-box-icon.sprite li,
.feature01-box-icon.sprite li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-image: none !important;
}

.sprite li.responsive-logo::before,
.sprite li.applications-logo::before,
.sprite li.onlinemarketing-logo::before,
.sprite li.seo01-logo::before,
.sprite li.seo02-logo::before,
.sprite li.seo03-logo::before,
.sprite li.seo04-logo::before,
.sprite li.seo05-logo::before,
.sprite li.seo06-logo::before,
.sprite li.side-arrow-logo::before {
    content: none !important;
}

.sprite li.service-mobile-logo::before,
.sprite li.service-commerce-logo::before,
.sprite li.service-api-logo::before,
.sprite li.service-web-logo::before,
.sprite li.service-software-logo::before,
.sprite li.service-seo-logo::before {
    
    font-family: FontAwesome;
    width: 74px;
    height: 74px;
    
    
    display: flex;              
    align-items: center;
    justify-content: center;
    font-size: 34px;
    line-height: 1;
    position: relative;   
    left: -39px;
               
}



.sprite li.service-mobile-logo::before {
    content: "\f10b";
    color: #95c11f;
    border-color: #95c11f;
}

.sprite li.service-commerce-logo::before {
    content: "\f07a";
    color: #47b2e8;
    border-color: #47b2e8;
}

.sprite li.service-api-logo::before {
    content: "\f00a";
    color: #ef75c3;
    border-color: #ef75c3;
}

.sprite li.service-web-logo::before {
    content: "\f108";
    color: #e28042;
    border-color: #e28042;
}

.sprite li.service-software-logo::before {
    content: "\f0f7";
    color: #f0b126;
    border-color: #f0b126;
}

.sprite li.service-seo-logo::before {
    content: "\f140";
    color: #f04b37;
    border-color: #f04b37;
}

.feature-box-icon.sprite li img,
.feature01-box-icon.sprite li img {
    display: block;
    margin: 0 auto;
    position: static !important;
    transform: none !important;
}

.feature-box-icon.sprite .responsive-logo,
.feature-box-icon.sprite .applications-logo,
.feature-box-icon.sprite .onlinemarketing-logo,
.feature-box-icon.sprite .service-mobile-logo,
.feature-box-icon.sprite .service-commerce-logo,
.feature-box-icon.sprite .service-api-logo,
.feature-box-icon.sprite .service-web-logo,
.feature-box-icon.sprite .service-software-logo,
.feature-box-icon.sprite .service-seo-logo,
.feature01-box-icon.sprite .seo01-logo,
.feature01-box-icon.sprite .seo02-logo,
.feature01-box-icon.sprite .seo03-logo,
.feature01-box-icon.sprite .seo04-logo,
.feature01-box-icon.sprite .seo05-logo,
.feature01-box-icon.sprite .seo06-logo {
    width: 80px;
    height: 80px;
}

.service-icon-img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.circle-icon-img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.seo-point-icon {
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.seo-arrow-icon {
    color: #8fa2b3;
    font-size: 18px;
    line-height: 1;
}

.services-showcase-section {
    background: linear-gradient(180deg, #ffffff 0%, #f7f8fc 100%);
    padding-top: 30px;
    padding-bottom: 30px;
}

.service-category-card {
    background: #fff;
    border: 1px solid #e7eaf1;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 10px 30px rgba(29, 33, 39, 0.05);
    min-height: 420px;
}

.service-category-card h3 {
    margin-bottom: 18px;
    color: #6b39c5;
    font-weight: 600;
}

.service-category-list {
    list-style: none;
    padding: 0;
    margin: 0 0 18px;
}

.service-category-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid #f1f2f6;
    color: #334155;
}

.service-category-list li:last-child {
    border-bottom: 0;
}

.service-category-list .fa {
    width: 22px;
    text-align: center;
    color: #6b39c5;
}

.site-logo-img {
    width: 320px;
    max-width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    #header .header-logo {
        max-width: 210px;
    }

    #header .site-logo-img {
        width: 100%;
        max-width: 210px;
        height: auto;
    }
}

.clients-carousel {
    white-space: normal;
}

.clients-marquee {
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.clients-track {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: max-content;
    gap: 0;
    animation: clients-scroll 36s linear infinite;
}

.clients-carousel .client-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 84px;
    flex: 0 0 auto;
    min-width: 170px;
}

.clients-carousel .client-logo-wrap {
    padding: 8px 12px;
}

.clients-carousel .client-logo-wrap img,
.clients-carousel .client-carousel-img {
    width: auto !important;
    max-width: 160px;
    height: 70px;
    object-fit: contain;
    display: block;
}

@keyframes clients-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}