@layer pages {
    .main_area {
        padding-top: 3.125rem;
        padding-bottom: 6.25rem;
    }

    .main_area1 {
        border-bottom: 1px solid var(--light_grey_300);
        padding-top: 3rem;
        padding-bottom: 3.125rem;
    }

    .main_banner_row {
        align-items: center;
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: 0.41fr 0.59fr;
        column-gap: 4.875rem;
    }

    .main_banner_row .para_desc {
        font-size: 1.125rem;
        line-height: 1.6;
    }

    .main_banner_row .title {
        font-size: 2.8125rem;
        font-weight: 600;
        letter-spacing: 0.0625rem;
    }

    .main_banner_row .btn_row:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .agency_wrapper {
        position: relative;
    }

    .agency_wrapper::before {
        content: "";
        position: absolute;
        bottom: 25rem;
        right: 54rem;
        width: 90rem;
        height: 35rem;
        border-radius: 17rem;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: var(--light_grey_200);
        z-index: -1;
    }

}

@layer media_query {
    @media(max-width: 767px) {
        .main_banner_row{
            grid-auto-flow: unset;
            grid-template-columns: 1fr;
        }
        .icon_card_row.col3{
            grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
            row-gap: 1.5rem;
        }
    }
}