/* ========================================
   Extended Spacing Classes
   Additional padding and margin utilities (6-10)
   Extends Bootstrap's default spacing scale
   ======================================== */

/* Padding Top (pt-6 to pt-10) */
.pt-6 { padding-top: 3.5rem !important; }
.pt-7 { padding-top: 4rem !important; }
.pt-8 { padding-top: 4.5rem !important; }
.pt-9 { padding-top: 5rem !important; }
.pt-10 { padding-top: 5.5rem !important; }

/* Padding Bottom (pb-6 to pb-10) */
.pb-6 { padding-bottom: 3.5rem !important; }
.pb-7 { padding-bottom: 4rem !important; }
.pb-8 { padding-bottom: 4.5rem !important; }
.pb-9 { padding-bottom: 5rem !important; }
.pb-10 { padding-bottom: 5.5rem !important; }

/* Margin Top (mt-6 to mt-10) */
.mt-6 { margin-top: 3.5rem !important; }
.mt-7 { margin-top: 4rem !important; }
.mt-8 { margin-top: 4.5rem !important; }
.mt-9 { margin-top: 5rem !important; }
.mt-10 { margin-top: 5.5rem !important; }

/* Margin Bottom (mb-6 to mb-10) */
.mb-6 { margin-bottom: 3.5rem !important; }
.mb-7 { margin-bottom: 4rem !important; }
.mb-8 { margin-bottom: 4.5rem !important; }
.mb-9 { margin-bottom: 5rem !important; }
.mb-10 { margin-bottom: 5.5rem !important; }

/* Responsive Padding Top (pt-*-6 to pt-*-10) */
@media (min-width: 576px) {
    .pt-sm-6 { padding-top: 3.5rem !important; }
    .pt-sm-7 { padding-top: 4rem !important; }
    .pt-sm-8 { padding-top: 4.5rem !important; }
    .pt-sm-9 { padding-top: 5rem !important; }
    .pt-sm-10 { padding-top: 5.5rem !important; }
}

@media (min-width: 768px) {
    .pt-md-6 { padding-top: 3.5rem !important; }
    .pt-md-7 { padding-top: 4rem !important; }
    .pt-md-8 { padding-top: 4.5rem !important; }
    .pt-md-9 { padding-top: 5rem !important; }
    .pt-md-10 { padding-top: 5.5rem !important; }
}

@media (min-width: 992px) {
    .pt-lg-6 { padding-top: 3.5rem !important; }
    .pt-lg-7 { padding-top: 4rem !important; }
    .pt-lg-8 { padding-top: 4.5rem !important; }
    .pt-lg-9 { padding-top: 5rem !important; }
    .pt-lg-10 { padding-top: 5.5rem !important; }
}

@media (min-width: 1200px) {
    .pt-xl-6 { padding-top: 3.5rem !important; }
    .pt-xl-7 { padding-top: 4rem !important; }
    .pt-xl-8 { padding-top: 4.5rem !important; }
    .pt-xl-9 { padding-top: 5rem !important; }
    .pt-xl-10 { padding-top: 5.5rem !important; }
}

/* Responsive Padding Bottom (pb-*-6 to pb-*-10) */
@media (min-width: 576px) {
    .pb-sm-6 { padding-bottom: 3.5rem !important; }
    .pb-sm-7 { padding-bottom: 4rem !important; }
    .pb-sm-8 { padding-bottom: 4.5rem !important; }
    .pb-sm-9 { padding-bottom: 5rem !important; }
    .pb-sm-10 { padding-bottom: 5.5rem !important; }
}

@media (min-width: 768px) {
    .pb-md-6 { padding-bottom: 3.5rem !important; }
    .pb-md-7 { padding-bottom: 4rem !important; }
    .pb-md-8 { padding-bottom: 4.5rem !important; }
    .pb-md-9 { padding-bottom: 5rem !important; }
    .pb-md-10 { padding-bottom: 5.5rem !important; }
}

@media (min-width: 992px) {
    .pb-lg-6 { padding-bottom: 3.5rem !important; }
    .pb-lg-7 { padding-bottom: 4rem !important; }
    .pb-lg-8 { padding-bottom: 4.5rem !important; }
    .pb-lg-9 { padding-bottom: 5rem !important; }
    .pb-lg-10 { padding-bottom: 5.5rem !important; }
}

@media (min-width: 1200px) {
    .pb-xl-6 { padding-bottom: 3.5rem !important; }
    .pb-xl-7 { padding-bottom: 4rem !important; }
    .pb-xl-8 { padding-bottom: 4.5rem !important; }
    .pb-xl-9 { padding-bottom: 5rem !important; }
    .pb-xl-10 { padding-bottom: 5.5rem !important; }
}

/* Responsive Margin Top (mt-*-6 to mt-*-10) */
@media (min-width: 576px) {
    .mt-sm-6 { margin-top: 3.5rem !important; }
    .mt-sm-7 { margin-top: 4rem !important; }
    .mt-sm-8 { margin-top: 4.5rem !important; }
    .mt-sm-9 { margin-top: 5rem !important; }
    .mt-sm-10 { margin-top: 5.5rem !important; }
}

@media (min-width: 768px) {
    .mt-md-6 { margin-top: 3.5rem !important; }
    .mt-md-7 { margin-top: 4rem !important; }
    .mt-md-8 { margin-top: 4.5rem !important; }
    .mt-md-9 { margin-top: 5rem !important; }
    .mt-md-10 { margin-top: 5.5rem !important; }
}

@media (min-width: 992px) {
    .mt-lg-6 { margin-top: 3.5rem !important; }
    .mt-lg-7 { margin-top: 4rem !important; }
    .mt-lg-8 { margin-top: 4.5rem !important; }
    .mt-lg-9 { margin-top: 5rem !important; }
    .mt-lg-10 { margin-top: 5.5rem !important; }
}

@media (min-width: 1200px) {
    .mt-xl-6 { margin-top: 3.5rem !important; }
    .mt-xl-7 { margin-top: 4rem !important; }
    .mt-xl-8 { margin-top: 4.5rem !important; }
    .mt-xl-9 { margin-top: 5rem !important; }
    .mt-xl-10 { margin-top: 5.5rem !important; }
}

/* Responsive Margin Bottom (mb-*-6 to mb-*-10) */
@media (min-width: 576px) {
    .mb-sm-6 { margin-bottom: 3.5rem !important; }
    .mb-sm-7 { margin-bottom: 4rem !important; }
    .mb-sm-8 { margin-bottom: 4.5rem !important; }
    .mb-sm-9 { margin-bottom: 5rem !important; }
    .mb-sm-10 { margin-bottom: 5.5rem !important; }
}

@media (min-width: 768px) {
    .mb-md-6 { margin-bottom: 3.5rem !important; }
    .mb-md-7 { margin-bottom: 4rem !important; }
    .mb-md-8 { margin-bottom: 4.5rem !important; }
    .mb-md-9 { margin-bottom: 5rem !important; }
    .mb-md-10 { margin-bottom: 5.5rem !important; }
}

@media (min-width: 992px) {
    .mb-lg-6 { margin-bottom: 3.5rem !important; }
    .mb-lg-7 { margin-bottom: 4rem !important; }
    .mb-lg-8 { margin-bottom: 4.5rem !important; }
    .mb-lg-9 { margin-bottom: 5rem !important; }
    .mb-lg-10 { margin-bottom: 5.5rem !important; }
}

@media (min-width: 1200px) {
    .mb-xl-6 { margin-bottom: 3.5rem !important; }
    .mb-xl-7 { margin-bottom: 4rem !important; }
    .mb-xl-8 { margin-bottom: 4.5rem !important; }
    .mb-xl-9 { margin-bottom: 5rem !important; }
    .mb-xl-10 { margin-bottom: 5.5rem !important; }
}