body{
    background: #FAF9F9;
}

footer {
    padding-top: 2.5rem;
}
 
.talent-section {
    background: #FAF9F9;
    padding-top: 100px;
}
.branch-box {
    background: var(--primary-color);
}
.btn-icon-white {
    color: var(--primary-color) !important;
}
.branch-section {
    background: #FAF9F9;
}

.talent-section .container {
    max-width: 1100px;
}

.talent-grid {
    display: grid;
    justify-content: center;
    gap: 4rem 1.25rem;
    grid-template-columns: repeat(auto-fill,325px);
}

.talent-grid .item {
    display: flex;
    padding: 2.5rem .6rem .6rem;
    flex-direction: column;
    align-items: center;
    background: var(--white-color);
    border-radius: var(--primary-radius);
}

.talent-grid .item a {
    color: var(--dark-color);
}

.talent-badge {
    margin-block: 2.5rem 2rem;
    width: 215px;
    height: 45px;
    border-radius: 100px;
    background: var(--primary-color);
    color: var(--white-color);
    font-weight: var(--font-bold);
    display: flex;
    justify-content: center;
    align-items: center;
}

.item img{
       width: 85px;
    height: 85px;
    object-fit: contain;
}

@media (max-width:768px) {
    .talent-grid {
        grid-template-columns: repeat(auto-fill,220px);
    }
    .talent-badge {
        width: max-content;
        padding-inline: 1rem;
    }
    .talent-section {
        padding-top: 50px;
    }
}

@media (max-width:500px) {
    .talent-grid {
        grid-template-columns: repeat(auto-fill,330px);
        gap: 2rem 1.25rem;
    }
}