/* Comprehensive Icon Sizing - Consistent 80px Desktop, Responsive Mobile */

/* ==================== DESKTOP: 80px Icons (Consistent for Inner Pages) ==================== */

/* Hero Feature Icons */
.hero-feature-icon-img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
}

/* Service & Dedicated Icons */
.dedicated-icon-img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
}

/* Service Icons (Microsoft Technology Services section) - Larger */
.service-icon-img {
    width: 100px !important;
    height: 100px !important;
    object-fit: contain;
}

/* Product Development Icons */
.offer-icon-img,
.feature-icon-img,
.key-area-icon-img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
}

/* Migration Icons */
.migration-type-icon-img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
}

/* Upgrade/Integration Icons */
.benefit-icon-img,
.dynamics-feature-icon-img,
.upgrade-benefit-icon-img,
.specialization-icon-img,
.key-feature-icon-img,
.category-icon-img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
}

/* Implementation Icons */
.power-platform-icon-img,
.why-important-icon-img,
.implementation-benefit-icon-img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
}

/* Development/Consulting Icons */
.service-breakdown-icon-img,
.approach-icon-img,
.tech-item-icon-img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
}

/* Why Choose Icons */
.why-choose-icon-img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
}

/* Business Type Icons */
.business-type-icon-img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
}

/* Pricing Icons */
.pricing-icon-img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
}

/* Tech Stack Icons (Index page) */
.tech-icon-img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
}

/* Contact Icons */
.contact-icon-img,
.info-icon-img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
}

/* Industries Icons */
.industry-icon-img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
}

/* Logo Icons - Bigger than regular icons */
.logo-img,
.scroll-logo-img {
    width: 100px !important;
    height: auto !important;
    object-fit: contain;
}

/* ==================== TABLET: 72px Icons (Consistent) ==================== */

@media (max-width: 1024px) {
    .hero-feature-icon-img,
    .dedicated-icon-img,
    .offer-icon-img,
    .feature-icon-img,
    .key-area-icon-img,
    .migration-type-icon-img,
    .benefit-icon-img,
    .dynamics-feature-icon-img,
    .upgrade-benefit-icon-img,
    .specialization-icon-img,
    .key-feature-icon-img,
    .category-icon-img,
    .power-platform-icon-img,
    .why-important-icon-img,
    .implementation-benefit-icon-img,
    .service-breakdown-icon-img,
    .approach-icon-img,
    .tech-item-icon-img,
    .why-choose-icon-img,
    .business-type-icon-img,
    .pricing-icon-img,
    .tech-icon-img,
    .contact-icon-img,
    .info-icon-img,
    .industry-icon-img {
        width: 72px !important;
        height: 72px !important;
    }
    
    /* Service icons stay larger on tablet */
    .service-icon-img {
        width: 90px !important;
        height: 90px !important;
    }
    
    /* Logo icons - bigger than regular icons */
    .logo-img,
    .scroll-logo-img {
        width: 90px !important;
        height: auto !important;
    }
}

/* ==================== MOBILE: 72px Icons (Consistent) ==================== */

@media (max-width: 768px) {
    .hero-feature-icon-img,
    .dedicated-icon-img,
    .offer-icon-img,
    .feature-icon-img,
    .key-area-icon-img,
    .migration-type-icon-img,
    .benefit-icon-img,
    .dynamics-feature-icon-img,
    .upgrade-benefit-icon-img,
    .specialization-icon-img,
    .key-feature-icon-img,
    .category-icon-img,
    .power-platform-icon-img,
    .why-important-icon-img,
    .implementation-benefit-icon-img,
    .service-breakdown-icon-img,
    .approach-icon-img,
    .tech-item-icon-img,
    .why-choose-icon-img,
    .business-type-icon-img,
    .pricing-icon-img,
    .tech-icon-img,
    .contact-icon-img,
    .info-icon-img,
    .industry-icon-img {
        width: 72px !important;
        height: 72px !important;
    }
    
    /* Service icons stay larger on mobile */
    .service-icon-img {
        width: 80px !important;
        height: 80px !important;
    }
    
    /* Logo icons - bigger than regular icons */
    .logo-img,
    .scroll-logo-img {
        width: 80px !important;
        height: auto !important;
    }
}

/* ==================== SMALL MOBILE: 64px Icons (Consistent) ==================== */

@media (max-width: 480px) {
    .hero-feature-icon-img,
    .dedicated-icon-img,
    .offer-icon-img,
    .feature-icon-img,
    .key-area-icon-img,
    .migration-type-icon-img,
    .benefit-icon-img,
    .dynamics-feature-icon-img,
    .upgrade-benefit-icon-img,
    .specialization-icon-img,
    .key-feature-icon-img,
    .category-icon-img,
    .power-platform-icon-img,
    .why-important-icon-img,
    .implementation-benefit-icon-img,
    .service-breakdown-icon-img,
    .approach-icon-img,
    .tech-item-icon-img,
    .why-choose-icon-img,
    .business-type-icon-img,
    .pricing-icon-img,
    .tech-icon-img,
    .contact-icon-img,
    .info-icon-img,
    .industry-icon-img {
        width: 64px !important;
        height: 64px !important;
    }
    
    /* Service icons stay larger on small mobile */
    .service-icon-img {
        width: 72px !important;
        height: 72px !important;
    }
    
    /* Logo icons - bigger than regular icons */
    .logo-img,
    .scroll-logo-img {
        width: 72px !important;
        height: auto !important;
    }
}

/* ==================== Navigation Icons (Keep Smaller) ==================== */

/* Dropdown Icons */
.dropdown-icon-img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain;
}

.mobile-dropdown-icon-img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain;
}

/* These stay the same across all breakpoints */
@media (max-width: 1024px) {
    .dropdown-icon-img {
        width: 24px !important;
        height: 24px !important;
    }
    
    .mobile-dropdown-icon-img {
        width: 20px !important;
        height: 20px !important;
    }
}