/* Padding utilities */
.p-0 { padding: 0; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }
.p-50 { padding: 50px; }
.p-80 { padding: 80px; }
.p-100 { padding: 100px; }

/* Margin utilities */
.m-0 { margin: 0; }
.m-5 { margin: 5px; }
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }
.m-20 { margin: 20px; }
.m-25 { margin: 25px; }
.m-30 { margin: 30px; }
.m-50 { margin: 50px; }
.m-80 { margin: 80px; }
.m-100 { margin: 100px; }

/* Padding Top */
.pt-0 { padding-top: 0; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-50 { padding-top: 50px; }
.pt-80 { padding-top: 80px; }
.pt-100 { padding-top: 100px; }

/* Padding Bottom */
.pb-0 { padding-bottom: 0; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-50 { padding-bottom: 50px; }
.pb-80 { padding-bottom: 80px; }
.pb-100 { padding-bottom: 100px; }

/* Padding Left */
.pl-0 { padding-left: 0; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; }
.pl-30 { padding-left: 30px; }
.pl-50 { padding-left: 50px; }
.pl-80 { padding-left: 80px; }
.pl-100 { padding-left: 100px; }

/* Padding Right */
.pr-0 { padding-right: 0; }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pr-30 { padding-right: 30px; }
.pr-50 { padding-right: 50px; }
.pr-80 { padding-right: 80px; }
.pr-100 { padding-right: 100px; }

/* Margin Top */
.mt-0 { margin-top: 0; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-50 { margin-top: 50px; }
.mt-80 { margin-top: 80px; }
.mt-100 { margin-top: 100px; }

/* Margin Bottom */
.mb-0 { margin-bottom: 0; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-50 { margin-bottom: 50px; }
.mb-80 { margin-bottom: 80px; }
.mb-100 { margin-bottom: 100px; }

/* Margin Left */
.ml-0 { margin-left: 0; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-50 { margin-left: 50px; }
.ml-80 { margin-left: 80px; }
.ml-100 { margin-left: 100px; }

/* Margin Right */
.mr-0 { margin-right: 0; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-50 { margin-right: 50px; }
.mr-80 { margin-right: 80px; }
.mr-100 { margin-right: 100px; }

/* Medium screens (max-width: 991.98px) */
@media (max-width: 991.98px) {
    .p-md-0 { padding: 0; }
    .p-md-5 { padding: 5px; }
    .p-md-10 { padding: 10px; }
    .p-md-15 { padding: 15px; }
    .p-md-20 { padding: 20px; }
    .p-md-25 { padding: 25px; }
    .p-md-30 { padding: 30px; }
    .p-md-50 { padding: 50px; }
    .p-md-80 { padding: 80px; }
    .p-md-100 { padding: 100px; }

    .m-md-0 { margin: 0; }
    .m-md-5 { margin: 5px; }
    .m-md-10 { margin: 10px; }
    .m-md-15 { margin: 15px; }
    .m-md-20 { margin: 20px; }
    .m-md-25 { margin: 25px; }
    .m-md-30 { margin: 30px; }
    .m-md-50 { margin: 50px; }
    .m-md-80 { margin: 80px; }
    .m-md-100 { margin: 100px; }

    .pt-md-0 { padding-top: 0; }
    .pt-md-5 { padding-top: 5px; }
    .pt-md-10 { padding-top: 10px; }
    .pt-md-15 { padding-top: 15px; }
    .pt-md-20 { padding-top: 20px; }
    .pt-md-25 { padding-top: 25px; }
    .pt-md-30 { padding-top: 30px; }
    .pt-md-50 { padding-top: 50px; }
    .pt-md-80 { padding-top: 80px; }
    .pt-md-100 { padding-top: 100px; }

    .pb-md-0 { padding-bottom: 0; }
    .pb-md-5 { padding-bottom: 5px; }
    .pb-md-10 { padding-bottom: 10px; }
    .pb-md-15 { padding-bottom: 15px; }
    .pb-md-20 { padding-bottom: 20px; }
    .pb-md-25 { padding-bottom: 25px; }
    .pb-md-30 { padding-bottom: 30px; }
    .pb-md-50 { padding-bottom: 50px; }
    .pb-md-80 { padding-bottom: 80px; }
    .pb-md-100 { padding-bottom: 100px; }

    .pl-md-0 { padding-left: 0; }
    .pl-md-5 { padding-left: 5px; }
    .pl-md-10 { padding-left: 10px; }
    .pl-md-15 { padding-left: 15px; }
    .pl-md-20 { padding-left: 20px; }
    .pl-md-25 { padding-left: 25px; }
    .pl-md-30 { padding-left: 30px; }
    .pl-md-50 { padding-left: 50px; }
    .pl-md-80 { padding-left: 80px; }
    .pl-md-100 { padding-left: 100px; }

    .pr-md-0 { padding-right: 0; }
    .pr-md-5 { padding-right: 5px; }
    .pr-md-10 { padding-right: 10px; }
    .pr-md-15 { padding-right: 15px; }
    .pr-md-20 { padding-right: 20px; }
    .pr-md-25 { padding-right: 25px; }
    .pr-md-30 { padding-right: 30px; }
    .pr-md-50 { padding-right: 50px; }
    .pr-md-80 { padding-right: 80px; }
    .pr-md-100 { padding-right: 100px; }

    .mt-md-0 { margin-top: 0; }
    .mt-md-5 { margin-top: 5px; }
    .mt-md-10 { margin-top: 10px; }
    .mt-md-15 { margin-top: 15px; }
    .mt-md-20 { margin-top: 20px; }
    .mt-md-25 { margin-top: 25px; }
    .mt-md-30 { margin-top: 30px; }
    .mt-md-50 { margin-top: 50px; }
    .mt-md-80 { margin-top: 80px; }
    .mt-md-100 { margin-top: 100px; }

    .mb-md-0 { margin-bottom: 0; }
    .mb-md-5 { margin-bottom: 5px; }
    .mb-md-10 { margin-bottom: 10px; }
    .mb-md-15 { margin-bottom: 15px; }
    .mb-md-20 { margin-bottom: 20px; }
    .mb-md-25 { margin-bottom: 25px; }
    .mb-md-30 { margin-bottom: 30px; }
    .mb-md-50 { margin-bottom: 50px; }
    .mb-md-80 { margin-bottom: 80px; }
    .mb-md-100 { margin-bottom: 100px; }

    .ml-md-0 { margin-left: 0; }
    .ml-md-5 { margin-left: 5px; }
    .ml-md-10 { margin-left: 10px; }
    .ml-md-15 { margin-left: 15px; }
    .ml-md-20 { margin-left: 20px; }
    .ml-md-25 { margin-left: 25px; }
    .ml-md-30 { margin-left: 30px; }
    .ml-md-50 { margin-left: 50px; }
    .ml-md-80 { margin-left: 80px; }
    .ml-md-100 { margin-left: 100px; }

    .mr-md-0 { margin-right: 0; }
    .mr-md-5 { margin-right: 5px; }
    .mr-md-10 { margin-right: 10px; }
    .mr-md-15 { margin-right: 15px; }
    .mr-md-20 { margin-right: 20px; }
    .mr-md-25 { margin-right: 25px; }
    .mr-md-30 { margin-right: 30px; }
    .mr-md-50 { margin-right: 50px; }
    .mr-md-80 { margin-right: 80px; }
    .mr-md-100 { margin-right: 100px; }
}

/* Small screens (max-width: 767.98px) */
@media (max-width: 767.98px) {
    .p-sm-0 { padding: 0; }
    .p-sm-5 { padding: 5px; }
    .p-sm-10 { padding: 10px; }
    .p-sm-15 { padding: 15px; }
    .p-sm-20 { padding: 20px; }
    .p-sm-25 { padding: 25px; }
    .p-sm-30 { padding: 30px; }
    .p-sm-50 { padding: 50px; }
    .p-sm-80 { padding: 80px; }
    .p-sm-100 { padding: 100px; }

    .m-sm-0 { margin: 0; }
    .m-sm-5 { margin: 5px; }
    .m-sm-10 { margin: 10px; }
    .m-sm-15 { margin: 15px; }
    .m-sm-20 { margin: 20px; }
    .m-sm-25 { margin: 25px; }
    .m-sm-30 { margin: 30px; }
    .m-sm-50 { margin: 50px; }
    .m-sm-80 { margin: 80px; }
    .m-sm-100 { margin: 100px; }

    .pt-sm-0 { padding-top: 0; }
    .pt-sm-5 { padding-top: 5px; }
    .pt-sm-10 { padding-top: 10px; }
    .pt-sm-15 { padding-top: 15px; }
    .pt-sm-20 { padding-top: 20px; }
    .pt-sm-25 { padding-top: 25px; }
    .pt-sm-30 { padding-top: 30px; }
    .pt-sm-50 { padding-top: 50px; }
    .pt-sm-80 { padding-top: 80px; }
    .pt-sm-100 { padding-top: 100px; }

    .pb-sm-0 { padding-bottom: 0; }
    .pb-sm-5 { padding-bottom: 5px; }
    .pb-sm-10 { padding-bottom: 10px; }
    .pb-sm-15 { padding-bottom: 15px; }
    .pb-sm-20 { padding-bottom: 20px; }
    .pb-sm-25 { padding-bottom: 25px; }
    .pb-sm-30 { padding-bottom: 30px; }
    .pb-sm-50 { padding-bottom: 50px; }
    .pb-sm-80 { padding-bottom: 80px; }
    .pb-sm-100 { padding-bottom: 100px; }

    .pl-sm-0 { padding-left: 0; }
    .pl-sm-5 { padding-left: 5px; }
    .pl-sm-10 { padding-left: 10px; }
    .pl-sm-15 { padding-left: 15px; }
    .pl-sm-20 { padding-left: 20px; }
    .pl-sm-25 { padding-left: 25px; }
    .pl-sm-30 { padding-left: 30px; }
    .pl-sm-50 { padding-left: 50px; }
    .pl-sm-80 { padding-left: 80px; }
    .pl-sm-100 { padding-left: 100px; }

    .pr-sm-0 { padding-right: 0; }
    .pr-sm-5 { padding-right: 5px; }
    .pr-sm-10 { padding-right: 10px; }
    .pr-sm-15 { padding-right: 15px; }
    .pr-sm-20 { padding-right: 20px; }
    .pr-sm-25 { padding-right: 25px; }
    .pr-sm-30 { padding-right: 30px; }
    .pr-sm-50 { padding-right: 50px; }
    .pr-sm-80 { padding-right: 80px; }
    .pr-sm-100 { padding-right: 100px; }

    .mt-sm-0 { margin-top: 0; }
    .mt-sm-5 { margin-top: 5px; }
    .mt-sm-10 { margin-top: 10px; }
    .mt-sm-15 { margin-top: 15px; }
    .mt-sm-20 { margin-top: 20px; }
    .mt-sm-25 { margin-top: 25px; }
    .mt-sm-30 { margin-top: 30px; }
    .mt-sm-50 { margin-top: 50px; }
    .mt-sm-80 { margin-top: 80px; }
    .mt-sm-100 { margin-top: 100px; }

    .mb-sm-0 { margin-bottom: 0; }
    .mb-sm-5 { margin-bottom: 5px; }
    .mb-sm-10 { margin-bottom: 10px; }
    .mb-sm-15 { margin-bottom: 15px; }
    .mb-sm-20 { margin-bottom: 20px; }
    .mb-sm-25 { margin-bottom: 25px; }
    .mb-sm-30 { margin-bottom: 30px; }
    .mb-sm-50 { margin-bottom: 50px; }
    .mb-sm-80 { margin-bottom: 80px; }
    .mb-sm-100 { margin-bottom: 100px; }

    .ml-sm-0 { margin-left: 0; }
    .ml-sm-5 { margin-left: 5px; }
    .ml-sm-10 { margin-left: 10px; }
    .ml-sm-15 { margin-left: 15px; }
    .ml-sm-20 { margin-left: 20px; }
    .ml-sm-25 { margin-left: 25px; }
    .ml-sm-30 { margin-left: 30px; }
    .ml-sm-50 { margin-left: 50px; }
    .ml-sm-80 { margin-left: 80px; }
    .ml-sm-100 { margin-left: 100px; }

    .mr-sm-0 { margin-right: 0; }
    .mr-sm-5 { margin-right: 5px; }
    .mr-sm-10 { margin-right: 10px; }
    .mr-sm-15 { margin-right: 15px; }
    .mr-sm-20 { margin-right: 20px; }
    .mr-sm-25 { margin-right: 25px; }
    .mr-sm-30 { margin-right: 30px; }
    .mr-sm-50 { margin-right: 50px; }
    .mr-sm-80 { margin-right: 80px; }
    .mr-sm-100 { margin-right: 100px; }
}