.banner-right
{
    animation: fadeUp 1s 0.5s ease both;
    position: relative;    
}
.banner-right img
{
    border: 1.5px solid var(--border);
    border-radius: 10px;
    box-shadow: 0 20px 60px rgba(26, 107, 255, 0.12), 0 4px 16px rgba(0, 0, 0, 0.06);
}

.payroll-card svg { width: 40px; height: 40px; stroke:  var(--primary); fill:  var(--primary); }
.payroll-card p { max-width: 360px; margin: auto; }
.left-content-main h6 { font-size: 17px; }
.left-content-main h3 { font-size: clamp(1.6rem, 3.5vw, 2.1rem); max-width: 525px; }
.left-content-main p { color: var(--text-2); font-size: 17px; line-height: 1.5; }
.heading-two-default { font-size: 32px; line-height: 1.3; }
.benifits-left p { font-size: 17px; }
.compliance-img { max-width: 300px; opacity: 0.9; }

.benifits-left h3 { font-size: clamp(1.6rem, 3.5vw, 2.1rem); }
.main-title { font-size: 36px; font-weight: 700; }
.feature-list p { font-size: 18px; margin-bottom: 15px; cursor: pointer; }
.feature-list p.active { color: rgb(13, 110, 253); font-weight: 600; }
.feature-list > div {
    padding: 0px 20px;
    border-left: 3px solid transparent;
    cursor: pointer;
    transition: all 0.3s ease;
}
.benifits-section
{
    padding: 50px 0px 0px;
}
.icon-custom
{
    line-height: 1;
    display: inline-flex;
}
.icon-custom i
{
   font-size: 32px;
   color: var(--primary);
}

.compliance-section
{
    background-color: var(--grey);
}
.feature-list > div.active {
    border-left: 3px solid var(--primary);
}

.feature-list h5 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 6px;
    color: var(--text);
}

.feature-list p {
    margin: 0;
    font-size: 16px;
    color: var(--text-2);
}

/* 👉 important: only active ka paragraph show hoga */
.feature-list
{
    display: grid;
    gap: 25px;
}
.feature-list > div p {
    display: none;
}

.feature-list > div.active p {
    display: block;
}

.right-box { background: rgb(235, 245, 255); border-radius: 20px; padding: 40px; position: relative; }
.inner-card { background: rgb(255, 255, 255); border-radius: 15px; padding: 20px; }
.tab-content-box {
    display: none;
}

.tab-content-box.active {
    display: block;
}
@media (max-width: 768px) {
  .heading-two-default { font-size: 24px; }
}