.usps_section {
    background: #f5f7f3;

    & .section_inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;

        & p.subheading {
            font-size: 1.4rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.15rem;
            color: var(--primary);
            margin: 0 0 1.5rem;
        }

        & .header {
            font-weight: 700;
            margin: 0 0 5rem;
            color: var(--black);

            @media (max-width: 991px) {
                font-size: 3rem;
            }
        }

        & .text_area {
            max-width: 60rem;
            margin: 0 0 5rem;

            & p {
                font-size: 1.6rem;
                color: #555;
                line-height: 1.7;
            }
        }

        & .usps_grid {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            gap: 2.5rem;

            & .usp {
                flex: 1 1 calc(33.333% - 1.7rem);
                min-width: 22rem;
                background: white;
                border-radius: 1.5rem;
                border-top: 4px solid var(--primary);
                padding: 3.5rem 2.5rem;
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                text-decoration: none;
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
                transition: transform 0.3s ease, box-shadow 0.3s ease;

                @media (max-width: 767px) {
                    flex: 1 1 calc(50% - 1.25rem);
                }

                @media (max-width: 479px) {
                    flex: 1 1 100%;
                }

                &:hover {
                    transform: translateY(-0.4rem);
                    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
                }

                & .usp_icon_wrap {
                    width: 7rem;
                    height: 7rem;
                    border-radius: 50%;
                    background: var(--primary);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-bottom: 2rem;
                    flex-shrink: 0;

                    & img.usp_icon {
                        width: 3.8rem;
                        height: 3.8rem;
                        object-fit: contain;
                    }
                }

                & h4 {
                    font-size: 1.7rem;
                    font-weight: 700;
                    color: var(--black);
                    margin: 0 0 1rem;
                    line-height: 1.3;
                }

                & p {
                    font-size: 1.4rem;
                    color: #666;
                    line-height: 1.6;
                    margin: 0;
                }
            }
        }

        & .call_to_action_buttons {
            margin-top: 5rem;
        }
    }
}