:root {
    --saffron: #FF9933;
    --saffron-dark: #E67E22;
    --white: #FFFFFF;
    --green: #138808;
    --green-dark: #0B6E04;
}

.btn-tiranga {
    background: linear-gradient(90deg, var(--orange) 0%, var(--green) 100%);
    color: #ffffff;
    border: none;
    font-weight: 700;
    transition: .35s ease;
}

.btn-tiranga:hover {
    background: linear-gradient(135deg, #cb6600 0%, #dd8200fa 22%, #dd82006b 48%, #ffffff 52%, #008723 75%, var(--green) 100%);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(19, 136, 8, .25);
}

.hero-text {
    color: #716d6d;
    max-width: 480px;
    font-size: 15.5px;
    line-height: 1.6;
}

.bg-orange {
    background: #FDECE1;
}

.color-orange {
    color: var(--orange);
}

.bg-green {
    background: #E6F4EA;
}

.color-green {
    color: var(--green)
}

.bg-blue {
    background: #E5EEFB;
}

.color-blue {
    color: #3B6FE0
}

.bg-purple {
    background: #F1E9FB;
}

.color-purple {
    color: #7C3AED
}
.color-yellow {
    color: #D9A521
}

.bg-dark-orange {
    background: var(--orange);
}

.bg-dark-green {
    background: var(--green);
}

.bg-dark-blue {
    background: #3B6FE0;
}

.bg-dark-purple {
    background: #7C3AED;
}

.heading-2 {
    color: var(--navy);
    font-size: 29px
}
.heading-3 {
    color:var(--navy);
    font-size:19px
}

.cta1 {
    max-width: 220px;
    font-size: 14.5px;
    color: #DDE3F2;
}

.content-align {
    justify-content: space-evenly;
}
@media screen and (max-width:768px) {
    .stat-strip {
        max-width: 100%;
    }
}
@media screen and (275px <=width <=575px) {
    .stat-strip {
        margin-top: -10px;
        max-width: 100%;
    }

    .stat-icon {
        width: 34px;
        height: 34px;
    }

    .feature-card {
        padding: 24px 10px;
    }

    .content-align {
        justify-content: left;
    }
}