/* GRID SYSTEM ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* GRID GAP - PIXELS ----------------------------------------------------------------------------- */
.pt-gap-0 {
    gap: 0px!important;
}

.pt-gap-1 {
    gap: 1px!important;
}

.pt-gap-2 {
    gap: 2px!important;
}

.pt-gap-3 {
    gap: 3px!important;
}

.pt-gap-4 {
    gap: 4px!important;
}

.pt-gap-5 {
    gap: 5px!important;
}

.pt-gap-6 {
    gap: 6px!important;
}

.pt-gap-7 {
    gap: 7px!important;
}

.pt-gap-8 {
    gap: 8px!important;
}

.pt-gap-9 {
    gap: 9px!important;
}

.pt-gap-10 {
    gap: 10px!important;
}

.pt-gap-15 {
    gap: 15px!important;
}

.pt-gap-20 {
    gap: 20px!important;
}

.pt-gap-25 {
    gap: 25px!important;
}

.pt-gap-30 {
    gap: 30px!important;
}

.pt-gap-35 {
    gap: 35px!important;
}

.pt-gap-40 {
    gap: 40px!important;
}

.pt-gap-45 {
    gap: 45px!important;
}

.pt-gap-50 {
    gap: 50px!important;
}

/* SM */
@media (min-width: 576px) {
    .pt-gap-0--sm {
        gap: 0px!important;
    }
    
    .pt-gap-1--sm {
        gap: 1px!important;
    }

    .pt-gap-2--sm {
        gap: 2px!important;
    }

    .pt-gap-3--sm {
        gap: 3px!important;
    }

    .pt-gap-4--sm {
        gap: 4px!important;
    }

    .pt-gap-5--sm {
        gap: 5px!important;
    }

    .pt-gap-6--sm {
        gap: 6px!important;
    }

    .pt-gap-7--sm {
        gap: 7px!important;
    }

    .pt-gap-8--sm {
        gap: 8px!important;
    }

    .pt-gap-9--sm {
        gap: 9px!important;
    }

    .pt-gap-10--sm {
        gap: 10px!important;
    }

    .pt-gap-15--sm {
        gap: 15px!important;
    }

    .pt-gap-20--sm {
        gap: 20px!important;
    }

    .pt-gap-25--sm {
        gap: 25px!important;
    }

    .pt-gap-30--sm {
        gap: 30px!important;
    }

    .pt-gap-35--sm {
        gap: 35px!important;
    }

    .pt-gap-40--sm {
        gap: 40px!important;
    }

    .pt-gap-45--sm {
        gap: 45px!important;
    }

    .pt-gap-50--sm {
        gap: 50px!important;
    }
}

/* MD */
@media (min-width: 768px) {
    .pt-gap-0--md {
        gap: 0px!important;
    }
    
    .pt-gap-1--md {
        gap: 1px!important;
    }

    .pt-gap-2--md {
        gap: 2px!important;
    }

    .pt-gap-3--md {
        gap: 3px!important;
    }

    .pt-gap-4--md {
        gap: 4px!important;
    }

    .pt-gap-5--md {
        gap: 5px!important;
    }

    .pt-gap-6--md {
        gap: 6px!important;
    }

    .pt-gap-7--md {
        gap: 7px!important;
    }

    .pt-gap-8--md {
        gap: 8px!important;
    }

    .pt-gap-9--md {
        gap: 9px!important;
    }

    .pt-gap-10--md {
        gap: 10px!important;
    }

    .pt-gap-15--md {
        gap: 15px!important;
    }

    .pt-gap-20--md {
        gap: 20px!important;
    }

    .pt-gap-25--md {
        gap: 25px!important;
    }

    .pt-gap-30--md {
        gap: 30px!important;
    }

    .pt-gap-35--md {
        gap: 35px!important;
    }

    .pt-gap-40--md {
        gap: 40px!important;
    }

    .pt-gap-45--md {
        gap: 45px!important;
    }

    .pt-gap-50--md {
        gap: 50px!important;
    }
}

/* LG */
@media (min-width: 992px) {
    .pt-gap-0--lg {
        gap: 0px!important;
    }
    
    .pt-gap-1--lg {
        gap: 1px!important;
    }

    .pt-gap-2--lg {
        gap: 2px!important;
    }

    .pt-gap-3--lg {
        gap: 3px!important;
    }

    .pt-gap-4--lg {
        gap: 4px!important;
    }

    .pt-gap-5--lg {
        gap: 5px!important;
    }

    .pt-gap-6--lg {
        gap: 6px!important;
    }

    .pt-gap-7--lg {
        gap: 7px!important;
    }

    .pt-gap-8--lg {
        gap: 8px!important;
    }

    .pt-gap-9--lg {
        gap: 9px!important;
    }

    .pt-gap-10--lg {
        gap: 10px!important;
    }

    .pt-gap-15--lg {
        gap: 15px!important;
    }

    .pt-gap-20--lg {
        gap: 20px!important;
    }

    .pt-gap-25--lg {
        gap: 25px!important;
    }

    .pt-gap-30--lg {
        gap: 30px!important;
    }

    .pt-gap-35--lg {
        gap: 35px!important;
    }

    .pt-gap-40--lg {
        gap: 40px!important;
    }

    .pt-gap-45--lg {
        gap: 45px!important;
    }

    .pt-gap-50--lg {
        gap: 50px!important;
    }
}

/* XL */
@media (min-width: 1200px) {
    .pt-gap-0--xl {
        gap: 0px!important;
    }
    
    .pt-gap-1--xl {
        gap: 1px!important;
    }

    .pt-gap-2--xl {
        gap: 2px!important;
    }

    .pt-gap-3--xl {
        gap: 3px!important;
    }

    .pt-gap-4--xl {
        gap: 4px!important;
    }

    .pt-gap-5--xl {
        gap: 5px!important;
    }

    .pt-gap-6--xl {
        gap: 6px!important;
    }

    .pt-gap-7--xl {
        gap: 7px!important;
    }

    .pt-gap-8--xl {
        gap: 8px!important;
    }

    .pt-gap-9--xl {
        gap: 9px!important;
    }

    .pt-gap-10--xl {
        gap: 10px!important;
    }

    .pt-gap-15--xl {
        gap: 15px!important;
    }

    .pt-gap-20--xl {
        gap: 20px!important;
    }

    .pt-gap-25--xl {
        gap: 25px!important;
    }

    .pt-gap-30--xl {
        gap: 30px!important;
    }

    .pt-gap-35--xl {
        gap: 35px!important;
    }

    .pt-gap-40--xl {
        gap: 40px!important;
    }

    .pt-gap-45--xl {
        gap: 45px!important;
    }

    .pt-gap-50--xl {
        gap: 50px!important;
    }
}

/* XXL */
@media (min-width: 1400px) {
    .pt-gap-0--xxl {
        gap: 0px!important;
    }
    
    .pt-gap-1--xxl {
        gap: 1px!important;
    }

    .pt-gap-2--xxl {
        gap: 2px!important;
    }

    .pt-gap-3--xxl {
        gap: 3px!important;
    }

    .pt-gap-4--xxl {
        gap: 4px!important;
    }

    .pt-gap-5--xxl {
        gap: 5px!important;
    }

    .pt-gap-6--xxl {
        gap: 6px!important;
    }

    .pt-gap-7--xxl {
        gap: 7px!important;
    }

    .pt-gap-8--xxl {
        gap: 8px!important;
    }

    .pt-gap-9--xxl {
        gap: 9px!important;
    }

    .pt-gap-10--xxl {
        gap: 10px!important;
    }

    .pt-gap-15--xxl {
        gap: 15px!important;
    }

    .pt-gap-20--xxl {
        gap: 20px!important;
    }

    .pt-gap-25--xxl {
        gap: 25px!important;
    }

    .pt-gap-30--xxl {
        gap: 30px!important;
    }

    .pt-gap-35--xxl {
        gap: 35px!important;
    }

    .pt-gap-40--xxl {
        gap: 40px!important;
    }

    .pt-gap-45--xxl {
        gap: 45px!important;
    }

    .pt-gap-50--xxl {
        gap: 50px!important;
    }
}

/* GRID COL SPAN --------------------------------------------------------------------------------- */
.pt-g-col-auto {
    grid-column: auto!important;
}

.pt-g-col-1 {
    grid-column: span 1!important;
}

.pt-g-col-2 {
    grid-column: span 2!important;
}

.pt-g-col-3 {
    grid-column: span 3!important;
}

.pt-g-col-4 {
    grid-column: span 4!important;
}

.pt-g-col-5 {
    grid-column: span 5!important;
}

.pt-g-col-6 {
    grid-column: span 6!important;
}

/* SM */
@media (min-width: 576px) {
    .pt-g-col-auto--sm {
        grid-column: auto!important;
    }
    
    .pt-g-col-1--sm {
        grid-column: span 1!important;
    }

    .pt-g-col-2--sm {
        grid-column: span 2!important;
    }

    .pt-g-col-3--sm {
        grid-column: span 3!important;
    }

    .pt-g-col-4--sm {
        grid-column: span 4!important;
    }

    .pt-g-col-5--sm {
        grid-column: span 5!important;
    }

    .pt-g-col-6--sm {
        grid-column: span 6!important;
    }
}

/* MD */
@media (min-width: 768px) {
    .pt-g-col-auto--md {
        grid-column: auto!important;
    }

    .pt-g-col-1--md {
        grid-column: span 1!important;
    }

    .pt-g-col-2--md {
        grid-column: span 2!important;
    }

    .pt-g-col-3--md {
        grid-column: span 3!important;
    }

    .pt-g-col-4--md {
        grid-column: span 4!important;
    }

    .pt-g-col-5--md {
        grid-column: span 5!important;
    }

    .pt-g-col-6--md {
        grid-column: span 6!important;
    }
}

/* LG */
@media (min-width: 992px) {
    .pt-g-col-auto--lg {
        grid-column: auto!important;
    }

    .pt-g-col-1--lg {
        grid-column: span 1!important;
    }

    .pt-g-col-2--lg {
        grid-column: span 2!important;
    }

    .pt-g-col-3--lg {
        grid-column: span 3!important;
    }

    .pt-g-col-4--lg {
        grid-column: span 4!important;
    }

    .pt-g-col-5--lg {
        grid-column: span 5!important;
    }

    .pt-g-col-6--lg {
        grid-column: span 6!important;
    }
}

/* XL */
@media (min-width: 1200px) {
    .pt-g-col-auto--xl {
        grid-column: auto!important;
    }

    .pt-g-col-1--xl {
        grid-column: span 1!important;
    }

    .pt-g-col-2--xl {
        grid-column: span 2!important;
    }

    .pt-g-col-3--xl {
        grid-column: span 3!important;
    }

    .pt-g-col-4--xl {
        grid-column: span 4!important;
    }

    .pt-g-col-5--xl {
        grid-column: span 5!important;
    }

    .pt-g-col-6--xl {
        grid-column: span 6!important;
    }
}

/* XXL */
@media (min-width: 1400px) {
    .pt-g-col-auto--xxl {
        grid-column: auto!important;
    }

    .pt-g-col-1--xxl {
        grid-column: span 1!important;
    }

    .pt-g-col-2--xxl {
        grid-column: span 2!important;
    }

    .pt-g-col-3--xxl {
        grid-column: span 3!important;
    }

    .pt-g-col-4--xxl {
        grid-column: span 4!important;
    }

    .pt-g-col-5--xxl {
        grid-column: span 5!important;
    }

    .pt-g-col-6--xxl {
        grid-column: span 6!important;
    }
}

/* GRID ROW SPAN --------------------------------------------------------------------------------- */
.pt-g-row-auto {
    grid-row: auto!important;
}

.pt-g-row-1 {
    grid-row: span 1!important;
}

.pt-g-row-2 {
    grid-row: span 2!important;
}

.pt-g-row-3 {
    grid-row: span 3!important;
}

.pt-g-row-4 {
    grid-row: span 4!important;
}

.pt-g-row-5 {
    grid-row: span 5!important;
}

.pt-g-row-6 {
    grid-row: span 6!important;
}

/* SM */
@media (min-width: 576px) {
    .pt-g-row-auto--sm {
        grid-row: auto!important;
    }

    .pt-g-row-1--sm {
        grid-row: span 1!important;
    }

    .pt-g-row-2--sm {
        grid-row: span 2!important;
    }

    .pt-g-row-3--sm {
        grid-row: span 3!important;
    }

    .pt-g-row-4--sm {
        grid-row: span 4!important;
    }

    .pt-g-row-5--sm {
        grid-row: span 5!important;
    }

    .pt-g-row-6--sm {
        grid-row: span 6!important;
    }
}

/* MD */
@media (min-width: 768px) {
    .pt-g-row-auto--md {
        grid-row: auto!important;
    }

    .pt-g-row-1--md {
        grid-row: span 1!important;
    }

    .pt-g-row-2--md {
        grid-row: span 2!important;
    }

    .pt-g-row-3--md {
        grid-row: span 3!important;
    }

    .pt-g-row-4--md {
        grid-row: span 4!important;
    }

    .pt-g-row-5--md {
        grid-row: span 5!important;
    }

    .pt-g-row-6--md {
        grid-row: span 6!important;
    }
}

/* LG */
@media (min-width: 992px) {
    .pt-g-row-auto--lg {
        grid-row: auto!important;
    }

    .pt-g-row-1--lg {
        grid-row: span 1!important;
    }

    .pt-g-row-2--lg {
        grid-row: span 2!important;
    }

    .pt-g-row-3--lg {
        grid-row: span 3!important;
    }

    .pt-g-row-4--lg {
        grid-row: span 4!important;
    }

    .pt-g-row-5--lg {
        grid-row: span 5!important;
    }

    .pt-g-row-6--lg {
        grid-row: span 6!important;
    }
}

/* XL */
@media (min-width: 1200px) {
    .pt-g-row-auto--xl {
        grid-row: auto!important;
    }

    .pt-g-row-1--xl {
        grid-row: span 1!important;
    }

    .pt-g-row-2--xl {
        grid-row: span 2!important;
    }

    .pt-g-row-3--xl {
        grid-row: span 3!important;
    }

    .pt-g-row-4--xl {
        grid-row: span 4!important;
    }

    .pt-g-row-5--xl {
        grid-row: span 5!important;
    }

    .pt-g-row-6--xl {
        grid-row: span 6!important;
    }
}

/* XXL */
@media (min-width: 1400px) {
    .pt-g-row-auto--xxl {
        grid-row: auto!important;
    }

    .pt-g-row-1--xxl {
        grid-row: span 1!important;
    }

    .pt-g-row-2--xxl {
        grid-row: span 2!important;
    }

    .pt-g-row-3--xxl {
        grid-row: span 3!important;
    }

    .pt-g-row-4--xxl {
        grid-row: span 4!important;
    }

    .pt-g-row-5--xxl {
        grid-row: span 5!important;
    }

    .pt-g-row-6--xxl {
        grid-row: span 6!important;
    }
}

/* GRID COL TEMPLATE ----------------------------------------------------------------------------- */
.pt-g-col-template-1 {
    grid-template-columns: auto!important;
}

.pt-g-col-template-2 {
    grid-template-columns: auto auto!important;
}

.pt-g-col-template-3 {
    grid-template-columns: auto auto auto!important;
}

.pt-g-col-template-4 {
    grid-template-columns: auto auto auto auto!important;
}

.pt-g-col-template-5 {
    grid-template-columns: auto auto auto auto auto!important;
}

.pt-g-col-template-6 {
    grid-template-columns: auto auto auto auto auto auto!important;
}

.pt-g-col-template-7 {
    grid-template-columns: auto auto auto auto auto auto auto!important;
}

.pt-g-col-template-8 {
    grid-template-columns: auto auto auto auto auto auto auto auto!important;
}

/* SM */
@media (min-width: 576px) {
    .pt-g-col-template-1--sm {
        grid-template-columns: auto!important;
    }

    .pt-g-col-template-2--sm {
        grid-template-columns: auto auto!important;
    }

    .pt-g-col-template-3--sm {
        grid-template-columns: auto auto auto!important;
    }

    .pt-g-col-template-4--sm {
        grid-template-columns: auto auto auto auto!important;
    }

    .pt-g-col-template-5--sm {
        grid-template-columns: auto auto auto auto auto!important;
    }

    .pt-g-col-template-6--sm {
        grid-template-columns: auto auto auto auto auto auto!important;
    }

    .pt-g-col-template-7--sm {
        grid-template-columns: auto auto auto auto auto auto auto!important;
    }

    .pt-g-col-template-8--sm {
        grid-template-columns: auto auto auto auto auto auto auto auto!important;
    }
}

/* MD */
@media (min-width: 768px) {
    .pt-g-col-template-1--md {
        grid-template-columns: auto!important;
    }

    .pt-g-col-template-2--md {
        grid-template-columns: auto auto!important;
    }

    .pt-g-col-template-3--md {
        grid-template-columns: auto auto auto!important;
    }

    .pt-g-col-template-4--md {
        grid-template-columns: auto auto auto auto!important;
    }

    .pt-g-col-template-5--md {
        grid-template-columns: auto auto auto auto auto!important;
    }

    .pt-g-col-template-6--md {
        grid-template-columns: auto auto auto auto auto auto!important;
    }

    .pt-g-col-template-7--md {
        grid-template-columns: auto auto auto auto auto auto auto!important;
    }

    .pt-g-col-template-8--md {
        grid-template-columns: auto auto auto auto auto auto auto auto!important;
    }
}

/* LG */
@media (min-width: 992px) {
    .pt-g-col-template-1--lg {
        grid-template-columns: auto!important;
    }

    .pt-g-col-template-2--lg {
        grid-template-columns: auto auto!important;
    }

    .pt-g-col-template-3--lg {
        grid-template-columns: auto auto auto!important;
    }

    .pt-g-col-template-4--lg {
        grid-template-columns: auto auto auto auto!important;
    }

    .pt-g-col-template-5--lg {
        grid-template-columns: auto auto auto auto auto!important;
    }

    .pt-g-col-template-6--lg {
        grid-template-columns: auto auto auto auto auto auto!important;
    }

    .pt-g-col-template-7--lg {
        grid-template-columns: auto auto auto auto auto auto auto!important;
    }

    .pt-g-col-template-8--lg {
        grid-template-columns: auto auto auto auto auto auto auto auto!important;
    }
}

/* XL */
@media (min-width: 1200px) {
    .pt-g-col-template-1--xl {
        grid-template-columns: auto!important;
    }

    .pt-g-col-template-2--xl {
        grid-template-columns: auto auto!important;
    }

    .pt-g-col-template-3--xl {
        grid-template-columns: auto auto auto!important;
    }

    .pt-g-col-template-4--xl {
        grid-template-columns: auto auto auto auto!important;
    }

    .pt-g-col-template-5--xl {
        grid-template-columns: auto auto auto auto auto!important;
    }

    .pt-g-col-template-6--xl {
        grid-template-columns: auto auto auto auto auto auto!important;
    }

    .pt-g-col-template-7--xl {
        grid-template-columns: auto auto auto auto auto auto auto!important;
    }

    .pt-g-col-template-8--xl {
        grid-template-columns: auto auto auto auto auto auto auto auto!important;
    }
}

/* XXL */
@media (min-width: 1400px) {
    .pt-g-col-template-1--xxl {
        grid-template-columns: auto!important;
    }

    .pt-g-col-template-2--xxl {
        grid-template-columns: auto auto!important;
    }

    .pt-g-col-template-3--xxl {
        grid-template-columns: auto auto auto!important;
    }

    .pt-g-col-template-4--xxl {
        grid-template-columns: auto auto auto auto!important;
    }

    .pt-g-col-template-5--xxl {
        grid-template-columns: auto auto auto auto auto!important;
    }

    .pt-g-col-template-6--xxl {
        grid-template-columns: auto auto auto auto auto auto!important;
    }

    .pt-g-col-template-7--xxl {
        grid-template-columns: auto auto auto auto auto auto auto!important;
    }

    .pt-g-col-template-8--xxl {
        grid-template-columns: auto auto auto auto auto auto auto auto!important;
    }
}

/* GRID ROW TEMPLATE ----------------------------------------------------------------------------- */
.pt-g-row-template-1 {
    grid-template-rows: auto!important;
}

.pt-g-row-template-2 {
    grid-template-rows: auto auto!important;
}

.pt-g-row-template-3 {
    grid-template-rows: auto auto auto!important;
}

.pt-g-row-template-4 {
    grid-template-rows: auto auto auto auto!important;
}

.pt-g-row-template-5 {
    grid-template-rows: auto auto auto auto auto!important;
}

.pt-g-row-template-6 {
    grid-template-rows: auto auto auto auto auto auto!important;
}

.pt-g-row-template-7 {
    grid-template-rows: auto auto auto auto auto auto auto !important;
}

.pt-g-row-template-8 {
    grid-template-rows: auto auto auto auto auto auto auto auto!important;
}

/* SM */
@media (min-width: 576px) {
    .pt-g-row-template-1--sm {
        grid-template-rows: auto!important;
    }

    .pt-g-row-template-2--sm {
        grid-template-rows: auto auto!important;
    }

    .pt-g-row-template-3--sm {
        grid-template-rows: auto auto auto!important;
    }

    .pt-g-row-template-4--sm {
        grid-template-rows: auto auto auto auto!important;
    }

    .pt-g-row-template-5--sm {
        grid-template-rows: auto auto auto auto auto!important;
    }

    .pt-g-row-template-6--sm {
        grid-template-rows: auto auto auto auto auto auto!important;
    }

    .pt-g-row-template-7--sm {
        grid-template-rows: auto auto auto auto auto auto auto !important;
    }

    .pt-g-row-template-8--sm {
        grid-template-rows: auto auto auto auto auto auto auto auto!important;
    }
}

/* MD */
@media (min-width: 768px) {
    .pt-g-row-template-1--md {
        grid-template-rows: auto!important;
    }

    .pt-g-row-template-2--md {
        grid-template-rows: auto auto!important;
    }

    .pt-g-row-template-3--md {
        grid-template-rows: auto auto auto!important;
    }

    .pt-g-row-template-4--md {
        grid-template-rows: auto auto auto auto!important;
    }

    .pt-g-row-template-5--md {
        grid-template-rows: auto auto auto auto auto!important;
    }

    .pt-g-row-template-6--md {
        grid-template-rows: auto auto auto auto auto auto!important;
    }

    .pt-g-row-template-7--md {
        grid-template-rows: auto auto auto auto auto auto auto !important;
    }

    .pt-g-row-template-8--md {
        grid-template-rows: auto auto auto auto auto auto auto auto!important;
    }
}

/* LG */
@media (min-width: 992px) {
    .pt-g-row-template-1--lg {
        grid-template-rows: auto!important;
    }

    .pt-g-row-template-2--lg {
        grid-template-rows: auto auto!important;
    }

    .pt-g-row-template-3--lg {
        grid-template-rows: auto auto auto!important;
    }

    .pt-g-row-template-4--lg {
        grid-template-rows: auto auto auto auto!important;
    }

    .pt-g-row-template-5--lg {
        grid-template-rows: auto auto auto auto auto!important;
    }

    .pt-g-row-template-6--lg {
        grid-template-rows: auto auto auto auto auto auto!important;
    }

    .pt-g-row-template-7--lg {
        grid-template-rows: auto auto auto auto auto auto auto !important;
    }

    .pt-g-row-template-8--lg {
        grid-template-rows: auto auto auto auto auto auto auto auto!important;
    }
}

/* XL */
@media (min-width: 1200px) {
    .pt-g-row-template-1--xl {
        grid-template-rows: auto!important;
    }

    .pt-g-row-template-2--xl {
        grid-template-rows: auto auto!important;
    }

    .pt-g-row-template-3--xl {
        grid-template-rows: auto auto auto!important;
    }

    .pt-g-row-template-4--xl {
        grid-template-rows: auto auto auto auto!important;
    }

    .pt-g-row-template-5--xl {
        grid-template-rows: auto auto auto auto auto!important;
    }

    .pt-g-row-template-6--xl {
        grid-template-rows: auto auto auto auto auto auto!important;
    }

    .pt-g-row-template-7--xl {
        grid-template-rows: auto auto auto auto auto auto auto !important;
    }

    .pt-g-row-template-8--xl {
        grid-template-rows: auto auto auto auto auto auto auto auto!important;
    }
}

/* XXL */
@media (min-width: 1400px) {
    .pt-g-row-template-1--xxl {
        grid-template-rows: auto!important;
    }

    .pt-g-row-template-2--xxl {
        grid-template-rows: auto auto!important;
    }

    .pt-g-row-template-3--xxl {
        grid-template-rows: auto auto auto!important;
    }

    .pt-g-row-template-4--xxl {
        grid-template-rows: auto auto auto auto!important;
    }

    .pt-g-row-template-5--xxl {
        grid-template-rows: auto auto auto auto auto!important;
    }

    .pt-g-row-template-6--xxl {
        grid-template-rows: auto auto auto auto auto auto!important;
    }

    .pt-g-row-template-7--xxl {
        grid-template-rows: auto auto auto auto auto auto auto !important;
    }

    .pt-g-row-template-8--xxl {
        grid-template-rows: auto auto auto auto auto auto auto auto!important;
    }
}

/* GRID COLUMN START ----------------------------------------------------------------------------- */
.pt-g-col-start-1 {
    grid-column-start: span 1!important;
}

.pt-g-col-start-2 {
    grid-column-start: span 2!important;
}

.pt-g-col-start-3 {
    grid-column-start: span 3!important;
}

.pt-g-col-start-4 {
    grid-column-start: span 4!important;
}

.pt-g-col-start-5 {
    grid-column-start: span 5!important;
}

.pt-g-col-start-6 {
    grid-column-start: span 6!important;
}

.pt-g-col-start-7 {
    grid-column-start: span 7!important;
}

.pt-g-col-start-8 {
    grid-column-start: span 8!important;
}

/* SM */
@media (min-width: 576px) {
    .pt-g-col-start-1--sm {
        grid-column-start: span 1!important;
    }

    .pt-g-col-start-2--sm {
        grid-column-start: span 2!important;
    }

    .pt-g-col-start-3--sm {
        grid-column-start: span 3!important;
    }

    .pt-g-col-start-4--sm {
        grid-column-start: span 4!important;
    }

    .pt-g-col-start-5--sm {
        grid-column-start: span 5!important;
    }

    .pt-g-col-start-6--sm {
        grid-column-start: span 6!important;
    }

    .pt-g-col-start-7--sm {
        grid-column-start: span 7!important;
    }

    .pt-g-col-start-8--sm {
        grid-column-start: span 8!important;
    }
}

/* MD */
@media (min-width: 768px) {
    .pt-g-col-start-1--md {
        grid-column-start: span 1!important;
    }

    .pt-g-col-start-2--md {
        grid-column-start: span 2!important;
    }

    .pt-g-col-start-3--md {
        grid-column-start: span 3!important;
    }

    .pt-g-col-start-4--md {
        grid-column-start: span 4!important;
    }

    .pt-g-col-start-5--md {
        grid-column-start: span 5!important;
    }

    .pt-g-col-start-6--md {
        grid-column-start: span 6!important;
    }

    .pt-g-col-start-7--md {
        grid-column-start: span 7!important;
    }

    .pt-g-col-start-8--md {
        grid-column-start: span 8!important;
    }
}

/* LG */
@media (min-width: 992px) {
    .pt-g-col-start-1--lg {
        grid-column-start: span 1!important;
    }

    .pt-g-col-start-2--lg {
        grid-column-start: span 2!important;
    }

    .pt-g-col-start-3--lg {
        grid-column-start: span 3!important;
    }

    .pt-g-col-start-4--lg {
        grid-column-start: span 4!important;
    }

    .pt-g-col-start-5--lg {
        grid-column-start: span 5!important;
    }

    .pt-g-col-start-6--lg {
        grid-column-start: span 6!important;
    }

    .pt-g-col-start-7--lg {
        grid-column-start: span 7!important;
    }

    .pt-g-col-start-8--lg {
        grid-column-start: span 8!important;
    }
}

/* XL */
@media (min-width: 1200px) {
    .pt-g-col-start-1--xl {
        grid-column-start: span 1!important;
    }

    .pt-g-col-start-2--xl {
        grid-column-start: span 2!important;
    }

    .pt-g-col-start-3--xl {
        grid-column-start: span 3!important;
    }

    .pt-g-col-start-4--xl {
        grid-column-start: span 4!important;
    }

    .pt-g-col-start-5--xl {
        grid-column-start: span 5!important;
    }

    .pt-g-col-start-6--xl {
        grid-column-start: span 6!important;
    }

    .pt-g-col-start-7--xl {
        grid-column-start: span 7!important;
    }

    .pt-g-col-start-8--xl {
        grid-column-start: span 8!important;
    }
}

/* XXL */
@media (min-width: 1400px) {
    .pt-g-col-start-1--xxl {
        grid-column-start: span 1!important;
    }

    .pt-g-col-start-2--xxl {
        grid-column-start: span 2!important;
    }

    .pt-g-col-start-3--xxl {
        grid-column-start: span 3!important;
    }

    .pt-g-col-start-4--xxl {
        grid-column-start: span 4!important;
    }

    .pt-g-col-start-5--xxl {
        grid-column-start: span 5!important;
    }

    .pt-g-col-start-6--xxl {
        grid-column-start: span 6!important;
    }

    .pt-g-col-start-7--xxl {
        grid-column-start: span 7!important;
    }

    .pt-g-col-start-8--xxl {
        grid-column-start: span 8!important;
    }
}

/* GRID COLUMN END ------------------------------------------------------------------------------- */
.pt-g-col-end-1 {
    grid-column-end: span 1!important;
}

.pt-g-col-end-2 {
    grid-column-end: span 2!important;
}

.pt-g-col-end-3 {
    grid-column-end: span 3!important;
}

.pt-g-col-end-4 {
    grid-column-end: span 4!important;
}

.pt-g-col-end-5 {
    grid-column-end: span 5!important;
}

.pt-g-col-end-6 {
    grid-column-end: span 6!important;
}

.pt-g-col-end-7 {
    grid-column-end: span 7!important;
}

.pt-g-col-end-8 {
    grid-column-end: span 8!important;
}

/* SM */
@media (min-width: 576px) {
    .pt-g-col-end-1--sm {
        grid-column-end: span 1!important;
    }
    
    .pt-g-col-end-2--sm {
        grid-column-end: span 2!important;
    }

    .pt-g-col-end-3--sm {
        grid-column-end: span 3!important;
    }

    .pt-g-col-end-4--sm {
        grid-column-end: span 4!important;
    }

    .pt-g-col-end-5--sm {
        grid-column-end: span 5!important;
    }

    .pt-g-col-end-6--sm {
        grid-column-end: span 6!important;
    }

    .pt-g-col-end-7--sm {
        grid-column-end: span 7!important;
    }

    .pt-g-col-end-8--sm {
        grid-column-end: span 8!important;
    }
}

/* MD */
@media (min-width: 768px) {
    .pt-g-col-end-1--md {
        grid-column-end: span 1!important;
    }
    
    .pt-g-col-end-2--md {
        grid-column-end: span 2!important;
    }

    .pt-g-col-end-3--md {
        grid-column-end: span 3!important;
    }

    .pt-g-col-end-4--md {
        grid-column-end: span 4!important;
    }

    .pt-g-col-end-5--md {
        grid-column-end: span 5!important;
    }

    .pt-g-col-end-6--md {
        grid-column-end: span 6!important;
    }

    .pt-g-col-end-7--md {
        grid-column-end: span 7!important;
    }

    .pt-g-col-end-8--md {
        grid-column-end: span 8!important;
    }
}

/* LG */
@media (min-width: 992px) {
    .pt-g-col-end-1--lg {
        grid-column-end: span 1!important;
    }
    
    .pt-g-col-end-2--lg {
        grid-column-end: span 2!important;
    }

    .pt-g-col-end-3--lg {
        grid-column-end: span 3!important;
    }

    .pt-g-col-end-4--lg {
        grid-column-end: span 4!important;
    }

    .pt-g-col-end-5--lg {
        grid-column-end: span 5!important;
    }

    .pt-g-col-end-6--lg {
        grid-column-end: span 6!important;
    }

    .pt-g-col-end-7--lg {
        grid-column-end: span 7!important;
    }

    .pt-g-col-end-8--lg {
        grid-column-end: span 8!important;
    }
}

/* XL */
@media (min-width: 1200px) {
    .pt-g-col-end-1--xl {
        grid-column-end: span 1!important;
    }
    
    .pt-g-col-end-2--xl {
        grid-column-end: span 2!important;
    }

    .pt-g-col-end-3--xl {
        grid-column-end: span 3!important;
    }

    .pt-g-col-end-4--xl {
        grid-column-end: span 4!important;
    }

    .pt-g-col-end-5--xl {
        grid-column-end: span 5!important;
    }

    .pt-g-col-end-6--xl {
        grid-column-end: span 6!important;
    }

    .pt-g-col-end-7--xl {
        grid-column-end: span 7!important;
    }

    .pt-g-col-end-8--xl {
        grid-column-end: span 8!important;
    }
}

/* XXL */
@media (min-width: 1400px) {
    .pt-g-col-end-1--xxl {
        grid-column-end: span 1!important;
    }
    
    .pt-g-col-end-2--xxl {
        grid-column-end: span 2!important;
    }

    .pt-g-col-end-3--xxl {
        grid-column-end: span 3!important;
    }

    .pt-g-col-end-4--xxl {
        grid-column-end: span 4!important;
    }

    .pt-g-col-end-5--xxl {
        grid-column-end: span 5!important;
    }

    .pt-g-col-end-6--xxl {
        grid-column-end: span 6!important;
    }

    .pt-g-col-end-7--xxl {
        grid-column-end: span 7!important;
    }

    .pt-g-col-end-8--xxl {
        grid-column-end: span 8!important;
    }
}

/* GRID ROW START -------------------------------------------------------------------------------- */
.pt-g-row-start-1 {
    grid-row-start: span 1!important;
}

.pt-g-row-start-2 {
    grid-row-start: span 2!important;
}

.pt-g-row-start-3 {
    grid-row-start: span 3!important;
}

.pt-g-row-start-4 {
    grid-row-start: span 4!important;
}

.pt-g-row-start-5 {
    grid-row-start: span 5!important;
}

.pt-g-row-start-6 {
    grid-row-start: span 6!important;
}

.pt-g-row-start-7 {
    grid-row-start: span 7!important;
}

.pt-g-row-start-8 {
    grid-row-start: span 8!important;
}

/* SM */
@media (min-width: 576px) {
    .pt-g-row-start-1--sm {
        grid-row-start: span 1!important;
    }

    .pt-g-row-start-2--sm {
        grid-row-start: span 2!important;
    }

    .pt-g-row-start-3--sm {
        grid-row-start: span 3!important;
    }

    .pt-g-row-start-4--sm {
        grid-row-start: span 4!important;
    }

    .pt-g-row-start-5--sm {
        grid-row-start: span 5!important;
    }

    .pt-g-row-start-6--sm {
        grid-row-start: span 6!important;
    }

    .pt-g-row-start-7--sm {
        grid-row-start: span 7!important;
    }

    .pt-g-row-start-8--sm {
        grid-row-start: span 8!important;
    }
}

/* MD */
@media (min-width: 768px) {
    .pt-g-row-start-1--md {
        grid-row-start: span 1!important;
    }

    .pt-g-row-start-2--md {
        grid-row-start: span 2!important;
    }

    .pt-g-row-start-3--md {
        grid-row-start: span 3!important;
    }

    .pt-g-row-start-4--md {
        grid-row-start: span 4!important;
    }

    .pt-g-row-start-5--md {
        grid-row-start: span 5!important;
    }

    .pt-g-row-start-6--md {
        grid-row-start: span 6!important;
    }

    .pt-g-row-start-7--md {
        grid-row-start: span 7!important;
    }

    .pt-g-row-start-8--md {
        grid-row-start: span 8!important;
    }
}

/* LG */
@media (min-width: 992px) {
    .pt-g-row-start-1--lg {
        grid-row-start: span 1!important;
    }

    .pt-g-row-start-2--lg {
        grid-row-start: span 2!important;
    }

    .pt-g-row-start-3--lg {
        grid-row-start: span 3!important;
    }

    .pt-g-row-start-4--lg {
        grid-row-start: span 4!important;
    }

    .pt-g-row-start-5--lg {
        grid-row-start: span 5!important;
    }

    .pt-g-row-start-6--lg {
        grid-row-start: span 6!important;
    }

    .pt-g-row-start-7--lg {
        grid-row-start: span 7!important;
    }

    .pt-g-row-start-8--lg {
        grid-row-start: span 8!important;
    }
}

/* XL */
@media (min-width: 1200px) {
    .pt-g-row-start-1--xl {
        grid-row-start: span 1!important;
    }

    .pt-g-row-start-2--xl {
        grid-row-start: span 2!important;
    }

    .pt-g-row-start-3--xl {
        grid-row-start: span 3!important;
    }

    .pt-g-row-start-4--xl {
        grid-row-start: span 4!important;
    }

    .pt-g-row-start-5--xl {
        grid-row-start: span 5!important;
    }

    .pt-g-row-start-6--xl {
        grid-row-start: span 6!important;
    }

    .pt-g-row-start-7--xl {
        grid-row-start: span 7!important;
    }

    .pt-g-row-start-8--xl {
        grid-row-start: span 8!important;
    }
}

/* XXL */
@media (min-width: 1400px) {
    .pt-g-row-start-1--xxl {
        grid-row-start: span 1!important;
    }

    .pt-g-row-start-2--xxl {
        grid-row-start: span 2!important;
    }

    .pt-g-row-start-3--xxl {
        grid-row-start: span 3!important;
    }

    .pt-g-row-start-4--xxl {
        grid-row-start: span 4!important;
    }

    .pt-g-row-start-5--xxl {
        grid-row-start: span 5!important;
    }

    .pt-g-row-start-6--xxl {
        grid-row-start: span 6!important;
    }

    .pt-g-row-start-7--xxl {
        grid-row-start: span 7!important;
    }

    .pt-g-row-start-8--xxl {
        grid-row-start: span 8!important;
    }
}

/* GRID ROW END ---------------------------------------------------------------------------------- */
.pt-g-row-end-1 {
    grid-row-end: span 1!important;
}

.pt-g-row-end-2 {
    grid-row-end: span 2!important;
}

.pt-g-row-end-3 {
    grid-row-end: span 3!important;
}

.pt-g-row-end-4 {
    grid-row-end: span 4!important;
}

.pt-g-row-end-5 {
    grid-row-end: span 5!important;
}

.pt-g-row-end-6 {
    grid-row-end: span 6!important;
}

.pt-g-row-end-7 {
    grid-row-end: span 7!important;
}

.pt-g-row-end-8 {
    grid-row-end: span 8!important;
}

/* SM */
@media (min-width: 576px) {
    .pt-g-row-end-1--sm {
        grid-row-end: span 1!important;
    }

    .pt-g-row-end-2--sm {
        grid-row-end: span 2!important;
    }

    .pt-g-row-end-3--sm {
        grid-row-end: span 3!important;
    }

    .pt-g-row-end-4--sm {
        grid-row-end: span 4!important;
    }

    .pt-g-row-end-5--sm {
        grid-row-end: span 5!important;
    }

    .pt-g-row-end-6--sm {
        grid-row-end: span 6!important;
    }

    .pt-g-row-end-7--sm {
        grid-row-end: span 7!important;
    }

    .pt-g-row-end-8--sm {
        grid-row-end: span 8!important;
    }
}

/* MD */
@media (min-width: 768px) {
    .pt-g-row-end-1--md {
        grid-row-end: span 1!important;
    }

    .pt-g-row-end-2--md {
        grid-row-end: span 2!important;
    }

    .pt-g-row-end-3--md {
        grid-row-end: span 3!important;
    }

    .pt-g-row-end-4--md {
        grid-row-end: span 4!important;
    }

    .pt-g-row-end-5--md {
        grid-row-end: span 5!important;
    }

    .pt-g-row-end-6--md {
        grid-row-end: span 6!important;
    }

    .pt-g-row-end-7--md {
        grid-row-end: span 7!important;
    }

    .pt-g-row-end-8--md {
        grid-row-end: span 8!important;
    }
}

/* LG */
@media (min-width: 992px) {
    .pt-g-row-end-1--lg {
        grid-row-end: span 1!important;
    }

    .pt-g-row-end-2--lg {
        grid-row-end: span 2!important;
    }

    .pt-g-row-end-3--lg {
        grid-row-end: span 3!important;
    }

    .pt-g-row-end-4--lg {
        grid-row-end: span 4!important;
    }

    .pt-g-row-end-5--lg {
        grid-row-end: span 5!important;
    }

    .pt-g-row-end-6--lg {
        grid-row-end: span 6!important;
    }

    .pt-g-row-end-7--lg {
        grid-row-end: span 7!important;
    }

    .pt-g-row-end-8--lg {
        grid-row-end: span 8!important;
    }
}

/* XL */
@media (min-width: 1200px) {
    .pt-g-row-end-1--xl {
        grid-row-end: span 1!important;
    }

    .pt-g-row-end-2--xl {
        grid-row-end: span 2!important;
    }

    .pt-g-row-end-3--xl {
        grid-row-end: span 3!important;
    }

    .pt-g-row-end-4--xl {
        grid-row-end: span 4!important;
    }

    .pt-g-row-end-5--xl {
        grid-row-end: span 5!important;
    }

    .pt-g-row-end-6--xl {
        grid-row-end: span 6!important;
    }

    .pt-g-row-end-7--xl {
        grid-row-end: span 7!important;
    }

    .pt-g-row-end-8--xl {
        grid-row-end: span 8!important;
    }
}

/* XXL */
@media (min-width: 1400px) {
    .pt-g-row-end-1--xxl {
        grid-row-end: span 1!important;
    }

    .pt-g-row-end-2--xxl {
        grid-row-end: span 2!important;
    }

    .pt-g-row-end-3--xxl {
        grid-row-end: span 3!important;
    }

    .pt-g-row-end-4--xxl {
        grid-row-end: span 4!important;
    }

    .pt-g-row-end-5--xxl {
        grid-row-end: span 5!important;
    }

    .pt-g-row-end-6--xxl {
        grid-row-end: span 6!important;
    }

    .pt-g-row-end-7--xxl {
        grid-row-end: span 7!important;
    }

    .pt-g-row-end-8--xxl {
        grid-row-end: span 8!important;
    }
}