.home-body {
    background: var(--bg-gray-50);
}

.insurance-section {

    padding: 80px 0px 40px 0px;

}

.insurance-section .section-title {
        margin-bottom: 24px;
    }

.insurance-section .insurance-cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 24px;
        gap: 24px;
    }

.insurance-section .insurance-cards .insurance-card {
            display: grid;
            grid-template-rows: auto 1fr auto;
            position: relative;
            min-height: 225px;
            background: var(--amber-600);
            border-radius: 24px;
            padding: 26px;
            overflow: hidden;
        }

.insurance-section .insurance-cards .insurance-card h2 {
                font-weight: 600;
                font-size: max(18px, min(2vw, 24px));
            }

.insurance-section .insurance-cards .insurance-card img {
                position: absolute;
                bottom: 12px;


                right: 0;
                width: 255px;
                max-width: 80%;

                -o-object-fit: cover;


                   object-fit: cover;
                pointer-events: none;
            }


.insurance-section .insurance-cards .rca-calculate-card {

            background: var(--blue-400);
            color: var(--white);
        }


.insurance-section .insurance-cards .rca-calculate-card img {
                width: 180px;
                max-width: 45%;
                right: 32px;
                bottom: 0;
            }

.insurance-section .insurance-cards .rca-guide-card {
            background: url("/resources/storefront-template/carmatikV2/img/homepage/insurance-card-bg.png")
                center/cover no-repeat;
            color: var(--white);
        }


.car-cards-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 120px;
}

.car-cards-section .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 24px 0;
}

.car-cards-section button,
.car-cards-section .primary-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 8px;
    background: var(--blue-500);
    color: var(--white);
}

.car-cards-section .car-cards-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 24px;
        gap: 24px;
        margin-bottom: 40px;
    }

@media (max-width: 1056px) {

    h2 {
        text-align: center;
    }


    .insurance-section .insurance-cards .rca-calculate-card img {
        bottom: -16px;
        width: 128px;
        right: 50%;
        transform: translateX(50%);

        max-width: 100%;

    }

    .car-cards-section .car-cards-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 750px) {
    h2 {
        text-align: left;
    }


    .insurance-section,
    .car-cards-section {
        max-width: 430px;
        margin: 32px auto;
    }

    .insurance-section {
        padding: 40px 0;
    }

        .insurance-section .insurance-cards {
            grid-template-columns: 1fr;

        }

            .insurance-section .insurance-cards .insurance-card {
                min-height: 160px;
            }


                .insurance-section .insurance-cards .insurance-card img {
                    width: 192px;
                    max-width: 60%;
                }

            .insurance-section .insurance-cards .rca-calculate-card img {
                bottom: 0px;
                right: 32px;
                transform: scaleX(-1);

                width: 128px;
                max-width: 35%;
            }

    .car-cards-section {
        align-items: flex-start;
    }

        .car-cards-section .section-header {
            width: 100%;

            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
        }


        .car-cards-section .show-all-btn {
            width: 100%;
        }


        .car-cards-section .car-cards-container {
    grid-template-columns: repeat(1, 1fr);
    margin: 32px auto;
}
        }
}