/* spacing start */
.px-120 {
    padding-left: 120px;
    padding-right: 120px;
}

.px-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.py-110 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.py-33 {
    padding-top: 33px;
    padding-bottom: 33px;
}

.pb-38 {
    padding-bottom: 38px;
}

.pb-20 {
    padding-bottom: 20px;
}

.mb-80 {
    padding-bottom: 80px;
}

.mb-18 {
    padding-bottom: 18px;
}

.mb-48 {
    padding-bottom: 48px;
}

.py-48 {
    padding-top: 48px;
    padding-bottom: 48px;
}

.py-82 {
    padding-top: 82px;
    padding-bottom: 82px;
}

.gx-64 {
    --bs-gutter-x: 64px;
}

.gx-40 {
    --bs-gutter-x: 40px;
}
.pt-32 {
    padding-top: 32px;
}
.p-20 {
    padding: 20px;
}
.m-20 {
    margin: 20px;
}
.top-heading {
    padding-top: 48px;
    padding-bottom: 70px;
}
.gap-24{
 gap: 24px;
}
/* spacing end */

@media screen and (max-width: 780px) {
    .top-heading{
        padding-top: 10px;
        padding-bottom: 15px;
    }
    .px-120 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .py-110 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media screen and (max-width: 500px) {
    .px-120 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .px-60 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .py-110 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .py-60 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .pb-38 {
        padding-bottom: 20px;
    }
    .py-33 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    footer .row {
        gap: 20px;
    }
    .gx-64 {
        --bs-gutter-x: 20px;
    }

    .gx-40 {
        --bs-gutter-x: 20px;
    }
    .top-heading{
        padding-top: 10px;
        padding-bottom: 15px;
    }
}