/*
Theme Name: Infinity Solutions
Author: Infinity Solutions
Description: WordPress conversion of the Infinity Solutions static HTML theme.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: infinity-solutions
*/

.progress-new{margin-top: -1px;}
.percent { width: 23px; height: 23px;display: flex; align-items: center; }
.percent svg { position: relative; width: 25px; height: 25px; transform: rotate(-90deg);}
.percent:nth-child(1) svg circle:last-of-type { stroke: #f39c12; }
.percent svg circle:last-of-type { stroke-dasharray: 66px; stroke-dashoffset: calc(66px - (66px * var(--percent)) / 100); stroke: #3498db; }
.percent svg circle { width: 100%; height: 100%; fill: none; stroke: #f0f0f0; stroke-width: 2px; stroke-linecap: round; }


/************/
/* .partnershiptrigger {position: absolute;right: 2%;}
.partnershiptrigger1 {top: var(--sectionSpace);}
.partnershiptrigger2 {top: 30%;}
.partnershiptrigger3 {top: 60%;}
.partnershiptrigger4 {top: 80%;}
.partnershiptrigger5 {top: 100%;}
.partnership-section {position: relative;}
.partnership-item {position: absolute;top: 0;opacity: 0;}
.partnership-item:first-child { opacity: 1; }
.partnership-item.show {opacity: 1;}
.partnership-item-wrap { position: relative; height: 100%; min-height: 900px; } */




/* ========================================
   Blog Filter UI - Categories + Tags + Search
   ======================================== */

/* Filter toggle buttons wrapper */
.filter-toggles {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Categories toggle button */
.key-categories {
    cursor: pointer;
}

.key-categories .button-group {
    color: #ABABAB;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 20px;
    border: 1px solid #444;
    border-radius: 4px;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.key-categories .button-group:hover,
.key-categories .button-group.active {
    color: #fff;
    border-color: #fff;
}

/* Tags toggle button - match categories style */
.key-tags .button-group {
    color: #ABABAB;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 20px;
    border: 1px solid #444;
    border-radius: 4px;
    transition: all 0.3s ease;
    white-space: nowrap;
    cursor: pointer;
}

.key-tags .button-group:hover,
.key-tags .button-group.active {
    color: #fff;
    border-color: #fff;
}

/* Categories panel */
.categoriesSlideToggle {
    padding: 20px 0 10px;
    border-top: 1px solid #333;
    margin-top: 15px;
}

.categoriesDetails {
    padding: 0;
}

.pusCategories {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.pusCategories li {
    margin: 0;
    padding: 0;
}

.pusCategories .categorySearch {
    display: block;
    color: #ABABAB;
    font-size: 14px;
    padding: 10px 16px;
    border: 1px solid #333;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pusCategories .categorySearch:hover,
.pusCategories .categorySearch.active {
    color: #fff;
    border-color: #fff;
    background-color: rgba(255, 255, 255, 0.08);
}

/* Tags panel - add border-top */
.tagsSlideToggle {
    border-top: 1px solid #333;
    margin-top: 15px;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .pusCategories {
        grid-template-columns: repeat(3, 1fr);
    }
    .filter-toggles {
        gap: 8px;
    }
    .key-categories .button-group,
    .key-tags .button-group {
        font-size: 14px;
        padding: 6px 14px;
    }
}

@media (max-width: 767px) {
    .search-wrap {
        flex-direction: column;
        gap: 12px;
    }
    .filter-toggles {
        width: 100%;
        justify-content: flex-start;
    }
    .pusCategories {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .pusCategories {
        grid-template-columns: 1fr;
    }
}