/**!
 * penli v0.2.0 (https://github.com/kkn1125/penli)
 * Copyright 2021 Authors (https://github.com/kkn1125/penli/graphs/contributors) kkn1125
 * Licensed under MIT (https://github.com/kkn1125/penli/blob/main/LICENSE)
 */

/* Reset */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
menu,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}

body {
    line-height: 1;
}

menu,
ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* Reset */


/**
 * WithMe Main base Start
 */

:root {
    --pl-brand: #CF81EF;
    --pl-primary: #00524B;
    --pl-secondary: #5FBAB0;
    --pl-subpoint: #FF7336;
    --pl-point: #6B238C;
    --pl-dark: #1b1b1b;
    --pl-light: #dddddd;
    --pl-gray-0: #363636;
    --pl-gray-25: #5e5e5e;
    --pl-gray-50: #8a8a8a;
    --pl-gray-75: #afafaf;
    --pl-gray-100: #c5c5c5;
    --pl-bg: #ffffff;
    --pl-white: #ffffff;
    --pl-warning: #ebb145;
    --pl-danger: #eb4561;
    --pl-success: #45eb77;
    --pl-info: #5645eb;
    --pl-ghost: transparent;
    --pl-inherit: inherit;

    --pl-ghost-rgb: 255, 255, 255, 0;
    --pl-brand-r: 207;
    --pl-brand-g: 129;
    --pl-brand-b: 239;
    --pl-brand-rgb: var(--pl-brand-r), var(--pl-brand-g), var(--pl-brand-b);
    --pl-brand-rgb-1: calc(var(--pl-brand-r) + 10), calc(var(--pl-brand-g) + 10), calc(var(--pl-brand-b) + 10);
    --pl-brand-rgb-2: calc(var(--pl-brand-r) + 20), calc(var(--pl-brand-g) + 20), calc(var(--pl-brand-b) + 20);
    --pl-brand-rgb-3: calc(var(--pl-brand-r) + 30), calc(var(--pl-brand-g) + 30), calc(var(--pl-brand-b) + 30);
    --pl-brand-rgb-4: calc(var(--pl-brand-r) + 40), calc(var(--pl-brand-g) + 40), calc(var(--pl-brand-b) + 40);
    --pl-brand-rgb-5: calc(var(--pl-brand-r) + 50), calc(var(--pl-brand-g) + 50), calc(var(--pl-brand-b) + 50);

    --pl-primary-r: 0;
    --pl-primary-g: 82;
    --pl-primary-b: 75;
    --pl-primary-rgb: var(--pl-primary-r), var(--pl-primary-g), var(--pl-primary-b);
    --pl-primary-rgb-1: calc(var(--pl-primary-r) + 10), calc(var(--pl-primary-g) + 10), calc(var(--pl-primary-b) + 10);
    --pl-primary-rgb-2: calc(var(--pl-primary-r) + 20), calc(var(--pl-primary-g) + 20), calc(var(--pl-primary-b) + 20);
    --pl-primary-rgb-3: calc(var(--pl-primary-r) + 30), calc(var(--pl-primary-g) + 30), calc(var(--pl-primary-b) + 30);
    --pl-primary-rgb-4: calc(var(--pl-primary-r) + 40), calc(var(--pl-primary-g) + 40), calc(var(--pl-primary-b) + 40);
    --pl-primary-rgb-5: calc(var(--pl-primary-r) + 50), calc(var(--pl-primary-g) + 50), calc(var(--pl-primary-b) + 50);

    --pl-secondary-r: 95;
    --pl-secondary-g: 186;
    --pl-secondary-b: 176;
    --pl-secondary-rgb: var(--pl-secondary-r), var(--pl-secondary-g), var(--pl-secondary-b);
    --pl-secondary-rgb-1: calc(var(--pl-secondary-r) + 10), calc(var(--pl-secondary-g) + 10), calc(var(--pl-secondary-b) + 10);
    --pl-secondary-rgb-2: calc(var(--pl-secondary-r) + 20), calc(var(--pl-secondary-g) + 20), calc(var(--pl-secondary-b) + 20);
    --pl-secondary-rgb-3: calc(var(--pl-secondary-r) + 30), calc(var(--pl-secondary-g) + 30), calc(var(--pl-secondary-b) + 30);
    --pl-secondary-rgb-4: calc(var(--pl-secondary-r) + 40), calc(var(--pl-secondary-g) + 40), calc(var(--pl-secondary-b) + 40);
    --pl-secondary-rgb-5: calc(var(--pl-secondary-r) + 50), calc(var(--pl-secondary-g) + 50), calc(var(--pl-secondary-b) + 50);

    --pl-subpoint-r: 255;
    --pl-subpoint-g: 115;
    --pl-subpoint-b: 54;
    --pl-subpoint-rgb: var(--pl-subpoint-r), var(--pl-subpoint-g), var(--pl-subpoint-b);
    --pl-subpoint-rgb-1: calc(var(--pl-subpoint-r) + 10), calc(var(--pl-subpoint-g) + 10), calc(var(--pl-subpoint-b) + 10);
    --pl-subpoint-rgb-2: calc(var(--pl-subpoint-r) + 20), calc(var(--pl-subpoint-g) + 20), calc(var(--pl-subpoint-b) + 20);
    --pl-subpoint-rgb-3: calc(var(--pl-subpoint-r) + 30), calc(var(--pl-subpoint-g) + 30), calc(var(--pl-subpoint-b) + 30);
    --pl-subpoint-rgb-4: calc(var(--pl-subpoint-r) + 40), calc(var(--pl-subpoint-g) + 40), calc(var(--pl-subpoint-b) + 40);
    --pl-subpoint-rgb-5: calc(var(--pl-subpoint-r) + 50), calc(var(--pl-subpoint-g) + 50), calc(var(--pl-subpoint-b) + 43);

    --pl-point-r: 107;
    --pl-point-g: 35;
    --pl-point-b: 140;
    --pl-point-rgb: var(--pl-point-r), var(--pl-point-g), var(--pl-point-b);
    --pl-point-rgb-1: calc(var(--pl-point-r) + 10), calc(var(--pl-point-g) + 10), calc(var(--pl-point-b) + 0);
    --pl-point-rgb-2: calc(var(--pl-point-r) + 20), calc(var(--pl-point-g) + 20), calc(var(--pl-point-b) + 0);
    --pl-point-rgb-3: calc(var(--pl-point-r) + 30), calc(var(--pl-point-g) + 30), calc(var(--pl-point-b) + 0);
    --pl-point-rgb-4: calc(var(--pl-point-r) + 40), calc(var(--pl-point-g) + 40), calc(var(--pl-point-b) + 0);
    --pl-point-rgb-5: calc(var(--pl-point-r) + 50), calc(var(--pl-point-g) + 50), calc(var(--pl-point-b) + 0);

    --pl-dark-r: 27;
    --pl-dark-g: 27;
    --pl-dark-b: 27;
    --pl-dark-rgb: var(--pl-dark-r), var(--pl-dark-g), var(--pl-dark-b);
    --pl-dark-rgb-1: calc(var(--pl-dark-r) + 10), calc(var(--pl-dark-g) + 10), calc(var(--pl-dark-b) + 10);
    --pl-dark-rgb-2: calc(var(--pl-dark-r) + 20), calc(var(--pl-dark-g) + 20), calc(var(--pl-dark-b) + 20);
    --pl-dark-rgb-3: calc(var(--pl-dark-r) + 30), calc(var(--pl-dark-g) + 30), calc(var(--pl-dark-b) + 30);
    --pl-dark-rgb-4: calc(var(--pl-dark-r) + 40), calc(var(--pl-dark-g) + 40), calc(var(--pl-dark-b) + 40);
    --pl-dark-rgb-5: calc(var(--pl-dark-r) + 50), calc(var(--pl-dark-g) + 50), calc(var(--pl-dark-b) + 50);

    --pl-light-r: 246;
    --pl-light-g: 246;
    --pl-light-b: 246;
    --pl-light-rgb: var(--pl-light-r), var(--pl-light-g), var(--pl-light-b);
    --pl-light-rgb-1: calc(var(--pl-light-r) - 10), calc(var(--pl-light-g) - 10), calc(var(--pl-light-b) - 10);
    --pl-light-rgb-2: calc(var(--pl-light-r) - 20), calc(var(--pl-light-g) - 20), calc(var(--pl-light-b) - 20);
    --pl-light-rgb-3: calc(var(--pl-light-r) - 30), calc(var(--pl-light-g) - 30), calc(var(--pl-light-b) - 30);
    --pl-light-rgb-4: calc(var(--pl-light-r) - 40), calc(var(--pl-light-g) - 40), calc(var(--pl-light-b) - 40);
    --pl-light-rgb-5: calc(var(--pl-light-r) - 50), calc(var(--pl-light-g) - 50), calc(var(--pl-light-b) - 50);

    --pl-gray-r: 85;
    --pl-gray-g: 85;
    --pl-gray-b: 85;
    --pl-gray-rgb: var(--pl-gray-r), var(--pl-gray-g), var(--pl-gray-b);
    --pl-gray-rgb-1: calc(var(--pl-gray-r) * 1), calc(var(--pl-gray-g) * 1), calc(var(--pl-gray-b) * 1);
    --pl-gray-rgb-2: calc(var(--pl-gray-r) * 1.5), calc(var(--pl-gray-g) * 1.5), calc(var(--pl-gray-b) * 1.5);
    --pl-gray-rgb-3: calc(var(--pl-gray-r) * 2), calc(var(--pl-gray-g) * 2), calc(var(--pl-gray-b) * 2);
    --pl-gray-rgb-4: calc(var(--pl-gray-r) * 2.5), calc(var(--pl-gray-g) * 2.5), calc(var(--pl-gray-b) * 2.5);
    --pl-gray-rgb-5: calc(var(--pl-gray-r) * 3), calc(var(--pl-gray-g) * 3), calc(var(--pl-gray-b) * 3);

    --pl-bg-r: 255;
    --pl-bg-g: 255;
    --pl-bg-b: 255;
    --pl-bg-rgb: var(--pl-bg-r), var(--pl-bg-g), var(--pl-bg-b);

    --pl-white-r: 255;
    --pl-white-g: 255;
    --pl-white-b: 255;
    --pl-white-rgb: var(--pl-white-r), var(--pl-white-g), var(--pl-white-b);

    --pl-warning-r: 235;
    --pl-warning-g: 177;
    --pl-warning-b: 69;
    --pl-warning-rgb: var(--pl-warning-r), var(--pl-warning-g), var(--pl-warning-b);
    --pl-warning-rgb-1: calc(var(--pl-warning-r) + 10), calc(var(--pl-warning-g) + 10), calc(var(--pl-warning-b) + 10);
    --pl-warning-rgb-2: calc(var(--pl-warning-r) + 20), calc(var(--pl-warning-g) + 20), calc(var(--pl-warning-b) + 20);
    --pl-warning-rgb-3: calc(var(--pl-warning-r) + 30), calc(var(--pl-warning-g) + 30), calc(var(--pl-warning-b) + 30);
    --pl-warning-rgb-4: calc(var(--pl-warning-r) + 40), calc(var(--pl-warning-g) + 40), calc(var(--pl-warning-b) + 40);
    --pl-warning-rgb-5: calc(var(--pl-warning-r) + 50), calc(var(--pl-warning-g) + 50), calc(var(--pl-warning-b) + 50);

    --pl-danger-r: 235;
    --pl-danger-g: 69;
    --pl-danger-b: 97;
    --pl-danger-rgb: var(--pl-danger-r), var(--pl-danger-g), var(--pl-danger-b);
    --pl-danger-rgb-1: calc(var(--pl-danger-r) + 10), calc(var(--pl-danger-g) + 10), calc(var(--pl-danger-b) + 10);
    --pl-danger-rgb-2: calc(var(--pl-danger-r) + 20), calc(var(--pl-danger-g) + 20), calc(var(--pl-danger-b) + 20);
    --pl-danger-rgb-3: calc(var(--pl-danger-r) + 30), calc(var(--pl-danger-g) + 30), calc(var(--pl-danger-b) + 30);
    --pl-danger-rgb-4: calc(var(--pl-danger-r) + 40), calc(var(--pl-danger-g) + 40), calc(var(--pl-danger-b) + 40);
    --pl-danger-rgb-5: calc(var(--pl-danger-r) + 50), calc(var(--pl-danger-g) + 50), calc(var(--pl-danger-b) + 50);

    --pl-success-r: 69;
    --pl-success-g: 235;
    --pl-success-b: 119;
    --pl-success-rgb: var(--pl-success-r), var(--pl-success-g), var(--pl-success-b);
    --pl-success-rgb-1: calc(var(--pl-success-r) + 10), calc(var(--pl-success-g) + 10), calc(var(--pl-success-b) + 10);
    --pl-success-rgb-2: calc(var(--pl-success-r) + 20), calc(var(--pl-success-g) + 20), calc(var(--pl-success-b) + 20);
    --pl-success-rgb-3: calc(var(--pl-success-r) + 30), calc(var(--pl-success-g) + 20), calc(var(--pl-success-b) + 30);
    --pl-success-rgb-4: calc(var(--pl-success-r) + 40), calc(var(--pl-success-g) + 20), calc(var(--pl-success-b) + 40);
    --pl-success-rgb-5: calc(var(--pl-success-r) + 50), calc(var(--pl-success-g) + 20), calc(var(--pl-success-b) + 50);

    --pl-info-r: 86;
    --pl-info-g: 69;
    --pl-info-b: 235;
    --pl-info-rgb: var(--pl-info-r), var(--pl-info-g), var(--pl-info-b);
    --pl-info-rgb-1: calc(var(--pl-info-r) + 10), calc(var(--pl-info-g) + 10), calc(var(--pl-info-b) + 10);
    --pl-info-rgb-2: calc(var(--pl-info-r) + 20), calc(var(--pl-info-g) + 20), calc(var(--pl-info-b) + 20);
    --pl-info-rgb-3: calc(var(--pl-info-r) + 30), calc(var(--pl-info-g) + 30), calc(var(--pl-info-b) + 20);
    --pl-info-rgb-4: calc(var(--pl-info-r) + 40), calc(var(--pl-info-g) + 40), calc(var(--pl-info-b) + 20);
    --pl-info-rgb-5: calc(var(--pl-info-r) + 50), calc(var(--pl-info-g) + 50), calc(var(--pl-info-b) + 20);

    --pl-form-input-border-opacity: .7;
    --pl-font-noto: 'Noto Sans KR', sans-serif;
    --pl-font-noto-serif: 'Noto Serif KR', serif;
    /* 버튼 포커스 라인 조절 */
    --pl-box-shadow-width: 0.3rem;
    --pl-box-shadow-opacity: .35;
    --pl-base-rounded: var(--pl-rounded-2);
    /* 모서리 라운딩 조절 */
    --pl-rounded-0: 0rem;
    --pl-rounded-1: .25rem;
    --pl-rounded-2: .5rem;
    --pl-rounded-3: .75rem;
    --pl-rounded-4: 1rem;
    --pl-rounded-5: 1.25rem;
    --pl-rounded-6: 1.5rem;
    --pl-rounded-circle: 50%;
    /* area fence 조정 */
    --pl-fence-base-unit: 12.5%;
    --pl-fence-full-base-unit: 2.5%;
    --pl-fence-area-gap-unit: 2%;
    --pl-area-base-unit: 100% - (var(--pl-fence-base-unit) * 2);
    --pl-area-full-base-unit: 100% - (var(--pl-fence-full-base-unit) * 2);
    --pl-unit-0: 0rem;
    --pl-unit-1: .15rem;
    --pl-unit-2: .25rem;
    --pl-unit-3: .3rem;
    --pl-unit-4: .5rem;
    --pl-unit-5: 0.75rem;
    --pl-unit-6: 1rem;
    --pl-unit-7: 1.25rem;
    --pl-unit-8: 1.5rem;
    --pl-unit-9: 1.75rem;
    --pl-unit-10: 2rem;
    --pl-unit-11: 2.25rem;
    --pl-unit-12: 2.5rem;
    --pl-unit-13: 2.75rem;
    --pl-margin-0: 0rem;
    --pl-margin-1: calc(0.25rem + 0.5vw);
    --pl-margin-2: calc(0.50rem + 0.5vw);
    --pl-margin-3: calc(0.75rem + 0.5vw);
    --pl-margin-4: calc(1.0rem + 0.5vw);
    --pl-margin-5: calc(1.25rem + 0.5vw);
    --pl-margin-6: calc(1.50rem + 0.5vw);
    --pl-padding-0: 0rem;
    --pl-padding-1: calc(0.25rem + 0.5vw);
    --pl-padding-2: calc(0.50rem + 0.5vw);
    --pl-padding-3: calc(0.75rem + 0.5vw);
    --pl-padding-4: calc(1.0rem + 0.5vw);
    --pl-padding-5: calc(1.25rem + 0.5vw);
    --pl-padding-6: calc(1.50rem + 0.5vw);
    --pl-font-size-0: 0rem;
    --pl-font-size-1: 2.25rem;
    --pl-font-size-2: 2rem;
    --pl-font-size-3: 1.75rem;
    --pl-font-size-4: 1.5rem;
    --pl-font-size-5: 1.25rem;
    --pl-font-size-6: 1rem;
    --pl-font-size-7: 0.75rem;
    --pl-font-size-8: 0.5rem;
    --pl-select-position-left: 3.3rem;
    --pl-select-position-top: 0.2rem;
}

*,
::after,
::before {
    box-sizing: border-box;
}

html {
    font-family: var(--pl-font-noto);
    scroll-behavior: smooth;
}

/* 
html::-webkit-scrollbar{
    --pl-scroll-size: .5rem;
    width: var(--pl-scroll-size);
    height: var(--pl-scroll-size);
    background-color: rgba(var(--pl-gray-rgb-4), var(--bg-opacity));
    --bg-opacity: .5;
}
html::-webkit-scrollbar-thumb{
    --pl-scroll-size: .5rem;
    width: var(--pl-scroll-size);
    height: var(--pl-scroll-size);
    background-color: rgba(var(--pl-brand-rgb-5), var(--bg-opacity));
    --bg-opacity: .7;
} */

body {
    font-family: inherit;
    line-height: 1.5;
}

html,
body {
    overflow-x: hidden;
    height: 100%;
}

/* #User Select Setting Start */

.us-none {
    user-select: var(--us);
    --us: none;
}

.us-all {
    --us: all;
}

.us-auto {
    --us: auto;
}

/* #User Select Setting End */


/* #Pointer Events Setting Start */

.pe-none {
    pointer-events: var(--pe);
    --pe: none;
}

.pe-all {
    --pe: all;
}

/* #Pointer Events Setting End */


/* #Table Setting Start */

table.table {
    --bg-opacity: 1;
    --text-opacity: 1;
    --table-bg: var(--pl-ghost-rgb);
    --pl-table-boder: var(--pl-gray-rgb-1);
    width: 100%;
    background-color: rgba(var(--table-bg), var(--bg-opacity));
    margin-top: 2em;
    margin-bottom: 2em;
}

.table.table-sm>*>*>*{
    --pl-table-padding: var(--pl-padding-1);
}

.table.table-lg>*>*>*{
    --pl-table-padding: var(--pl-padding-3);
}

.table>*>*>* {
    --pl-table-padding: var(--pl-padding-2);
    --pl-table-shadow-bg: var(--pl-ghost-rgb);
    --pl-table-text: var(--pl-dark-rgb-2);
    --shadow-opacity: 0;
    color: rgba(var(--pl-table-text), var(--text-opacity));
    padding-top: var(--pl-table-padding);
    padding-bottom: var(--pl-table-padding);
    padding-left: var(--pl-table-padding);
    padding-right: var(--pl-table-padding);
    box-shadow: inset 0 0 0 9999em rgba(var(--pl-table-shadow-bg), var(--shadow-opacity));
    background-color: rgba(var(--pl-table-bg), var(--bg-opacity));
}

.table>thead>tr {
    --pl-table-line: solid;
    --pl-table-boder: var(--pl-gray-rgb-1);
    border-bottom: 1px var(--pl-table-line) rgba(var(--pl-table-boder), var(--bg-opacity));
}

.table>*:not(thead)>tr {
    --pl-table-boder: var(--pl-gray-rgb-4);
}
.table>*:not(thead)>tr:not(:last-child) {
    --pl-table-line: solid;
    border-bottom: 1px var(--pl-table-line) rgba(var(--pl-table-boder), var(--bg-opacity));
}

.table.vertical-line>*>*>*:not(:last-child){
    --pl-table-line: solid;
    border-right: 1px var(--pl-table-line) rgba(var(--pl-table-boder), var(--bg-opacity));
}

.table.vertical-dot>*>*>*:not(:last-child){
    --pl-table-line: dotted;
    border-right: 1px var(--pl-table-line) rgba(var(--pl-table-boder), var(--bg-opacity));
}

.table.vertical-dash>*>*>*:not(:last-child){
    --pl-table-line: dashed;
    border-right: 1px var(--pl-table-line) rgba(var(--pl-table-boder), var(--bg-opacity));
}

.table.table-hover>*>*>*:not(th):hover {
    --shadow-opacity: .2;
    --pl-table-shadow-bg: var(--pl-dark-rgb);
}
.table.table-hover>*:not(thead)>tr:hover {
    --bg-opacity: .8;
    --pl-table-bg: var(--pl-light-rgb);
}

.table>*>*>th {
    font-weight: bold;
}

.table>thead>tr {
    border-bottom: 3px solid rgba(var(--pl-table-boder), var(--bg-opacity));
}

.table>thead>tr>*{
    --pl-table-bg: var(--pl-light-rgb-1);
}

.table tfoot>tr{
    border-top: 3px solid rgba(var(--pl-table-boder), var(--bg-opacity));
}
.table tfoot>tr>*{
    --pl-table-text: var(--pl-gray-rgb-2);
}

table.table-start{
    text-align: start;
}
table.table-end{
    text-align: end;
}

table.table-center{
    text-align: center;
}

.table.table-info>*>*>*,
.table>*>tr.table-info>*,
.table>*>*>td.table-info{
    --pl-table-text: var(--pl-white-rgb);
    --pl-table-bg: var(--pl-info-rgb-5);
}

.table.table-danger>*>*>*,
.table>*>tr.table-danger>*,
.table>*>*>td.table-danger{
    --pl-table-text: var(--pl-white-rgb);
    --pl-table-bg: var(--pl-danger-rgb-5);
}

.table.table-primary>*>*>*,
.table>*>tr.table-primary>*,
.table>*>*>td.table-primary{
    --pl-table-text: var(--pl-white-rgb);
    --pl-table-bg: var(--pl-primary-rgb-5);
}

.table.table-secondary>*>*>*,
.table>*>tr.table-secondary>*,
.table>*>*>td.table-secondary{
    --pl-table-text: var(--pl-white-rgb);
    --pl-table-bg: var(--pl-secondary-rgb-5);
}

.table.table-point>*>*>*,
.table>*>tr.table-point>*,
.table>*>*>td.table-point{
    --pl-table-text: var(--pl-white-rgb);
    --pl-table-bg: var(--pl-point-rgb-5);
}

.table.table-subpoint>*>*>*,
.table>*>tr.table-subpoint>*,
.table>*>*>td.table-subpoint{
    --pl-table-text: var(--pl-white-rgb);
    --pl-table-bg: var(--pl-subpoint-rgb-5);
}

.table.table-brand>*>*>*,
.table>*>tr.table-brand>*,
.table>*>*>td.table-brand{
    --pl-table-text: var(--pl-white-rgb);
    --pl-table-bg: var(--pl-brand-rgb-5);
}

.table.table-warning>*>*>*,
.table>*>tr.table-warning>*,
.table>*>*>td.table-warning{
    --pl-table-text: var(--pl-dark-rgb);
    --pl-table-bg: var(--pl-warning-rgb-5);
}

.table.table-success>*>*>*,
.table>*>tr.table-success>*,
.table>*>*>td.table-success{
    --pl-table-text: var(--pl-white-rgb);
    --pl-table-bg: var(--pl-success-rgb-5);
}

.table.table-light>*>*>*,
.table>*>tr.table-light>*,
.table>*>*>td.table-light{
    --pl-table-text: var(--pl-dark-rgb);
    --pl-table-bg: var(--pl-light-rgb);
}

.table.table-white>*>*>*,
.table>*>tr.table-white>*,
.table>*>*>td.table-white{
    --pl-table-text: var(--pl-dark-rgb);
    --pl-table-bg: var(--pl-white-rgb);
}

/* #Table Setting End */


/* #Divider Setting Start */

.vr {
    display: inline-block;
    min-height: 1em;
    align-self: stretch;
    width: 2px;
    margin-left: var(--pl-margin-1);
    margin-right: var(--pl-margin-1);
    background-color: rgba(var(--pl-gray-rgb-4), var(--bg-opacity));
    --bg-opacity: 1;
}

.hr {
    display: inline-block;
    height: 2px;
    width: 100%;
    margin-top: var(--pl-margin-1);
    margin-bottom: var(--pl-margin-1);
    background-color: rgba(var(--pl-gray-rgb-4), var(--bg-opacity));
    --bg-opacity: 1;
}

.sr {
    display: block;
    width: 100% !important;
    margin-top: var(--pl-margin-6);
    margin-bottom: var(--pl-margin-6);
}

.sc {
    display: inline-block;
    min-height: 1em;
    margin-left: var(--pl-margin-6);
    margin-right: var(--pl-margin-6);
}

/* #Divider Setting End */


/* #Code Setting Start */

.code-wrap{
    position: relative;
    overflow: hidden;
}

[data-code] {
    --bg-opacity: 1;
    user-select: none;
    white-space: pre-wrap;
    font-size: .8rem;
    font-family: monospace;
    background-color: rgba(var(--pl-light-rgb), var(--bg-opacity));
    margin-bottom: 2em !important;
    overflow: auto;
    padding: 1em;
}

[data-code]::after {
    content: var(--pl-code-type);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: .3rem .5rem;
    padding: .2rem .4rem;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    background-color: rgba(var(--pl-brand-rgb), var(--bg-opacity));
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    -ms-border-radius: .3rem;
    -o-border-radius: .3rem;
}

/* #Code Setting End */


/* #Card Setting Start */

.card-group {
    --gutter-x: 0.5rem;
    --gutter-y: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2em;
}

.card {
    --pl-card-divide: 1 0 0%;
    --pl-card-width: max-content;
    flex: var(--pl-card-divide);
    --card-padding: 0.25rem;
    --gutter-x: inherit;
    --gutter-y: inherit;
    --card-bg: var(--pl-light-rgb);
    --card-text: var(--pl-dark-rgb-1);
    --bg-opacity: 1;
    --text-opacity: 1;
    --card-rounded: var(--pl-base-rounded);
    --card-border-width: 1px;
    --card-border-color: transparent;
    width: calc(var(--pl-card-width) - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
    padding-top: calc(var(--card-padding) + .3vw);
    padding-bottom: calc(var(--card-padding) + .3vw);
    padding-left: calc(var(--card-padding) + .3vw);
    padding-right: calc(var(--card-padding) + .3vw);
    background-color: rgba(var(--card-bg), var(--bg-opacity));
    color: rgba(var(--card-text), var(--text-opacity));
    user-select: none;
    border: var(--card-border-width) solid rgba(var(--card-border-color), var(--bg-opacity));
    border-radius: var(--card-rounded);
    -webkit-border-radius: var(--card-rounded);
    -moz-border-radius: var(--card-rounded);
    -ms-border-radius: var(--card-rounded);
    -o-border-radius: var(--card-rounded);
}

.card-border-1 {
    --card-border-width: 1px;
}

.card-border-2 {
    --card-border-width: .25rem;
}

.card-border-3 {
    --card-border-width: .35rem;
}

.card-border-4 {
    --card-border-width: .45rem;
}

.card-border-5 {
    --card-border-width: .55rem;
}

.card-border-6 {
    --card-border-width: .65rem;
}

.card-border-1 .card {
    --card-border-width: 1px;
}

.card-border-2 .card {
    --card-border-width: .25rem;
}

.card-border-3 .card {
    --card-border-width: .35rem;
}

.card-border-4 .card {
    --card-border-width: .45rem;
}

.card-border-5 .card {
    --card-border-width: .55rem;
}

.card-border-6 .card {
    --card-border-width: .65rem;
}

.card-border-info {
    --card-border-color: var(--pl-info-rgb-4) !important;
}

.card-border-info .card {
    --card-border-color: var(--pl-info-rgb-4);
}

.card-border-primary {
    --card-border-color: var(--pl-primary-rgb-4) !important;
}

.card-border-primary .card {
    --card-border-color: var(--pl-primary-rgb-4);
}

.card-border-secondary {
    --card-border-color: var(--pl-secondary-rgb-4) !important;
}

.card-border-secondary .card {
    --card-border-color: var(--pl-secondary-rgb-4);
}

.card-border-success {
    --card-border-color: var(--pl-success-rgb-4) !important;
}

.card-border-success .card {
    --card-border-color: var(--pl-success-rgb-4);
}

.card-border-danger {
    --card-border-color: var(--pl-danger-rgb-4) !important;
}

.card-border-danger .card {
    --card-border-color: var(--pl-danger-rgb-4);
}

.card-border-warning {
    --card-border-color: var(--pl-warning-rgb-4) !important;
}

.card-border-warning .card {
    --card-border-color: var(--pl-warning-rgb-4);
}

.card-border-dark {
    --card-border-color: var(--pl-dark-rgb) !important;
}

.card-border-dark .card {
    --card-border-color: var(--pl-dark-rgb);
}

.card-border-light {
    --card-border-color: var(--pl-light-rgb) !important;
}

.card-border-light .card {
    --card-border-color: var(--pl-light-rgb);
}

.card-border-gray {
    --card-border-color: var(--pl-gray-rgb-4) !important;
}

.card-border-gray .card {
    --card-border-color: var(--pl-gray-rgb-4);
}

.card-border-white {
    --card-border-color: var(--pl-white-rgb-4) !important;
}

.card-border-white .card {
    --card-border-color: var(--pl-white-rgb-4);
}

.card-border-ghost {
    --card-border-color: var(--pl-ghost-rgb) !important;
}

.card-border-ghost .card {
    --card-border-color: var(--pl-ghost-rgb);
}

.card-info {
    --card-bg: var(--pl-info-rgb-4) !important;
}

.card-info .card {
    --card-bg: var(--pl-info-rgb-4);
}

.card-brand {
    --card-bg: var(--pl-brand-rgb-4) !important;
}

.card-brand .card {
    --card-bg: var(--pl-brand-rgb-4);
}

.card-point {
    --card-bg: var(--pl-point-rgb-4) !important;
}

.card-point .card {
    --card-bg: var(--pl-point-rgb-4);
}

.card-subpoint {
    --card-bg: var(--pl-subpoint-rgb-4) !important;
}

.card-subpoint .card {
    --card-bg: var(--pl-subpoint-rgb-4);
}

.card-primary {
    --card-bg: var(--pl-primary-rgb-4) !important;
}

.card-primary .card {
    --card-bg: var(--pl-primary-rgb-4);
}

.card-secondary {
    --card-bg: var(--pl-secondary-rgb-4) !important;
}

.card-secondary .card {
    --card-bg: var(--pl-secondary-rgb-4);
}

.card-success {
    --card-bg: var(--pl-success-rgb-4) !important;
}

.card-success .card {
    --card-bg: var(--pl-success-rgb-4);
}

.card-danger {
    --card-bg: var(--pl-danger-rgb-4) !important;
}

.card-danger .card {
    --card-bg: var(--pl-danger-rgb-4);
}

.card-warning {
    --card-bg: var(--pl-warning-rgb-4) !important;
}

.card-warning .card {
    --card-bg: var(--pl-warning-rgb-4);
}

.card-dark {
    --card-bg: var(--pl-dark-rgb) !important;
}

.card-dark .card {
    --card-bg: var(--pl-dark-rgb);
}

.card-light {
    --card-bg: var(--pl-light-rgb) !important;
}

.card-light .card {
    --card-bg: var(--pl-light-rgb);
}

.card-gray {
    --card-bg: var(--pl-gray-rgb-4) !important;
}

.card-gray .card {
    --card-bg: var(--pl-gray-rgb-4);
}

.card-white {
    --card-bg: var(--pl-white-rgb-4) !important;
}

.card-white .card {
    --card-bg: var(--pl-white-rgb-4);
}

.card-ghost {
    --card-bg: var(--pl-ghost-rgb) !important;
}

.card-ghost .card {
    --card-bg: var(--pl-ghost-rgb);
}

@media (min-width: 576px) {

    .card-info-sm {
        --card-bg: var(--pl-info-rgb-4) !important;
    }

    .card-info-sm .card {
        --card-bg: var(--pl-info-rgb-4);
    }

    .card-primary-sm {
        --card-bg: var(--pl-primary-rgb-4) !important;
    }

    .card-primary-sm .card {
        --card-bg: var(--pl-primary-rgb-4);
    }

    .card-secondary-sm {
        --card-bg: var(--pl-secondary-rgb-4) !important;
    }

    .card-secondary-sm .card {
        --card-bg: var(--pl-secondary-rgb-4);
    }

    .card-success-sm {
        --card-bg: var(--pl-success-rgb-4) !important;
    }

    .card-success-sm .card {
        --card-bg: var(--pl-success-rgb-4);
    }

    .card-danger-sm {
        --card-bg: var(--pl-danger-rgb-4) !important;
    }

    .card-danger-sm .card {
        --card-bg: var(--pl-danger-rgb-4);
    }

    .card-warning-sm {
        --card-bg: var(--pl-warning-rgb-4) !important;
    }

    .card-warning-sm .card {
        --card-bg: var(--pl-warning-rgb-4);
    }

    .card-dark-sm {
        --card-bg: var(--pl-dark-rgb) !important;
    }

    .card-dark-sm .card {
        --card-bg: var(--pl-dark-rgb);
    }

    .card-light-sm {
        --card-bg: var(--pl-light-rgb) !important;
    }

    .card-light-sm .card {
        --card-bg: var(--pl-light-rgb);
    }

    .card-gray-sm {
        --card-bg: var(--pl-gray-rgb-4) !important;
    }

    .card-gray-sm .card {
        --card-bg: var(--pl-gray-rgb-4);
    }

    .card-white-sm {
        --card-bg: var(--pl-white-rgb-4) !important;
    }

    .card-white-sm .card {
        --card-bg: var(--pl-white-rgb-4);
    }

    .card-ghost-sm {
        --card-bg: var(--pl-ghost-rgb) !important;
    }

    .card-ghost-sm .card {
        --card-bg: var(--pl-ghost-rgb);
    }
}

@media (min-width: 768px) {

    .card-info-md {
        --card-bg: var(--pl-info-rgb-4) !important;
    }

    .card-info-md .card {
        --card-bg: var(--pl-info-rgb-4);
    }

    .card-primary-md {
        --card-bg: var(--pl-primary-rgb-4) !important;
    }

    .card-primary-md .card {
        --card-bg: var(--pl-primary-rgb-4);
    }

    .card-secondary-md {
        --card-bg: var(--pl-secondary-rgb-4) !important;
    }

    .card-secondary-md .card {
        --card-bg: var(--pl-secondary-rgb-4);
    }

    .card-success-md {
        --card-bg: var(--pl-success-rgb-4) !important;
    }

    .card-success-md .card {
        --card-bg: var(--pl-success-rgb-4);
    }

    .card-danger-md {
        --card-bg: var(--pl-danger-rgb-4) !important;
    }

    .card-danger-md .card {
        --card-bg: var(--pl-danger-rgb-4);
    }

    .card-warning-md {
        --card-bg: var(--pl-warning-rgb-4) !important;
    }

    .card-warning-md .card {
        --card-bg: var(--pl-warning-rgb-4);
    }

    .card-dark-md {
        --card-bg: var(--pl-dark-rgb) !important;
    }

    .card-dark-md .card {
        --card-bg: var(--pl-dark-rgb);
    }

    .card-light-md {
        --card-bg: var(--pl-light-rgb) !important;
    }

    .card-light-md .card {
        --card-bg: var(--pl-light-rgb);
    }

    .card-gray-md {
        --card-bg: var(--pl-gray-rgb-4) !important;
    }

    .card-gray-md .card {
        --card-bg: var(--pl-gray-rgb-4);
    }

    .card-white-md {
        --card-bg: var(--pl-white-rgb-4) !important;
    }

    .card-white-md .card {
        --card-bg: var(--pl-white-rgb-4);
    }

    .card-ghost-md {
        --card-bg: var(--pl-ghost-rgb) !important;
    }

    .card-ghost-md .card {
        --card-bg: var(--pl-ghost-rgb);
    }
}

@media (min-width: 992px) {

    .card-info-lg {
        --card-bg: var(--pl-info-rgb-4) !important;
    }

    .card-info-lg .card {
        --card-bg: var(--pl-info-rgb-4);
    }

    .card-primary-lg {
        --card-bg: var(--pl-primary-rgb-4) !important;
    }

    .card-primary-lg .card {
        --card-bg: var(--pl-primary-rgb-4);
    }

    .card-secondary-lg {
        --card-bg: var(--pl-secondary-rgb-4) !important;
    }

    .card-secondary-lg .card {
        --card-bg: var(--pl-secondary-rgb-4);
    }

    .card-success-lg {
        --card-bg: var(--pl-success-rgb-4) !important;
    }

    .card-success-lg .card {
        --card-bg: var(--pl-success-rgb-4);
    }

    .card-danger-lg {
        --card-bg: var(--pl-danger-rgb-4) !important;
    }

    .card-danger-lg .card {
        --card-bg: var(--pl-danger-rgb-4);
    }

    .card-warning-lg {
        --card-bg: var(--pl-warning-rgb-4) !important;
    }

    .card-warning-lg .card {
        --card-bg: var(--pl-warning-rgb-4);
    }

    .card-dark-lg {
        --card-bg: var(--pl-dark-rgb) !important;
    }

    .card-dark-lg .card {
        --card-bg: var(--pl-dark-rgb);
    }

    .card-light-lg {
        --card-bg: var(--pl-light-rgb) !important;
    }

    .card-light-lg .card {
        --card-bg: var(--pl-light-rgb);
    }

    .card-gray-lg {
        --card-bg: var(--pl-gray-rgb-4) !important;
    }

    .card-gray-lg .card {
        --card-bg: var(--pl-gray-rgb-4);
    }

    .card-white-lg {
        --card-bg: var(--pl-white-rgb-4) !important;
    }

    .card-white-lg .card {
        --card-bg: var(--pl-white-rgb-4);
    }

    .card-ghost-lg {
        --card-bg: var(--pl-ghost-rgb) !important;
    }

    .card-ghost-lg .card {
        --card-bg: var(--pl-ghost-rgb);
    }
}


@media (min-width: 1200px) {

    .card-info-xl {
        --card-bg: var(--pl-info-rgb-4) !important;
    }

    .card-info-xl .card {
        --card-bg: var(--pl-info-rgb-4);
    }

    .card-primary-xl {
        --card-bg: var(--pl-primary-rgb-4) !important;
    }

    .card-primary-xl .card {
        --card-bg: var(--pl-primary-rgb-4);
    }

    .card-secondary-xl {
        --card-bg: var(--pl-secondary-rgb-4) !important;
    }

    .card-secondary-xl .card {
        --card-bg: var(--pl-secondary-rgb-4);
    }

    .card-success-xl {
        --card-bg: var(--pl-success-rgb-4) !important;
    }

    .card-success-xl .card {
        --card-bg: var(--pl-success-rgb-4);
    }

    .card-danger-xl {
        --card-bg: var(--pl-danger-rgb-4) !important;
    }

    .card-danger-xl .card {
        --card-bg: var(--pl-danger-rgb-4);
    }

    .card-warning-xl {
        --card-bg: var(--pl-warning-rgb-4) !important;
    }

    .card-warning-xl .card {
        --card-bg: var(--pl-warning-rgb-4);
    }

    .card-dark-xl {
        --card-bg: var(--pl-dark-rgb) !important;
    }

    .card-dark-xl .card {
        --card-bg: var(--pl-dark-rgb);
    }

    .card-light-xl {
        --card-bg: var(--pl-light-rgb) !important;
    }

    .card-light-xl .card {
        --card-bg: var(--pl-light-rgb);
    }

    .card-gray-xl {
        --card-bg: var(--pl-gray-rgb-4) !important;
    }

    .card-gray-xl .card {
        --card-bg: var(--pl-gray-rgb-4);
    }

    .card-white-xl {
        --card-bg: var(--pl-white-rgb-4) !important;
    }

    .card-white-xl .card {
        --card-bg: var(--pl-white-rgb-4);
    }

    .card-ghost-xl {
        --card-bg: var(--pl-ghost-rgb) !important;
    }

    .card-ghost-xl .card {
        --card-bg: var(--pl-ghost-rgb);
    }
}


@media (min-width: 1400px) {

    .card-info-xxl {
        --card-bg: var(--pl-info-rgb-4) !important;
    }

    .card-info-xxl .card {
        --card-bg: var(--pl-info-rgb-4);
    }

    .card-primary-xxl {
        --card-bg: var(--pl-primary-rgb-4) !important;
    }

    .card-primary-xxl .card {
        --card-bg: var(--pl-primary-rgb-4);
    }

    .card-secondary-xxl {
        --card-bg: var(--pl-secondary-rgb-4) !important;
    }

    .card-secondary-xxl .card {
        --card-bg: var(--pl-secondary-rgb-4);
    }

    .card-success-xxl {
        --card-bg: var(--pl-success-rgb-4) !important;
    }

    .card-success-xxl .card {
        --card-bg: var(--pl-success-rgb-4);
    }

    .card-danger-xxl {
        --card-bg: var(--pl-danger-rgb-4) !important;
    }

    .card-danger-xxl .card {
        --card-bg: var(--pl-danger-rgb-4);
    }

    .card-warning-xxl {
        --card-bg: var(--pl-warning-rgb-4) !important;
    }

    .card-warning-xxl .card {
        --card-bg: var(--pl-warning-rgb-4);
    }

    .card-dark-xxl {
        --card-bg: var(--pl-dark-rgb) !important;
    }

    .card-dark-xxl .card {
        --card-bg: var(--pl-dark-rgb);
    }

    .card-light-xxl {
        --card-bg: var(--pl-light-rgb) !important;
    }

    .card-light-xxl .card {
        --card-bg: var(--pl-light-rgb);
    }

    .card-gray-xxl {
        --card-bg: var(--pl-gray-rgb-4) !important;
    }

    .card-gray-xxl .card {
        --card-bg: var(--pl-gray-rgb-4);
    }

    .card-white-xxl {
        --card-bg: var(--pl-white-rgb-4) !important;
    }

    .card-white-xxl .card {
        --card-bg: var(--pl-white-rgb-4);
    }

    .card-ghost-xxl {
        --card-bg: var(--pl-ghost-rgb) !important;
    }

    .card-ghost-xxl .card {
        --card-bg: var(--pl-ghost-rgb);
    }
}

.card .card-title {
    font-size: var(--pl-font-size-5);
    color: rgba(var(--pl-dark-rgb-1), var(--text-opacity));
    margin-bottom: 1rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

.card .card-content .card-body {
    font-size: calc(var(--pl-font-size-6) - .15rem);
    color: rgba(var(--pl-dark-rgb-4), var(--text-opacity));
    margin-bottom: 1rem;
}

.card a[href].card-link {
    color: rgba(var(--pl-info-rgb), var(--text-opacity));
    --text-opacity: 1;
}

.card a[href].card-link:hover {
    color: rgba(var(--pl-point-rgb), var(--text-opacity)) !important;
    --text-opacity: 1;
}

.card .card-time {
    font-size: var(--pl-font-size-8);
    color: rgba(var(--pl-gray-rgb-1), var(--text-opacity));
    --text-opacity: 1;
}

/* #Card Setting End */


/* #Card Gutter Setting Start */

.card-dv-auto {
    --pl-card-divide: 1 0 0%;
    --pl-card-width: max-content;
}

.card-dv-auto .card {
    --pl-card-divide: 1 0 0%;
    --pl-card-width: max-content;
}

.card-dv-1 {
    --pl-card-divide: 1 1 auto !important;
    --pl-card-width: 100% !important;
}

.card-dv-1 .card {
    --pl-card-divide: 1 1 auto;
    --pl-card-width: 100%;
}

.card-dv-2 {
    --pl-card-divide: 0 0 auto !important;
    --pl-card-width: 50% !important;
}

.card-dv-2 .card {
    --pl-card-divide: 0 0 auto;
    --pl-card-width: 50%;
}

.card-dv-3 {
    --pl-card-divide: 0 0 auto !important;
    --pl-card-width: 33.33% !important;
}

.card-dv-3 .card {
    --pl-card-divide: 0 0 auto;
    --pl-card-width: 33.33%;
}

.card-dv-4 {
    --pl-card-divide: 0 0 auto !important;
    --pl-card-width: 25% !important;
}

.card-dv-4 .card {
    --pl-card-divide: 0 0 auto;
    --pl-card-width: 25%;
}

.card-dv-5 {
    --pl-card-divide: 0 0 auto !important;
    --pl-card-width: 20% !important;
}

.card-dv-5 .card {
    --pl-card-divide: 0 0 auto;
    --pl-card-width: 20%;
}

.card-dv-6 {
    --pl-card-divide: 0 0 auto !important;
    --pl-card-width: 16.6666666666666667% !important;
}

.card-dv-6 .card {
    --pl-card-divide: 0 0 auto;
    --pl-card-width: 16.6666666666666667%;
}

.card-dv-7 {
    --pl-card-divide: 0 0 auto !important;
    --pl-card-width: 14.2857142857142857% !important;
}

.card-dv-7 .card {
    --pl-card-divide: 0 0 auto;
    --pl-card-width: 14.2857142857142857%;
}

.card-dv-8 {
    --pl-card-divide: 0 0 auto !important;
    --pl-card-width: 12.5% !important;
}

.card-dv-8 .card {
    --pl-card-divide: 0 0 auto;
    --pl-card-width: 12.5%;
}

.card-dv-9 {
    --pl-card-divide: 0 0 auto !important;
    --pl-card-width: 11.1111111111111111% !important;
}

.card-dv-9 .card {
    --pl-card-divide: 0 0 auto;
    --pl-card-width: 11.1111111111111111%;
}

.card-dv-10 {
    --pl-card-divide: 0 0 auto !important;
    --pl-card-width: 10% !important;
}

.card-dv-10 .card {
    --pl-card-divide: 0 0 auto;
    --pl-card-width: 10%;
}

.card-pd-1 {
    --card-padding: var(--pl-unit-4) !important;
}

.card-pd-1 .card {
    --card-padding: var(--pl-unit-4);
}

.card-pd-2 {
    --card-padding: var(--pl-unit-5) !important;
}

.card-pd-2 .card {
    --card-padding: var(--pl-unit-5);
}

.card-pd-3 {
    --card-padding: var(--pl-unit-7) !important;
}

.card-pd-3 .card {
    --card-padding: var(--pl-unit-7);
}

.card-pd-4 {
    --card-padding: var(--pl-unit-9) !important;
}

.card-pd-4 .card {
    --card-padding: var(--pl-unit-9);
}

.card-pd-5 {
    --card-padding: var(--pl-unit-11) !important;
}

.card-pd-5 .card {
    --card-padding: var(--pl-unit-11);
}

.card-pd-6 {
    --card-padding: var(--pl-unit-13) !important;
}

.card-pd-6 .card {
    --card-padding: var(--pl-unit-13);
}

.card-rounded-0 {
    --card-rounded: var(--pl-rounded-0) !important;
}

.card-rounded-1 {
    --card-rounded: var(--pl-rounded-1) !important;
}

.card-rounded-2 {
    --card-rounded: var(--pl-rounded-2) !important;
}

.card-rounded-3 {
    --card-rounded: var(--pl-rounded-3) !important;
}

.card-rounded-4 {
    --card-rounded: var(--pl-rounded-4) !important;
}

.card-rounded-5 {
    --card-rounded: var(--pl-rounded-5) !important;
}

.card-rounded-6 {
    --card-rounded: var(--pl-rounded-6) !important;
}

.card-rounded-0 .card {
    --card-rounded: var(--pl-rounded-0);
}

.card-rounded-1 .card {
    --card-rounded: var(--pl-rounded-1);
}

.card-rounded-2 .card {
    --card-rounded: var(--pl-rounded-2);
}

.card-rounded-3 .card {
    --card-rounded: var(--pl-rounded-3);
}

.card-rounded-4 .card {
    --card-rounded: var(--pl-rounded-4);
}

.card-rounded-5 .card {
    --card-rounded: var(--pl-rounded-5);
}

.card-rounded-6 .card {
    --card-rounded: var(--pl-rounded-6);
}

@media (min-width: 576px) {
    .card-dv-sm-auto {
        --pl-card-divide: 1 0 0%;
        --pl-card-width: max-content;
    }

    .card-dv-sm-auto .card {
        --pl-card-divide: 1 0 0%;
        --pl-card-width: max-content;
    }

    .card-dv-sm-1 {
        --pl-card-divide: 1 1 auto !important;
        --pl-card-width: 100% !important;
    }

    .card-dv-sm-1 .card {
        --pl-card-divide: 1 1 auto;
        --pl-card-width: 100%;
    }

    .card-dv-sm-2 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 50% !important;
    }

    .card-dv-sm-2 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 50%;
    }

    .card-dv-sm-3 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 33.33% !important;
    }

    .card-dv-sm-3 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 33.33%;
    }

    .card-dv-sm-4 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 25% !important;
    }

    .card-dv-sm-4 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 25%;
    }

    .card-dv-sm-5 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 20% !important;
    }

    .card-dv-sm-5 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 20%;
    }

    .card-dv-sm-6 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 16.6666666666666667% !important;
    }

    .card-dv-sm-6 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 16.6666666666666667%;
    }

    .card-dv-sm-7 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 14.2857142857142857% !important;
    }

    .card-dv-sm-7 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 14.2857142857142857%;
    }

    .card-dv-sm-8 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 12.5% !important;
    }

    .card-dv-sm-8 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 12.5%;
    }

    .card-dv-sm-9 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 11.1111111111111111% !important;
    }

    .card-dv-sm-9 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 11.1111111111111111%;
    }

    .card-dv-sm-10 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 10% !important;
    }

    .card-dv-sm-10 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 10%;
    }

    .card-pd-sm-1 {
        --card-padding: var(--pl-unit-1) !important;
    }

    .card-pd-sm-1 .card {
        --card-padding: var(--pl-unit-1);
    }

    .card-pd-sm-2 {
        --card-padding: var(--pl-unit-2) !important;
    }

    .card-pd-sm-2 .card {
        --card-padding: var(--pl-unit-2);
    }

    .card-pd-sm-3 {
        --card-padding: var(--pl-unit-3) !important;
    }

    .card-pd-sm-3 .card {
        --card-padding: var(--pl-unit-3);
    }

    .card-pd-sm-4 {
        --card-padding: var(--pl-unit-4) !important;
    }

    .card-pd-sm-4 .card {
        --card-padding: var(--pl-unit-4);
    }

    .card-pd-sm-5 {
        --card-padding: var(--pl-unit-5) !important;
    }

    .card-pd-sm-5 .card {
        --card-padding: var(--pl-unit-5);
    }

    .card-pd-sm-6 {
        --card-padding: var(--pl-unit-6) !important;
    }

    .card-pd-sm-6 .card {
        --card-padding: var(--pl-unit-6);
    }

    .card-rounded-sm-0 {
        --card-rounded: var(--pl-rounded-0) !important;
    }

    .card-rounded-sm-1 {
        --card-rounded: var(--pl-rounded-1) !important;
    }

    .card-rounded-sm-2 {
        --card-rounded: var(--pl-rounded-2) !important;
    }

    .card-rounded-sm-3 {
        --card-rounded: var(--pl-rounded-3) !important;
    }

    .card-rounded-sm-4 {
        --card-rounded: var(--pl-rounded-4) !important;
    }

    .card-rounded-sm-5 {
        --card-rounded: var(--pl-rounded-5) !important;
    }

    .card-rounded-sm-6 {
        --card-rounded: var(--pl-rounded-6) !important;
    }

    .card-rounded-sm-0 .card {
        --card-rounded: var(--pl-rounded-0);
    }

    .card-rounded-sm-1 .card {
        --card-rounded: var(--pl-rounded-1);
    }

    .card-rounded-sm-2 .card {
        --card-rounded: var(--pl-rounded-2);
    }

    .card-rounded-sm-3 .card {
        --card-rounded: var(--pl-rounded-3);
    }

    .card-rounded-sm-4 .card {
        --card-rounded: var(--pl-rounded-4);
    }

    .card-rounded-sm-5 .card {
        --card-rounded: var(--pl-rounded-5);
    }

    .card-rounded-sm-6 .card {
        --card-rounded: var(--pl-rounded-6);
    }
}

@media (min-width: 768px) {
    .card-dv-md-auto {
        --pl-card-divide: 1 0 0%;
        --pl-card-width: max-content;
    }

    .card-dv-md-auto .card {
        --pl-card-divide: 1 0 0%;
        --pl-card-width: max-content;
    }

    .card-dv-md-1 {
        --pl-card-divide: 1 1 auto !important;
        --pl-card-width: 100% !important;
    }

    .card-dv-md-1 .card {
        --pl-card-divide: 1 1 auto;
        --pl-card-width: 100%;
    }

    .card-dv-md-2 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 50% !important;
    }

    .card-dv-md-2 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 50%;
    }

    .card-dv-md-3 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 33.33% !important;
    }

    .card-dv-md-3 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 33.33%;
    }

    .card-dv-md-4 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 25% !important;
    }

    .card-dv-md-4 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 25%;
    }

    .card-dv-md-5 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 20% !important;
    }

    .card-dv-md-5 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 20%;
    }

    .card-dv-md-6 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 16.6666666666666667% !important;
    }

    .card-dv-md-6 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 16.6666666666666667%;
    }

    .card-dv-md-7 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 14.2857142857142857% !important;
    }

    .card-dv-md-7 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 14.2857142857142857%;
    }

    .card-dv-md-8 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 12.5% !important;
    }

    .card-dv-md-8 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 12.5%;
    }

    .card-dv-md-9 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 11.1111111111111111% !important;
    }

    .card-dv-md-9 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 11.1111111111111111%;
    }

    .card-dv-md-10 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 10% !important;
    }

    .card-dv-md-10 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 10%;
    }

    .card-pd-md-1 {
        --card-padding: var(--pl-unit-1) !important;
    }

    .card-pd-md-1 .card {
        --card-padding: var(--pl-unit-1);
    }

    .card-pd-md-2 {
        --card-padding: var(--pl-unit-2) !important;
    }

    .card-pd-md-2 .card {
        --card-padding: var(--pl-unit-2);
    }

    .card-pd-md-3 {
        --card-padding: var(--pl-unit-3) !important;
    }

    .card-pd-md-3 .card {
        --card-padding: var(--pl-unit-3);
    }

    .card-pd-md-4 {
        --card-padding: var(--pl-unit-4) !important;
    }

    .card-pd-md-4 .card {
        --card-padding: var(--pl-unit-4);
    }

    .card-pd-md-5 {
        --card-padding: var(--pl-unit-5) !important;
    }

    .card-pd-md-5 .card {
        --card-padding: var(--pl-unit-5);
    }

    .card-pd-md-6 {
        --card-padding: var(--pl-unit-6) !important;
    }

    .card-pd-md-6 .card {
        --card-padding: var(--pl-unit-6);
    }

    .card-rounded-md-0 {
        --card-rounded: var(--pl-rounded-0) !important;
    }

    .card-rounded-md-1 {
        --card-rounded: var(--pl-rounded-1) !important;
    }

    .card-rounded-md-2 {
        --card-rounded: var(--pl-rounded-2) !important;
    }

    .card-rounded-md-3 {
        --card-rounded: var(--pl-rounded-3) !important;
    }

    .card-rounded-md-4 {
        --card-rounded: var(--pl-rounded-4) !important;
    }

    .card-rounded-md-5 {
        --card-rounded: var(--pl-rounded-5) !important;
    }

    .card-rounded-md-6 {
        --card-rounded: var(--pl-rounded-6) !important;
    }

    .card-rounded-md-0 .card {
        --card-rounded: var(--pl-rounded-0);
    }

    .card-rounded-md-1 .card {
        --card-rounded: var(--pl-rounded-1);
    }

    .card-rounded-md-2 .card {
        --card-rounded: var(--pl-rounded-2);
    }

    .card-rounded-md-3 .card {
        --card-rounded: var(--pl-rounded-3);
    }

    .card-rounded-md-4 .card {
        --card-rounded: var(--pl-rounded-4);
    }

    .card-rounded-md-5 .card {
        --card-rounded: var(--pl-rounded-5);
    }

    .card-rounded-md-6 .card {
        --card-rounded: var(--pl-rounded-6);
    }
}

@media (min-width: 992px) {
    .card-dv-lg-auto {
        --pl-card-divide: 1 0 0%;
        --pl-card-width: max-content;
    }

    .card-dv-lg-auto .card {
        --pl-card-divide: 1 0 0%;
        --pl-card-width: max-content;
    }

    .card-dv-lg-1 {
        --pl-card-divide: 1 1 auto !important;
        --pl-card-width: 100% !important;
    }

    .card-dv-lg-1 .card {
        --pl-card-divide: 1 1 auto;
        --pl-card-width: 100%;
    }

    .card-dv-lg-2 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 50% !important;
    }

    .card-dv-lg-2 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 50%;
    }

    .card-dv-lg-3 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 33.33% !important;
    }

    .card-dv-lg-3 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 33.33%;
    }

    .card-dv-lg-4 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 25% !important;
    }

    .card-dv-lg-4 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 25%;
    }

    .card-dv-lg-5 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 20% !important;
    }

    .card-dv-lg-5 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 20%;
    }

    .card-dv-lg-6 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 16.6666666666666667% !important;
    }

    .card-dv-lg-6 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 16.6666666666666667%;
    }

    .card-dv-lg-7 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 14.2857142857142857% !important;
    }

    .card-dv-lg-7 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 14.2857142857142857%;
    }

    .card-dv-lg-8 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 12.5% !important;
    }

    .card-dv-lg-8 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 12.5%;
    }

    .card-dv-lg-9 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 11.1111111111111111% !important;
    }

    .card-dv-lg-9 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 11.1111111111111111%;
    }

    .card-dv-lg-10 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 10% !important;
    }

    .card-dv-lg-10 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 10%;
    }

    .card-pd-lg-1 {
        --card-padding: var(--pl-unit-1) !important;
    }

    .card-pd-lg-1 .card {
        --card-padding: var(--pl-unit-1);
    }

    .card-pd-lg-2 {
        --card-padding: var(--pl-unit-2) !important;
    }

    .card-pd-lg-2 .card {
        --card-padding: var(--pl-unit-2);
    }

    .card-pd-lg-3 {
        --card-padding: var(--pl-unit-3) !important;
    }

    .card-pd-lg-3 .card {
        --card-padding: var(--pl-unit-3);
    }

    .card-pd-lg-4 {
        --card-padding: var(--pl-unit-4) !important;
    }

    .card-pd-lg-4 .card {
        --card-padding: var(--pl-unit-4);
    }

    .card-pd-lg-5 {
        --card-padding: var(--pl-unit-5) !important;
    }

    .card-pd-lg-5 .card {
        --card-padding: var(--pl-unit-5);
    }

    .card-pd-lg-6 {
        --card-padding: var(--pl-unit-6) !important;
    }

    .card-pd-lg-6 .card {
        --card-padding: var(--pl-unit-6);
    }

    .card-rounded-lg-0 {
        --card-rounded: var(--pl-rounded-0) !important;
    }

    .card-rounded-lg-1 {
        --card-rounded: var(--pl-rounded-1) !important;
    }

    .card-rounded-lg-2 {
        --card-rounded: var(--pl-rounded-2) !important;
    }

    .card-rounded-lg-3 {
        --card-rounded: var(--pl-rounded-3) !important;
    }

    .card-rounded-lg-4 {
        --card-rounded: var(--pl-rounded-4) !important;
    }

    .card-rounded-lg-5 {
        --card-rounded: var(--pl-rounded-5) !important;
    }

    .card-rounded-lg-6 {
        --card-rounded: var(--pl-rounded-6) !important;
    }

    .card-rounded-lg-0 .card {
        --card-rounded: var(--pl-rounded-0);
    }

    .card-rounded-lg-1 .card {
        --card-rounded: var(--pl-rounded-1);
    }

    .card-rounded-lg-2 .card {
        --card-rounded: var(--pl-rounded-2);
    }

    .card-rounded-lg-3 .card {
        --card-rounded: var(--pl-rounded-3);
    }

    .card-rounded-lg-4 .card {
        --card-rounded: var(--pl-rounded-4);
    }

    .card-rounded-lg-5 .card {
        --card-rounded: var(--pl-rounded-5);
    }

    .card-rounded-lg-6 .card {
        --card-rounded: var(--pl-rounded-6);
    }
}

@media (min-width: 1200px) {
    .card-dv-xl-auto {
        --pl-card-divide: 1 0 0%;
        --pl-card-width: max-content;
    }

    .card-dv-xl-auto .card {
        --pl-card-divide: 1 0 0%;
        --pl-card-width: max-content;
    }

    .card-dv-xl-1 {
        --pl-card-divide: 1 1 auto !important;
        --pl-card-width: 100% !important;
    }

    .card-dv-xl-1 .card {
        --pl-card-divide: 1 1 auto;
        --pl-card-width: 100%;
    }

    .card-dv-xl-2 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 50% !important;
    }

    .card-dv-xl-2 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 50%;
    }

    .card-dv-xl-3 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 33.33% !important;
    }

    .card-dv-xl-3 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 33.33%;
    }

    .card-dv-xl-4 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 25% !important;
    }

    .card-dv-xl-4 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 25%;
    }

    .card-dv-xl-5 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 20% !important;
    }

    .card-dv-xl-5 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 20%;
    }

    .card-dv-xl-6 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 16.6666666666666667% !important;
    }

    .card-dv-xl-6 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 16.6666666666666667%;
    }

    .card-dv-xl-7 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 14.2857142857142857% !important;
    }

    .card-dv-xl-7 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 14.2857142857142857%;
    }

    .card-dv-xl-8 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 12.5% !important;
    }

    .card-dv-xl-8 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 12.5%;
    }

    .card-dv-xl-9 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 11.1111111111111111% !important;
    }

    .card-dv-xl-9 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 11.1111111111111111%;
    }

    .card-dv-xl-10 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 10% !important;
    }

    .card-dv-xl-10 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 10%;
    }

    .card-pd-xl-1 {
        --card-padding: var(--pl-unit-1) !important;
    }

    .card-pd-xl-1 .card {
        --card-padding: var(--pl-unit-1);
    }

    .card-pd-xl-2 {
        --card-padding: var(--pl-unit-2) !important;
    }

    .card-pd-xl-2 .card {
        --card-padding: var(--pl-unit-2);
    }

    .card-pd-xl-3 {
        --card-padding: var(--pl-unit-3) !important;
    }

    .card-pd-xl-3 .card {
        --card-padding: var(--pl-unit-3);
    }

    .card-pd-xl-4 {
        --card-padding: var(--pl-unit-4) !important;
    }

    .card-pd-xl-4 .card {
        --card-padding: var(--pl-unit-4);
    }

    .card-pd-xl-5 {
        --card-padding: var(--pl-unit-5) !important;
    }

    .card-pd-xl-5 .card {
        --card-padding: var(--pl-unit-5);
    }

    .card-pd-xl-6 {
        --card-padding: var(--pl-unit-6) !important;
    }

    .card-pd-xl-6 .card {
        --card-padding: var(--pl-unit-6);
    }

    .card-rounded-xl-0 {
        --card-rounded: var(--pl-rounded-0) !important;
    }

    .card-rounded-xl-1 {
        --card-rounded: var(--pl-rounded-1) !important;
    }

    .card-rounded-xl-2 {
        --card-rounded: var(--pl-rounded-2) !important;
    }

    .card-rounded-xl-3 {
        --card-rounded: var(--pl-rounded-3) !important;
    }

    .card-rounded-xl-4 {
        --card-rounded: var(--pl-rounded-4) !important;
    }

    .card-rounded-xl-5 {
        --card-rounded: var(--pl-rounded-5) !important;
    }

    .card-rounded-xl-6 {
        --card-rounded: var(--pl-rounded-6) !important;
    }

    .card-rounded-xl-0 .card {
        --card-rounded: var(--pl-rounded-0);
    }

    .card-rounded-xl-1 .card {
        --card-rounded: var(--pl-rounded-1);
    }

    .card-rounded-xl-2 .card {
        --card-rounded: var(--pl-rounded-2);
    }

    .card-rounded-xl-3 .card {
        --card-rounded: var(--pl-rounded-3);
    }

    .card-rounded-xl-4 .card {
        --card-rounded: var(--pl-rounded-4);
    }

    .card-rounded-xl-5 .card {
        --card-rounded: var(--pl-rounded-5);
    }

    .card-rounded-xl-6 .card {
        --card-rounded: var(--pl-rounded-6);
    }
}

@media (min-width: 1400px) {
    .card-dv-xxl-auto {
        --pl-card-divide: 1 0 0%;
        --pl-card-width: max-content;
    }

    .card-dv-xxl-auto .card {
        --pl-card-divide: 1 0 0%;
        --pl-card-width: max-content;
    }

    .card-dv-xxl-1 {
        --pl-card-divide: 1 1 auto !important;
        --pl-card-width: 100% !important;
    }

    .card-dv-xxl-1 .card {
        --pl-card-divide: 1 1 auto;
        --pl-card-width: 100%;
    }

    .card-dv-xxl-2 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 50% !important;
    }

    .card-dv-xxl-2 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 50%;
    }

    .card-dv-xxl-3 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 33.33% !important;
    }

    .card-dv-xxl-3 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 33.33%;
    }

    .card-dv-xxl-4 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 25% !important;
    }

    .card-dv-xxl-4 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 25%;
    }

    .card-dv-xxl-5 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 20% !important;
    }

    .card-dv-xxl-5 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 20%;
    }

    .card-dv-xxl-6 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 16.6666666666666667% !important;
    }

    .card-dv-xxl-6 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 16.6666666666666667%;
    }

    .card-dv-xxl-7 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 14.2857142857142857% !important;
    }

    .card-dv-xxl-7 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 14.2857142857142857%;
    }

    .card-dv-xxl-8 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 12.5% !important;
    }

    .card-dv-xxl-8 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 12.5%;
    }

    .card-dv-xxl-9 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 11.1111111111111111% !important;
    }

    .card-dv-xxl-9 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 11.1111111111111111%;
    }

    .card-dv-xxl-10 {
        --pl-card-divide: 0 0 auto !important;
        --pl-card-width: 10% !important;
    }

    .card-dv-xxl-10 .card {
        --pl-card-divide: 0 0 auto;
        --pl-card-width: 10%;
    }

    .card-pd-xxl-1 {
        --card-padding: var(--pl-unit-1) !important;
    }

    .card-pd-xxl-1 .card {
        --card-padding: var(--pl-unit-1);
    }

    .card-pd-xxl-2 {
        --card-padding: var(--pl-unit-2) !important;
    }

    .card-pd-xxl-2 .card {
        --card-padding: var(--pl-unit-2);
    }

    .card-pd-xxl-3 {
        --card-padding: var(--pl-unit-3) !important;
    }

    .card-pd-xxl-3 .card {
        --card-padding: var(--pl-unit-3);
    }

    .card-pd-xxl-4 {
        --card-padding: var(--pl-unit-4) !important;
    }

    .card-pd-xxl-4 .card {
        --card-padding: var(--pl-unit-4);
    }

    .card-pd-xxl-5 {
        --card-padding: var(--pl-unit-5) !important;
    }

    .card-pd-xxl-5 .card {
        --card-padding: var(--pl-unit-5);
    }

    .card-pd-xxl-6 {
        --card-padding: var(--pl-unit-6) !important;
    }

    .card-pd-xxl-6 .card {
        --card-padding: var(--pl-unit-6);
    }

    .card-rounded-xxl-0 {
        --card-rounded: var(--pl-rounded-0) !important;
    }

    .card-rounded-xxl-1 {
        --card-rounded: var(--pl-rounded-1) !important;
    }

    .card-rounded-xxl-2 {
        --card-rounded: var(--pl-rounded-2) !important;
    }

    .card-rounded-xxl-3 {
        --card-rounded: var(--pl-rounded-3) !important;
    }

    .card-rounded-xxl-4 {
        --card-rounded: var(--pl-rounded-4) !important;
    }

    .card-rounded-xxl-5 {
        --card-rounded: var(--pl-rounded-5) !important;
    }

    .card-rounded-xxl-6 {
        --card-rounded: var(--pl-rounded-6) !important;
    }

    .card-rounded-xxl-0 .card {
        --card-rounded: var(--pl-rounded-0);
    }

    .card-rounded-xxl-1 .card {
        --card-rounded: var(--pl-rounded-1);
    }

    .card-rounded-xxl-2 .card {
        --card-rounded: var(--pl-rounded-2);
    }

    .card-rounded-xxl-3 .card {
        --card-rounded: var(--pl-rounded-3);
    }

    .card-rounded-xxl-4 .card {
        --card-rounded: var(--pl-rounded-4);
    }

    .card-rounded-xxl-5 .card {
        --card-rounded: var(--pl-rounded-5);
    }

    .card-rounded-xxl-6 .card {
        --card-rounded: var(--pl-rounded-6);
    }
}

/* #Card Gutter Setting End */


/* #List Setting Start */

.list-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: var(--pl-padding-1);
    --gutter-y: var(--pl-padding-3);
    --gutter-x: var(--pl-padding-0);
}

.list-group>* {
    --gutter-y: inherit;
    --gutter-x: inherit;
    --list-border-opacity: 0.3;
    padding-top: var(--gutter-y);
    padding-bottom: var(--gutter-y);
    padding-left: var(--gutter-x);
    padding-right: var(--gutter-x);
    border-bottom: 1px solid rgba(var(--pl-gray-rgb-3), var(--list-border-opacity));
}

.list-group>li.list-item {
    text-transform: capitalize;
}

.list-group>*:last-child {
    border-bottom: none;
}

/* #List Setting End */


/* #Input, #Btn, #Textarea, #Select focus Setting Start */

input[class*=form-],
[class*=btn],
[class*=btn-],
textarea[class*=form-],
select[class*=form-] {
    transition: box-shadow 150ms;
    -webkit-transition: box-shadow 150ms;
    -moz-transition: box-shadow 150ms;
    -ms-transition: box-shadow 150ms;
    -o-transition: box-shadow 150ms;
    word-wrap: normal;
    outline: none;
}

input[class*="form-"]:focus,
.btn:focus,
[class*="btn-"]:focus,
textarea[class*="form-"]:focus,
select[class*="form-"]:focus {
    --pl-focus-color: var(--pl-subpoint-rgb-3);
    box-shadow: 0 0 0 var(--pl-box-shadow-width) rgba(var(--pl-focus-color), var(--pl-box-shadow-opacity));
}

input.form-input {
    --border-opacity: var(--pl-form-input-border-opacity);
    --input-size: var(--pl-unit-3);
    --pl-rounded: var(--pl-base-rounded);
    border: 1px solid rgba(var(--pl-gray-rgb-4), var(--border-opacity));
    padding-top: var(--input-size);
    padding-bottom: var(--input-size);
    padding-left: calc(var(--input-size) + 0.3rem);
    padding-right: calc(var(--input-size) + 0.3rem);
    border-radius: var(--pl-rounded);
    -webkit-border-radius: var(--pl-rounded);
    -moz-border-radius: var(--pl-rounded);
    -ms-border-radius: var(--pl-rounded);
    -o-border-radius: var(--pl-rounded);
}

input.form-input-sm {
    --input-size: var(--pl-unit-1);
}

input.form-input-lg {
    --input-size: var(--pl-unit-4);
}

select.form-select {
    --border-opacity: var(--pl-form-input-border-opacity);
    --select-size: var(--pl-unit-3);
    --pl-rounded: var(--pl-base-rounded);
    --pl-select-position-left: 95%;
    --pl-select-position-top: 40%;
    border: 1px solid rgba(var(--pl-gray-rgb-4), var(--border-opacity));
    padding-top: var(--select-size);
    padding-bottom: var(--select-size);
    padding-left: calc(var(--select-size) + 0.3rem);
    padding-right: calc(var(--select-size) + 1.5rem);
    border-radius: var(--pl-rounded);
    -webkit-border-radius: var(--pl-rounded);
    -moz-border-radius: var(--pl-rounded);
    -ms-border-radius: var(--pl-rounded);
    -o-border-radius: var(--pl-rounded);
    background-image: url('data:image/svg+xml,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sort-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-sort-down fa-w-10 fa-3x"><path fill="currentColor" d="M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z" class=""></path></svg>');
    background-repeat: no-repeat;
    background-position: left var(--pl-select-position-left) top var(--pl-select-position-top);
    background-size: 18px 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select.form-select {
    transition: background-position 150ms, background-image 150ms, box-shadow 150ms;
    -webkit-transition: background-position 150ms, background-image 150ms, box-shadow 150ms;
    -moz-transition: background-position 150ms, background-image 150ms, box-shadow 150ms;
    -ms-transition: background-position 150ms, background-image 150ms, box-shadow 150ms;
    -o-transition: background-position 150ms, background-image 150ms, box-shadow 150ms;
}

select.form-select:focus {
    background-image: url('data:image/svg+xml,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sort-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-sort-up fa-w-10 fa-3x"><path fill="currentColor" d="M279 224H41c-21.4 0-32.1-25.9-17-41L143 64c9.4-9.4 24.6-9.4 33.9 0l119 119c15.2 15.1 4.5 41-16.9 41z" class=""></path></svg>');
    background-position: left calc(var(--pl-select-position-left)) top calc(var(--pl-select-position-top) + .15rem);
}

select.form-select-sm {
    --select-size: var(--pl-unit-1);
    --pl-select-position-left: 100%;
    --pl-select-position-top: 75%;
    background-position: left calc(var(--pl-select-position-left) - .25rem) top calc(var(--pl-select-position-top) - .25rem);
}

select.form-select-sm:focus {
    background-position: left calc(var(--pl-select-position-left) - .25rem) top calc(0.75em - .25rem);
}

select.form-select-lg {
    --select-size: var(--pl-unit-4);
    --pl-select-position-top: 25%;
    background-position: left calc(var(--pl-select-position-left) + .1rem) top calc(var(--pl-select-position-top) + .1rem);
}

select.form-select-lg:focus {
    background-position: left calc(var(--pl-select-position-left) + .1rem) top calc(0.75em + .1rem);
}

textarea.form-input {
    --border-opacity: .3;
    --input-size: var(--pl-unit-3);
    --pl-rounded: var(--pl-base-rounded);
    width: 100%;
    height: auto;
    border: 1px solid rgba(var(--pl-gray-rgb-4), var(--border-opacity));
    padding-top: var(--input-size);
    padding-bottom: var(--input-size);
    padding-left: calc(var(--input-size) + 0.3rem);
    padding-right: calc(var(--input-size) + 0.3rem);
    border-radius: var(--pl-rounded);
    -webkit-border-radius: var(--pl-rounded);
    -moz-border-radius: var(--pl-rounded);
    -ms-border-radius: var(--pl-rounded);
    -o-border-radius: var(--pl-rounded);
}

textarea.resize-x {
    resize: horizontal;
}

textarea.resize-y {
    resize: vertical;
}

textarea.resize-none {
    resize: none;
}

textarea.resize-both {
    resize: both;
}

a {
    text-decoration: none;
    color: rgba(var(--pl-point-rgb), var(--text-opacity));
    --text-opacity: 1;
}

button {
    cursor: pointer;
    font: inherit;
}

.btn {
    --bg-opacity: 1;
    --text-opacity: 1;
    --btn-padding: var(--pl-unit-3);
    --pl-rounded: var(--pl-base-rounded);
    --pl-btn-color: var(--pl-dark-rgb);
    --pl-btn-bg-color: transparent;
    --pl-btn-border-color: transparent;
    user-select: none;
    display: inline-block;
    position: relative;
    padding-top: var(--btn-padding);
    padding-bottom: var(--btn-padding);
    padding-left: var(--btn-padding);
    padding-right: var(--btn-padding);
    color: rgba(var(--pl-btn-color), var(--text-opacity));
    background-color: rgba(var(--pl-btn-bg-color), var(--bg-opacity));
    border: 1px solid rgba(var(--pl-btn-border-color), var(--bg-opacity));
    border-radius: var(--pl-rounded);
    -webkit-border-radius: var(--pl-rounded);
    -moz-border-radius: var(--pl-rounded);
    -ms-border-radius: var(--pl-rounded);
    -o-border-radius: var(--pl-rounded);
    font-weight: bold;
    transition: 150ms;
    -webkit-transition: 150ms;
    -moz-transition: 150ms;
    -ms-transition: 150ms;
    -o-transition: 150ms;
}

.btn-sm {
    --btn-padding: var(--pl-unit-1);
}

.btn-lg {
    --btn-padding: var(--pl-unit-4);
    --pl-rounded: var(--pl-rounded-3);
    font-size: 1.05rem;
}

.btn-bundle {
    display: flex;
}

.btn-bundle>*:not(:first-child, :last-child) {
    --pl-rounded: 0rem !important;
}

.btn-bundle>*:first-child {
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
}

.btn-bundle>*:last-child {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
}

.btn:hover::before {
    content: '';
    position: absolute;
    top: var(--pl-top);
    bottom: var(--pl-bottom);
    left: var(--pl-start);
    right: var(--pl-end);
    --pl-top: 0;
    --pl-bottom: 0;
    --pl-start: 0;
    --pl-end: 0;
    border-radius: inherit;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    -o-border-radius: inherit;
    background-color: rgba(var(--pl-dark-rgb), var(--bg-opacity));
    --bg-opacity: 0.05;
}

.btn.btn-focus-info {
    --pl-focus-color: var(--pl-info-rgb) !important;
}

.btn.btn-focus-primary {
    --pl-focus-color: var(--pl-primary-rgb) !important;
}

.btn.btn-focus-secondary {
    --pl-focus-color: var(--pl-secondary-rgb) !important;
}

.btn.btn-focus-point {
    --pl-focus-color: var(--pl-point-rgb) !important;
}

.btn.btn-focus-subpoint {
    --pl-focus-color: var(--pl-subpoint-rgb) !important;
}

.btn.btn-focus-warning {
    --pl-focus-color: var(--pl-warning-rgb) !important;
}

.btn.btn-focus-danger {
    --pl-focus-color: var(--pl-danger-rgb) !important;
}

.btn.btn-focus-success {
    --pl-focus-color: var(--pl-success-rgb) !important;
}

.btn.btn-focus-white {
    --pl-focus-color: var(--pl-white-rgb) !important;
}

.btn.btn-focus-gray {
    --pl-focus-color: var(--pl-gray-rgb) !important;
}

.btn.btn-focus-light {
    --pl-focus-color: var(--pl-light-rgb) !important;
}

.btn-brand {
    --pl-btn-bg-color: var(--pl-brand-rgb-1);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-brand-rgb);
    --pl-focus-color: var(--pl-brand-rgb) !important;
}

.btn-primary {
    --pl-btn-bg-color: var(--pl-primary-rgb-1);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-primary-rgb);
    --pl-focus-color: var(--pl-primary-rgb) !important;
}

.btn-secondary {
    --pl-btn-bg-color: var(--pl-secondary-rgb-1);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-secondary-rgb);
    --pl-focus-color: var(--pl-secondary-rgb) !important;
}

.btn-point {
    --pl-btn-bg-color: var(--pl-point-rgb-1);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-point-rgb);
    --pl-focus-color: var(--pl-point-rgb) !important;
}

.btn-subpoint {
    --pl-btn-bg-color: var(--pl-subpoint-rgb-1);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-subpoint-rgb);
    --pl-focus-color: var(--pl-subpoint-rgb) !important;
}

.btn-dark {
    --pl-btn-bg-color: var(--pl-dark-rgb);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-dark-rgb);
    --pl-focus-color: var(--pl-dark-rgb) !important;
}

.btn-light {
    --pl-btn-bg-color: var(--pl-light-rgb-2);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-light-rgb);
    --pl-focus-color: var(--pl-gray-rgb) !important;
    --bg-opacity: 0.5;
}

.btn-gray {
    --pl-btn-bg-color: var(--pl-gray-rgb-4);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-gray-rgb-3);
    --pl-focus-color: var(--pl-gray-rgb) !important;
}

.btn-ghost {
    --pl-btn-bg-color: var(--pl-ghost);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-white-rgb);
    --pl-focus-color: var(--pl-white-rgb) !important;
}

.btn-white {
    --pl-btn-bg-color: var(--pl-white-rgb);
    --pl-btn-color: var(--pl-dark-rgb);
    --pl-btn-border-color: var(--pl-white-rgb);
    --pl-focus-color: var(--pl-white-rgb) !important;
    --pl-box-shadow-opacity: 0.5;
}

.btn-danger {
    --pl-btn-bg-color: var(--pl-danger-rgb-1);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-danger-rgb);
    --pl-focus-color: var(--pl-danger-rgb) !important;
    --pl-box-shadow-opacity: 0.5;
}

.btn-warning {
    --pl-btn-bg-color: var(--pl-warning-rgb-1);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-warning-rgb);
    --pl-focus-color: var(--pl-warning-rgb) !important;
    --pl-box-shadow-opacity: 0.5;
}

.btn-info {
    --pl-btn-bg-color: var(--pl-info-rgb-1);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-info-rgb);
    --pl-focus-color: var(--pl-info-rgb) !important;
    --pl-box-shadow-opacity: 0.5;
}

.btn-success {
    --pl-btn-bg-color: var(--pl-success-rgb-1);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-success-rgb);
    --pl-focus-color: var(--pl-success-rgb) !important;
    --pl-box-shadow-opacity: 0.5;
}

/*  */
.btn-frame-brand {
    --pl-btn-bg-color: var(--pl-ghost-rgb);
    --pl-btn-color: var(--pl-brand-rgb);
    --pl-btn-border-color: var(--pl-brand-rgb);
    --pl-focus-color: var(--pl-brand-rgb) !important;
}

.btn-frame-brand:hover {
    --pl-btn-bg-color: var(--pl-brand-rgb-3);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-brand-rgb);
    --pl-focus-color: var(--pl-brand-rgb) !important;
}

.btn-frame-primary {
    --pl-btn-bg-color: var(--pl-ghost-rgb);
    --pl-btn-color: var(--pl-primary-rgb);
    --pl-btn-border-color: var(--pl-primary-rgb);
    --pl-focus-color: var(--pl-primary-rgb) !important;
}

.btn-frame-primary:hover {
    --pl-btn-bg-color: var(--pl-primary-rgb-3);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-primary-rgb);
    --pl-focus-color: var(--pl-primary-rgb) !important;
}

.btn-frame-secondary {
    --pl-btn-bg-color: var(--pl-ghost-rgb);
    --pl-btn-color: var(--pl-secondary-rgb);
    --pl-btn-border-color: var(--pl-secondary-rgb);
    --pl-focus-color: var(--pl-secondary-rgb) !important;
}

.btn-frame-secondary:hover {
    --pl-btn-bg-color: var(--pl-secondary-rgb-3);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-secondary-rgb);
    --pl-focus-color: var(--pl-secondary-rgb) !important;
}

.btn-frame-point {
    --pl-btn-bg-color: var(--pl-ghost-rgb);
    --pl-btn-color: var(--pl-point-rgb);
    --pl-btn-border-color: var(--pl-point-rgb);
    --pl-focus-color: var(--pl-point-rgb) !important;
}

.btn-frame-point:hover {
    --pl-btn-bg-color: var(--pl-point-rgb-3);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-point-rgb);
    --pl-focus-color: var(--pl-point-rgb) !important;
}


.btn-frame-subpoint {
    --pl-btn-bg-color: var(--pl-ghost-rgb);
    --pl-btn-color: var(--pl-subpoint-rgb);
    --pl-btn-border-color: var(--pl-subpoint-rgb);
    --pl-focus-color: var(--pl-subpoint-rgb) !important;
}

.btn-frame-subpoint:hover {
    --pl-btn-bg-color: var(--pl-subpoint-rgb-3);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-subpoint-rgb);
    --pl-focus-color: var(--pl-subpoint-rgb) !important;
}


.btn-frame-dark {
    --pl-btn-bg-color: var(--pl-ghost-rgb);
    --pl-btn-color: var(--pl-dark-rgb);
    --pl-btn-border-color: var(--pl-dark-rgb);
    --pl-focus-color: var(--pl-dark-rgb) !important;
}

.btn-frame-dark:hover {
    --pl-btn-bg-color: var(--pl-dark-rgb);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-dark-rgb);
    --pl-focus-color: var(--pl-dark-rgb) !important;
}

.btn-frame-light {
    --pl-btn-bg-color: var(--pl-ghost-rgb);
    --pl-btn-color: var(--pl-light-rgb);
    --pl-btn-border-color: var(--pl-light-rgb);
    --pl-focus-color: var(--pl-gray-rgb) !important;
}

.btn-frame-light:hover {
    --pl-btn-bg-color: var(--pl-light-rgb-3);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-light-rgb);
    --pl-focus-color: var(--pl-light-rgb) !important;
}

.btn-frame-gray {
    --pl-btn-bg-color: var(--pl-ghost-rgb);
    --pl-btn-color: var(--pl-gray-rgb);
    --pl-btn-border-color: var(--pl-gray-rgb-3);
    --pl-focus-color: var(--pl-gray-rgb) !important;
}

.btn-frame-gray:hover {
    --pl-btn-bg-color: var(--pl-gray-rgb-3);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-gray-rgb);
    --pl-focus-color: var(--pl-gray-rgb) !important;
}

.btn-frame-ghost {
    --pl-btn-bg-color: var(--pl-ghost);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-white-rgb);
    --pl-focus-color: var(--pl-white-rgb) !important;
}

.btn-frame-ghost:hover {
    --pl-btn-bg-color: var(--pl-white-rgb);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-white-rgb);
    --pl-focus-color: var(--pl-white-rgb) !important;
    --bg-opacity: .3;
}

.btn-frame-white {
    --pl-btn-bg-color: var(--pl-ghost-rgb);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-white-rgb);
    --pl-focus-color: var(--pl-white-rgb) !important;
    --pl-box-shadow-opacity: 0.5;
}


.btn-frame-white:hover {
    --pl-btn-bg-color: var(--pl-white-rgb);
    --pl-btn-color: var(--pl-dark-rgb);
    --pl-btn-border-color: var(--pl-white-rgb);
    --pl-focus-color: var(--pl-white-rgb) !important;
}

.btn-frame-danger {
    --pl-btn-bg-color: var(--pl-ghost-rgb);
    --pl-btn-color: var(--pl-danger-rgb);
    --pl-btn-border-color: var(--pl-danger-rgb);
    --pl-focus-color: var(--pl-danger-rgb) !important;
    --pl-box-shadow-opacity: 0.5;
}

.btn-frame-danger:hover {
    --pl-btn-bg-color: var(--pl-danger-rgb);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-danger-rgb);
    --pl-focus-color: var(--pl-danger-rgb) !important;
}

.btn-frame-warning {
    --pl-btn-bg-color: var(--pl-ghost-rgb);
    --pl-btn-color: var(--pl-warning-rgb);
    --pl-btn-border-color: var(--pl-warning-rgb);
    --pl-focus-color: var(--pl-warning-rgb) !important;
    --pl-box-shadow-opacity: 0.5;
}

.btn-frame-warning:hover {
    --pl-btn-bg-color: var(--pl-warning-rgb);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-warning-rgb);
    --pl-focus-color: var(--pl-warning-rgb) !important;
}

.btn-frame-info {
    --pl-btn-bg-color: var(--pl-ghost-rgb);
    --pl-btn-color: var(--pl-info-rgb);
    --pl-btn-border-color: var(--pl-info-rgb);
    --pl-focus-color: var(--pl-info-rgb) !important;
    --pl-box-shadow-opacity: 0.5;
}

.btn-frame-info:hover {
    --pl-btn-bg-color: var(--pl-info-rgb);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-info-rgb);
    --pl-focus-color: var(--pl-info-rgb) !important;
}

.btn-frame-success {
    --pl-btn-bg-color: var(--pl-ghost-rgb);
    --pl-btn-color: var(--pl-success-rgb);
    --pl-btn-border-color: var(--pl-success-rgb);
    --pl-focus-color: var(--pl-success-rgb) !important;
    --pl-box-shadow-opacity: 0.5;
}

.btn-frame-success:hover {
    --pl-btn-bg-color: var(--pl-success-rgb);
    --pl-btn-color: var(--pl-white-rgb);
    --pl-btn-border-color: var(--pl-success-rgb);
    --pl-focus-color: var(--pl-success-rgb) !important;
}

.tag {
    --bg-opacity: 1;
    --text-opacity: 1;
    --tag-padding: var(--pl-unit-2);
    --pl-rounded: var(--pl-base-rounded);
    --pl-tag-color: var(--pl-dark-rgb);
    --pl-tag-bg-color: none;
    --pl-tag-border-color: none;
    user-select: none;
    font-size: .7rem;
    display: inline-block;
    position: relative;
    line-height: 1em;
    padding-top: calc(var(--tag-padding) * 1.2);
    padding-bottom: calc(var(--tag-padding) * 1.2);
    padding-left: calc(var(--tag-padding) * 2);
    padding-right: calc(var(--tag-padding) * 2);
    color: rgba(var(--pl-tag-color), var(--text-opacity));
    background-color: rgba(var(--pl-tag-bg-color), var(--bg-opacity));
    border: 1px solid rgba(var(--pl-tag-border-color), var(--bg-opacity));
    border-radius: var(--pl-rounded);
    -webkit-border-radius: var(--pl-rounded);
    -moz-border-radius: var(--pl-rounded);
    -ms-border-radius: var(--pl-rounded);
    -o-border-radius: var(--pl-rounded);
    font-weight: bold;
}

.tag:hover::before {
    content: '';
    position: absolute;
    top: var(--pl-top);
    bottom: var(--pl-bottom);
    left: var(--pl-start);
    right: var(--pl-end);
    --pl-top: 0;
    --pl-bottom: 0;
    --pl-start: 0;
    --pl-end: 0;
    border-radius: inherit;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    -o-border-radius: inherit;
    background-color: rgba(var(--pl-dark-rgb), var(--bg-opacity));
    --bg-opacity: 0.05;
}

.tag-brand {
    --pl-tag-bg-color: var(--pl-brand-rgb-1);
    --pl-tag-color: var(--pl-white-rgb);
    --pl-tag-border-color: var(--pl-brand-rgb);
    --pl-focus-color: var(--pl-brand-rgb) !important;
}

.tag-primary {
    --pl-tag-bg-color: var(--pl-primary-rgb-1);
    --pl-tag-color: var(--pl-white-rgb);
    --pl-tag-border-color: var(--pl-primary-rgb);
    --pl-focus-color: var(--pl-primary-rgb) !important;
}

.tag-secondary {
    --pl-tag-bg-color: var(--pl-secondary-rgb-1);
    --pl-tag-color: var(--pl-white-rgb);
    --pl-tag-border-color: var(--pl-secondary-rgb);
    --pl-focus-color: var(--pl-secondary-rgb) !important;
}

.tag-point {
    --pl-tag-bg-color: var(--pl-point-rgb-1);
    --pl-tag-color: var(--pl-white-rgb);
    --pl-tag-border-color: var(--pl-point-rgb);
    --pl-focus-color: var(--pl-point-rgb) !important;
}

.tag-subpoint {
    --pl-tag-bg-color: var(--pl-subpoint-rgb-1);
    --pl-tag-color: var(--pl-white-rgb);
    --pl-tag-border-color: var(--pl-subpoint-rgb);
    --pl-focus-color: var(--pl-subpoint-rgb) !important;
}

.tag-dark {
    --pl-tag-bg-color: var(--pl-dark-rgb-1);
    --pl-tag-color: var(--pl-white-rgb);
    --pl-tag-border-color: var(--pl-dark-rgb);
    --pl-focus-color: var(--pl-dark-rgb) !important;
}

.tag-light {
    --pl-tag-bg-color: var(--pl-gray-rgb-4);
    --pl-tag-color: var(--pl-white-rgb);
    --pl-tag-border-color: var(--pl-gray-rgb-3);
    --pl-focus-color: var(--pl-gray-rgb) !important;
}

.tag-ghost {
    --pl-tag-bg-color: var(--pl-ghost);
    --pl-tag-color: var(--pl-white-rgb);
    --pl-tag-border-color: var(--pl-white-rgb);
    --pl-focus-color: var(--pl-white-rgb) !important;
}

.tag-white {
    --pl-tag-bg-color: var(--pl-white-rgb);
    --pl-tag-color: var(--pl-dark-rgb);
    --pl-tag-border-color: var(--pl-white-rgb);
    --pl-focus-color: var(--pl-white-rgb) !important;
    --pl-box-shadow-opacity: 0.5;
}

.tag-danger {
    --pl-tag-bg-color: var(--pl-danger-rgb-1);
    --pl-tag-color: var(--pl-white-rgb);
    --pl-tag-border-color: var(--pl-danger-rgb);
    --pl-focus-color: var(--pl-danger-rgb) !important;
    --pl-box-shadow-opacity: 0.5;
}

.tag-warning {
    --pl-tag-bg-color: var(--pl-warning-rgb-1);
    --pl-tag-color: var(--pl-white-rgb);
    --pl-tag-border-color: var(--pl-warning-rgb);
    --pl-focus-color: var(--pl-warning-rgb) !important;
    --pl-box-shadow-opacity: 0.5;
}

.tag-info {
    --pl-tag-bg-color: var(--pl-info-rgb-1);
    --pl-tag-color: var(--pl-white-rgb);
    --pl-tag-border-color: var(--pl-info-rgb);
    --pl-focus-color: var(--pl-info-rgb) !important;
    --pl-box-shadow-opacity: 0.5;
}

.tag-success {
    --pl-tag-bg-color: var(--pl-success-rgb-1);
    --pl-tag-color: var(--pl-white-rgb);
    --pl-tag-border-color: var(--pl-success-rgb);
    --pl-focus-color: var(--pl-success-rgb) !important;
    --pl-box-shadow-opacity: 0.5;
}

.dot {
    --bg-opacity: 1;
    --dot-rounded: var(--pl-rounded-circle);
    --dot-color: var(--pl-gray-rgb);
    --dot-color-sub: var(--pl-gray-rgb-3);
    --dot-size: var(--pl-unit-3);
    color: transparent;
    border: 1px solid rgba(var(--dot-color), var(--bg-opacity));
    background-color: rgba(var(--dot-color-sub), var(--bg-opacity));
    width: var(--dot-size);
    height: var(--dot-size);
    border-radius: var(--dot-rounded);
    -webkit-border-radius: var(--dot-rounded);
    -moz-border-radius: var(--dot-rounded);
    -ms-border-radius: var(--dot-rounded);
    -o-border-radius: var(--dot-rounded);
    user-select: none;
    position: absolute;
}

.dot-1 {
    --dot-size: .55rem;
}

.dot-2 {
    --dot-size: .65rem;
}

.dot-3 {
    --dot-size: .75rem;
}

.dot-4 {
    --dot-size: .85rem;
}

.dot-5 {
    --dot-size: .95rem;
}

.dot-6 {
    --dot-size: 1rem;
}

.dot-info {
    --dot-color: var(--pl-info-rgb);
    --dot-color-sub: var(--pl-info-rgb-3);
}

.dot-success {
    --dot-color: var(--pl-success-rgb);
    --dot-color-sub: var(--pl-success-rgb-3);
}

.dot-danger {
    --dot-color: var(--pl-danger-rgb);
    --dot-color-sub: var(--pl-danger-rgb-3);
}

.dot-warning {
    --dot-color: var(--pl-warning-rgb);
    --dot-color-sub: var(--pl-warning-rgb-3);
}

.dot-primary {
    --dot-color: var(--pl-primary-rgb);
    --dot-color-sub: var(--pl-primary-rgb-3);
}

.dot-secondary {
    --dot-color: var(--pl-secondary-rgb);
    --dot-color-sub: var(--pl-secondary-rgb-3);
}

.dot-point {
    --dot-color: var(--pl-point-rgb);
    --dot-color-sub: var(--pl-point-rgb-3);
}

.dot-subpoint {
    --dot-color: var(--pl-subpoint-rgb);
    --dot-color-sub: var(--pl-subpoint-rgb-3);
}

.dot-dark {
    --dot-color: var(--pl-dark-rgb);
    --dot-color-sub: var(--pl-dark-rgb-3);
}

.dot-gray {
    --dot-color: var(--pl-gray-rgb);
    --dot-color-sub: var(--pl-gray-rgb-3);
}

.dot-light {
    --dot-color: var(--pl-light-rgb);
    --dot-color-sub: var(--pl-light-rgb-3);
}

.dot-white {
    --dot-color: var(--pl-white-rgb);
    --dot-color-sub: var(--pl-white-rgb);
}

.dot-ghost {
    --dot-color: var(--pl-ghost-rgb);
    --dot-color-sub: var(--pl-ghost-rgb);
}

/* #Input, #Btn, #Textarea, #Select focus Setting End */


/* #Notice Setting Start */

.notice {
    --text-opacity: 1;
    --bg-opacity: 1;
    --pl-notice-color: var(--pl-gray-rgb);
    --pl-notice-bg: var(--pl-gray-rgb-4);
    --pl-notice-border: var(--pl-gray-rgb-3);
    --pl-notice-padding: var(--pl-padding-4);
    user-select: none;
    min-width: 10%;
    display: block;
    margin-top: var(--pl-margin-1);
    margin-bottom: var(--pl-margin-1);
    margin-left: var(--pl-margin-1);
    margin-right: var(--pl-margin-1);
    padding-top: var(--pl-notice-padding);
    padding-bottom: var(--pl-notice-padding);
    padding-left: var(--pl-notice-padding);
    padding-right: var(--pl-notice-padding);
    color: rgba(var(--pl-notice-color), var(--text-opacity));
    background-color: rgba(var(--pl-notice-bg), var(--bg-opacity));
    border: 3px solid rgba(var(--pl-notice-border), var(--bg-opacity));
    border-radius: var(--pl-rounded-2);
    -webkit-border-radius: var(--pl-rounded-2);
    -moz-border-radius: var(--pl-rounded-2);
    -ms-border-radius: var(--pl-rounded-2);
    -o-border-radius: var(--pl-rounded-2);
}

.notice-dark {
    --pl-notice-color: var(--pl-gray-rgb-5);
    --pl-notice-bg: var(--pl-dark-rgb-5);
    --pl-notice-border: var(--pl-dark-rgb-4);
}

.notice-gray {
    --pl-notice-color: var(--pl-gray-rgb);
    --pl-notice-bg: var(--pl-gray-rgb-4);
    --pl-notice-border: var(--pl-gray-rgb-3);
}

.notice-brand {
    --pl-notice-color: var(--pl-brand-rgb-3);
    --pl-notice-bg: calc(var(--pl-brand-r) + 150), calc(var(--pl-brand-g) + 150), calc(var(--pl-brand-b) + 150);
    --pl-notice-border: var(--pl-brand-rgb-5);
}

.notice-primary {
    --pl-notice-color: var(--pl-primary-rgb-3);
    --pl-notice-bg: calc(var(--pl-primary-r) + 150), calc(var(--pl-primary-g) + 150), calc(var(--pl-primary-b) + 150);
    --pl-notice-border: var(--pl-primary-rgb-5);
}

.notice-secondary {
    --pl-notice-color: var(--pl-secondary-rgb-3);
    --pl-notice-bg: calc(var(--pl-secondary-r) + 150), calc(var(--pl-secondary-g) + 150), calc(var(--pl-secondary-b) + 150);
    --pl-notice-border: var(--pl-secondary-rgb-5);
}

.notice-point {
    --pl-notice-color: var(--pl-point-rgb-3);
    --pl-notice-bg: calc(var(--pl-point-r) + 150), calc(var(--pl-point-g) + 150), calc(var(--pl-point-b) + 150);
    --pl-notice-border: var(--pl-point-rgb-5);
}

.notice-subpoint {
    --pl-notice-color: var(--pl-subpoint-rgb-3);
    --pl-notice-bg: calc(var(--pl-subpoint-r) + 150), calc(var(--pl-subpoint-g) + 150), calc(var(--pl-subpoint-b) + 150);
    --pl-notice-border: var(--pl-subpoint-rgb-5);
}

.notice-info {
    --pl-notice-color: var(--pl-info-rgb-3);
    --pl-notice-bg: calc(var(--pl-info-r) + 150), calc(var(--pl-info-g) + 150), calc(var(--pl-info-b) + 150);
    --pl-notice-border: var(--pl-info-rgb-5);
}

.notice-success {
    --pl-notice-color: var(--pl-success-rgb);
    --pl-notice-bg: calc(var(--pl-success-r) + 150), calc(var(--pl-success-g) + 150), calc(var(--pl-success-b) + 150);
    --pl-notice-border: var(--pl-success-rgb-5);
}

.notice-warning {
    --pl-notice-color: var(--pl-warning-rgb);
    --pl-notice-bg: calc(var(--pl-warning-r) + 150), calc(var(--pl-warning-g) + 150), calc(var(--pl-warning-b) + 150);
    --pl-notice-border: var(--pl-warning-rgb-5);
}

.notice-danger {
    --pl-notice-color: var(--pl-danger-rgb);
    --pl-notice-bg: calc(var(--pl-danger-r) + 150), calc(var(--pl-danger-g) + 150), calc(var(--pl-danger-b) + 150);
    --pl-notice-border: var(--pl-danger-rgb-5);
}

.notice-white {
    --pl-notice-color: var(--pl-gray-rgb-3);
    --pl-notice-bg: calc(var(--pl-white-r) + 150), calc(var(--pl-white-g) + 150), calc(var(--pl-white-b) + 150);
    --pl-notice-border: var(--pl-gray-rgb-4);
}

.notice-ghost {
    --pl-notice-color: var(--pl-white-rgb);
    --pl-notice-bg: var(--pl-ghost);
    --pl-notice-border: var(--pl-white-rgb);
}

.notice-foot::before{
    content: '─';
    margin-left: 1em;
}

.notice-foot{
    /* --pl-notice-color: rgb(121, 121, 121); */
    --foot-text-opacity: .6;
    color: rgba(var(--pl-notice-color), var(--foot-text-opacity));
    font-style: italic;
}

.notice-ghost>.notice-foot{
    --foot-text-opacity: .8;
}

/* #Notice Setting End */


/* Float Setting Start */

.float-start{
    float: left;
}

.float-end{
    float: right;
}

.clearfix::before{
    content: '';
    clear: both;
}

/* Float Setting End */


/* #Width, #Height Setting Start */

.w-100 {
    width: 100% !important;
}

.w-75 {
    width: 75% !important;
}

.w-50 {
    width: 50% !important;
}

.w-25 {
    width: 25% !important;
}

.w-0 {
    width: 0% !important;
}

.w-auto {
    width: auto !important;
}

.w-fit {
    width: fit-content !important;
}

.h-100 {
    height: 100% !important;
}

.h-75 {
    height: 75% !important;
}

.h-50 {
    height: 50% !important;
}

.h-25 {
    height: 25% !important;
}

.h-0 {
    height: 0% !important;
}

.h-auto {
    height: auto !important;
}

.h-fit {
    height: fit-content !important;
}

@media (min-width: 576px) {

    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }

    .w-sm-0 {
        width: 0% !important;
    }

    .w-sm-auto {
        width: auto !important;
    }

    .w-sm-fit {
        width: fit-content !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }

    .h-sm-0 {
        height: 0% !important;
    }

    .h-sm-auto {
        height: auto !important;
    }

    .h-sm-fit {
        height: fit-content !important;
    }
}

@media (min-width: 768px) {

    .w-md-100 {
        width: 100% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .w-md-0 {
        width: 0% !important;
    }

    .w-md-auto {
        width: auto !important;
    }

    .w-md-fit {
        width: fit-content !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-25 {
        height: 25% !important;
    }

    .h-md-0 {
        height: 0% !important;
    }

    .h-md-auto {
        height: auto !important;
    }

    .h-md-fit {
        height: fit-content !important;
    }
}

@media (min-width: 992px) {

    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-0 {
        width: 0% !important;
    }

    .w-lg-auto {
        width: auto !important;
    }

    .w-lg-fit {
        width: fit-content !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }

    .h-lg-0 {
        height: 0% !important;
    }

    .h-lg-auto {
        height: auto !important;
    }

    .h-lg-fit {
        height: fit-content !important;
    }
}

@media (min-width: 1200px) {

    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-0 {
        width: 0% !important;
    }

    .w-xl-auto {
        width: auto !important;
    }

    .w-xl-fit {
        width: fit-content !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }

    .h-xl-0 {
        height: 0% !important;
    }

    .h-xl-auto {
        height: auto !important;
    }

    .h-xl-fit {
        height: fit-content !important;
    }
}

@media (min-width: 1400px) {

    .w-xxl-100 {
        width: 100% !important;
    }

    .w-xxl-75 {
        width: 75% !important;
    }

    .w-xxl-50 {
        width: 50% !important;
    }

    .w-xxl-25 {
        width: 25% !important;
    }

    .w-xxl-0 {
        width: 0% !important;
    }

    .w-xxl-auto {
        width: auto !important;
    }

    .w-xxl-fit {
        width: fit-content !important;
    }

    .h-xxl-100 {
        height: 100% !important;
    }

    .h-xxl-75 {
        height: 75% !important;
    }

    .h-xxl-50 {
        height: 50% !important;
    }

    .h-xxl-25 {
        height: 25% !important;
    }

    .h-xxl-0 {
        height: 0% !important;
    }

    .h-xxl-auto {
        height: auto !important;
    }

    .h-xxl-fit {
        height: fit-content !important;
    }
}

/* #Width, #Height Setting End */


/* #Position Setting Start */

.position-middle {
    --pl-position-middle-x: -50%;
    --pl-position-middle-y: -50%;
    transform: translateX(var(--pl-position-middle-x)) translateY(var(--pl-position-middle-y));
    -webkit-transform: translateX(var(--pl-position-middle-x)) translateY(var(--pl-position-middle-y));
    -moz-transform: translateX(var(--pl-position-middle-x)) translateY(var(--pl-position-middle-y));
    -ms-transform: translateX(var(--pl-position-middle-x)) translateY(var(--pl-position-middle-y));
    -o-transform: translateX(var(--pl-position-middle-x)) translateY(var(--pl-position-middle-y));
}

.position-middle-x {
    --pl-position-middle-x: -50%;
    --pl-position-middle-y: 0%;
    transform: translateX(var(--pl-position-middle-x)) translateY(var(--pl-position-middle-y));
    -webkit-transform: translateX(var(--pl-position-middle-x)) translateY(var(--pl-position-middle-y));
    -moz-transform: translateX(var(--pl-position-middle-x)) translateY(var(--pl-position-middle-y));
    -ms-transform: translateX(var(--pl-position-middle-x)) translateY(var(--pl-position-middle-y));
    -o-transform: translateX(var(--pl-position-middle-x)) translateY(var(--pl-position-middle-y));
}

.position-middle-y {
    --pl-position-middle-x: 0%;
    --pl-position-middle-y: -50%;
    transform: translateX(var(--pl-position-middle-x)) translateY(var(--pl-position-middle-y));
    -webkit-transform: translateX(var(--pl-position-middle-x)) translateY(var(--pl-position-middle-y));
    -moz-transform: translateX(var(--pl-position-middle-x)) translateY(var(--pl-position-middle-y));
    -ms-transform: translateX(var(--pl-position-middle-x)) translateY(var(--pl-position-middle-y));
    -o-transform: translateX(var(--pl-position-middle-x)) translateY(var(--pl-position-middle-y));
}

.position-static {
    position: static;
}

.position-sticky {
    position: sticky;
    top: var(--pl-top);
    bottom: var(--pl-bottom);
    left: var(--pl-start);
    right: var(--pl-end);
    --pl-top: 0;
    --pl-bottom: auto;
    --pl-start: 0;
    --pl-end: auto;
}

.position-absolute {
    position: absolute;
    top: var(--pl-top);
    bottom: var(--pl-bottom);
    left: var(--pl-start);
    right: var(--pl-end);
    --pl-top: auto;
    --pl-bottom: auto;
    --pl-start: auto;
    --pl-end: auto;
}

.position-fixed {
    position: fixed;
    top: var(--pl-top);
    bottom: var(--pl-bottom);
    left: var(--pl-start);
    right: var(--pl-end);
    --pl-top: auto;
    --pl-bottom: auto;
    --pl-start: auto;
    --pl-end: auto;
}

.position-relative {
    position: relative;
    top: var(--pl-top);
    bottom: var(--pl-bottom);
    left: var(--pl-start);
    right: var(--pl-end);
    --pl-top: auto;
    --pl-bottom: auto;
    --pl-start: auto;
    --pl-end: auto;
}

.position-inherit {
    position: inherit;
    top: var(--pl-top);
    bottom: var(--pl-bottom);
    left: var(--pl-start);
    right: var(--pl-end);
    --pl-top: auto;
    --pl-bottom: auto;
    --pl-start: auto;
    --pl-end: auto;
}

@media (min-width: 576px) {

    .position-static-sm {
        position: static;
    }

    .position-sticky-sm {
        position: sticky;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-absolute-sm {
        position: absolute;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-fixed-sm {
        position: fixed;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-relative-sm {
        position: relative;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-inherit-sm {
        position: inherit;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }
}

@media (min-width: 768px) {

    .position-static-md {
        position: static;
    }

    .position-sticky-md {
        position: sticky;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-absolute-md {
        position: absolute;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-fixed-md {
        position: fixed;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-relative-md {
        position: relative;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-inherit-md {
        position: inherit;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }
}

@media (min-width: 992px) {

    .position-static-lg {
        position: static;
    }

    .position-sticky-lg {
        position: sticky;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-absolute-lg {
        position: absolute;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-fixed-lg {
        position: fixed;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-relative-lg {
        position: relative;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-inherit-lg {
        position: inherit;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }
}

@media (min-width: 1200px) {

    .position-static-xl {
        position: static;
    }

    .position-sticky-xl {
        position: sticky;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-absolute-xl {
        position: absolute;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-fixed-xl {
        position: fixed;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-relative-xl {
        position: relative;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-inherit-xl {
        position: inherit;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }
}

@media (min-width: 1400px) {

    .position-static-xxl {
        position: static;
    }

    .position-sticky-xxl {
        position: sticky;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-absolute-xxl {
        position: absolute;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-fixed-xxl {
        position: fixed;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-relative-xxl {
        position: relative;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }

    .position-inherit-xxl {
        position: inherit;
        top: var(--pl-top);
        bottom: var(--pl-bottom);
        left: var(--pl-start);
        right: var(--pl-end);
        --pl-top: auto;
        --pl-bottom: auto;
        --pl-start: auto;
        --pl-end: auto;
    }
}

.top-0 {
    top: var(--pl-top);
    --pl-top: 0;
}

.top-25 {
    top: var(--pl-top);
    --pl-top: 25%;
}

.top-50 {
    top: var(--pl-top);
    --pl-top: 50%;
}

.top-75 {
    top: var(--pl-top);
    --pl-top: 75%;
}

.top-100 {
    top: var(--pl-top);
    --pl-top: 100%;
}

.bottom-0 {
    bottom: var(--pl-bottom);
    --pl-bottom: 0;
}

.bottom-25 {
    bottom: var(--pl-bottom);
    --pl-bottom: 25%;
}

.bottom-50 {
    bottom: var(--pl-bottom);
    --pl-bottom: 50%;
}

.bottom-75 {
    bottom: var(--pl-bottom);
    --pl-bottom: 75%;
}

.bottom-100 {
    bottom: var(--pl-bottom);
    --pl-bottom: 100%;
}

.start-0 {
    left: var(--pl-start);
    --pl-start: 0;
}

.start-25 {
    left: var(--pl-start);
    --pl-start: 25%;
}

.start-50 {
    left: var(--pl-start);
    --pl-start: 50%;
}

.start-75 {
    left: var(--pl-start);
    --pl-start: 75%;
}

.start-100 {
    left: var(--pl-start);
    --pl-start: 100%;
}

.end-0 {
    right: var(--pl-end);
    --pl-end: 0;
}

.end-25 {
    right: var(--pl-end);
    --pl-end: 25%;
}

.end-50 {
    right: var(--pl-end);
    --pl-end: 50%;
}

.end-75 {
    right: var(--pl-end);
    --pl-end: 75%;
}

.end-100 {
    right: var(--pl-end);
    --pl-end: 100%;
}

@media (min-width: 576px) {
    
    .top-sm-0 {
        top: var(--pl-top);
        --pl-top: 0;
    }

    .top-sm-25 {
        top: var(--pl-top);
        --pl-top: 25%;
    }

    .top-sm-50 {
        top: var(--pl-top);
        --pl-top: 50%;
    }

    .top-sm-75 {
        top: var(--pl-top);
        --pl-top: 75%;
    }

    .top-sm-100 {
        top: var(--pl-top);
        --pl-top: 100%;
    }

    .bottom-sm-0 {
        bottom: var(--pl-bottom);
        --pl-bottom: 0;
    }

    .bottom-sm-25 {
        bottom: var(--pl-bottom);
        --pl-bottom: 25%;
    }

    .bottom-sm-50 {
        bottom: var(--pl-bottom);
        --pl-bottom: 50%;
    }

    .bottom-sm-75 {
        bottom: var(--pl-bottom);
        --pl-bottom: 75%;
    }

    .bottom-sm-100 {
        bottom: var(--pl-bottom);
        --pl-bottom: 100%;
    }

    .start-sm-0 {
        left: var(--pl-start);
        --pl-start: 0;
    }

    .start-sm-25 {
        left: var(--pl-start);
        --pl-start: 25%;
    }

    .start-sm-50 {
        left: var(--pl-start);
        --pl-start: 50%;
    }

    .start-sm-75 {
        left: var(--pl-start);
        --pl-start: 75%;
    }

    .start-sm-100 {
        left: var(--pl-start);
        --pl-start: 100%;
    }

    .end-sm-0 {
        right: var(--pl-end);
        --pl-end: 0;
    }

    .end-sm-25 {
        right: var(--pl-end);
        --pl-end: 25%;
    }

    .end-sm-50 {
        right: var(--pl-end);
        --pl-end: 50%;
    }

    .end-sm-75 {
        right: var(--pl-end);
        --pl-end: 75%;
    }

    .end-sm-100 {
        right: var(--pl-end);
        --pl-end: 100%;
    }
}
@media (min-width: 768px) {
    
    .top-md-0 {
        top: var(--pl-top);
        --pl-top: 0;
    }

    .top-md-25 {
        top: var(--pl-top);
        --pl-top: 25%;
    }

    .top-md-50 {
        top: var(--pl-top);
        --pl-top: 50%;
    }

    .top-md-75 {
        top: var(--pl-top);
        --pl-top: 75%;
    }

    .top-md-100 {
        top: var(--pl-top);
        --pl-top: 100%;
    }

    .bottom-md-0 {
        bottom: var(--pl-bottom);
        --pl-bottom: 0;
    }

    .bottom-md-25 {
        bottom: var(--pl-bottom);
        --pl-bottom: 25%;
    }

    .bottom-md-50 {
        bottom: var(--pl-bottom);
        --pl-bottom: 50%;
    }

    .bottom-md-75 {
        bottom: var(--pl-bottom);
        --pl-bottom: 75%;
    }

    .bottom-md-100 {
        bottom: var(--pl-bottom);
        --pl-bottom: 100%;
    }

    .start-md-0 {
        left: var(--pl-start);
        --pl-start: 0;
    }

    .start-md-25 {
        left: var(--pl-start);
        --pl-start: 25%;
    }

    .start-md-50 {
        left: var(--pl-start);
        --pl-start: 50%;
    }

    .start-md-75 {
        left: var(--pl-start);
        --pl-start: 75%;
    }

    .start-md-100 {
        left: var(--pl-start);
        --pl-start: 100%;
    }

    .end-md-0 {
        right: var(--pl-end);
        --pl-end: 0;
    }

    .end-md-25 {
        right: var(--pl-end);
        --pl-end: 25%;
    }

    .end-md-50 {
        right: var(--pl-end);
        --pl-end: 50%;
    }

    .end-md-75 {
        right: var(--pl-end);
        --pl-end: 75%;
    }

    .end-md-100 {
        right: var(--pl-end);
        --pl-end: 100%;
    }
}
@media (min-width: 992px) {
    
    .top-lg-0 {
        top: var(--pl-top);
        --pl-top: 0;
    }

    .top-lg-25 {
        top: var(--pl-top);
        --pl-top: 25%;
    }

    .top-lg-50 {
        top: var(--pl-top);
        --pl-top: 50%;
    }

    .top-lg-75 {
        top: var(--pl-top);
        --pl-top: 75%;
    }

    .top-lg-100 {
        top: var(--pl-top);
        --pl-top: 100%;
    }

    .bottom-lg-0 {
        bottom: var(--pl-bottom);
        --pl-bottom: 0;
    }

    .bottom-lg-25 {
        bottom: var(--pl-bottom);
        --pl-bottom: 25%;
    }

    .bottom-lg-50 {
        bottom: var(--pl-bottom);
        --pl-bottom: 50%;
    }

    .bottom-lg-75 {
        bottom: var(--pl-bottom);
        --pl-bottom: 75%;
    }

    .bottom-lg-100 {
        bottom: var(--pl-bottom);
        --pl-bottom: 100%;
    }

    .start-lg-0 {
        left: var(--pl-start);
        --pl-start: 0;
    }

    .start-lg-25 {
        left: var(--pl-start);
        --pl-start: 25%;
    }

    .start-lg-50 {
        left: var(--pl-start);
        --pl-start: 50%;
    }

    .start-lg-75 {
        left: var(--pl-start);
        --pl-start: 75%;
    }

    .start-lg-100 {
        left: var(--pl-start);
        --pl-start: 100%;
    }

    .end-lg-0 {
        right: var(--pl-end);
        --pl-end: 0;
    }

    .end-lg-25 {
        right: var(--pl-end);
        --pl-end: 25%;
    }

    .end-lg-50 {
        right: var(--pl-end);
        --pl-end: 50%;
    }

    .end-lg-75 {
        right: var(--pl-end);
        --pl-end: 75%;
    }

    .end-lg-100 {
        right: var(--pl-end);
        --pl-end: 100%;
    }
}
@media (min-width: 1200px) {
    
    .top-xl-0 {
        top: var(--pl-top);
        --pl-top: 0;
    }

    .top-xl-25 {
        top: var(--pl-top);
        --pl-top: 25%;
    }

    .top-xl-50 {
        top: var(--pl-top);
        --pl-top: 50%;
    }

    .top-xl-75 {
        top: var(--pl-top);
        --pl-top: 75%;
    }

    .top-xl-100 {
        top: var(--pl-top);
        --pl-top: 100%;
    }

    .bottom-xl-0 {
        bottom: var(--pl-bottom);
        --pl-bottom: 0;
    }

    .bottom-xl-25 {
        bottom: var(--pl-bottom);
        --pl-bottom: 25%;
    }

    .bottom-xl-50 {
        bottom: var(--pl-bottom);
        --pl-bottom: 50%;
    }

    .bottom-xl-75 {
        bottom: var(--pl-bottom);
        --pl-bottom: 75%;
    }

    .bottom-xl-100 {
        bottom: var(--pl-bottom);
        --pl-bottom: 100%;
    }

    .start-xl-0 {
        left: var(--pl-start);
        --pl-start: 0;
    }

    .start-xl-25 {
        left: var(--pl-start);
        --pl-start: 25%;
    }

    .start-xl-50 {
        left: var(--pl-start);
        --pl-start: 50%;
    }

    .start-xl-75 {
        left: var(--pl-start);
        --pl-start: 75%;
    }

    .start-xl-100 {
        left: var(--pl-start);
        --pl-start: 100%;
    }

    .end-xl-0 {
        right: var(--pl-end);
        --pl-end: 0;
    }

    .end-xl-25 {
        right: var(--pl-end);
        --pl-end: 25%;
    }

    .end-xl-50 {
        right: var(--pl-end);
        --pl-end: 50%;
    }

    .end-xl-75 {
        right: var(--pl-end);
        --pl-end: 75%;
    }

    .end-xl-100 {
        right: var(--pl-end);
        --pl-end: 100%;
    }
}
@media (min-width: 1400px) {
    
    .top-xxl-0 {
        top: var(--pl-top);
        --pl-top: 0;
    }

    .top-xxl-25 {
        top: var(--pl-top);
        --pl-top: 25%;
    }

    .top-xxl-50 {
        top: var(--pl-top);
        --pl-top: 50%;
    }

    .top-xxl-75 {
        top: var(--pl-top);
        --pl-top: 75%;
    }

    .top-xxl-100 {
        top: var(--pl-top);
        --pl-top: 100%;
    }

    .bottom-xxl-0 {
        bottom: var(--pl-bottom);
        --pl-bottom: 0;
    }

    .bottom-xxl-25 {
        bottom: var(--pl-bottom);
        --pl-bottom: 25%;
    }

    .bottom-xxl-50 {
        bottom: var(--pl-bottom);
        --pl-bottom: 50%;
    }

    .bottom-xxl-75 {
        bottom: var(--pl-bottom);
        --pl-bottom: 75%;
    }

    .bottom-xxl-100 {
        bottom: var(--pl-bottom);
        --pl-bottom: 100%;
    }

    .start-xxl-0 {
        left: var(--pl-start);
        --pl-start: 0;
    }

    .start-xxl-25 {
        left: var(--pl-start);
        --pl-start: 25%;
    }

    .start-xxl-50 {
        left: var(--pl-start);
        --pl-start: 50%;
    }

    .start-xxl-75 {
        left: var(--pl-start);
        --pl-start: 75%;
    }

    .start-xxl-100 {
        left: var(--pl-start);
        --pl-start: 100%;
    }

    .end-xxl-0 {
        right: var(--pl-end);
        --pl-end: 0;
    }

    .end-xxl-25 {
        right: var(--pl-end);
        --pl-end: 25%;
    }

    .end-xxl-50 {
        right: var(--pl-end);
        --pl-end: 50%;
    }

    .end-xxl-75 {
        right: var(--pl-end);
        --pl-end: 75%;
    }

    .end-xxl-100 {
        right: var(--pl-end);
        --pl-end: 100%;
    }
}

/* #Position Setting End */


/* #Link Setting Start */

a[href].link-stretch::after {
    content: '';
    position: absolute;
    top: var(--pl-top);
    bottom: var(--pl-bottom);
    left: var(--pl-start);
    right: var(--pl-end);
    --pl-top: 0;
    --pl-bottom: 0;
    --pl-start: 0;
    --pl-end: 0;
}

a[href] {
    user-select: none;
    color: rgba(var(--pl-gray-rgb-2), var(--text-opacity));
    transition: color 150ms;
    -webkit-transition: color 150ms;
    -moz-transition: color 150ms;
    -ms-transition: color 150ms;
    -o-transition: color 150ms;
}

.list-item.active a[href] {
    color: rgba(var(--pl-brand-rgb-1), var(--text-opacity));
    font-weight: bold;
}

a[href]:hover {
    color: rgba(var(--pl-brand-rgb-4), var(--text-opacity)) !important;
}

a[href].nav-link {
    color: rgba(var(--pl-subpoint-rgb-4), var(--text-opacity));
    line-height: inherit;
}

/* #Link Setting End */


/* #Rouded Setting Start */

.rounded{
    border-radius: .15rem;
    -webkit-border-radius: .15rem;
    -moz-border-radius: .15rem;
    -ms-border-radius: .15rem;
    -o-border-radius: .15rem;
}

.rounded-0 {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.rounded-1 {
    border-radius: var(--pl-rounded-1);
    -webkit-border-radius: var(--pl-rounded-1);
    -moz-border-radius: var(--pl-rounded-1);
    -ms-border-radius: var(--pl-rounded-1);
    -o-border-radius: var(--pl-rounded-1);
}

.rounded-2 {
    border-radius: var(--pl-rounded-2);
    -webkit-border-radius: var(--pl-rounded-2);
    -moz-border-radius: var(--pl-rounded-2);
    -ms-border-radius: var(--pl-rounded-2);
    -o-border-radius: var(--pl-rounded-2);
}

.rounded-3 {
    border-radius: var(--pl-rounded-3);
    -webkit-border-radius: var(--pl-rounded-3);
    -moz-border-radius: var(--pl-rounded-3);
    -ms-border-radius: var(--pl-rounded-3);
    -o-border-radius: var(--pl-rounded-3);
}

.rounded-4 {
    border-radius: var(--pl-rounded-4);
    -webkit-border-radius: var(--pl-rounded-4);
    -moz-border-radius: var(--pl-rounded-4);
    -ms-border-radius: var(--pl-rounded-4);
    -o-border-radius: var(--pl-rounded-4);
}

.rounded-5 {
    border-radius: var(--pl-rounded-5);
    -webkit-border-radius: var(--pl-rounded-5);
    -moz-border-radius: var(--pl-rounded-5);
    -ms-border-radius: var(--pl-rounded-5);
    -o-border-radius: var(--pl-rounded-5);
}

.rounded-6 {
    border-radius: var(--pl-rounded-6);
    -webkit-border-radius: var(--pl-rounded-6);
    -moz-border-radius: var(--pl-rounded-6);
    -ms-border-radius: var(--pl-rounded-6);
    -o-border-radius: var(--pl-rounded-6);
}

.rounded-circle {
    border-radius: var(--pl-rounded-circle);
    -webkit-border-radius: var(--pl-rounded-circle);
    -moz-border-radius: var(--pl-rounded-circle);
    -ms-border-radius: var(--pl-rounded-circle);
    -o-border-radius: var(--pl-rounded-circle);
}

/* #Rouded Setting End */


/* #Border Setting Start */

.border {
    border: var(--pl-border-width) solid rgba(var(--pl-border-color), var(--bg-opacity));
    --pl-border-color: var(--pl-gray-0);
    --bg-opacity: 1;
    --pl-border-width: 1px;
}

.border-brand {
    --pl-border-color: var(--pl-brand-rgb-1);
}

.border-primary {
    --pl-border-color: var(--pl-primary-rgb-1);
}

.border-secondary {
    --pl-border-color: var(--pl-secondary-rgb-1);
}

.border-point {
    --pl-border-color: var(--pl-point-rgb-1);
}

.border-subpoint {
    --pl-border-color: var(--pl-subpoint-rgb-1);
}

.border-dark {
    --pl-border-color: var(--pl-dark-rgb-1);
}

.border-light {
    --pl-border-color: var(--pl-gray-rgb-4);
}

.border-gray {
    --pl-border-color: var(--pl-gray-rgb-1);
}

.border-white {
    --pl-border-color: var(--pl-white-rgb);
}

.border-info {
    --pl-border-color: var(--pl-info-rgb);
}

.border-success {
    --pl-border-color: var(--pl-success-rgb);
}

.border-warning {
    --pl-border-color: var(--pl-warning-rgb);
}

.border-danger {
    --pl-border-color: var(--pl-danger-rgb);
}

.border-ghost {
    --pl-border-color: var(--pl-ghost-rgb);
}

.border-1 {
    --pl-border-width: 1px;
}

.border-2 {
    --pl-border-width: 3px;
}

.border-3 {
    --pl-border-width: 5px;
}

.border-4 {
    --pl-border-width: 7px;
}

.border-5 {
    --pl-border-width: 9px;
}

.border-6 {
    --pl-border-width: 11px;
}

/* #Border Setting End */


/* #Font Setting Start */

kbd{
    --bg-opacity: 1;
    --text-opacity: 1;
    --pl-kbd-bg: var(--pl-dark-rgb);
    color: rgba(var(--pl-white-rgb), var(--text-opacity));
    background-color: rgba(var(--pl-kbd-bg), var(--bg-opacity));
    font-size: .75em;
    padding-top: var(--pl-unit-1);
    padding-bottom: var(--pl-unit-1);
    padding-left: var(--pl-unit-4);
    padding-right: var(--pl-unit-4);
    border-radius: var(--pl-rounded-2);
    margin-left: var(--pl-unit-1);
    margin-right: var(--pl-unit-1);
    -webkit-border-radius: var(--pl-rounded-2);
    -moz-border-radius: var(--pl-rounded-2);
    -ms-border-radius: var(--pl-rounded-2);
    -o-border-radius: var(--pl-rounded-2);
    user-select: none;
    box-shadow: 0 0 0.5rem 0 rgba(var(--pl-dark-rgb), 0.3);
}

div,
p,
span {
    user-select: none;
}

blockquote{
    margin-top: 1em;
}

.blockquote {
    --bg-opacity: 1;
    --blockquote-border: var(--pl-gray-rgb);
    --blockquote-bg: var(--pl-ghost-rgb);
    border-left: 4.5px solid rgba(var(--blockquote-border), 1);
    padding-left: 1em;
    margin-bottom: 2em;
    padding-top: var(--pl-padding-2);
    padding-bottom: var(--pl-padding-2);
    background-color: rgba(var(--blockquote-bg), var(--bg-opacity));
    user-select: none;
}

.blockquote-info {
    --bg-opacity: 0.3;
    --blockquote-border: var(--pl-info-rgb);
    --blockquote-bg: var(--pl-info-rgb);
}

.blockquote-success {
    --bg-opacity: 0.3;
    --blockquote-border: var(--pl-success-rgb);
    --blockquote-bg: var(--pl-success-rgb);
}

.blockquote-danger {
    --bg-opacity: 0.3;
    --blockquote-border: var(--pl-danger-rgb);
    --blockquote-bg: var(--pl-danger-rgb);
}

.blockquote-warning {
    --bg-opacity: 0.3;
    --blockquote-border: var(--pl-warning-rgb);
    --blockquote-bg: var(--pl-warning-rgb);
}

.blockquote-primary {
    --bg-opacity: 0.3;
    --blockquote-border: var(--pl-primary-rgb);
    --blockquote-bg: var(--pl-primary-rgb);
}

.blockquote-secondary {
    --bg-opacity: 0.3;
    --blockquote-border: var(--pl-secondary-rgb);
    --blockquote-bg: var(--pl-secondary-rgb);
}

.blockquote-point {
    --bg-opacity: 0.3;
    --blockquote-border: var(--pl-point-rgb);
    --blockquote-bg: var(--pl-point-rgb);
}

.blockquote-subpoint {
    --bg-opacity: 0.3;
    --blockquote-border: var(--pl-subpoint-rgb);
    --blockquote-bg: var(--pl-subpoint-rgb);
}

.blockquote-brand {
    --bg-opacity: 0.3;
    --blockquote-border: var(--pl-brand-rgb);
    --blockquote-bg: var(--pl-brand-rgb);
}

.text-start {
    text-align: start;
}

.text-end {
    text-align: end;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.fs-1 {
    --pl-font-size: var(--pl-font-size-1);
    font-size: var(--pl-font-size);
}

.fs-2 {
    --pl-font-size: var(--pl-font-size-2);
    font-size: var(--pl-font-size);
}

.fs-3 {
    --pl-font-size: var(--pl-font-size-3);
    font-size: var(--pl-font-size);
}

.fs-4 {
    --pl-font-size: var(--pl-font-size-4);
    font-size: var(--pl-font-size);
}

.fs-5 {
    --pl-font-size: var(--pl-font-size-5);
    font-size: var(--pl-font-size);
}

.fs-6 {
    --pl-font-size: var(--pl-font-size-6);
    font-size: var(--pl-font-size);
}

.fs-7 {
    --pl-font-size: var(--pl-font-size-7);
    font-size: var(--pl-font-size);
}

.fs-8 {
    --pl-font-size: var(--pl-font-size-8);
    font-size: var(--pl-font-size);
}

.h1 {
    --pl-h-size: 3rem;
    --fw: bold;
    display: inline-block;
    font-size: calc(var(--pl-h-size) + 1vw);
    line-height: calc(var(--pl-h-size) + 1vw);
    margin-top: calc(var(--pl-h-size) / 2 + 1vw);
    margin-bottom: calc(var(--pl-h-size) / 4 + 1vw);
    font-weight: var(--fw);
    user-select: none;
}

.h2 {
    --pl-h-size: 2.5rem;
    --fw: bold;
    display: inline-block;
    font-size: calc(var(--pl-h-size) + 1vw);
    line-height: calc(var(--pl-h-size) + 1vw);
    margin-top: calc(var(--pl-h-size) / 2 + 1vw);
    margin-bottom: calc(var(--pl-h-size) / 4 + 1vw);
    font-weight: var(--fw);
    user-select: none;
}

.h3 {
    --pl-h-size: 2rem;
    --fw: bold;
    display: inline-block;
    font-size: calc(var(--pl-h-size) + 1vw);
    line-height: calc(var(--pl-h-size) + 1vw);
    margin-top: calc(var(--pl-h-size) / 2 + 1vw);
    margin-bottom: calc(var(--pl-h-size) / 4 + 1vw);
    font-weight: var(--fw);
    user-select: none;
}

.h4 {
    --pl-h-size: 1.75rem;
    --fw: bold;
    display: inline-block;
    font-size: calc(var(--pl-h-size) + 1vw);
    line-height: calc(var(--pl-h-size) + 1vw);
    margin-top: calc(var(--pl-h-size) / 2 + 1vw);
    margin-bottom: calc(var(--pl-h-size) / 4 + 1vw);
    font-weight: var(--fw);
    user-select: none;
}

.h5 {
    --pl-h-size: 1.5rem;
    --fw: bold;
    display: inline-block;
    font-size: calc(var(--pl-h-size) + 1vw);
    line-height: calc(var(--pl-h-size) + 1vw);
    margin-top: calc(var(--pl-h-size) / 2 + 1vw);
    margin-bottom: calc(var(--pl-h-size) / 4 + 1vw);
    font-weight: var(--fw);
    user-select: none;
}

.h6 {
    --pl-h-size: 1.25rem;
    --fw: bold;
    display: inline-block;
    font-size: calc(var(--pl-h-size) + 1vw);
    line-height: calc(var(--pl-h-size) + 1vw);
    margin-top: calc(var(--pl-h-size) / 2 + 1vw);
    margin-bottom: calc(var(--pl-h-size) / 4 + 1vw);
    font-weight: var(--fw);
    user-select: none;
}


.display-1 {
    --pl-display-size: 4.75rem;
    --fw: bold;
    display: block;
    font-size: calc(var(--pl-display-size) + 1.5vw);
    line-height: calc(var(--pl-display-size) + 1vw);
    margin-top: calc(var(--pl-display-size) / 2 + 1vw);
    margin-bottom: calc(var(--pl-display-size) / 4 + 1vw);
    font-weight: var(--fw);
    user-select: none;
}

.display-2 {
    --pl-display-size: 4.5rem;
    --fw: bold;
    display: block;
    font-size: calc(var(--pl-display-size) + 1.5vw);
    line-height: calc(var(--pl-display-size) + 1.5vw);
    margin-top: calc(var(--pl-display-size) / 2 + 1.5vw);
    margin-bottom: calc(var(--pl-display-size) / 4 + 1.5vw);
    font-weight: var(--fw);
    user-select: none;
}

.display-3 {
    --pl-display-size: 4.25rem;
    --fw: bold;
    display: block;
    font-size: calc(var(--pl-display-size) + 1.5vw);
    line-height: calc(var(--pl-display-size) + 1.5vw);
    margin-top: calc(var(--pl-display-size) / 2 + 1.5vw);
    margin-bottom: calc(var(--pl-display-size) / 4 + 1.5vw);
    font-weight: var(--fw);
    user-select: none;
}

.display-4 {
    --pl-display-size: 4rem;
    --fw: bold;
    display: block;
    font-size: calc(var(--pl-display-size) + 1.5vw);
    line-height: calc(var(--pl-display-size) + 1.5vw);
    margin-top: calc(var(--pl-display-size) / 2 + 1.5vw);
    margin-bottom: calc(var(--pl-display-size) / 4 + 1.5vw);
    font-weight: var(--fw);
    user-select: none;
}

.display-5 {
    --pl-display-size: 3.75rem;
    --fw: bold;
    display: block;
    font-size: calc(var(--pl-display-size) + 1.5vw);
    line-height: calc(var(--pl-display-size) + 1.5vw);
    margin-top: calc(var(--pl-display-size) / 2 + 1.5vw);
    margin-bottom: calc(var(--pl-display-size) / 4 + 1.5vw);
    font-weight: var(--fw);
    user-select: none;
}

.display-6 {
    --pl-display-size: 4.5rem;
    --fw: bold;
    display: block;
    font-size: calc(var(--pl-display-size) + 1.5vw);
    line-height: calc(var(--pl-display-size) + 1.5vw);
    margin-top: calc(var(--pl-display-size) / 2 + 1.5vw);
    margin-bottom: calc(var(--pl-display-size) / 4 + 1.5vw);
    font-weight: var(--fw);
    user-select: none;
}


.fw-bolder {
    font-weight: bolder;
}

.fw-bold {
    font-weight: bold;
}

.fw-light {
    font-weight: lighter;
}

.fw-normal {
    font-weight: normal;
}


.text-dark {
    color: rgba(var(--pl-dark-rgb), var(--text-opacity)) !important;
    --text-opacity: 1;
}

.text-gray {
    color: rgba(var(--pl-gray-rgb), var(--text-opacity)) !important;
    --text-opacity: 1;
}

.text-light {
    color: rgba(var(--pl-light-rgb), var(--text-opacity)) !important;
    --text-opacity: 1;
}

.text-muted {
    color: rgba(var(--pl-gray-rgb-3), var(--text-opacity)) !important;
    --text-opacity: 1;
}

.text-white {
    color: rgba(var(--pl-white-rgb), var(--text-opacity)) !important;
    --text-opacity: 1;
}

.text-info {
    color: rgba(var(--pl-info-rgb), var(--text-opacity)) !important;
    --text-opacity: 1;
}

.text-success {
    color: rgba(var(--pl-success-rgb), var(--text-opacity)) !important;
    --text-opacity: 1;
}

.text-warning {
    color: rgba(var(--pl-warning-rgb), var(--text-opacity)) !important;
    --text-opacity: 1;
}

.text-danger {
    color: rgba(var(--pl-danger-rgb), var(--text-opacity)) !important;
    --text-opacity: 1;
}

.text-brand {
    color: rgba(var(--pl-brand-rgb), var(--text-opacity)) !important;
    --text-opacity: 1;
}

.text-primary {
    color: rgba(var(--pl-primary-rgb), var(--text-opacity)) !important;
    --text-opacity: 1;
}

.text-secondary {
    color: rgba(var(--pl-secondary-rgb), var(--text-opacity)) !important;
    --text-opacity: 1;
}

.text-point {
    color: rgba(var(--pl-point-rgb), var(--text-opacity)) !important;
    --text-opacity: 1;
}

.text-subpoint {
    color: rgba(var(--pl-subpoint-rgb), var(--text-opacity)) !important;
    --text-opacity: 1;
}

.text-ghost {
    color: rgba(var(--pl-ghost-rgb), var(--text-opacity)) !important;
    --text-opacity: 1;
}

.text-inherit {
    color: rgba(var(--pl-inherit), var(--text-opacity)) !important;
    --text-opacity: 1;
}


.text-opacity-0 {
    --text-opacity: 0;
}

.text-opacity-5 {
    --text-opacity: 0.05;
}

.text-opacity-10 {
    --text-opacity: 0.10;
}

.text-opacity-15 {
    --text-opacity: 0.15;
}

.text-opacity-25 {
    --text-opacity: 0.25;
}

.text-opacity-30 {
    --text-opacity: 0.30;
}

.text-opacity-35 {
    --text-opacity: 0.35;
}

.text-opacity-40 {
    --text-opacity: 0.40;
}

.text-opacity-45 {
    --text-opacity: 0.45;
}

.text-opacity-50 {
    --text-opacity: 0.50;
}

.text-opacity-55 {
    --text-opacity: 0.55;
}

.text-opacity-60 {
    --text-opacity: 0.60;
}

.text-opacity-65 {
    --text-opacity: 0.65;
}

.text-opacity-70 {
    --text-opacity: 0.70;
}

.text-opacity-75 {
    --text-opacity: 0.75;
}

.text-opacity-80 {
    --text-opacity: 0.80;
}

.text-opacity-85 {
    --text-opacity: 0.85;
}

.text-opacity-90 {
    --text-opacity: 0.90;
}

.text-opacity-95 {
    --text-opacity: 0.95;
}

.text-opacity-100 {
    --text-opacity: 1;
}

/* #Font Setting End */


/* #Background Setting Start */

.bg-dark {
    background-color: rgba(var(--pl-dark-rgb), var(--bg-opacity)) !important;
    --bg-opacity: 1;
}

.bg-gray {
    background-color: rgba(var(--pl-gray-rgb), var(--bg-opacity)) !important;
    --bg-opacity: 1;
}

.bg-light {
    background-color: rgba(var(--pl-light-rgb), var(--bg-opacity)) !important;
    --bg-opacity: 1;
}

.bg-info {
    background-color: rgba(var(--pl-info-rgb), var(--bg-opacity)) !important;
    --bg-opacity: 1;
}

.bg-success {
    background-color: rgba(var(--pl-success-rgb), var(--bg-opacity)) !important;
    --bg-opacity: 1;
}

.bg-warning {
    background-color: rgba(var(--pl-warning-rgb), var(--bg-opacity)) !important;
    --bg-opacity: 1;
}

.bg-danger {
    background-color: rgba(var(--pl-danger-rgb), var(--bg-opacity)) !important;
    --bg-opacity: 1;
}

.bg-white {
    background-color: rgba(var(--pl-white-rgb), var(--bg-opacity)) !important;
    --bg-opacity: 1;
}

.bg-brand {
    background-color: rgba(var(--pl-brand-rgb), var(--bg-opacity)) !important;
    --bg-opacity: 1;
}

.bg-primary {
    background-color: rgba(var(--pl-primary-rgb), var(--bg-opacity)) !important;
    --bg-opacity: 1;
}

.bg-secondary {
    background-color: rgba(var(--pl-secondary-rgb), var(--bg-opacity)) !important;
    --bg-opacity: 1;
}

.bg-point {
    background-color: rgba(var(--pl-point-rgb), var(--bg-opacity)) !important;
    --bg-opacity: 1;
}

.bg-subpoint {
    background-color: rgba(var(--pl-subpoint-rgb), var(--bg-opacity)) !important;
    --bg-opacity: 1;
}


.bg-opacity-0 {
    --bg-opacity: 0;
}

.bg-opacity-5 {
    --bg-opacity: 0.05;
}

.bg-opacity-10 {
    --bg-opacity: 0.10;
}

.bg-opacity-15 {
    --bg-opacity: 0.15;
}

.bg-opacity-25 {
    --bg-opacity: 0.25;
}

.bg-opacity-30 {
    --bg-opacity: 0.30;
}

.bg-opacity-35 {
    --bg-opacity: 0.35;
}

.bg-opacity-40 {
    --bg-opacity: 0.40;
}

.bg-opacity-45 {
    --bg-opacity: 0.45;
}

.bg-opacity-50 {
    --bg-opacity: 0.50;
}

.bg-opacity-55 {
    --bg-opacity: 0.55;
}

.bg-opacity-60 {
    --bg-opacity: 0.60;
}

.bg-opacity-65 {
    --bg-opacity: 0.65;
}

.bg-opacity-70 {
    --bg-opacity: 0.70;
}

.bg-opacity-75 {
    --bg-opacity: 0.75;
}

.bg-opacity-80 {
    --bg-opacity: 0.80;
}

.bg-opacity-85 {
    --bg-opacity: 0.85;
}

.bg-opacity-90 {
    --bg-opacity: 0.90;
}

.bg-opacity-95 {
    --bg-opacity: 0.95;
}

.bg-opacity-100 {
    --bg-opacity: 1;
}

/* #Background Setting End */




/* #Utility Setting Start */


/* #Area Setting Start */

.area {
    --area-unit: var(--pl-area-base-unit);
    width: calc(var(--area-unit));
    margin-left: auto;
    margin-right: auto;
}

.area-full {
    --area-full-unit: var(--pl-area-full-base-unit);
    width: calc(var(--area-full-unit));
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 576px) {
    .area-sm {
        --area-unit: var(--pl-area-base-unit);
        width: calc(var(--area-unit));
        margin-left: auto;
        margin-right: auto;
    }

    .area-full-sm {
        --area-full-unit: var(--pl-area-full-base-unit);
        width: calc(var(--area-full-unit));
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 768px) {
    .area-md {
        --area-unit: var(--pl-area-base-unit);
        width: calc(var(--area-unit));
        margin-left: auto;
        margin-right: auto;
    }

    .area-full-md {
        --area-full-unit: var(--pl-area-full-base-unit);
        width: calc(var(--area-full-unit));
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 992px) {
    .area-lg {
        --area-unit: var(--pl-area-base-unit);
        width: calc(var(--area-unit));
        margin-left: auto;
        margin-right: auto;
    }

    .area-full-lg {
        --area-full-unit: var(--pl-area-full-base-unit);
        width: calc(var(--area-full-unit));
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1200px) {
    .area-xl {
        --area-unit: var(--pl-area-base-unit);
        width: calc(var(--area-unit));
        margin-left: auto;
        margin-right: auto;
    }

    .area-full-xl {
        --area-full-unit: var(--pl-area-full-base-unit);
        width: calc(var(--area-full-unit));
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1400px) {
    .area-xxl {
        --area-unit: var(--pl-area-base-unit);
        width: calc(var(--area-unit));
        margin-left: auto;
        margin-right: auto;
    }

    .area-full-xxl {
        --area-full-unit: var(--pl-area-full-base-unit);
        width: calc(var(--area-full-unit));
        margin-left: auto;
        margin-right: auto;
    }
}

.fence {
    --fence-unit: var(--pl-fence-base-unit);
    padding-left: calc(var(--fence-unit));
    padding-right: calc(var(--fence-unit));
}

.fence-full {
    --fence-full-unit: var(--pl-fence-full-base-unit);
    padding-left: calc(var(--fence-full-unit));
    padding-right: calc(var(--fence-full-unit));
}

@media (min-width: 576px) {
    .fence-sm {
        --fence-unit: var(--pl-fence-base-unit);
        padding-left: calc(var(--fence-unit));
        padding-right: calc(var(--fence-unit));
    }

    .fence-full-sm {
        --fence-full-unit: var(--pl-fence-full-base-unit);
        padding-left: calc(var(--fence-full-unit));
        padding-right: calc(var(--fence-full-unit));
    }
}

@media (min-width: 768px) {
    .fence-md {
        --fence-unit: var(--pl-fence-base-unit);
        padding-left: calc(var(--fence-unit));
        padding-right: calc(var(--fence-unit));
    }

    .fence-full-md {
        --fence-full-unit: var(--pl-fence-full-base-unit);
        padding-left: calc(var(--fence-full-unit));
        padding-right: calc(var(--fence-full-unit));
    }
}

@media (min-width: 992px) {
    .fence-lg {
        --fence-unit: var(--pl-fence-base-unit);
        padding-left: calc(var(--fence-unit));
        padding-right: calc(var(--fence-unit));
    }

    .fence-full-lg {
        --fence-full-unit: var(--pl-fence-full-base-unit);
        padding-left: calc(var(--fence-full-unit));
        padding-right: calc(var(--fence-full-unit));
    }
}

@media (min-width: 1200px) {
    .fence-xl {
        --fence-unit: var(--pl-fence-base-unit);
        padding-left: calc(var(--fence-unit));
        padding-right: calc(var(--fence-unit));
    }

    .fence-full-xl {
        --fence-full-unit: var(--pl-fence-full-base-unit);
        padding-left: calc(var(--fence-full-unit));
        padding-right: calc(var(--fence-full-unit));
    }
}

@media (min-width: 1400px) {
    .fence-xxl {
        --fence-unit: var(--pl-fence-base-unit);
        padding-left: calc(var(--fence-unit));
        padding-right: calc(var(--fence-unit));
    }

    .fence-full-xxl {
        --fence-full-unit: var(--pl-fence-full-base-unit);
        padding-left: calc(var(--fence-full-unit));
        padding-right: calc(var(--fence-full-unit));
    }
}

@media (min-width: 576px) {
    [class*="area"]:not([class*="area-full"]) {
        --area-unit: var(--pl-area-base-unit) - (var(--pl-fence-area-gap-unit) * 1);
    }

    [class*="area-full"] {
        --area-full-unit: var(--pl-area-full-base-unit) - (var(--pl-fence-area-gap-unit) * 1);
    }
}

@media (min-width: 768px) {
    [class*="area"]:not([class*="area-full"]) {
        --area-unit: var(--pl-area-base-unit) - (var(--pl-fence-area-gap-unit) * 2);
    }

    [class*="area-full"] {
        --area-full-unit: var(--pl-area-full-base-unit) - (var(--pl-fence-area-gap-unit) * 2);
    }
}

@media (min-width: 992px) {
    [class*="area"]:not([class*="area-full"]) {
        --area-unit: var(--pl-area-base-unit) - (var(--pl-fence-area-gap-unit) * 3);
    }

    [class*="area-full"] {
        --area-full-unit: var(--pl-area-full-base-unit) - (var(--pl-fence-area-gap-unit) * 3);
    }
}

@media (min-width: 1200px) {
    [class*="area"]:not([class*="area-full"]) {
        --area-unit: var(--pl-area-base-unit) - (var(--pl-fence-area-gap-unit) * 4);
    }

    [class*="area-full"] {
        --area-full-unit: var(--pl-area-full-base-unit) - (var(--pl-fence-area-gap-unit) * 4);
    }
}

@media (min-width: 1400px) {
    [class*="area"]:not([class*="area-full"]) {
        --area-unit: var(--pl-area-base-unit) - (var(--pl-fence-area-gap-unit) * 5);
    }

    [class*="area-full"] {
        --area-full-unit: var(--pl-area-full-base-unit) - (var(--pl-fence-area-gap-unit) * 5);
    }
}

@media (min-width: 576px) {
    [class*="fence"]:not([class*="fence-full"]) {
        --fence-unit: var(--pl-fence-base-unit) + (1 * var(--pl-fence-area-gap-unit) / 2);
    }

    [class*="fence-full"] {
        --fence-full-unit: var(--pl-fence-full-base-unit) + (1 * var(--pl-fence-area-gap-unit) / 2);
    }
}

@media (min-width: 768px) {
    [class*="fence"]:not([class*="fence-full"]) {
        --fence-unit: var(--pl-fence-base-unit) + (2 * var(--pl-fence-area-gap-unit) / 2);
    }

    [class*="fence-full"] {
        --fence-full-unit: var(--pl-fence-full-base-unit) + (2 * var(--pl-fence-area-gap-unit) / 2);
    }
}

@media (min-width: 992px) {
    [class*="fence"]:not([class*="fence-full"]) {
        --fence-unit: var(--pl-fence-base-unit) + (3 * var(--pl-fence-area-gap-unit) / 2);
    }

    [class*="fence-full"] {
        --fence-full-unit: var(--pl-fence-full-base-unit) + (3 * var(--pl-fence-area-gap-unit) / 2);
    }
}

@media (min-width: 1200px) {
    [class*="fence"]:not([class*="fence-full"]) {
        --fence-unit: var(--pl-fence-base-unit) + (4 * var(--pl-fence-area-gap-unit) / 2);
    }

    [class*="fence-full"] {
        --fence-full-unit: var(--pl-fence-full-base-unit) + (4 * var(--pl-fence-area-gap-unit) / 2);
    }
}

@media (min-width: 1400px) {
    [class*="fence"]:not([class*="fence-full"]) {
        --fence-unit: var(--pl-fence-base-unit) + (5 * var(--pl-fence-area-gap-unit) / 2);
    }

    [class*="fence-full"] {
        --fence-full-unit: var(--pl-fence-full-base-unit) + (5 * var(--pl-fence-area-gap-unit) / 2);
    }
}

/* #Area Setting End */


/* #Pop Setting Start */

[data-pop-type="msg"] {
    position: relative;
}

[data-pop-type="msg"]::after {
    --bg-opacity: .95;
    --text-opacity: 1;
    position: absolute;
    display: none;
    line-height: 1.5;
    font-weight: bold;
    user-select: none;
    white-space: pre-wrap;
    background-color: rgba(var(--pl-dark-rgb-2), var(--bg-opacity));
    color: rgba(var(--pl-white-rgb), var(--text-opacity));
    font-size: var(--pl-font-size-7);
    padding-top: var(--pl-padding-1);
    padding-bottom: var(--pl-padding-1);
    padding-left: var(--pl-padding-2);
    padding-right: var(--pl-padding-2);
    border-radius: var(--pl-rounded-1);
    -webkit-border-radius: var(--pl-rounded-1);
    -moz-border-radius: var(--pl-rounded-1);
    -ms-border-radius: var(--pl-rounded-1);
    -o-border-radius: var(--pl-rounded-1);
    max-width: 30vw;
    margin: var(--pl-unit-2);
    z-index: 2100;
    text-align: center;
}

[data-msg-dir]:hover::after {
    display: block;
    width: max-content;
}

[data-msg-dir="top"]:hover::after {
    content: var(--pop-msg);
    left: calc(50% - var(--pl-unit-2));
    top: -.7rem;
    transform: translateX(-50%) translateY(-100%);
    -webkit-transform: translateX(-50%) translateY(-100%);
    -moz-transform: translateX(-50%) translateY(-100%);
    -ms-transform: translateX(-50%) translateY(-100%);
    -o-transform: translateX(-50%) translateY(-100%);
}

[data-msg-dir="bottom"]:hover::after {
    content: var(--pop-msg);
    left: calc(50% - var(--pl-unit-2));
    bottom: -.7rem;
    transform: translateX(-50%) translateY(100%);
    -webkit-transform: translateX(-50%) translateY(100%);
    -moz-transform: translateX(-50%) translateY(100%);
    -ms-transform: translateX(-50%) translateY(100%);
    -o-transform: translateX(-50%) translateY(100%);
}

[data-msg-dir="start"]:hover::after {
    content: var(--pop-msg);
    left: -.7rem;
    top: calc(50% - var(--pl-unit-2));
    transform: translateY(-50%) translateX(-100%);
    -webkit-transform: translateY(-50%) translateX(-100%);
    -moz-transform: translateY(-50%) translateX(-100%);
    -ms-transform: translateY(-50%) translateX(-100%);
    -o-transform: translateY(-50%) translateX(-100%);
}

[data-msg-dir="end"]:hover::after {
    content: var(--pop-msg);
    right: -.7rem;
    top: calc(50% - var(--pl-unit-2));
    transform: translateY(-50%) translateX(100%);
    -webkit-transform: translateY(-50%) translateX(100%);
    -moz-transform: translateY(-50%) translateX(100%);
    -ms-transform: translateY(-50%) translateX(100%);
    -o-transform: translateY(-50%) translateX(100%);
}


/* #Pop Setting End */



/* 상단바 Setting Start */

nav.gnb {
    z-index: 1200;
    user-select: none;
    line-height: 3.5rem;
}

nav.gnb.bg-light.gnb-dark {
    --text-opacity: 1;
    --bg-opacity: 1;
    --gnb-bg: var(--pl-dark-rgb-3);
    color: rgba(var(--pl-white-rgb), var(--text-opacity));
    background-color: rgba(var(--gnb-bg), var(--bg-opacity)) !important;
}

nav.gnb.bg-light.gnb-info {
    --text-opacity: 1;
    --bg-opacity: 1;
    --gnb-bg: var(--pl-info-rgb-3);
    color: rgba(var(--pl-white-rgb), var(--text-opacity));
    background-color: rgba(var(--gnb-bg), var(--bg-opacity)) !important;
}

nav.gnb.bg-light.gnb-primary {
    --text-opacity: 1;
    --bg-opacity: 1;
    --gnb-bg: var(--pl-primary-rgb-3);
    color: rgba(var(--pl-white-rgb), var(--text-opacity));
    background-color: rgba(var(--gnb-bg), var(--bg-opacity)) !important;
}

nav.gnb.bg-light.gnb-secondary {
    --text-opacity: 1;
    --bg-opacity: 1;
    --gnb-bg: var(--pl-secondary-rgb-3);
    color: rgba(var(--pl-white-rgb), var(--text-opacity));
    background-color: rgba(var(--gnb-bg), var(--bg-opacity)) !important;
}

nav.gnb.bg-light.gnb-success {
    --text-opacity: 1;
    --bg-opacity: 1;
    --gnb-bg: var(--pl-success-rgb-3);
    color: rgba(var(--pl-white-rgb), var(--text-opacity));
    background-color: rgba(var(--gnb-bg), var(--bg-opacity)) !important;
}

nav.gnb.bg-light.gnb-danger {
    --text-opacity: 1;
    --bg-opacity: 1;
    --gnb-bg: var(--pl-danger-rgb-3);
    color: rgba(var(--pl-white-rgb), var(--text-opacity));
    background-color: rgba(var(--gnb-bg), var(--bg-opacity)) !important;
}

nav.gnb.bg-light.gnb-warning {
    --text-opacity: 1;
    --bg-opacity: 1;
    --gnb-bg: var(--pl-warning-rgb-3);
    color: rgba(var(--pl-white-rgb), var(--text-opacity));
    background-color: rgba(var(--gnb-bg), var(--bg-opacity)) !important;
}

nav.gnb.bg-light.gnb-gray {
    --text-opacity: 1;
    --bg-opacity: 1;
    --gnb-bg: var(--pl-gray-rgb-3);
    color: rgba(var(--pl-dark-rgb), var(--text-opacity));
    background-color: rgba(var(--gnb-bg), var(--bg-opacity)) !important;
}

nav.gnb.bg-light.gnb-white {
    --text-opacity: 1;
    --bg-opacity: 1;
    --gnb-bg: var(--pl-white-rgb);
    color: rgba(var(--pl-dark-rgb), var(--text-opacity));
    background-color: rgba(var(--gnb-bg), var(--bg-opacity)) !important;
}

nav.gnb .gnb-inner {
    display: inline-flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    background-color: inherit;
    position: relative;
}

nav.gnb .gnb-inner .brand a {
    color: inherit;
    font-size: var(--pl-font-size-3);
    padding-left: var(--pl-padding-1);
    padding-right: var(--pl-padding-3);
    margin-left: var(--pl-margin-3);
}

[class*="gnb-expand-"] .brand {
    flex: 0 0 auto;
    background-color: inherit;
}

.gnb-inner .brand a[href] {
    margin-top: auto;
    margin-bottom: auto;
}

[class*="gnb-expand-"] .menu-btn {
    margin-left: auto;
    display: flex;
    align-items: center;
}

[class*="gnb-expand-"] .menu-btn .btn{
    padding-left: var(--pl-padding-2);
    padding-right: var(--pl-padding-2);
    margin-right: var(--pl-margin-3);
}

[class*="gnb-expand-"] .gnb-menu {
    --gnb-translate-y: 100%;
    width: 100%;
    flex-direction: column;
    position: absolute;
    line-height: 1.5rem;
    overflow: hidden;
    align-items: flex-start;
    background-color: inherit;
    z-index: -1;
    transition: 150ms;
    -webkit-transition: 150ms;
    -moz-transition: 150ms;
    -ms-transition: 150ms;
    -o-transition: 150ms;
    padding: .75rem;
}

[class*="gnb-expand-"].hide .gnb-menu {
    max-height: min-content;
    bottom: 0;
}

[class*="gnb-expand-"].show .gnb-menu {
    max-height: max-content;
    transform: translateY(var(--gnb-translate-y));
    -webkit-transform: translateY(var(--gnb-translate-y));
    -moz-transform: translateY(var(--gnb-translate-y));
    -ms-transform: translateY(var(--gnb-translate-y));
    -o-transform: translateY(var(--gnb-translate-y));
    bottom: 0;
}

@media (min-width: 576px) {
    .gnb-expand-sm.show .gnb-menu {
        --gnb-translate-y: 0%;
    }

    .gnb-expand-sm .menu-btn {
        display: none;
    }

    .gnb-inner.gnb-expand-sm .gnb-menu {
        position: relative;
        flex-direction: row;
        line-height: normal;
        overflow: auto;
        width: auto;
        align-items: center;
        z-index: 0;
        top: 0;
        max-height: max-content;
        padding: 0;
    }

    .gnb-inner.gnb-expand-sm .gnb-menu .search {
        width: auto;
    }
}

@media (min-width: 768px) {
    .gnb-expand-md.show .gnb-menu {
        --gnb-translate-y: 0%;
    }

    .gnb-expand-md .menu-btn {
        display: none;
    }

    .gnb-inner.gnb-expand-md .gnb-menu {
        position: relative;
        flex-direction: row;
        line-height: normal;
        overflow: visible;
        width: auto;
        align-items: center;
        z-index: 0;
        top: 0;
        max-height: max-content;
        padding: 0;
    }

    .gnb-inner.gnb-expand-md .gnb-menu .search {
        width: auto;
    }
}

@media (min-width: 992px) {
    .gnb-expand-lg.show .gnb-menu {
        --gnb-translate-y: 0%;
    }

    .gnb-expand-lg .menu-btn {
        display: none;
    }

    .gnb-inner.gnb-expand-lg .gnb-menu {
        position: relative;
        flex-direction: row;
        line-height: normal;
        overflow: auto;
        width: auto;
        align-items: center;
        z-index: 0;
        top: 0;
        max-height: max-content;
        padding: 0;
    }

    .gnb-inner.gnb-expand-lg .gnb-menu .search {
        width: auto;
    }
}

@media (min-width: 1200px) {
    .gnb-expand-xl.show .gnb-menu {
        --gnb-translate-y: 0%;
    }

    .gnb-expand-xl .menu-btn {
        display: none;
    }

    .gnb-inner.gnb-expand-xl .gnb-menu {
        position: relative;
        flex-direction: row;
        line-height: normal;
        overflow: auto;
        width: auto;
        align-items: center;
        z-index: 0;
        top: 0;
        max-height: max-content;
        padding: 0;
    }

    .gnb-inner.gnb-expand-xl .gnb-menu .search {
        width: auto;
    }
}

@media (min-width: 1400px) {
    .gnb-expand-xxl.show .gnb-menu {
        --gnb-translate-y: 0%;
    }

    .gnb-expand-xxl .menu-btn {
        display: none;
    }

    .gnb-inner.gnb-expand-xxl .gnb-menu {
        position: relative;
        flex-direction: row;
        line-height: normal;
        overflow: auto;
        width: auto;
        align-items: center;
        z-index: 0;
        top: 0;
        max-height: max-content;
        padding: 0;
    }

    .gnb-inner.gnb-expand-xxl .gnb-menu .search {
        width: auto;
    }
}

[class*="gnb-expand-"] .gnb-menu .search {
    width: 100%;
}

[class*="gnb-expand-"] .gnb-menu li:not(.search) {
    padding-top: var(--pl-padding-2);
    padding-bottom: var(--pl-padding-2);
}

/* 상단바 Setting End */


/* #Side Bar Start */

main{
    width: 100%;
}

.main {
    display: flex;
    position: relative;
    flex-wrap: nowrap;
    --gutter-x: 0rem;
    --gutter-y: 0rem;
    flex-grow: 1;
    flex-shrink: 0;
}

@media (max-width: 575px) {
    .main {
        flex-direction: column;
    }
    .side-bar{
        height: auto !important;
        --side-bar-size: 100% !important;
    }
}

.built-in.side-bar {
    position: absolute;
    top: 0;
}

aside.side-bar {
    --gutter-x: inherit;
    --gutter-y: inherit;
    --bg-opacity: 1;
    --side-bar-size: 90%;
    position: relative;
    background-color: rgba(var(--pl-white-rgb), var(--bg-opacity));
    top: 0;
    height: 100%;
    flex: 0 0 auto;
    min-width: 10%;
    max-width: 100%;
    width: calc(var(--side-bar-size) - var(--gutter-x));
    padding-top: calc(var(--gutter-y) / 2);
    padding-bottom: calc(var(--gutter-y) / 2);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    transition: 150ms;
    -webkit-transition: 150ms;
    -moz-transition: 150ms;
    -ms-transition: 150ms;
    -o-transition: 150ms;
    z-index: 1160;
    box-shadow: 0 0 1rem 0 rgba(var(--pl-gray-rgb), 0.3);
    user-select: none;
}

@media (min-width: 576px) {
    aside.side-bar {
        --side-bar-size: 35%;
        --side-bar-add-size: 0rem;
        min-width: 10%;
        max-width: 25rem;
        width: calc(var(--side-bar-size) - var(--side-bar-add-size) - var(--gutter-x));
    }

    aside.side-bar.side-bar-size-1 {
        --side-bar-size: 30%;
    }

    aside.side-bar.side-bar-size-2 {
        --side-bar-size: 35%;
    }

    aside.side-bar.side-bar-size-3 {
        --side-bar-size: 45%;
    }

    aside.side-bar.side-bar-size-4 {
        --side-bar-size: 50%;
    }

    aside.side-bar.side-bar-size-5 {
        --side-bar-size: 60%;
    }

    aside.side-bar.side-bar-size-6 {
        --side-bar-size: 75%;
    }
}

@media (min-width: 768px) {
    aside.side-bar {
        --side-bar-add-size: 10%;
    }
}

@media (min-width: 992px) {
    aside.side-bar {
        --side-bar-add-size: 9%;
    }
}

@media (min-width: 1200px) {
    aside.side-bar {
        --side-bar-add-size: 8%;
    }
}

.side-bar[data-side-bar="left"] {
    margin-left: 0rem;
    margin-right: calc(var(--gutter-x) / 2);
}

.side-bar[data-side-bar="right"] {
    margin-right: 0rem;
    margin-left: calc(var(--gutter-x) / 2);
}


.built-in.side-bar[data-side-bar="left"] {
    margin-left: 0rem;
    margin-right: calc(var(--gutter-x) / 2);
}

.built-in.side-bar[data-side-bar="right"] {
    margin-right: 0rem;
    margin-left: calc(var(--gutter-x) / 2);
}

.built-in.side-bar[data-side-bar="left"].show {
    left: 0%;
}

.built-in.side-bar[data-side-bar="right"].show {
    right: 0%;
}

.built-in.side-bar[data-side-bar="left"].hide {
    left: -100%;
    width: 0rem !important;
}

.built-in.side-bar[data-side-bar="right"].hide {
    right: -100%;
    width: 0rem !important;
}

/* #Side Bar End */

/* #Utility Setting End */


/* #Display Setting Start */

.w-none {
    display: none;
}

.w-flex {
    display: flex;
    flex-wrap: wrap;
    --gutter-x: 0rem;
    --gutter-y: 0rem;
}

.w-inline-flex {
    display: inline-flex;
    flex-wrap: wrap;
    --gutter-x: 0rem;
    --gutter-y: 0rem;
}

.w-block {
    display: block;
}

.w-inline-block {
    display: inline-block;
}

.w-inline {
    display: inline;
}

@media (min-width: 576px) {
    .w-sm-none {
        display: none;
    }

    .w-sm-flex {
        display: flex;
        flex-wrap: wrap;
        --gutter-x: 0rem;
        --gutter-y: 0rem;
    }

    .w-sm-inline-flex {
        display: inline-flex;
        flex-wrap: wrap;
        --gutter-x: 0rem;
        --gutter-y: 0rem;
    }

    .w-sm-block {
        display: block;
    }

    .w-sm-inline-block {
        display: inline-block;
    }

    .w-sm-inline {
        display: inline;
    }
}

@media (min-width: 768px) {
    .w-md-none {
        display: none;
    }

    .w-md-flex {
        display: flex;
        flex-wrap: wrap;
        --gutter-x: 0rem;
        --gutter-y: 0rem;
    }

    .w-md-inline-flex {
        display: inline-flex;
        flex-wrap: wrap;
        --gutter-x: 0rem;
        --gutter-y: 0rem;
    }

    .w-md-block {
        display: block;
    }

    .w-md-inline-block {
        display: inline-block;
    }

    .w-md-inline {
        display: inline;
    }
}

@media (min-width: 992px) {
    .w-lg-none {
        display: none;
    }

    .w-lg-flex {
        display: flex;
        flex-wrap: wrap;
        --gutter-x: 0rem;
        --gutter-y: 0rem;
    }

    .w-lg-inline-flex {
        display: inline-flex;
        flex-wrap: wrap;
        --gutter-x: 0rem;
        --gutter-y: 0rem;
    }

    .w-lg-block {
        display: block;
    }

    .w-lg-inline-block {
        display: inline-block;
    }

    .w-lg-inline {
        display: inline;
    }
}

@media (min-width: 1200px) {
    .w-xl-none {
        display: none;
    }

    .w-xl-flex {
        display: flex;
        flex-wrap: wrap;
        --gutter-x: 0rem;
        --gutter-y: 0rem;
    }

    .w-xl-inline-flex {
        display: inline-flex;
        flex-wrap: wrap;
        --gutter-x: 0rem;
        --gutter-y: 0rem;
    }

    .w-xl-block {
        display: block;
    }

    .w-xl-inline-block {
        display: inline-block;
    }

    .w-xl-inline {
        display: inline;
    }
}

@media (min-width: 1400px) {
    .w-xxl-none {
        display: none;
    }

    .w-xxl-flex {
        display: flex;
        flex-wrap: wrap;
        --gutter-x: 0rem;
        --gutter-y: 0rem;
    }

    .w-xxl-inline-flex {
        display: inline-flex;
        flex-wrap: wrap;
        --gutter-x: 0rem;
        --gutter-y: 0rem;
    }

    .w-xxl-block {
        display: block;
    }

    .w-xxl-inline-block {
        display: inline-block;
    }

    .w-xxl-inline {
        display: inline;
    }
}

/* #Display Setting End */


/* #Flex Setting Start */

.justify-content-start {
    justify-content: flex-start;
}

.justify-content-end {
    justify-content: flex-end;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-around {
    justify-content: space-around;
}

.justify-content-evenly {
    justify-content: space-evenly;
}

.justify-content-unset {
    justify-content: unset;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-stretch {
    justify-content: stretch;
}

.justify-items-start {
    justify-items: flex-start;
}

.justify-items-end {
    justify-items: flex-end;
}

.justify-items-between {
    justify-items: space-between;
}

.justify-items-around {
    justify-items: space-around;
}

.justify-items-evenly {
    justify-items: space-evenly;
}

.justify-items-unset {
    justify-items: unset;
}

.justify-items-center {
    justify-items: center;
}

.justify-items-stretch {
    justify-items: stretch;
}

.justify-items-auto {
    justify-items: auto;
}

.justify-self-start {
    justify-self: flex-start;
}

.justify-self-end {
    justify-self: flex-end;
}

.justify-self-between {
    justify-self: space-between;
}

.justify-self-around {
    justify-self: space-around;
}

.justify-self-evenly {
    justify-self: space-evenly;
}

.justify-self-unset {
    justify-self: unset;
}

.justify-self-center {
    justify-self: center;
}

.justify-self-stretch {
    justify-self: stretch;
}

.justify-self-auto {
    justify-self: auto;
}

.align-content-start {
    align-content: flex-start;
}

.align-content-end {
    align-content: flex-end;
}

.align-content-between {
    align-content: space-between;
}

.align-content-around {
    align-content: space-around;
}

.align-content-evenly {
    align-content: space-evenly;
}

.align-content-unset {
    align-content: unset;
}

.align-content-center {
    align-content: center;
}

.align-content-stretch {
    align-content: stretch;
}

.align-items-start {
    align-items: flex-start;
}

.align-items-end {
    align-items: flex-end;
}

.align-items-between {
    align-items: space-between;
}

.align-items-around {
    align-items: space-around;
}

.align-items-evenly {
    align-items: space-evenly;
}

.align-items-unset {
    align-items: unset;
}

.align-items-center {
    align-items: center;
}

.align-items-stretch {
    align-items: stretch;
}

.align-items-auto {
    align-items: auto;
}

.align-self-start {
    align-self: flex-start;
}

.align-self-end {
    align-self: flex-end;
}

.align-self-between {
    align-self: space-between;
}

.align-self-around {
    align-self: space-around;
}

.align-self-evenly {
    align-self: space-evenly;
}

.align-self-unset {
    align-self: unset;
}

.align-self-center {
    align-self: center;
}

.align-self-stretch {
    align-self: stretch;
}

.align-self-auto {
    align-self: auto;
}

@media (min-width: 576px) {

    .justify-content-sm-start {
        justify-content: flex-start;
    }

    .justify-content-sm-end {
        justify-content: flex-end;
    }

    .justify-content-sm-between {
        justify-content: space-between;
    }

    .justify-content-sm-around {
        justify-content: space-around;
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly;
    }

    .justify-content-sm-unset {
        justify-content: unset;
    }

    .justify-content-sm-center {
        justify-content: center;
    }

    .justify-content-sm-stretch {
        justify-content: stretch;
    }

    .justify-items-sm-start {
        justify-items: flex-start;
    }

    .justify-items-sm-end {
        justify-items: flex-end;
    }

    .justify-items-sm-between {
        justify-items: space-between;
    }

    .justify-items-sm-around {
        justify-items: space-around;
    }

    .justify-items-sm-evenly {
        justify-items: space-evenly;
    }

    .justify-items-sm-unset {
        justify-items: unset;
    }

    .justify-items-sm-center {
        justify-items: center;
    }

    .justify-items-sm-stretch {
        justify-items: stretch;
    }

    .justify-items-sm-auto {
        justify-items: auto;
    }

    .justify-self-sm-start {
        justify-self: flex-start;
    }

    .justify-self-sm-end {
        justify-self: flex-end;
    }

    .justify-self-sm-between {
        justify-self: space-between;
    }

    .justify-self-sm-around {
        justify-self: space-around;
    }

    .justify-self-sm-evenly {
        justify-self: space-evenly;
    }

    .justify-self-sm-unset {
        justify-self: unset;
    }

    .justify-self-sm-center {
        justify-self: center;
    }

    .justify-self-sm-stretch {
        justify-self: stretch;
    }

    .justify-self-sm-auto {
        justify-self: auto;
    }

    .align-content-sm-start {
        align-content: flex-start;
    }

    .align-content-sm-end {
        align-content: flex-end;
    }

    .align-content-sm-between {
        align-content: space-between;
    }

    .align-content-sm-around {
        align-content: space-around;
    }

    .align-content-sm-evenly {
        align-content: space-evenly;
    }

    .align-content-sm-unset {
        align-content: unset;
    }

    .align-content-sm-center {
        align-content: center;
    }

    .align-content-sm-stretch {
        align-content: stretch;
    }

    .align-items-sm-start {
        align-items: flex-start;
    }

    .align-items-sm-end {
        align-items: flex-end;
    }

    .align-items-sm-between {
        align-items: space-between;
    }

    .align-items-sm-around {
        align-items: space-around;
    }

    .align-items-sm-evenly {
        align-items: space-evenly;
    }

    .align-items-sm-unset {
        align-items: unset;
    }

    .align-items-sm-center {
        align-items: center;
    }

    .align-items-sm-stretch {
        align-items: stretch;
    }

    .align-items-sm-auto {
        align-items: auto;
    }

    .align-self-sm-start {
        align-self: flex-start;
    }

    .align-self-sm-end {
        align-self: flex-end;
    }

    .align-self-sm-between {
        align-self: space-between;
    }

    .align-self-sm-around {
        align-self: space-around;
    }

    .align-self-sm-evenly {
        align-self: space-evenly;
    }

    .align-self-sm-unset {
        align-self: unset;
    }

    .align-self-sm-center {
        align-self: center;
    }

    .align-self-sm-stretch {
        align-self: stretch;
    }

    .align-self-sm-auto {
        align-self: auto;
    }
}

@media (min-width: 768px) {

    .justify-content-md-start {
        justify-content: flex-start;
    }

    .justify-content-md-end {
        justify-content: flex-end;
    }

    .justify-content-md-between {
        justify-content: space-between;
    }

    .justify-content-md-around {
        justify-content: space-around;
    }

    .justify-content-md-evenly {
        justify-content: space-evenly;
    }

    .justify-content-md-unset {
        justify-content: unset;
    }

    .justify-content-md-center {
        justify-content: center;
    }

    .justify-content-md-stretch {
        justify-content: stretch;
    }

    .justify-items-md-start {
        justify-items: flex-start;
    }

    .justify-items-md-end {
        justify-items: flex-end;
    }

    .justify-items-md-between {
        justify-items: space-between;
    }

    .justify-items-md-around {
        justify-items: space-around;
    }

    .justify-items-md-evenly {
        justify-items: space-evenly;
    }

    .justify-items-md-unset {
        justify-items: unset;
    }

    .justify-items-md-center {
        justify-items: center;
    }

    .justify-items-md-stretch {
        justify-items: stretch;
    }

    .justify-items-md-auto {
        justify-items: auto;
    }

    .justify-self-md-start {
        justify-self: flex-start;
    }

    .justify-self-md-end {
        justify-self: flex-end;
    }

    .justify-self-md-between {
        justify-self: space-between;
    }

    .justify-self-md-around {
        justify-self: space-around;
    }

    .justify-self-md-evenly {
        justify-self: space-evenly;
    }

    .justify-self-md-unset {
        justify-self: unset;
    }

    .justify-self-md-center {
        justify-self: center;
    }

    .justify-self-md-stretch {
        justify-self: stretch;
    }

    .justify-self-md-auto {
        justify-self: auto;
    }

    .align-content-md-start {
        align-content: flex-start;
    }

    .align-content-md-end {
        align-content: flex-end;
    }

    .align-content-md-between {
        align-content: space-between;
    }

    .align-content-md-around {
        align-content: space-around;
    }

    .align-content-md-evenly {
        align-content: space-evenly;
    }

    .align-content-md-unset {
        align-content: unset;
    }

    .align-content-md-center {
        align-content: center;
    }

    .align-content-md-stretch {
        align-content: stretch;
    }

    .align-items-md-start {
        align-items: flex-start;
    }

    .align-items-md-end {
        align-items: flex-end;
    }

    .align-items-md-between {
        align-items: space-between;
    }

    .align-items-md-around {
        align-items: space-around;
    }

    .align-items-md-evenly {
        align-items: space-evenly;
    }

    .align-items-md-unset {
        align-items: unset;
    }

    .align-items-md-center {
        align-items: center;
    }

    .align-items-md-stretch {
        align-items: stretch;
    }

    .align-items-md-auto {
        align-items: auto;
    }

    .align-self-md-start {
        align-self: flex-start;
    }

    .align-self-md-end {
        align-self: flex-end;
    }

    .align-self-md-between {
        align-self: space-between;
    }

    .align-self-md-around {
        align-self: space-around;
    }

    .align-self-md-evenly {
        align-self: space-evenly;
    }

    .align-self-md-unset {
        align-self: unset;
    }

    .align-self-md-center {
        align-self: center;
    }

    .align-self-md-stretch {
        align-self: stretch;
    }

    .align-self-md-auto {
        align-self: auto;
    }
}

@media (min-width: 992px) {

    .justify-content-lg-start {
        justify-content: flex-start;
    }

    .justify-content-lg-end {
        justify-content: flex-end;
    }

    .justify-content-lg-between {
        justify-content: space-between;
    }

    .justify-content-lg-around {
        justify-content: space-around;
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly;
    }

    .justify-content-lg-unset {
        justify-content: unset;
    }

    .justify-content-lg-center {
        justify-content: center;
    }

    .justify-content-lg-stretch {
        justify-content: stretch;
    }

    .justify-items-lg-start {
        justify-items: flex-start;
    }

    .justify-items-lg-end {
        justify-items: flex-end;
    }

    .justify-items-lg-between {
        justify-items: space-between;
    }

    .justify-items-lg-around {
        justify-items: space-around;
    }

    .justify-items-lg-evenly {
        justify-items: space-evenly;
    }

    .justify-items-lg-unset {
        justify-items: unset;
    }

    .justify-items-lg-center {
        justify-items: center;
    }

    .justify-items-lg-stretch {
        justify-items: stretch;
    }

    .justify-items-lg-auto {
        justify-items: auto;
    }

    .justify-self-lg-start {
        justify-self: flex-start;
    }

    .justify-self-lg-end {
        justify-self: flex-end;
    }

    .justify-self-lg-between {
        justify-self: space-between;
    }

    .justify-self-lg-around {
        justify-self: space-around;
    }

    .justify-self-lg-evenly {
        justify-self: space-evenly;
    }

    .justify-self-lg-unset {
        justify-self: unset;
    }

    .justify-self-lg-center {
        justify-self: center;
    }

    .justify-self-lg-stretch {
        justify-self: stretch;
    }

    .justify-self-lg-auto {
        justify-self: auto;
    }

    .align-content-lg-start {
        align-content: flex-start;
    }

    .align-content-lg-end {
        align-content: flex-end;
    }

    .align-content-lg-between {
        align-content: space-between;
    }

    .align-content-lg-around {
        align-content: space-around;
    }

    .align-content-lg-evenly {
        align-content: space-evenly;
    }

    .align-content-lg-unset {
        align-content: unset;
    }

    .align-content-lg-center {
        align-content: center;
    }

    .align-content-lg-stretch {
        align-content: stretch;
    }

    .align-items-lg-start {
        align-items: flex-start;
    }

    .align-items-lg-end {
        align-items: flex-end;
    }

    .align-items-lg-between {
        align-items: space-between;
    }

    .align-items-lg-around {
        align-items: space-around;
    }

    .align-items-lg-evenly {
        align-items: space-evenly;
    }

    .align-items-lg-unset {
        align-items: unset;
    }

    .align-items-lg-center {
        align-items: center;
    }

    .align-items-lg-stretch {
        align-items: stretch;
    }

    .align-items-lg-auto {
        align-items: auto;
    }

    .align-self-lg-start {
        align-self: flex-start;
    }

    .align-self-lg-end {
        align-self: flex-end;
    }

    .align-self-lg-between {
        align-self: space-between;
    }

    .align-self-lg-around {
        align-self: space-around;
    }

    .align-self-lg-evenly {
        align-self: space-evenly;
    }

    .align-self-lg-unset {
        align-self: unset;
    }

    .align-self-lg-center {
        align-self: center;
    }

    .align-self-lg-stretch {
        align-self: stretch;
    }

    .align-self-lg-auto {
        align-self: auto;
    }
}

@media (min-width: 1200px) {

    .justify-content-xl-start {
        justify-content: flex-start;
    }

    .justify-content-xl-end {
        justify-content: flex-end;
    }

    .justify-content-xl-between {
        justify-content: space-between;
    }

    .justify-content-xl-around {
        justify-content: space-around;
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly;
    }

    .justify-content-xl-unset {
        justify-content: unset;
    }

    .justify-content-xl-center {
        justify-content: center;
    }

    .justify-content-xl-stretch {
        justify-content: stretch;
    }

    .justify-items-xl-start {
        justify-items: flex-start;
    }

    .justify-items-xl-end {
        justify-items: flex-end;
    }

    .justify-items-xl-between {
        justify-items: space-between;
    }

    .justify-items-xl-around {
        justify-items: space-around;
    }

    .justify-items-xl-evenly {
        justify-items: space-evenly;
    }

    .justify-items-xl-unset {
        justify-items: unset;
    }

    .justify-items-xl-center {
        justify-items: center;
    }

    .justify-items-xl-stretch {
        justify-items: stretch;
    }

    .justify-items-xl-auto {
        justify-items: auto;
    }

    .justify-self-xl-start {
        justify-self: flex-start;
    }

    .justify-self-xl-end {
        justify-self: flex-end;
    }

    .justify-self-xl-between {
        justify-self: space-between;
    }

    .justify-self-xl-around {
        justify-self: space-around;
    }

    .justify-self-xl-evenly {
        justify-self: space-evenly;
    }

    .justify-self-xl-unset {
        justify-self: unset;
    }

    .justify-self-xl-center {
        justify-self: center;
    }

    .justify-self-xl-stretch {
        justify-self: stretch;
    }

    .justify-self-xl-auto {
        justify-self: auto;
    }

    .align-content-xl-start {
        align-content: flex-start;
    }

    .align-content-xl-end {
        align-content: flex-end;
    }

    .align-content-xl-between {
        align-content: space-between;
    }

    .align-content-xl-around {
        align-content: space-around;
    }

    .align-content-xl-evenly {
        align-content: space-evenly;
    }

    .align-content-xl-unset {
        align-content: unset;
    }

    .align-content-xl-center {
        align-content: center;
    }

    .align-content-xl-stretch {
        align-content: stretch;
    }

    .align-items-xl-start {
        align-items: flex-start;
    }

    .align-items-xl-end {
        align-items: flex-end;
    }

    .align-items-xl-between {
        align-items: space-between;
    }

    .align-items-xl-around {
        align-items: space-around;
    }

    .align-items-xl-evenly {
        align-items: space-evenly;
    }

    .align-items-xl-unset {
        align-items: unset;
    }

    .align-items-xl-center {
        align-items: center;
    }

    .align-items-xl-stretch {
        align-items: stretch;
    }

    .align-items-xl-auto {
        align-items: auto;
    }

    .align-self-xl-start {
        align-self: flex-start;
    }

    .align-self-xl-end {
        align-self: flex-end;
    }

    .align-self-xl-between {
        align-self: space-between;
    }

    .align-self-xl-around {
        align-self: space-around;
    }

    .align-self-xl-evenly {
        align-self: space-evenly;
    }

    .align-self-xl-unset {
        align-self: unset;
    }

    .align-self-xl-center {
        align-self: center;
    }

    .align-self-xl-stretch {
        align-self: stretch;
    }

    .align-self-xl-auto {
        align-self: auto;
    }
}

@media (min-width: 1400px) {

    .justify-content-xxl-start {
        justify-content: flex-start;
    }

    .justify-content-xxl-end {
        justify-content: flex-end;
    }

    .justify-content-xxl-between {
        justify-content: space-between;
    }

    .justify-content-xxl-around {
        justify-content: space-around;
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly;
    }

    .justify-content-xxl-unset {
        justify-content: unset;
    }

    .justify-content-xxl-center {
        justify-content: center;
    }

    .justify-content-xxl-stretch {
        justify-content: stretch;
    }

    .justify-items-xxl-start {
        justify-items: flex-start;
    }

    .justify-items-xxl-end {
        justify-items: flex-end;
    }

    .justify-items-xxl-between {
        justify-items: space-between;
    }

    .justify-items-xxl-around {
        justify-items: space-around;
    }

    .justify-items-xxl-evenly {
        justify-items: space-evenly;
    }

    .justify-items-xxl-unset {
        justify-items: unset;
    }

    .justify-items-xxl-center {
        justify-items: center;
    }

    .justify-items-xxl-stretch {
        justify-items: stretch;
    }

    .justify-items-xxl-auto {
        justify-items: auto;
    }

    .justify-self-xxl-start {
        justify-self: flex-start;
    }

    .justify-self-xxl-end {
        justify-self: flex-end;
    }

    .justify-self-xxl-between {
        justify-self: space-between;
    }

    .justify-self-xxl-around {
        justify-self: space-around;
    }

    .justify-self-xxl-evenly {
        justify-self: space-evenly;
    }

    .justify-self-xxl-unset {
        justify-self: unset;
    }

    .justify-self-xxl-center {
        justify-self: center;
    }

    .justify-self-xxl-stretch {
        justify-self: stretch;
    }

    .justify-self-xxl-auto {
        justify-self: auto;
    }

    .align-content-xxl-start {
        align-content: flex-start;
    }

    .align-content-xxl-end {
        align-content: flex-end;
    }

    .align-content-xxl-between {
        align-content: space-between;
    }

    .align-content-xxl-around {
        align-content: space-around;
    }

    .align-content-xxl-evenly {
        align-content: space-evenly;
    }

    .align-content-xxl-unset {
        align-content: unset;
    }

    .align-content-xxl-center {
        align-content: center;
    }

    .align-content-xxl-stretch {
        align-content: stretch;
    }

    .align-items-xxl-start {
        align-items: flex-start;
    }

    .align-items-xxl-end {
        align-items: flex-end;
    }

    .align-items-xxl-between {
        align-items: space-between;
    }

    .align-items-xxl-around {
        align-items: space-around;
    }

    .align-items-xxl-evenly {
        align-items: space-evenly;
    }

    .align-items-xxl-unset {
        align-items: unset;
    }

    .align-items-xxl-center {
        align-items: center;
    }

    .align-items-xxl-stretch {
        align-items: stretch;
    }

    .align-items-xxl-auto {
        align-items: auto;
    }

    .align-self-xxl-start {
        align-self: flex-start;
    }

    .align-self-xxl-end {
        align-self: flex-end;
    }

    .align-self-xxl-between {
        align-self: space-between;
    }

    .align-self-xxl-around {
        align-self: space-around;
    }

    .align-self-xxl-evenly {
        align-self: space-evenly;
    }

    .align-self-xxl-unset {
        align-self: unset;
    }

    .align-self-xxl-center {
        align-self: center;
    }

    .align-self-xxl-stretch {
        align-self: stretch;
    }

    .align-self-xxl-auto {
        align-self: auto;
    }
}

.flex-grow-1 {
    flex-grow: 1;
}

.flex-grow-0 {
    flex-grow: 0;
}

.flex-shrink-1 {
    flex-shrink: 1;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.flex-basis-100 {
    flex-basis: 100%;
}

.flex-basis-75 {
    flex-basis: 75%;
}

.flex-basis-50 {
    flex-basis: 50%;
}

.flex-basis-25 {
    flex-basis: 25%;
}

.flex-basis-0 {
    flex-basis: 0;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.flex-row {
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-column-reverse {
    flex-direction: column-reverse;
}

.flex-inherit {
    flex-direction: inherit;
}

@media (min-width: 576px) {
    .flex-grow-sm-1 {
        flex-grow: 1;
    }

    .flex-grow-sm-0 {
        flex-grow: 0;
    }

    .flex-shrink-sm-1 {
        flex-shrink: 1;
    }

    .flex-shrink-sm-0 {
        flex-shrink: 0;
    }

    .flex-basis-sm-100 {
        flex-basis: 100%;
    }

    .flex-basis-sm-75 {
        flex-basis: 75%;
    }

    .flex-basis-sm-50 {
        flex-basis: 50%;
    }

    .flex-basis-sm-25 {
        flex-basis: 25%;
    }

    .flex-basis-sm-0 {
        flex-basis: 0;
    }

    .flex-nowrap-sm {
        flex-wrap: nowrap;
    }

    .flex-wrap-sm {
        flex-wrap: wrap;
    }

    .flex-wrap-reverse-sm {
        flex-wrap: wrap-reverse;
    }

    .flex-row-sm {
        flex-direction: row;
    }

    .flex-column-sm {
        flex-direction: column;
    }

    .flex-row-reverse-sm {
        flex-direction: row-reverse;
    }

    .flex-column-reverse-sm {
        flex-direction: column-reverse;
    }

    .flex-inherit-sm {
        flex-direction: inherit;
    }
}

@media (min-width: 768px) {
    .flex-grow-md-1 {
        flex-grow: 1;
    }

    .flex-grow-md-0 {
        flex-grow: 0;
    }

    .flex-shrink-md-1 {
        flex-shrink: 1;
    }

    .flex-shrink-md-0 {
        flex-shrink: 0;
    }

    .flex-basis-md-100 {
        flex-basis: 100%;
    }

    .flex-basis-md-75 {
        flex-basis: 75%;
    }

    .flex-basis-md-50 {
        flex-basis: 50%;
    }

    .flex-basis-md-25 {
        flex-basis: 25%;
    }

    .flex-basis-md-0 {
        flex-basis: 0;
    }

    .flex-nowrap-md {
        flex-wrap: nowrap;
    }

    .flex-wrap-md {
        flex-wrap: wrap;
    }

    .flex-wrap-reverse-md {
        flex-wrap: wrap-reverse;
    }

    .flex-row-md {
        flex-direction: row;
    }

    .flex-column-md {
        flex-direction: column;
    }

    .flex-row-reverse-md {
        flex-direction: row-reverse;
    }

    .flex-column-reverse-md {
        flex-direction: column-reverse;
    }

    .flex-inherit-md {
        flex-direction: inherit;
    }
}

@media (min-width: 992px) {
    .flex-grow-lg-1 {
        flex-grow: 1;
    }

    .flex-grow-lg-0 {
        flex-grow: 0;
    }

    .flex-shrink-lg-1 {
        flex-shrink: 1;
    }

    .flex-shrink-lg-0 {
        flex-shrink: 0;
    }

    .flex-basis-lg-100 {
        flex-basis: 100%;
    }

    .flex-basis-lg-75 {
        flex-basis: 75%;
    }

    .flex-basis-lg-50 {
        flex-basis: 50%;
    }

    .flex-basis-lg-25 {
        flex-basis: 25%;
    }

    .flex-basis-lg-0 {
        flex-basis: 0;
    }

    .flex-nowrap-lg {
        flex-wrap: nowrap;
    }

    .flex-wrap-lg {
        flex-wrap: wrap;
    }

    .flex-wrap-reverse-lg {
        flex-wrap: wrap-reverse;
    }

    .flex-row-lg {
        flex-direction: row;
    }

    .flex-column-lg {
        flex-direction: column;
    }

    .flex-row-reverse-lg {
        flex-direction: row-reverse;
    }

    .flex-column-reverse-lg {
        flex-direction: column-reverse;
    }

    .flex-inherit-lg {
        flex-direction: inherit;
    }
}

@media (min-width: 1200px) {
    .flex-grow-xl-1 {
        flex-grow: 1;
    }

    .flex-grow-xl-0 {
        flex-grow: 0;
    }

    .flex-shrink-xl-1 {
        flex-shrink: 1;
    }

    .flex-shrink-xl-0 {
        flex-shrink: 0;
    }

    .flex-basis-xl-100 {
        flex-basis: 100%;
    }

    .flex-basis-xl-75 {
        flex-basis: 75%;
    }

    .flex-basis-xl-50 {
        flex-basis: 50%;
    }

    .flex-basis-xl-25 {
        flex-basis: 25%;
    }

    .flex-basis-xl-0 {
        flex-basis: 0;
    }

    .flex-nowrap-xl {
        flex-wrap: nowrap;
    }

    .flex-wrap-xl {
        flex-wrap: wrap;
    }

    .flex-wrap-reverse-xl {
        flex-wrap: wrap-reverse;
    }

    .flex-row-xl {
        flex-direction: row;
    }

    .flex-column-xl {
        flex-direction: column;
    }

    .flex-row-reverse-xl {
        flex-direction: row-reverse;
    }

    .flex-column-reverse-xl {
        flex-direction: column-reverse;
    }

    .flex-inherit-xl {
        flex-direction: inherit;
    }
}

@media (min-width: 1400px) {
    .flex-grow-xxl-1 {
        flex-grow: 1;
    }

    .flex-grow-xxl-0 {
        flex-grow: 0;
    }

    .flex-shrink-xxl-1 {
        flex-shrink: 1;
    }

    .flex-shrink-xxl-0 {
        flex-shrink: 0;
    }

    .flex-basis-xxl-100 {
        flex-basis: 100%;
    }

    .flex-basis-xxl-75 {
        flex-basis: 75%;
    }

    .flex-basis-xxl-50 {
        flex-basis: 50%;
    }

    .flex-basis-xxl-25 {
        flex-basis: 25%;
    }

    .flex-basis-xxl-0 {
        flex-basis: 0;
    }

    .flex-nowrap-xxl {
        flex-wrap: nowrap;
    }

    .flex-wrap-xxl {
        flex-wrap: wrap;
    }

    .flex-wrap-reverse-xxl {
        flex-wrap: wrap-reverse;
    }

    .flex-row-xxl {
        flex-direction: row;
    }

    .flex-column-xxl {
        flex-direction: column;
    }

    .flex-row-reverse-xxl {
        flex-direction: row-reverse;
    }

    .flex-column-reverse-xxl {
        flex-direction: column-reverse;
    }

    .flex-inherit-xxl {
        flex-direction: inherit;
    }
}

[class*="w-inline-flex"]>* {
    --gutter-x: inherit;
    --gutter-y: inherit;
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

[class*="w-flex"]>* {
    --gutter-x: inherit;
    --gutter-y: inherit;
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col {
    flex: 1 0 0%;
    /* width: max-content; */
    --gutter-x: inherit;
    --gutter-y: inherit;
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-20 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 1 1 auto;
    width: calc(100% - var(--gutter-x) / 2);
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-19 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(95% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-18 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(90% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-17 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(85% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-16 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(80% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-15 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(75% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-14 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(70% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-13 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(65% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-12 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(60% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-11 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(55% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-10 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(50% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-9 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(45% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-8 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(40% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-7 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(35% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-6 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(30% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-5 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(25% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-4 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(20% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-3 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(15% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-2 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(10% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

.col-1 {
    --gutter-x: inherit;
    --gutter-y: inherit;
    flex: 0 0 auto;
    width: calc(5% - var(--gutter-x));
    margin-top: calc(var(--gutter-y) / 2);
    margin-bottom: calc(var(--gutter-y) / 2);
    margin-left: calc(var(--gutter-x) / 2);
    margin-right: calc(var(--gutter-x) / 2);
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%;
        width: max-content;
        --gutter-x: inherit;
        --gutter-y: inherit;
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-20 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 1 1 auto;
        width: calc(100% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-19 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(95% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-18 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(90% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-17 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(85% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-16 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(80% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-15 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(75% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-14 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(70% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-13 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(65% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-12 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(60% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-11 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(55% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-10 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(50% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-9 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(45% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-8 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(40% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-7 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(35% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-6 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(30% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-5 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(25% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-4 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(20% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-3 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(15% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-2 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(10% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-sm-1 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(5% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
        width: max-content;
        --gutter-x: inherit;
        --gutter-y: inherit;
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-20 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 1 1 auto;
        width: calc(100% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-19 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(95% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-18 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(90% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-17 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(85% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-16 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(80% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-15 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(75% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-14 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(70% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-13 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(65% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-12 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(60% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-11 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(55% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-10 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(50% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-9 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(45% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-8 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(40% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-7 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(35% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-6 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(30% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-5 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(25% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-4 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(20% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-3 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(15% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-2 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(10% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-md-1 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(5% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%;
        width: max-content;
        --gutter-x: inherit;
        --gutter-y: inherit;
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-20 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 1 1 auto;
        width: calc(100% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-19 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(95% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-18 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(90% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-17 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(85% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-16 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(80% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-15 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(75% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-14 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(70% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-13 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(65% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-12 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(60% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-11 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(55% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-10 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(50% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-9 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(45% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-8 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(40% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-7 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(35% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-6 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(30% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-5 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(25% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-4 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(20% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-3 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(15% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-2 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(10% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-lg-1 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(5% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%;
        width: max-content;
        --gutter-x: inherit;
        --gutter-y: inherit;
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-20 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 1 1 auto;
        width: calc(100% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-19 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(95% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-18 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(90% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-17 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(85% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-16 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(80% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-15 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(75% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-14 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(70% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-13 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(65% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-12 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(60% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-11 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(55% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-10 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(50% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-9 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(45% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-8 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(40% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-7 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(35% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-6 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(30% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-5 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(25% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-4 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(20% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-3 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(15% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-2 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(10% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xl-1 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(5% - var(gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%;
        width: max-content;
        --gutter-x: inherit;
        --gutter-y: inherit;
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-20 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 1 1 auto;
        width: calc(100% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-19 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(95% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-18 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(90% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-17 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(85% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-16 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(80% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-15 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(75% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-14 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(70% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-13 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(65% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-12 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(60% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-11 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(55% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-10 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(50% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-9 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(45% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-8 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(40% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-7 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(35% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-6 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(30% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-5 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(25% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-4 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(20% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-3 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(15% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-2 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(10% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }

    .col-xxl-1 {
        --gutter-x: inherit;
        --gutter-y: inherit;
        flex: 0 0 auto;
        width: calc(5% - var(--gutter-x));
        margin-top: calc(var(--gutter-y) / 2);
        margin-bottom: calc(var(--gutter-y) / 2);
        margin-left: calc(var(--gutter-x) / 2);
        margin-right: calc(var(--gutter-x) / 2);
    }
}

/* #Flex Setting End */


/* #Gutter Setting Start */

.g-0 {
    --gutter-x: var(--pl-margin-0);
    --gutter-y: var(--pl-margin-0);
}

.g-1 {
    --gutter-x: var(--pl-margin-1);
    --gutter-y: var(--pl-margin-1);
}

.g-2 {
    --gutter-x: var(--pl-margin-2);
    --gutter-y: var(--pl-margin-2);
}

.g-3 {
    --gutter-x: var(--pl-margin-3);
    --gutter-y: var(--pl-margin-3);
}

.g-4 {
    --gutter-x: var(--pl-margin-4);
    --gutter-y: var(--pl-margin-4);
}

.g-5 {
    --gutter-x: var(--pl-margin-5);
    --gutter-y: var(--pl-margin-5);
}

.g-6 {
    --gutter-x: var(--pl-margin-6);
    --gutter-y: var(--pl-margin-6);
}

.gx-1 {
    --gutter-x: var(--pl-margin-1);
}

.gx-2 {
    --gutter-x: var(--pl-margin-2);
}

.gx-3 {
    --gutter-x: var(--pl-margin-3);
}

.gx-4 {
    --gutter-x: var(--pl-margin-4);
}

.gx-5 {
    --gutter-x: var(--pl-margin-5);
}

.gx-6 {
    --gutter-x: var(--pl-margin-6);
}

.gy-1 {
    --gutter-y: var(--pl-margin-1);
}

.gy-2 {
    --gutter-y: var(--pl-margin-2);
}

.gy-3 {
    --gutter-y: var(--pl-margin-3);
}

.gy-4 {
    --gutter-y: var(--pl-margin-4);
}

.gy-5 {
    --gutter-y: var(--pl-margin-5);
}

.gy-6 {
    --gutter-y: var(--pl-margin-6);
}

@media (min-width: 576px) {
    .g-sm-1 {
        --gutter-x: var(--pl-margin-1);
        --gutter-y: var(--pl-margin-1);
    }

    .g-sm-2 {
        --gutter-x: var(--pl-margin-2);
        --gutter-y: var(--pl-margin-2);
    }

    .g-sm-3 {
        --gutter-x: var(--pl-margin-3);
        --gutter-y: var(--pl-margin-3);
    }

    .g-sm-4 {
        --gutter-x: var(--pl-margin-4);
        --gutter-y: var(--pl-margin-4);
    }

    .g-sm-5 {
        --gutter-x: var(--pl-margin-5);
        --gutter-y: var(--pl-margin-5);
    }

    .g-sm-6 {
        --gutter-x: var(--pl-margin-6);
        --gutter-y: var(--pl-margin-6);
    }

    .gx-sm-1 {
        --gutter-x: var(--pl-margin-1);
    }

    .gx-sm-2 {
        --gutter-x: var(--pl-margin-2);
    }

    .gx-sm-3 {
        --gutter-x: var(--pl-margin-3);
    }

    .gx-sm-4 {
        --gutter-x: var(--pl-margin-4);
    }

    .gx-sm-5 {
        --gutter-x: var(--pl-margin-5);
    }

    .gx-sm-6 {
        --gutter-x: var(--pl-margin-6);
    }

    .gy-sm-1 {
        --gutter-y: var(--pl-margin-1);
    }

    .gy-sm-2 {
        --gutter-y: var(--pl-margin-2);
    }

    .gy-sm-3 {
        --gutter-y: var(--pl-margin-3);
    }

    .gy-sm-4 {
        --gutter-y: var(--pl-margin-4);
    }

    .gy-sm-5 {
        --gutter-y: var(--pl-margin-5);
    }

    .gy-sm-6 {
        --gutter-y: var(--pl-margin-6);
    }
}

@media (min-width: 768px) {
    .g-md-1 {
        --gutter-x: var(--pl-margin-1);
        --gutter-y: var(--pl-margin-1);
    }

    .g-md-2 {
        --gutter-x: var(--pl-margin-2);
        --gutter-y: var(--pl-margin-2);
    }

    .g-md-3 {
        --gutter-x: var(--pl-margin-3);
        --gutter-y: var(--pl-margin-3);
    }

    .g-md-4 {
        --gutter-x: var(--pl-margin-4);
        --gutter-y: var(--pl-margin-4);
    }

    .g-md-5 {
        --gutter-x: var(--pl-margin-5);
        --gutter-y: var(--pl-margin-5);
    }

    .g-md-6 {
        --gutter-x: var(--pl-margin-6);
        --gutter-y: var(--pl-margin-6);
    }

    .gx-md-1 {
        --gutter-x: var(--pl-margin-1);
    }

    .gx-md-2 {
        --gutter-x: var(--pl-margin-2);
    }

    .gx-md-3 {
        --gutter-x: var(--pl-margin-3);
    }

    .gx-md-4 {
        --gutter-x: var(--pl-margin-4);
    }

    .gx-md-5 {
        --gutter-x: var(--pl-margin-5);
    }

    .gx-md-6 {
        --gutter-x: var(--pl-margin-6);
    }

    .gy-md-1 {
        --gutter-y: var(--pl-margin-1);
    }

    .gy-md-2 {
        --gutter-y: var(--pl-margin-2);
    }

    .gy-md-3 {
        --gutter-y: var(--pl-margin-3);
    }

    .gy-md-4 {
        --gutter-y: var(--pl-margin-4);
    }

    .gy-md-5 {
        --gutter-y: var(--pl-margin-5);
    }

    .gy-md-6 {
        --gutter-y: var(--pl-margin-6);
    }
}

@media (min-width: 992px) {
    .g-lg-1 {
        --gutter-x: var(--pl-margin-1);
        --gutter-y: var(--pl-margin-1);
    }

    .g-lg-2 {
        --gutter-x: var(--pl-margin-2);
        --gutter-y: var(--pl-margin-2);
    }

    .g-lg-3 {
        --gutter-x: var(--pl-margin-3);
        --gutter-y: var(--pl-margin-3);
    }

    .g-lg-4 {
        --gutter-x: var(--pl-margin-4);
        --gutter-y: var(--pl-margin-4);
    }

    .g-lg-5 {
        --gutter-x: var(--pl-margin-5);
        --gutter-y: var(--pl-margin-5);
    }

    .g-lg-6 {
        --gutter-x: var(--pl-margin-6);
        --gutter-y: var(--pl-margin-6);
    }

    .gx-lg-1 {
        --gutter-x: var(--pl-margin-1);
    }

    .gx-lg-2 {
        --gutter-x: var(--pl-margin-2);
    }

    .gx-lg-3 {
        --gutter-x: var(--pl-margin-3);
    }

    .gx-lg-4 {
        --gutter-x: var(--pl-margin-4);
    }

    .gx-lg-5 {
        --gutter-x: var(--pl-margin-5);
    }

    .gx-lg-6 {
        --gutter-x: var(--pl-margin-6);
    }

    .gy-lg-1 {
        --gutter-y: var(--pl-margin-1);
    }

    .gy-lg-2 {
        --gutter-y: var(--pl-margin-2);
    }

    .gy-lg-3 {
        --gutter-y: var(--pl-margin-3);
    }

    .gy-lg-4 {
        --gutter-y: var(--pl-margin-4);
    }

    .gy-lg-5 {
        --gutter-y: var(--pl-margin-5);
    }

    .gy-lg-6 {
        --gutter-y: var(--pl-margin-6);
    }
}

@media (min-width: 1200px) {
    .g-xl-1 {
        --gutter-x: var(--pl-margin-1);
        --gutter-y: var(--pl-margin-1);
    }

    .g-xl-2 {
        --gutter-x: var(--pl-margin-2);
        --gutter-y: var(--pl-margin-2);
    }

    .g-xl-3 {
        --gutter-x: var(--pl-margin-3);
        --gutter-y: var(--pl-margin-3);
    }

    .g-xl-4 {
        --gutter-x: var(--pl-margin-4);
        --gutter-y: var(--pl-margin-4);
    }

    .g-xl-5 {
        --gutter-x: var(--pl-margin-5);
        --gutter-y: var(--pl-margin-5);
    }

    .g-xl-6 {
        --gutter-x: var(--pl-margin-6);
        --gutter-y: var(--pl-margin-6);
    }

    .gx-xl-1 {
        --gutter-x: var(--pl-margin-1);
    }

    .gx-xl-2 {
        --gutter-x: var(--pl-margin-2);
    }

    .gx-xl-3 {
        --gutter-x: var(--pl-margin-3);
    }

    .gx-xl-4 {
        --gutter-x: var(--pl-margin-4);
    }

    .gx-xl-5 {
        --gutter-x: var(--pl-margin-5);
    }

    .gx-xl-6 {
        --gutter-x: var(--pl-margin-6);
    }

    .gy-xl-1 {
        --gutter-y: var(--pl-margin-1);
    }

    .gy-xl-2 {
        --gutter-y: var(--pl-margin-2);
    }

    .gy-xl-3 {
        --gutter-y: var(--pl-margin-3);
    }

    .gy-xl-4 {
        --gutter-y: var(--pl-margin-4);
    }

    .gy-xl-5 {
        --gutter-y: var(--pl-margin-5);
    }

    .gy-xl-6 {
        --gutter-y: var(--pl-margin-6);
    }
}

@media (min-width: 1400px) {
    .g-xxl-1 {
        --gutter-x: var(--pl-margin-1);
        --gutter-y: var(--pl-margin-1);
    }

    .g-xxl-2 {
        --gutter-x: var(--pl-margin-2);
        --gutter-y: var(--pl-margin-2);
    }

    .g-xxl-3 {
        --gutter-x: var(--pl-margin-3);
        --gutter-y: var(--pl-margin-3);
    }

    .g-xxl-4 {
        --gutter-x: var(--pl-margin-4);
        --gutter-y: var(--pl-margin-4);
    }

    .g-xxl-5 {
        --gutter-x: var(--pl-margin-5);
        --gutter-y: var(--pl-margin-5);
    }

    .g-xxl-6 {
        --gutter-x: var(--pl-margin-6);
        --gutter-y: var(--pl-margin-6);
    }

    .gx-xxl-1 {
        --gutter-x: var(--pl-margin-1);
    }

    .gx-xxl-2 {
        --gutter-x: var(--pl-margin-2);
    }

    .gx-xxl-3 {
        --gutter-x: var(--pl-margin-3);
    }

    .gx-xxl-4 {
        --gutter-x: var(--pl-margin-4);
    }

    .gx-xxl-5 {
        --gutter-x: var(--pl-margin-5);
    }

    .gx-xxl-6 {
        --gutter-x: var(--pl-margin-6);
    }

    .gy-xxl-1 {
        --gutter-y: var(--pl-margin-1);
    }

    .gy-xxl-2 {
        --gutter-y: var(--pl-margin-2);
    }

    .gy-xxl-3 {
        --gutter-y: var(--pl-margin-3);
    }

    .gy-xxl-4 {
        --gutter-y: var(--pl-margin-4);
    }

    .gy-xxl-5 {
        --gutter-y: var(--pl-margin-5);
    }

    .gy-xxl-6 {
        --gutter-y: var(--pl-margin-6);
    }
}

/* #Gutter Setting End */


/* #Gap Setting Start */

.gap-0{
    row-gap: var(--pl-unit-0);
    column-gap: var(--pl-unit-0);
}
.vgap-0{
    column-gap: var(--pl-unit-0);
}
.hgap-0{
    row-gap: var(--pl-unit-0);
}
.gap-1{
    row-gap: var(--pl-unit-2);
    column-gap: var(--pl-unit-2);
}
.vgap-1{
    column-gap: var(--pl-unit-2);
}
.hgap-1{
    row-gap: var(--pl-unit-2);
}
.gap-2{
    row-gap: var(--pl-unit-4);
    column-gap: var(--pl-unit-4);
}
.vgap-2{
    column-gap: var(--pl-unit-4);
}
.hgap-2{
    row-gap: var(--pl-unit-4);
}
.gap-3{
    row-gap: var(--pl-unit-6);
    column-gap: var(--pl-unit-6);
}
.vgap-3{
    column-gap: var(--pl-unit-6);
}
.hgap-3{
    row-gap: var(--pl-unit-6);
}
.gap-4{
    row-gap: var(--pl-unit-8);
    column-gap: var(--pl-unit-8);
}
.vgap-4{
    column-gap: var(--pl-unit-8);
}
.hgap-4{
    row-gap: var(--pl-unit-8);
}
.gap-5{
    row-gap: var(--pl-unit-10);
    column-gap: var(--pl-unit-10);
}
.vgap-5{
    column-gap: var(--pl-unit-10);
}
.hgap-5{
    row-gap: var(--pl-unit-10);
}
.gap-6{
    row-gap: var(--pl-unit-12);
    column-gap: var(--pl-unit-12);
}
.vgap-6{
    column-gap: var(--pl-unit-12);
}
.hgap-6{
    row-gap: var(--pl-unit-12);
}

/* #Gap Setting End */


/* #Padding, #Margin Setting Start */

.mt-auto {
    margin-top: auto;
}

.mb-auto {
    margin-bottom: auto;
}

.ms-auto {
    margin-left: auto;
}

.me-auto {
    margin-right: auto;
}

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.ms-0 {
    margin-left: 0;
}

.me-0 {
    margin-right: 0;
}

.mt-1 {
    margin-top: var(--pl-margin-1);
}

.mb-1 {
    margin-bottom: var(--pl-margin-1);
}

.ms-1 {
    margin-left: var(--pl-margin-1);
}

.me-1 {
    margin-right: var(--pl-margin-1);
}

.mt-2 {
    margin-top: var(--pl-margin-2);
}

.mb-2 {
    margin-bottom: var(--pl-margin-2);
}

.ms-2 {
    margin-left: var(--pl-margin-2);
}

.me-2 {
    margin-right: var(--pl-margin-2);
}

.mt-3 {
    margin-top: var(--pl-margin-3);
}

.mb-3 {
    margin-bottom: var(--pl-margin-3);
}

.ms-3 {
    margin-left: var(--pl-margin-3);
}

.me-3 {
    margin-right: var(--pl-margin-3);
}

.mt-4 {
    margin-top: var(--pl-margin-4);
}

.mb-4 {
    margin-bottom: var(--pl-margin-4);
}

.ms-4 {
    margin-left: var(--pl-margin-4);
}

.me-4 {
    margin-right: var(--pl-margin-4);
}

.mt-5 {
    margin-top: var(--pl-margin-5);
}

.mb-5 {
    margin-bottom: var(--pl-margin-5);
}

.ms-5 {
    margin-left: var(--pl-margin-5);
}

.me-5 {
    margin-right: var(--pl-margin-5);
}

.mt-6 {
    margin-top: var(--pl-margin-6);
}

.mb-6 {
    margin-bottom: var(--pl-margin-6);
}

.ms-6 {
    margin-left: var(--pl-margin-6);
}

.me-6 {
    margin-right: var(--pl-margin-6);
}

.m-auto {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
}

.m-0 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.m-1 {
    margin-top: var(--pl-margin-1);
    margin-bottom: var(--pl-margin-1);
    margin-left: var(--pl-margin-1);
    margin-right: var(--pl-margin-1);
}

.m-2 {
    margin-top: var(--pl-margin-2);
    margin-bottom: var(--pl-margin-2);
    margin-left: var(--pl-margin-2);
    margin-right: var(--pl-margin-2);
}

.m-3 {
    margin-top: var(--pl-margin-3);
    margin-bottom: var(--pl-margin-3);
    margin-left: var(--pl-margin-3);
    margin-right: var(--pl-margin-3);
}

.m-4 {
    margin-top: var(--pl-margin-4);
    margin-bottom: var(--pl-margin-4);
    margin-left: var(--pl-margin-4);
    margin-right: var(--pl-margin-4);
}

.m-5 {
    margin-top: var(--pl-margin-5);
    margin-bottom: var(--pl-margin-5);
    margin-left: var(--pl-margin-5);
    margin-right: var(--pl-margin-5);
}

.m-6 {
    margin-top: var(--pl-margin-6);
    margin-bottom: var(--pl-margin-6);
    margin-left: var(--pl-margin-6);
    margin-right: var(--pl-margin-6);
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.mx-1 {
    margin-left: var(--pl-margin-1);
    margin-right: var(--pl-margin-1);
}

.mx-2 {
    margin-left: var(--pl-margin-2);
    margin-right: var(--pl-margin-2);
}

.mx-3 {
    margin-left: var(--pl-margin-3);
    margin-right: var(--pl-margin-3);
}

.mx-4 {
    margin-left: var(--pl-margin-4);
    margin-right: var(--pl-margin-4);
}

.mx-5 {
    margin-left: var(--pl-margin-5);
    margin-right: var(--pl-margin-5);
}

.mx-6 {
    margin-left: var(--pl-margin-6);
    margin-right: var(--pl-margin-6);
}


.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.my-1 {
    margin-top: var(--pl-margin-1);
    margin-bottom: var(--pl-margin-1);
}

.my-2 {
    margin-top: var(--pl-margin-2);
    margin-bottom: var(--pl-margin-2);
}

.my-3 {
    margin-top: var(--pl-margin-3);
    margin-bottom: var(--pl-margin-3);
}

.my-4 {
    margin-top: var(--pl-margin-4);
    margin-bottom: var(--pl-margin-4);
}

.my-5 {
    margin-top: var(--pl-margin-5);
    margin-bottom: var(--pl-margin-5);
}

.my-6 {
    margin-top: var(--pl-margin-6);
    margin-bottom: var(--pl-margin-6);
}

.pt-auto {
    padding-top: auto;
}

.pb-auto {
    padding-bottom: auto;
}

.ps-auto {
    padding-left: auto;
}

.pe-auto {
    padding-right: auto;
}

.pt-0 {
    padding-top: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.ps-0 {
    padding-left: 0;
}

.pe-0 {
    padding-right: 0;
}

.pt-1 {
    padding-top: var(--pl-padding-1);
}

.pb-1 {
    padding-bottom: var(--pl-padding-1);
}

.ps-1 {
    padding-left: var(--pl-padding-1);
}

.pe-1 {
    padding-right: var(--pl-padding-1);
}

.pt-2 {
    padding-top: var(--pl-padding-2);
}

.pb-2 {
    padding-bottom: var(--pl-padding-2);
}

.ps-2 {
    padding-left: var(--pl-padding-2);
}

.pe-2 {
    padding-right: var(--pl-padding-2);
}

.pt-3 {
    padding-top: var(--pl-padding-3);
}

.pb-3 {
    padding-bottom: var(--pl-padding-3);
}

.ps-3 {
    padding-left: var(--pl-padding-3);
}

.pe-3 {
    padding-right: var(--pl-padding-3);
}

.pt-4 {
    padding-top: var(--pl-padding-4);
}

.pb-4 {
    padding-bottom: var(--pl-padding-4);
}

.ps-4 {
    padding-left: var(--pl-padding-4);
}

.pe-4 {
    padding-right: var(--pl-padding-4);
}

.pt-5 {
    padding-top: var(--pl-padding-5);
}

.pb-5 {
    padding-bottom: var(--pl-padding-5);
}

.ps-5 {
    padding-left: var(--pl-padding-5);
}

.pe-5 {
    padding-right: var(--pl-padding-5);
}

.pt-6 {
    padding-top: var(--pl-padding-6);
}

.pb-6 {
    padding-bottom: var(--pl-padding-6);
}

.ps-6 {
    padding-left: var(--pl-padding-6);
}

.pe-6 {
    padding-right: var(--pl-padding-6);
}

.p-auto {
    padding-top: auto;
    padding-bottom: auto;
    padding-left: auto;
    padding-right: auto;
}

.p-0 {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.p-1 {
    padding-top: var(--pl-padding-1);
    padding-bottom: var(--pl-padding-1);
    padding-left: var(--pl-padding-1);
    padding-right: var(--pl-padding-1);
}

.p-2 {
    padding-top: var(--pl-padding-2);
    padding-bottom: var(--pl-padding-2);
    padding-left: var(--pl-padding-2);
    padding-right: var(--pl-padding-2);
}

.p-3 {
    padding-top: var(--pl-padding-3);
    padding-bottom: var(--pl-padding-3);
    padding-left: var(--pl-padding-3);
    padding-right: var(--pl-padding-3);
}

.p-4 {
    padding-top: var(--pl-padding-4);
    padding-bottom: var(--pl-padding-4);
    padding-left: var(--pl-padding-4);
    padding-right: var(--pl-padding-4);
}

.p-5 {
    padding-top: var(--pl-padding-5);
    padding-bottom: var(--pl-padding-5);
    padding-left: var(--pl-padding-5);
    padding-right: var(--pl-padding-5);
}

.p-6 {
    padding-top: var(--pl-padding-6);
    padding-bottom: var(--pl-padding-6);
    padding-left: var(--pl-padding-6);
    padding-right: var(--pl-padding-6);
}

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

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

.px-1 {
    padding-left: var(--pl-padding-1);
    padding-right: var(--pl-padding-1);
}

.px-2 {
    padding-left: var(--pl-padding-2);
    padding-right: var(--pl-padding-2);
}

.px-3 {
    padding-left: var(--pl-padding-3);
    padding-right: var(--pl-padding-3);
}

.px-4 {
    padding-left: var(--pl-padding-4);
    padding-right: var(--pl-padding-4);
}

.px-5 {
    padding-left: var(--pl-padding-5);
    padding-right: var(--pl-padding-5);
}

.px-6 {
    padding-left: var(--pl-padding-6);
    padding-right: var(--pl-padding-6);
}


.py-auto {
    padding-top: auto;
    padding-bottom: auto;
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.py-1 {
    padding-top: var(--pl-padding-1);
    padding-bottom: var(--pl-padding-1);
}

.py-2 {
    padding-top: var(--pl-padding-2);
    padding-bottom: var(--pl-padding-2);
}

.py-3 {
    padding-top: var(--pl-padding-3);
    padding-bottom: var(--pl-padding-3);
}

.py-4 {
    padding-top: var(--pl-padding-4);
    padding-bottom: var(--pl-padding-4);
}

.py-5 {
    padding-top: var(--pl-padding-5);
    padding-bottom: var(--pl-padding-5);
}

.py-6 {
    padding-top: var(--pl-padding-6);
    padding-bottom: var(--pl-padding-6);
}

@media (min-width: 576px) {

    .mt-sm-auto {
        margin-top: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ms-sm-auto {
        margin-left: auto;
    }

    .me-sm-auto {
        margin-right: auto;
    }

    .mt-sm-0 {
        margin-top: 0;
    }

    .mb-sm-0 {
        margin-bottom: 0;
    }

    .ms-sm-0 {
        margin-left: 0;
    }

    .me-sm-0 {
        margin-right: 0;
    }

    .mt-sm-1 {
        margin-top: var(--pl-margin-1);
    }

    .mb-sm-1 {
        margin-bottom: var(--pl-margin-1);
    }

    .ms-sm-1 {
        margin-left: var(--pl-margin-1);
    }

    .me-sm-1 {
        margin-right: var(--pl-margin-1);
    }

    .mt-sm-2 {
        margin-top: var(--pl-margin-2);
    }

    .mb-sm-2 {
        margin-bottom: var(--pl-margin-2);
    }

    .ms-sm-2 {
        margin-left: var(--pl-margin-2);
    }

    .me-sm-2 {
        margin-right: var(--pl-margin-2);
    }

    .mt-sm-3 {
        margin-top: var(--pl-margin-3);
    }

    .mb-sm-3 {
        margin-bottom: var(--pl-margin-3);
    }

    .ms-sm-3 {
        margin-left: var(--pl-margin-3);
    }

    .me-sm-3 {
        margin-right: var(--pl-margin-3);
    }

    .mt-sm-4 {
        margin-top: var(--pl-margin-4);
    }

    .mb-sm-4 {
        margin-bottom: var(--pl-margin-4);
    }

    .ms-sm-4 {
        margin-left: var(--pl-margin-4);
    }

    .me-sm-4 {
        margin-right: var(--pl-margin-4);
    }

    .mt-sm-5 {
        margin-top: var(--pl-margin-5);
    }

    .mb-sm-5 {
        margin-bottom: var(--pl-margin-5);
    }

    .ms-sm-5 {
        margin-left: var(--pl-margin-5);
    }

    .me-sm-5 {
        margin-right: var(--pl-margin-5);
    }

    .mt-sm-6 {
        margin-top: var(--pl-margin-6);
    }

    .mb-sm-6 {
        margin-bottom: var(--pl-margin-6);
    }

    .ms-sm-6 {
        margin-left: var(--pl-margin-6);
    }

    .me-sm-6 {
        margin-right: var(--pl-margin-6);
    }

    .m-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .m-sm-0 {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .m-sm-1 {
        margin-top: var(--pl-margin-1);
        margin-bottom: var(--pl-margin-1);
        margin-left: var(--pl-margin-1);
        margin-right: var(--pl-margin-1);
    }

    .m-sm-2 {
        margin-top: var(--pl-margin-2);
        margin-bottom: var(--pl-margin-2);
        margin-left: var(--pl-margin-2);
        margin-right: var(--pl-margin-2);
    }

    .m-sm-3 {
        margin-top: var(--pl-margin-3);
        margin-bottom: var(--pl-margin-3);
        margin-left: var(--pl-margin-3);
        margin-right: var(--pl-margin-3);
    }

    .m-sm-4 {
        margin-top: var(--pl-margin-4);
        margin-bottom: var(--pl-margin-4);
        margin-left: var(--pl-margin-4);
        margin-right: var(--pl-margin-4);
    }

    .m-sm-5 {
        margin-top: var(--pl-margin-5);
        margin-bottom: var(--pl-margin-5);
        margin-left: var(--pl-margin-5);
        margin-right: var(--pl-margin-5);
    }

    .m-sm-6 {
        margin-top: var(--pl-margin-6);
        margin-bottom: var(--pl-margin-6);
        margin-left: var(--pl-margin-6);
        margin-right: var(--pl-margin-6);
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .mx-sm-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .mx-sm-1 {
        margin-left: var(--pl-margin-1);
        margin-right: var(--pl-margin-1);
    }

    .mx-sm-2 {
        margin-left: var(--pl-margin-2);
        margin-right: var(--pl-margin-2);
    }

    .mx-sm-3 {
        margin-left: var(--pl-margin-3);
        margin-right: var(--pl-margin-3);
    }

    .mx-sm-4 {
        margin-left: var(--pl-margin-4);
        margin-right: var(--pl-margin-4);
    }

    .mx-sm-5 {
        margin-left: var(--pl-margin-5);
        margin-right: var(--pl-margin-5);
    }

    .mx-sm-6 {
        margin-left: var(--pl-margin-6);
        margin-right: var(--pl-margin-6);
    }


    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .my-sm-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .my-sm-1 {
        margin-top: var(--pl-margin-1);
        margin-bottom: var(--pl-margin-1);
    }

    .my-sm-2 {
        margin-top: var(--pl-margin-2);
        margin-bottom: var(--pl-margin-2);
    }

    .my-sm-3 {
        margin-top: var(--pl-margin-3);
        margin-bottom: var(--pl-margin-3);
    }

    .my-sm-4 {
        margin-top: var(--pl-margin-4);
        margin-bottom: var(--pl-margin-4);
    }

    .my-sm-5 {
        margin-top: var(--pl-margin-5);
        margin-bottom: var(--pl-margin-5);
    }

    .my-sm-6 {
        margin-top: var(--pl-margin-6);
        margin-bottom: var(--pl-margin-6);
    }

    .pt-sm-auto {
        padding-top: auto;
    }

    .pb-sm-auto {
        padding-bottom: auto;
    }

    .ps-sm-auto {
        padding-left: auto;
    }

    .pe-sm-auto {
        padding-right: auto;
    }

    .pt-sm-0 {
        padding-top: 0;
    }

    .pb-sm-0 {
        padding-bottom: 0;
    }

    .ps-sm-0 {
        padding-left: 0;
    }

    .pe-sm-0 {
        padding-right: 0;
    }

    .pt-sm-1 {
        padding-top: var(--pl-padding-1);
    }

    .pb-sm-1 {
        padding-bottom: var(--pl-padding-1);
    }

    .ps-sm-1 {
        padding-left: var(--pl-padding-1);
    }

    .pe-sm-1 {
        padding-right: var(--pl-padding-1);
    }

    .pt-sm-2 {
        padding-top: var(--pl-padding-2);
    }

    .pb-sm-2 {
        padding-bottom: var(--pl-padding-2);
    }

    .ps-sm-2 {
        padding-left: var(--pl-padding-2);
    }

    .pe-sm-2 {
        padding-right: var(--pl-padding-2);
    }

    .pt-sm-3 {
        padding-top: var(--pl-padding-3);
    }

    .pb-sm-3 {
        padding-bottom: var(--pl-padding-3);
    }

    .ps-sm-3 {
        padding-left: var(--pl-padding-3);
    }

    .pe-sm-3 {
        padding-right: var(--pl-padding-3);
    }

    .pt-sm-4 {
        padding-top: var(--pl-padding-4);
    }

    .pb-sm-4 {
        padding-bottom: var(--pl-padding-4);
    }

    .ps-sm-4 {
        padding-left: var(--pl-padding-4);
    }

    .pe-sm-4 {
        padding-right: var(--pl-padding-4);
    }

    .pt-sm-5 {
        padding-top: var(--pl-padding-5);
    }

    .pb-sm-5 {
        padding-bottom: var(--pl-padding-5);
    }

    .ps-sm-5 {
        padding-left: var(--pl-padding-5);
    }

    .pe-sm-5 {
        padding-right: var(--pl-padding-5);
    }

    .pt-sm-6 {
        padding-top: var(--pl-padding-6);
    }

    .pb-sm-6 {
        padding-bottom: var(--pl-padding-6);
    }

    .ps-sm-6 {
        padding-left: var(--pl-padding-6);
    }

    .pe-sm-6 {
        padding-right: var(--pl-padding-6);
    }

    .p-sm-auto {
        padding-top: auto;
        padding-bottom: auto;
        padding-left: auto;
        padding-right: auto;
    }

    .p-sm-0 {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .p-sm-1 {
        padding-top: var(--pl-padding-1);
        padding-bottom: var(--pl-padding-1);
        padding-left: var(--pl-padding-1);
        padding-right: var(--pl-padding-1);
    }

    .p-sm-2 {
        padding-top: var(--pl-padding-2);
        padding-bottom: var(--pl-padding-2);
        padding-left: var(--pl-padding-2);
        padding-right: var(--pl-padding-2);
    }

    .p-sm-3 {
        padding-top: var(--pl-padding-3);
        padding-bottom: var(--pl-padding-3);
        padding-left: var(--pl-padding-3);
        padding-right: var(--pl-padding-3);
    }

    .p-sm-4 {
        padding-top: var(--pl-padding-4);
        padding-bottom: var(--pl-padding-4);
        padding-left: var(--pl-padding-4);
        padding-right: var(--pl-padding-4);
    }

    .p-sm-5 {
        padding-top: var(--pl-padding-5);
        padding-bottom: var(--pl-padding-5);
        padding-left: var(--pl-padding-5);
        padding-right: var(--pl-padding-5);
    }

    .p-sm-6 {
        padding-top: var(--pl-padding-6);
        padding-bottom: var(--pl-padding-6);
        padding-left: var(--pl-padding-6);
        padding-right: var(--pl-padding-6);
    }

    .px-sm-auto {
        padding-left: auto;
        padding-right: auto;
    }

    .px-sm-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .px-sm-1 {
        padding-left: var(--pl-padding-1);
        padding-right: var(--pl-padding-1);
    }

    .px-sm-2 {
        padding-left: var(--pl-padding-2);
        padding-right: var(--pl-padding-2);
    }

    .px-sm-3 {
        padding-left: var(--pl-padding-3);
        padding-right: var(--pl-padding-3);
    }

    .px-sm-4 {
        padding-left: var(--pl-padding-4);
        padding-right: var(--pl-padding-4);
    }

    .px-sm-5 {
        padding-left: var(--pl-padding-5);
        padding-right: var(--pl-padding-5);
    }

    .px-sm-6 {
        padding-left: var(--pl-padding-6);
        padding-right: var(--pl-padding-6);
    }


    .py-sm-auto {
        padding-top: auto;
        padding-bottom: auto;
    }

    .py-sm-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .py-sm-1 {
        padding-top: var(--pl-padding-1);
        padding-bottom: var(--pl-padding-1);
    }

    .py-sm-2 {
        padding-top: var(--pl-padding-2);
        padding-bottom: var(--pl-padding-2);
    }

    .py-sm-3 {
        padding-top: var(--pl-padding-3);
        padding-bottom: var(--pl-padding-3);
    }

    .py-sm-4 {
        padding-top: var(--pl-padding-4);
        padding-bottom: var(--pl-padding-4);
    }

    .py-sm-5 {
        padding-top: var(--pl-padding-5);
        padding-bottom: var(--pl-padding-5);
    }

    .py-sm-6 {
        padding-top: var(--pl-padding-6);
        padding-bottom: var(--pl-padding-6);
    }

}

@media (min-width: 768px) {

    .mt-md-auto {
        margin-top: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ms-md-auto {
        margin-left: auto;
    }

    .me-md-auto {
        margin-right: auto;
    }

    .mt-md-0 {
        margin-top: 0;
    }

    .mb-md-0 {
        margin-bottom: 0;
    }

    .ms-md-0 {
        margin-left: 0;
    }

    .me-md-0 {
        margin-right: 0;
    }

    .mt-md-1 {
        margin-top: var(--pl-margin-1);
    }

    .mb-md-1 {
        margin-bottom: var(--pl-margin-1);
    }

    .ms-md-1 {
        margin-left: var(--pl-margin-1);
    }

    .me-md-1 {
        margin-right: var(--pl-margin-1);
    }

    .mt-md-2 {
        margin-top: var(--pl-margin-2);
    }

    .mb-md-2 {
        margin-bottom: var(--pl-margin-2);
    }

    .ms-md-2 {
        margin-left: var(--pl-margin-2);
    }

    .me-md-2 {
        margin-right: var(--pl-margin-2);
    }

    .mt-md-3 {
        margin-top: var(--pl-margin-3);
    }

    .mb-md-3 {
        margin-bottom: var(--pl-margin-3);
    }

    .ms-md-3 {
        margin-left: var(--pl-margin-3);
    }

    .me-md-3 {
        margin-right: var(--pl-margin-3);
    }

    .mt-md-4 {
        margin-top: var(--pl-margin-4);
    }

    .mb-md-4 {
        margin-bottom: var(--pl-margin-4);
    }

    .ms-md-4 {
        margin-left: var(--pl-margin-4);
    }

    .me-md-4 {
        margin-right: var(--pl-margin-4);
    }

    .mt-md-5 {
        margin-top: var(--pl-margin-5);
    }

    .mb-md-5 {
        margin-bottom: var(--pl-margin-5);
    }

    .ms-md-5 {
        margin-left: var(--pl-margin-5);
    }

    .me-md-5 {
        margin-right: var(--pl-margin-5);
    }

    .mt-md-6 {
        margin-top: var(--pl-margin-6);
    }

    .mb-md-6 {
        margin-bottom: var(--pl-margin-6);
    }

    .ms-md-6 {
        margin-left: var(--pl-margin-6);
    }

    .me-md-6 {
        margin-right: var(--pl-margin-6);
    }

    .m-md-auto {
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .m-md-0 {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .m-md-1 {
        margin-top: var(--pl-margin-1);
        margin-bottom: var(--pl-margin-1);
        margin-left: var(--pl-margin-1);
        margin-right: var(--pl-margin-1);
    }

    .m-md-2 {
        margin-top: var(--pl-margin-2);
        margin-bottom: var(--pl-margin-2);
        margin-left: var(--pl-margin-2);
        margin-right: var(--pl-margin-2);
    }

    .m-md-3 {
        margin-top: var(--pl-margin-3);
        margin-bottom: var(--pl-margin-3);
        margin-left: var(--pl-margin-3);
        margin-right: var(--pl-margin-3);
    }

    .m-md-4 {
        margin-top: var(--pl-margin-4);
        margin-bottom: var(--pl-margin-4);
        margin-left: var(--pl-margin-4);
        margin-right: var(--pl-margin-4);
    }

    .m-md-5 {
        margin-top: var(--pl-margin-5);
        margin-bottom: var(--pl-margin-5);
        margin-left: var(--pl-margin-5);
        margin-right: var(--pl-margin-5);
    }

    .m-md-6 {
        margin-top: var(--pl-margin-6);
        margin-bottom: var(--pl-margin-6);
        margin-left: var(--pl-margin-6);
        margin-right: var(--pl-margin-6);
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .mx-md-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .mx-md-1 {
        margin-left: var(--pl-margin-1);
        margin-right: var(--pl-margin-1);
    }

    .mx-md-2 {
        margin-left: var(--pl-margin-2);
        margin-right: var(--pl-margin-2);
    }

    .mx-md-3 {
        margin-left: var(--pl-margin-3);
        margin-right: var(--pl-margin-3);
    }

    .mx-md-4 {
        margin-left: var(--pl-margin-4);
        margin-right: var(--pl-margin-4);
    }

    .mx-md-5 {
        margin-left: var(--pl-margin-5);
        margin-right: var(--pl-margin-5);
    }

    .mx-md-6 {
        margin-left: var(--pl-margin-6);
        margin-right: var(--pl-margin-6);
    }


    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .my-md-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .my-md-1 {
        margin-top: var(--pl-margin-1);
        margin-bottom: var(--pl-margin-1);
    }

    .my-md-2 {
        margin-top: var(--pl-margin-2);
        margin-bottom: var(--pl-margin-2);
    }

    .my-md-3 {
        margin-top: var(--pl-margin-3);
        margin-bottom: var(--pl-margin-3);
    }

    .my-md-4 {
        margin-top: var(--pl-margin-4);
        margin-bottom: var(--pl-margin-4);
    }

    .my-md-5 {
        margin-top: var(--pl-margin-5);
        margin-bottom: var(--pl-margin-5);
    }

    .my-md-6 {
        margin-top: var(--pl-margin-6);
        margin-bottom: var(--pl-margin-6);
    }

    .pt-md-auto {
        padding-top: auto;
    }

    .pb-md-auto {
        padding-bottom: auto;
    }

    .ps-md-auto {
        padding-left: auto;
    }

    .pe-md-auto {
        padding-right: auto;
    }

    .pt-md-0 {
        padding-top: 0;
    }

    .pb-md-0 {
        padding-bottom: 0;
    }

    .ps-md-0 {
        padding-left: 0;
    }

    .pe-md-0 {
        padding-right: 0;
    }

    .pt-md-1 {
        padding-top: var(--pl-padding-1);
    }

    .pb-md-1 {
        padding-bottom: var(--pl-padding-1);
    }

    .ps-md-1 {
        padding-left: var(--pl-padding-1);
    }

    .pe-md-1 {
        padding-right: var(--pl-padding-1);
    }

    .pt-md-2 {
        padding-top: var(--pl-padding-2);
    }

    .pb-md-2 {
        padding-bottom: var(--pl-padding-2);
    }

    .ps-md-2 {
        padding-left: var(--pl-padding-2);
    }

    .pe-md-2 {
        padding-right: var(--pl-padding-2);
    }

    .pt-md-3 {
        padding-top: var(--pl-padding-3);
    }

    .pb-md-3 {
        padding-bottom: var(--pl-padding-3);
    }

    .ps-md-3 {
        padding-left: var(--pl-padding-3);
    }

    .pe-md-3 {
        padding-right: var(--pl-padding-3);
    }

    .pt-md-4 {
        padding-top: var(--pl-padding-4);
    }

    .pb-md-4 {
        padding-bottom: var(--pl-padding-4);
    }

    .ps-md-4 {
        padding-left: var(--pl-padding-4);
    }

    .pe-md-4 {
        padding-right: var(--pl-padding-4);
    }

    .pt-md-5 {
        padding-top: var(--pl-padding-5);
    }

    .pb-md-5 {
        padding-bottom: var(--pl-padding-5);
    }

    .ps-md-5 {
        padding-left: var(--pl-padding-5);
    }

    .pe-md-5 {
        padding-right: var(--pl-padding-5);
    }

    .pt-md-6 {
        padding-top: var(--pl-padding-6);
    }

    .pb-md-6 {
        padding-bottom: var(--pl-padding-6);
    }

    .ps-md-6 {
        padding-left: var(--pl-padding-6);
    }

    .pe-md-6 {
        padding-right: var(--pl-padding-6);
    }

    .p-md-auto {
        padding-top: auto;
        padding-bottom: auto;
        padding-left: auto;
        padding-right: auto;
    }

    .p-md-0 {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .p-md-1 {
        padding-top: var(--pl-padding-1);
        padding-bottom: var(--pl-padding-1);
        padding-left: var(--pl-padding-1);
        padding-right: var(--pl-padding-1);
    }

    .p-md-2 {
        padding-top: var(--pl-padding-2);
        padding-bottom: var(--pl-padding-2);
        padding-left: var(--pl-padding-2);
        padding-right: var(--pl-padding-2);
    }

    .p-md-3 {
        padding-top: var(--pl-padding-3);
        padding-bottom: var(--pl-padding-3);
        padding-left: var(--pl-padding-3);
        padding-right: var(--pl-padding-3);
    }

    .p-md-4 {
        padding-top: var(--pl-padding-4);
        padding-bottom: var(--pl-padding-4);
        padding-left: var(--pl-padding-4);
        padding-right: var(--pl-padding-4);
    }

    .p-md-5 {
        padding-top: var(--pl-padding-5);
        padding-bottom: var(--pl-padding-5);
        padding-left: var(--pl-padding-5);
        padding-right: var(--pl-padding-5);
    }

    .p-md-6 {
        padding-top: var(--pl-padding-6);
        padding-bottom: var(--pl-padding-6);
        padding-left: var(--pl-padding-6);
        padding-right: var(--pl-padding-6);
    }

    .px-md-auto {
        padding-left: auto;
        padding-right: auto;
    }

    .px-md-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .px-md-1 {
        padding-left: var(--pl-padding-1);
        padding-right: var(--pl-padding-1);
    }

    .px-md-2 {
        padding-left: var(--pl-padding-2);
        padding-right: var(--pl-padding-2);
    }

    .px-md-3 {
        padding-left: var(--pl-padding-3);
        padding-right: var(--pl-padding-3);
    }

    .px-md-4 {
        padding-left: var(--pl-padding-4);
        padding-right: var(--pl-padding-4);
    }

    .px-md-5 {
        padding-left: var(--pl-padding-5);
        padding-right: var(--pl-padding-5);
    }

    .px-md-6 {
        padding-left: var(--pl-padding-6);
        padding-right: var(--pl-padding-6);
    }


    .py-md-auto {
        padding-top: auto;
        padding-bottom: auto;
    }

    .py-md-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .py-md-1 {
        padding-top: var(--pl-padding-1);
        padding-bottom: var(--pl-padding-1);
    }

    .py-md-2 {
        padding-top: var(--pl-padding-2);
        padding-bottom: var(--pl-padding-2);
    }

    .py-md-3 {
        padding-top: var(--pl-padding-3);
        padding-bottom: var(--pl-padding-3);
    }

    .py-md-4 {
        padding-top: var(--pl-padding-4);
        padding-bottom: var(--pl-padding-4);
    }

    .py-md-5 {
        padding-top: var(--pl-padding-5);
        padding-bottom: var(--pl-padding-5);
    }

    .py-md-6 {
        padding-top: var(--pl-padding-6);
        padding-bottom: var(--pl-padding-6);
    }

}

@media (min-width: 992px) {

    .mt-lg-auto {
        margin-top: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ms-lg-auto {
        margin-left: auto;
    }

    .me-lg-auto {
        margin-right: auto;
    }

    .mt-lg-0 {
        margin-top: 0;
    }

    .mb-lg-0 {
        margin-bottom: 0;
    }

    .ms-lg-0 {
        margin-left: 0;
    }

    .me-lg-0 {
        margin-right: 0;
    }

    .mt-lg-1 {
        margin-top: var(--pl-margin-1);
    }

    .mb-lg-1 {
        margin-bottom: var(--pl-margin-1);
    }

    .ms-lg-1 {
        margin-left: var(--pl-margin-1);
    }

    .me-lg-1 {
        margin-right: var(--pl-margin-1);
    }

    .mt-lg-2 {
        margin-top: var(--pl-margin-2);
    }

    .mb-lg-2 {
        margin-bottom: var(--pl-margin-2);
    }

    .ms-lg-2 {
        margin-left: var(--pl-margin-2);
    }

    .me-lg-2 {
        margin-right: var(--pl-margin-2);
    }

    .mt-lg-3 {
        margin-top: var(--pl-margin-3);
    }

    .mb-lg-3 {
        margin-bottom: var(--pl-margin-3);
    }

    .ms-lg-3 {
        margin-left: var(--pl-margin-3);
    }

    .me-lg-3 {
        margin-right: var(--pl-margin-3);
    }

    .mt-lg-4 {
        margin-top: var(--pl-margin-4);
    }

    .mb-lg-4 {
        margin-bottom: var(--pl-margin-4);
    }

    .ms-lg-4 {
        margin-left: var(--pl-margin-4);
    }

    .me-lg-4 {
        margin-right: var(--pl-margin-4);
    }

    .mt-lg-5 {
        margin-top: var(--pl-margin-5);
    }

    .mb-lg-5 {
        margin-bottom: var(--pl-margin-5);
    }

    .ms-lg-5 {
        margin-left: var(--pl-margin-5);
    }

    .me-lg-5 {
        margin-right: var(--pl-margin-5);
    }

    .mt-lg-6 {
        margin-top: var(--pl-margin-6);
    }

    .mb-lg-6 {
        margin-bottom: var(--pl-margin-6);
    }

    .ms-lg-6 {
        margin-left: var(--pl-margin-6);
    }

    .me-lg-6 {
        margin-right: var(--pl-margin-6);
    }

    .m-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .m-lg-0 {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .m-lg-1 {
        margin-top: var(--pl-margin-1);
        margin-bottom: var(--pl-margin-1);
        margin-left: var(--pl-margin-1);
        margin-right: var(--pl-margin-1);
    }

    .m-lg-2 {
        margin-top: var(--pl-margin-2);
        margin-bottom: var(--pl-margin-2);
        margin-left: var(--pl-margin-2);
        margin-right: var(--pl-margin-2);
    }

    .m-lg-3 {
        margin-top: var(--pl-margin-3);
        margin-bottom: var(--pl-margin-3);
        margin-left: var(--pl-margin-3);
        margin-right: var(--pl-margin-3);
    }

    .m-lg-4 {
        margin-top: var(--pl-margin-4);
        margin-bottom: var(--pl-margin-4);
        margin-left: var(--pl-margin-4);
        margin-right: var(--pl-margin-4);
    }

    .m-lg-5 {
        margin-top: var(--pl-margin-5);
        margin-bottom: var(--pl-margin-5);
        margin-left: var(--pl-margin-5);
        margin-right: var(--pl-margin-5);
    }

    .m-lg-6 {
        margin-top: var(--pl-margin-6);
        margin-bottom: var(--pl-margin-6);
        margin-left: var(--pl-margin-6);
        margin-right: var(--pl-margin-6);
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .mx-lg-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .mx-lg-1 {
        margin-left: var(--pl-margin-1);
        margin-right: var(--pl-margin-1);
    }

    .mx-lg-2 {
        margin-left: var(--pl-margin-2);
        margin-right: var(--pl-margin-2);
    }

    .mx-lg-3 {
        margin-left: var(--pl-margin-3);
        margin-right: var(--pl-margin-3);
    }

    .mx-lg-4 {
        margin-left: var(--pl-margin-4);
        margin-right: var(--pl-margin-4);
    }

    .mx-lg-5 {
        margin-left: var(--pl-margin-5);
        margin-right: var(--pl-margin-5);
    }

    .mx-lg-6 {
        margin-left: var(--pl-margin-6);
        margin-right: var(--pl-margin-6);
    }


    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .my-lg-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .my-lg-1 {
        margin-top: var(--pl-margin-1);
        margin-bottom: var(--pl-margin-1);
    }

    .my-lg-2 {
        margin-top: var(--pl-margin-2);
        margin-bottom: var(--pl-margin-2);
    }

    .my-lg-3 {
        margin-top: var(--pl-margin-3);
        margin-bottom: var(--pl-margin-3);
    }

    .my-lg-4 {
        margin-top: var(--pl-margin-4);
        margin-bottom: var(--pl-margin-4);
    }

    .my-lg-5 {
        margin-top: var(--pl-margin-5);
        margin-bottom: var(--pl-margin-5);
    }

    .my-lg-6 {
        margin-top: var(--pl-margin-6);
        margin-bottom: var(--pl-margin-6);
    }

    .pt-lg-auto {
        padding-top: auto;
    }

    .pb-lg-auto {
        padding-bottom: auto;
    }

    .ps-lg-auto {
        padding-left: auto;
    }

    .pe-lg-auto {
        padding-right: auto;
    }

    .pt-lg-0 {
        padding-top: 0;
    }

    .pb-lg-0 {
        padding-bottom: 0;
    }

    .ps-lg-0 {
        padding-left: 0;
    }

    .pe-lg-0 {
        padding-right: 0;
    }

    .pt-lg-1 {
        padding-top: var(--pl-padding-1);
    }

    .pb-lg-1 {
        padding-bottom: var(--pl-padding-1);
    }

    .ps-lg-1 {
        padding-left: var(--pl-padding-1);
    }

    .pe-lg-1 {
        padding-right: var(--pl-padding-1);
    }

    .pt-lg-2 {
        padding-top: var(--pl-padding-2);
    }

    .pb-lg-2 {
        padding-bottom: var(--pl-padding-2);
    }

    .ps-lg-2 {
        padding-left: var(--pl-padding-2);
    }

    .pe-lg-2 {
        padding-right: var(--pl-padding-2);
    }

    .pt-lg-3 {
        padding-top: var(--pl-padding-3);
    }

    .pb-lg-3 {
        padding-bottom: var(--pl-padding-3);
    }

    .ps-lg-3 {
        padding-left: var(--pl-padding-3);
    }

    .pe-lg-3 {
        padding-right: var(--pl-padding-3);
    }

    .pt-lg-4 {
        padding-top: var(--pl-padding-4);
    }

    .pb-lg-4 {
        padding-bottom: var(--pl-padding-4);
    }

    .ps-lg-4 {
        padding-left: var(--pl-padding-4);
    }

    .pe-lg-4 {
        padding-right: var(--pl-padding-4);
    }

    .pt-lg-5 {
        padding-top: var(--pl-padding-5);
    }

    .pb-lg-5 {
        padding-bottom: var(--pl-padding-5);
    }

    .ps-lg-5 {
        padding-left: var(--pl-padding-5);
    }

    .pe-lg-5 {
        padding-right: var(--pl-padding-5);
    }

    .pt-lg-6 {
        padding-top: var(--pl-padding-6);
    }

    .pb-lg-6 {
        padding-bottom: var(--pl-padding-6);
    }

    .ps-lg-6 {
        padding-left: var(--pl-padding-6);
    }

    .pe-lg-6 {
        padding-right: var(--pl-padding-6);
    }

    .p-lg-auto {
        padding-top: auto;
        padding-bottom: auto;
        padding-left: auto;
        padding-right: auto;
    }

    .p-lg-0 {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .p-lg-1 {
        padding-top: var(--pl-padding-1);
        padding-bottom: var(--pl-padding-1);
        padding-left: var(--pl-padding-1);
        padding-right: var(--pl-padding-1);
    }

    .p-lg-2 {
        padding-top: var(--pl-padding-2);
        padding-bottom: var(--pl-padding-2);
        padding-left: var(--pl-padding-2);
        padding-right: var(--pl-padding-2);
    }

    .p-lg-3 {
        padding-top: var(--pl-padding-3);
        padding-bottom: var(--pl-padding-3);
        padding-left: var(--pl-padding-3);
        padding-right: var(--pl-padding-3);
    }

    .p-lg-4 {
        padding-top: var(--pl-padding-4);
        padding-bottom: var(--pl-padding-4);
        padding-left: var(--pl-padding-4);
        padding-right: var(--pl-padding-4);
    }

    .p-lg-5 {
        padding-top: var(--pl-padding-5);
        padding-bottom: var(--pl-padding-5);
        padding-left: var(--pl-padding-5);
        padding-right: var(--pl-padding-5);
    }

    .p-lg-6 {
        padding-top: var(--pl-padding-6);
        padding-bottom: var(--pl-padding-6);
        padding-left: var(--pl-padding-6);
        padding-right: var(--pl-padding-6);
    }

    .px-lg-auto {
        padding-left: auto;
        padding-right: auto;
    }

    .px-lg-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .px-lg-1 {
        padding-left: var(--pl-padding-1);
        padding-right: var(--pl-padding-1);
    }

    .px-lg-2 {
        padding-left: var(--pl-padding-2);
        padding-right: var(--pl-padding-2);
    }

    .px-lg-3 {
        padding-left: var(--pl-padding-3);
        padding-right: var(--pl-padding-3);
    }

    .px-lg-4 {
        padding-left: var(--pl-padding-4);
        padding-right: var(--pl-padding-4);
    }

    .px-lg-5 {
        padding-left: var(--pl-padding-5);
        padding-right: var(--pl-padding-5);
    }

    .px-lg-6 {
        padding-left: var(--pl-padding-6);
        padding-right: var(--pl-padding-6);
    }


    .py-lg-auto {
        padding-top: auto;
        padding-bottom: auto;
    }

    .py-lg-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .py-lg-1 {
        padding-top: var(--pl-padding-1);
        padding-bottom: var(--pl-padding-1);
    }

    .py-lg-2 {
        padding-top: var(--pl-padding-2);
        padding-bottom: var(--pl-padding-2);
    }

    .py-lg-3 {
        padding-top: var(--pl-padding-3);
        padding-bottom: var(--pl-padding-3);
    }

    .py-lg-4 {
        padding-top: var(--pl-padding-4);
        padding-bottom: var(--pl-padding-4);
    }

    .py-lg-5 {
        padding-top: var(--pl-padding-5);
        padding-bottom: var(--pl-padding-5);
    }

    .py-lg-6 {
        padding-top: var(--pl-padding-6);
        padding-bottom: var(--pl-padding-6);
    }

}

@media (min-width: 1200px) {

    .mt-xl-auto {
        margin-top: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ms-xl-auto {
        margin-left: auto;
    }

    .me-xl-auto {
        margin-right: auto;
    }

    .mt-xl-0 {
        margin-top: 0;
    }

    .mb-xl-0 {
        margin-bottom: 0;
    }

    .ms-xl-0 {
        margin-left: 0;
    }

    .me-xl-0 {
        margin-right: 0;
    }

    .mt-xl-1 {
        margin-top: var(--pl-margin-1);
    }

    .mb-xl-1 {
        margin-bottom: var(--pl-margin-1);
    }

    .ms-xl-1 {
        margin-left: var(--pl-margin-1);
    }

    .me-xl-1 {
        margin-right: var(--pl-margin-1);
    }

    .mt-xl-2 {
        margin-top: var(--pl-margin-2);
    }

    .mb-xl-2 {
        margin-bottom: var(--pl-margin-2);
    }

    .ms-xl-2 {
        margin-left: var(--pl-margin-2);
    }

    .me-xl-2 {
        margin-right: var(--pl-margin-2);
    }

    .mt-xl-3 {
        margin-top: var(--pl-margin-3);
    }

    .mb-xl-3 {
        margin-bottom: var(--pl-margin-3);
    }

    .ms-xl-3 {
        margin-left: var(--pl-margin-3);
    }

    .me-xl-3 {
        margin-right: var(--pl-margin-3);
    }

    .mt-xl-4 {
        margin-top: var(--pl-margin-4);
    }

    .mb-xl-4 {
        margin-bottom: var(--pl-margin-4);
    }

    .ms-xl-4 {
        margin-left: var(--pl-margin-4);
    }

    .me-xl-4 {
        margin-right: var(--pl-margin-4);
    }

    .mt-xl-5 {
        margin-top: var(--pl-margin-5);
    }

    .mb-xl-5 {
        margin-bottom: var(--pl-margin-5);
    }

    .ms-xl-5 {
        margin-left: var(--pl-margin-5);
    }

    .me-xl-5 {
        margin-right: var(--pl-margin-5);
    }

    .mt-xl-6 {
        margin-top: var(--pl-margin-6);
    }

    .mb-xl-6 {
        margin-bottom: var(--pl-margin-6);
    }

    .ms-xl-6 {
        margin-left: var(--pl-margin-6);
    }

    .me-xl-6 {
        margin-right: var(--pl-margin-6);
    }

    .m-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .m-xl-0 {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .m-xl-1 {
        margin-top: var(--pl-margin-1);
        margin-bottom: var(--pl-margin-1);
        margin-left: var(--pl-margin-1);
        margin-right: var(--pl-margin-1);
    }

    .m-xl-2 {
        margin-top: var(--pl-margin-2);
        margin-bottom: var(--pl-margin-2);
        margin-left: var(--pl-margin-2);
        margin-right: var(--pl-margin-2);
    }

    .m-xl-3 {
        margin-top: var(--pl-margin-3);
        margin-bottom: var(--pl-margin-3);
        margin-left: var(--pl-margin-3);
        margin-right: var(--pl-margin-3);
    }

    .m-xl-4 {
        margin-top: var(--pl-margin-4);
        margin-bottom: var(--pl-margin-4);
        margin-left: var(--pl-margin-4);
        margin-right: var(--pl-margin-4);
    }

    .m-xl-5 {
        margin-top: var(--pl-margin-5);
        margin-bottom: var(--pl-margin-5);
        margin-left: var(--pl-margin-5);
        margin-right: var(--pl-margin-5);
    }

    .m-xl-6 {
        margin-top: var(--pl-margin-6);
        margin-bottom: var(--pl-margin-6);
        margin-left: var(--pl-margin-6);
        margin-right: var(--pl-margin-6);
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .mx-xl-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .mx-xl-1 {
        margin-left: var(--pl-margin-1);
        margin-right: var(--pl-margin-1);
    }

    .mx-xl-2 {
        margin-left: var(--pl-margin-2);
        margin-right: var(--pl-margin-2);
    }

    .mx-xl-3 {
        margin-left: var(--pl-margin-3);
        margin-right: var(--pl-margin-3);
    }

    .mx-xl-4 {
        margin-left: var(--pl-margin-4);
        margin-right: var(--pl-margin-4);
    }

    .mx-xl-5 {
        margin-left: var(--pl-margin-5);
        margin-right: var(--pl-margin-5);
    }

    .mx-xl-6 {
        margin-left: var(--pl-margin-6);
        margin-right: var(--pl-margin-6);
    }


    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .my-xl-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .my-xl-1 {
        margin-top: var(--pl-margin-1);
        margin-bottom: var(--pl-margin-1);
    }

    .my-xl-2 {
        margin-top: var(--pl-margin-2);
        margin-bottom: var(--pl-margin-2);
    }

    .my-xl-3 {
        margin-top: var(--pl-margin-3);
        margin-bottom: var(--pl-margin-3);
    }

    .my-xl-4 {
        margin-top: var(--pl-margin-4);
        margin-bottom: var(--pl-margin-4);
    }

    .my-xl-5 {
        margin-top: var(--pl-margin-5);
        margin-bottom: var(--pl-margin-5);
    }

    .my-xl-6 {
        margin-top: var(--pl-margin-6);
        margin-bottom: var(--pl-margin-6);
    }

    .pt-xl-auto {
        padding-top: auto;
    }

    .pb-xl-auto {
        padding-bottom: auto;
    }

    .ps-xl-auto {
        padding-left: auto;
    }

    .pe-xl-auto {
        padding-right: auto;
    }

    .pt-xl-0 {
        padding-top: 0;
    }

    .pb-xl-0 {
        padding-bottom: 0;
    }

    .ps-xl-0 {
        padding-left: 0;
    }

    .pe-xl-0 {
        padding-right: 0;
    }

    .pt-xl-1 {
        padding-top: var(--pl-padding-1);
    }

    .pb-xl-1 {
        padding-bottom: var(--pl-padding-1);
    }

    .ps-xl-1 {
        padding-left: var(--pl-padding-1);
    }

    .pe-xl-1 {
        padding-right: var(--pl-padding-1);
    }

    .pt-xl-2 {
        padding-top: var(--pl-padding-2);
    }

    .pb-xl-2 {
        padding-bottom: var(--pl-padding-2);
    }

    .ps-xl-2 {
        padding-left: var(--pl-padding-2);
    }

    .pe-xl-2 {
        padding-right: var(--pl-padding-2);
    }

    .pt-xl-3 {
        padding-top: var(--pl-padding-3);
    }

    .pb-xl-3 {
        padding-bottom: var(--pl-padding-3);
    }

    .ps-xl-3 {
        padding-left: var(--pl-padding-3);
    }

    .pe-xl-3 {
        padding-right: var(--pl-padding-3);
    }

    .pt-xl-4 {
        padding-top: var(--pl-padding-4);
    }

    .pb-xl-4 {
        padding-bottom: var(--pl-padding-4);
    }

    .ps-xl-4 {
        padding-left: var(--pl-padding-4);
    }

    .pe-xl-4 {
        padding-right: var(--pl-padding-4);
    }

    .pt-xl-5 {
        padding-top: var(--pl-padding-5);
    }

    .pb-xl-5 {
        padding-bottom: var(--pl-padding-5);
    }

    .ps-xl-5 {
        padding-left: var(--pl-padding-5);
    }

    .pe-xl-5 {
        padding-right: var(--pl-padding-5);
    }

    .pt-xl-6 {
        padding-top: var(--pl-padding-6);
    }

    .pb-xl-6 {
        padding-bottom: var(--pl-padding-6);
    }

    .ps-xl-6 {
        padding-left: var(--pl-padding-6);
    }

    .pe-xl-6 {
        padding-right: var(--pl-padding-6);
    }

    .p-xl-auto {
        padding-top: auto;
        padding-bottom: auto;
        padding-left: auto;
        padding-right: auto;
    }

    .p-xl-0 {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .p-xl-1 {
        padding-top: var(--pl-padding-1);
        padding-bottom: var(--pl-padding-1);
        padding-left: var(--pl-padding-1);
        padding-right: var(--pl-padding-1);
    }

    .p-xl-2 {
        padding-top: var(--pl-padding-2);
        padding-bottom: var(--pl-padding-2);
        padding-left: var(--pl-padding-2);
        padding-right: var(--pl-padding-2);
    }

    .p-xl-3 {
        padding-top: var(--pl-padding-3);
        padding-bottom: var(--pl-padding-3);
        padding-left: var(--pl-padding-3);
        padding-right: var(--pl-padding-3);
    }

    .p-xl-4 {
        padding-top: var(--pl-padding-4);
        padding-bottom: var(--pl-padding-4);
        padding-left: var(--pl-padding-4);
        padding-right: var(--pl-padding-4);
    }

    .p-xl-5 {
        padding-top: var(--pl-padding-5);
        padding-bottom: var(--pl-padding-5);
        padding-left: var(--pl-padding-5);
        padding-right: var(--pl-padding-5);
    }

    .p-xl-6 {
        padding-top: var(--pl-padding-6);
        padding-bottom: var(--pl-padding-6);
        padding-left: var(--pl-padding-6);
        padding-right: var(--pl-padding-6);
    }

    .px-xl-auto {
        padding-left: auto;
        padding-right: auto;
    }

    .px-xl-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .px-xl-1 {
        padding-left: var(--pl-padding-1);
        padding-right: var(--pl-padding-1);
    }

    .px-xl-2 {
        padding-left: var(--pl-padding-2);
        padding-right: var(--pl-padding-2);
    }

    .px-xl-3 {
        padding-left: var(--pl-padding-3);
        padding-right: var(--pl-padding-3);
    }

    .px-xl-4 {
        padding-left: var(--pl-padding-4);
        padding-right: var(--pl-padding-4);
    }

    .px-xl-5 {
        padding-left: var(--pl-padding-5);
        padding-right: var(--pl-padding-5);
    }

    .px-xl-6 {
        padding-left: var(--pl-padding-6);
        padding-right: var(--pl-padding-6);
    }


    .py-xl-auto {
        padding-top: auto;
        padding-bottom: auto;
    }

    .py-xl-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .py-xl-1 {
        padding-top: var(--pl-padding-1);
        padding-bottom: var(--pl-padding-1);
    }

    .py-xl-2 {
        padding-top: var(--pl-padding-2);
        padding-bottom: var(--pl-padding-2);
    }

    .py-xl-3 {
        padding-top: var(--pl-padding-3);
        padding-bottom: var(--pl-padding-3);
    }

    .py-xl-4 {
        padding-top: var(--pl-padding-4);
        padding-bottom: var(--pl-padding-4);
    }

    .py-xl-5 {
        padding-top: var(--pl-padding-5);
        padding-bottom: var(--pl-padding-5);
    }

    .py-xl-6 {
        padding-top: var(--pl-padding-6);
        padding-bottom: var(--pl-padding-6);
    }

}

@media (min-width: 1400px) {

    .mt-xxl-auto {
        margin-top: auto;
    }

    .mb-xxl-auto {
        margin-bottom: auto;
    }

    .ms-xxl-auto {
        margin-left: auto;
    }

    .me-xxl-auto {
        margin-right: auto;
    }

    .mt-xxl-0 {
        margin-top: 0;
    }

    .mb-xxl-0 {
        margin-bottom: 0;
    }

    .ms-xxl-0 {
        margin-left: 0;
    }

    .me-xxl-0 {
        margin-right: 0;
    }

    .mt-xxl-1 {
        margin-top: var(--pl-margin-1);
    }

    .mb-xxl-1 {
        margin-bottom: var(--pl-margin-1);
    }

    .ms-xxl-1 {
        margin-left: var(--pl-margin-1);
    }

    .me-xxl-1 {
        margin-right: var(--pl-margin-1);
    }

    .mt-xxl-2 {
        margin-top: var(--pl-margin-2);
    }

    .mb-xxl-2 {
        margin-bottom: var(--pl-margin-2);
    }

    .ms-xxl-2 {
        margin-left: var(--pl-margin-2);
    }

    .me-xxl-2 {
        margin-right: var(--pl-margin-2);
    }

    .mt-xxl-3 {
        margin-top: var(--pl-margin-3);
    }

    .mb-xxl-3 {
        margin-bottom: var(--pl-margin-3);
    }

    .ms-xxl-3 {
        margin-left: var(--pl-margin-3);
    }

    .me-xxl-3 {
        margin-right: var(--pl-margin-3);
    }

    .mt-xxl-4 {
        margin-top: var(--pl-margin-4);
    }

    .mb-xxl-4 {
        margin-bottom: var(--pl-margin-4);
    }

    .ms-xxl-4 {
        margin-left: var(--pl-margin-4);
    }

    .me-xxl-4 {
        margin-right: var(--pl-margin-4);
    }

    .mt-xxl-5 {
        margin-top: var(--pl-margin-5);
    }

    .mb-xxl-5 {
        margin-bottom: var(--pl-margin-5);
    }

    .ms-xxl-5 {
        margin-left: var(--pl-margin-5);
    }

    .me-xxl-5 {
        margin-right: var(--pl-margin-5);
    }

    .mt-xxl-6 {
        margin-top: var(--pl-margin-6);
    }

    .mb-xxl-6 {
        margin-bottom: var(--pl-margin-6);
    }

    .ms-xxl-6 {
        margin-left: var(--pl-margin-6);
    }

    .me-xxl-6 {
        margin-right: var(--pl-margin-6);
    }

    .m-xxl-auto {
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .m-xxl-0 {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .m-xxl-1 {
        margin-top: var(--pl-margin-1);
        margin-bottom: var(--pl-margin-1);
        margin-left: var(--pl-margin-1);
        margin-right: var(--pl-margin-1);
    }

    .m-xxl-2 {
        margin-top: var(--pl-margin-2);
        margin-bottom: var(--pl-margin-2);
        margin-left: var(--pl-margin-2);
        margin-right: var(--pl-margin-2);
    }

    .m-xxl-3 {
        margin-top: var(--pl-margin-3);
        margin-bottom: var(--pl-margin-3);
        margin-left: var(--pl-margin-3);
        margin-right: var(--pl-margin-3);
    }

    .m-xxl-4 {
        margin-top: var(--pl-margin-4);
        margin-bottom: var(--pl-margin-4);
        margin-left: var(--pl-margin-4);
        margin-right: var(--pl-margin-4);
    }

    .m-xxl-5 {
        margin-top: var(--pl-margin-5);
        margin-bottom: var(--pl-margin-5);
        margin-left: var(--pl-margin-5);
        margin-right: var(--pl-margin-5);
    }

    .m-xxl-6 {
        margin-top: var(--pl-margin-6);
        margin-bottom: var(--pl-margin-6);
        margin-left: var(--pl-margin-6);
        margin-right: var(--pl-margin-6);
    }

    .mx-xxl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .mx-xxl-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .mx-xxl-1 {
        margin-left: var(--pl-margin-1);
        margin-right: var(--pl-margin-1);
    }

    .mx-xxl-2 {
        margin-left: var(--pl-margin-2);
        margin-right: var(--pl-margin-2);
    }

    .mx-xxl-3 {
        margin-left: var(--pl-margin-3);
        margin-right: var(--pl-margin-3);
    }

    .mx-xxl-4 {
        margin-left: var(--pl-margin-4);
        margin-right: var(--pl-margin-4);
    }

    .mx-xxl-5 {
        margin-left: var(--pl-margin-5);
        margin-right: var(--pl-margin-5);
    }

    .mx-xxl-6 {
        margin-left: var(--pl-margin-6);
        margin-right: var(--pl-margin-6);
    }


    .my-xxl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .my-xxl-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .my-xxl-1 {
        margin-top: var(--pl-margin-1);
        margin-bottom: var(--pl-margin-1);
    }

    .my-xxl-2 {
        margin-top: var(--pl-margin-2);
        margin-bottom: var(--pl-margin-2);
    }

    .my-xxl-3 {
        margin-top: var(--pl-margin-3);
        margin-bottom: var(--pl-margin-3);
    }

    .my-xxl-4 {
        margin-top: var(--pl-margin-4);
        margin-bottom: var(--pl-margin-4);
    }

    .my-xxl-5 {
        margin-top: var(--pl-margin-5);
        margin-bottom: var(--pl-margin-5);
    }

    .my-xxl-6 {
        margin-top: var(--pl-margin-6);
        margin-bottom: var(--pl-margin-6);
    }

    .pt-xxl-auto {
        padding-top: auto;
    }

    .pb-xxl-auto {
        padding-bottom: auto;
    }

    .ps-xxl-auto {
        padding-left: auto;
    }

    .pe-xxl-auto {
        padding-right: auto;
    }

    .pt-xxl-0 {
        padding-top: 0;
    }

    .pb-xxl-0 {
        padding-bottom: 0;
    }

    .ps-xxl-0 {
        padding-left: 0;
    }

    .pe-xxl-0 {
        padding-right: 0;
    }

    .pt-xxl-1 {
        padding-top: var(--pl-padding-1);
    }

    .pb-xxl-1 {
        padding-bottom: var(--pl-padding-1);
    }

    .ps-xxl-1 {
        padding-left: var(--pl-padding-1);
    }

    .pe-xxl-1 {
        padding-right: var(--pl-padding-1);
    }

    .pt-xxl-2 {
        padding-top: var(--pl-padding-2);
    }

    .pb-xxl-2 {
        padding-bottom: var(--pl-padding-2);
    }

    .ps-xxl-2 {
        padding-left: var(--pl-padding-2);
    }

    .pe-xxl-2 {
        padding-right: var(--pl-padding-2);
    }

    .pt-xxl-3 {
        padding-top: var(--pl-padding-3);
    }

    .pb-xxl-3 {
        padding-bottom: var(--pl-padding-3);
    }

    .ps-xxl-3 {
        padding-left: var(--pl-padding-3);
    }

    .pe-xxl-3 {
        padding-right: var(--pl-padding-3);
    }

    .pt-xxl-4 {
        padding-top: var(--pl-padding-4);
    }

    .pb-xxl-4 {
        padding-bottom: var(--pl-padding-4);
    }

    .ps-xxl-4 {
        padding-left: var(--pl-padding-4);
    }

    .pe-xxl-4 {
        padding-right: var(--pl-padding-4);
    }

    .pt-xxl-5 {
        padding-top: var(--pl-padding-5);
    }

    .pb-xxl-5 {
        padding-bottom: var(--pl-padding-5);
    }

    .ps-xxl-5 {
        padding-left: var(--pl-padding-5);
    }

    .pe-xxl-5 {
        padding-right: var(--pl-padding-5);
    }

    .pt-xxl-6 {
        padding-top: var(--pl-padding-6);
    }

    .pb-xxl-6 {
        padding-bottom: var(--pl-padding-6);
    }

    .ps-xxl-6 {
        padding-left: var(--pl-padding-6);
    }

    .pe-xxl-6 {
        padding-right: var(--pl-padding-6);
    }

    .p-xxl-auto {
        padding-top: auto;
        padding-bottom: auto;
        padding-left: auto;
        padding-right: auto;
    }

    .p-xxl-0 {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .p-xxl-1 {
        padding-top: var(--pl-padding-1);
        padding-bottom: var(--pl-padding-1);
        padding-left: var(--pl-padding-1);
        padding-right: var(--pl-padding-1);
    }

    .p-xxl-2 {
        padding-top: var(--pl-padding-2);
        padding-bottom: var(--pl-padding-2);
        padding-left: var(--pl-padding-2);
        padding-right: var(--pl-padding-2);
    }

    .p-xxl-3 {
        padding-top: var(--pl-padding-3);
        padding-bottom: var(--pl-padding-3);
        padding-left: var(--pl-padding-3);
        padding-right: var(--pl-padding-3);
    }

    .p-xxl-4 {
        padding-top: var(--pl-padding-4);
        padding-bottom: var(--pl-padding-4);
        padding-left: var(--pl-padding-4);
        padding-right: var(--pl-padding-4);
    }

    .p-xxl-5 {
        padding-top: var(--pl-padding-5);
        padding-bottom: var(--pl-padding-5);
        padding-left: var(--pl-padding-5);
        padding-right: var(--pl-padding-5);
    }

    .p-xxl-6 {
        padding-top: var(--pl-padding-6);
        padding-bottom: var(--pl-padding-6);
        padding-left: var(--pl-padding-6);
        padding-right: var(--pl-padding-6);
    }

    .px-xxl-auto {
        padding-left: auto;
        padding-right: auto;
    }

    .px-xxl-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .px-xxl-1 {
        padding-left: var(--pl-padding-1);
        padding-right: var(--pl-padding-1);
    }

    .px-xxl-2 {
        padding-left: var(--pl-padding-2);
        padding-right: var(--pl-padding-2);
    }

    .px-xxl-3 {
        padding-left: var(--pl-padding-3);
        padding-right: var(--pl-padding-3);
    }

    .px-xxl-4 {
        padding-left: var(--pl-padding-4);
        padding-right: var(--pl-padding-4);
    }

    .px-xxl-5 {
        padding-left: var(--pl-padding-5);
        padding-right: var(--pl-padding-5);
    }

    .px-xxl-6 {
        padding-left: var(--pl-padding-6);
        padding-right: var(--pl-padding-6);
    }


    .py-xxl-auto {
        padding-top: auto;
        padding-bottom: auto;
    }

    .py-xxl-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .py-xxl-1 {
        padding-top: var(--pl-padding-1);
        padding-bottom: var(--pl-padding-1);
    }

    .py-xxl-2 {
        padding-top: var(--pl-padding-2);
        padding-bottom: var(--pl-padding-2);
    }

    .py-xxl-3 {
        padding-top: var(--pl-padding-3);
        padding-bottom: var(--pl-padding-3);
    }

    .py-xxl-4 {
        padding-top: var(--pl-padding-4);
        padding-bottom: var(--pl-padding-4);
    }

    .py-xxl-5 {
        padding-top: var(--pl-padding-5);
        padding-bottom: var(--pl-padding-5);
    }

    .py-xxl-6 {
        padding-top: var(--pl-padding-6);
        padding-bottom: var(--pl-padding-6);
    }

}

/* #Padding, #Margin Setting End */


/**
 * WithMe Main base End
 */