@charset "UTF-8";

/* PLUGINS*/


/*!
 * Bootstrap v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Quicksand:wght@300;400;500;600;700&display=swap");
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6F356D;
    --pink: #F14281;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #6F356D;
    --secondary: #F14281;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #6F356D;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #3b1c3a;
    text-decoration: underline;
}

a:not([href]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):hover {
    color: inherit;
    text-decoration: none;
}

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[role=button] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1,
.h1 {
    font-size: 2.5rem;
}

h2,
.h2 {
    font-size: 2rem;
}

h3,
.h3 {
    font-size: 1.75rem;
}

h4,
.h4 {
    font-size: 1.5rem;
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
    font-size: 80%;
    font-weight: 400;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}

.blockquote-footer::before {
    content: "— ";
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-fluid2 {
    max-width: 100%;
    height: 100%;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 90%;
    color: #6c757d;
}

code {
    font-size: 87.5%;
    color: #F14281;
    word-wrap: break-word;
}

a>code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529;
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-sm,
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-md,
    .container-sm,
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px;
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%;
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%;
}

.row-cols-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%;
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%;
}

.row-cols-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

.offset-1 {
    margin-left: 8.3333333333%;
}

.offset-2 {
    margin-left: 16.6666666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.3333333333%;
}

.offset-5 {
    margin-left: 41.6666666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.3333333333%;
}

.offset-8 {
    margin-left: 66.6666666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.3333333333%;
}

.offset-11 {
    margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        order: -1;
    }
    .order-sm-last {
        order: 13;
    }
    .order-sm-0 {
        order: 0;
    }
    .order-sm-1 {
        order: 1;
    }
    .order-sm-2 {
        order: 2;
    }
    .order-sm-3 {
        order: 3;
    }
    .order-sm-4 {
        order: 4;
    }
    .order-sm-5 {
        order: 5;
    }
    .order-sm-6 {
        order: 6;
    }
    .order-sm-7 {
        order: 7;
    }
    .order-sm-8 {
        order: 8;
    }
    .order-sm-9 {
        order: 9;
    }
    .order-sm-10 {
        order: 10;
    }
    .order-sm-11 {
        order: 11;
    }
    .order-sm-12 {
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.3333333333%;
    }
    .offset-sm-2 {
        margin-left: 16.6666666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.3333333333%;
    }
    .offset-sm-5 {
        margin-left: 41.6666666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.3333333333%;
    }
    .offset-sm-8 {
        margin-left: 66.6666666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.3333333333%;
    }
    .offset-sm-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-md-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-md-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        order: -1;
    }
    .order-md-last {
        order: 13;
    }
    .order-md-0 {
        order: 0;
    }
    .order-md-1 {
        order: 1;
    }
    .order-md-2 {
        order: 2;
    }
    .order-md-3 {
        order: 3;
    }
    .order-md-4 {
        order: 4;
    }
    .order-md-5 {
        order: 5;
    }
    .order-md-6 {
        order: 6;
    }
    .order-md-7 {
        order: 7;
    }
    .order-md-8 {
        order: 8;
    }
    .order-md-9 {
        order: 9;
    }
    .order-md-10 {
        order: 10;
    }
    .order-md-11 {
        order: 11;
    }
    .order-md-12 {
        order: 12;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.3333333333%;
    }
    .offset-md-2 {
        margin-left: 16.6666666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.3333333333%;
    }
    .offset-md-5 {
        margin-left: 41.6666666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.3333333333%;
    }
    .offset-md-8 {
        margin-left: 66.6666666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.3333333333%;
    }
    .offset-md-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        order: -1;
    }
    .order-lg-last {
        order: 13;
    }
    .order-lg-0 {
        order: 0;
    }
    .order-lg-1 {
        order: 1;
    }
    .order-lg-2 {
        order: 2;
    }
    .order-lg-3 {
        order: 3;
    }
    .order-lg-4 {
        order: 4;
    }
    .order-lg-5 {
        order: 5;
    }
    .order-lg-6 {
        order: 6;
    }
    .order-lg-7 {
        order: 7;
    }
    .order-lg-8 {
        order: 8;
    }
    .order-lg-9 {
        order: 9;
    }
    .order-lg-10 {
        order: 10;
    }
    .order-lg-11 {
        order: 11;
    }
    .order-lg-12 {
        order: 12;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.3333333333%;
    }
    .offset-lg-2 {
        margin-left: 16.6666666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.3333333333%;
    }
    .offset-lg-5 {
        margin-left: 41.6666666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.3333333333%;
    }
    .offset-lg-8 {
        margin-left: 66.6666666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.3333333333%;
    }
    .offset-lg-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        order: -1;
    }
    .order-xl-last {
        order: 13;
    }
    .order-xl-0 {
        order: 0;
    }
    .order-xl-1 {
        order: 1;
    }
    .order-xl-2 {
        order: 2;
    }
    .order-xl-3 {
        order: 3;
    }
    .order-xl-4 {
        order: 4;
    }
    .order-xl-5 {
        order: 5;
    }
    .order-xl-6 {
        order: 6;
    }
    .order-xl-7 {
        order: 7;
    }
    .order-xl-8 {
        order: 8;
    }
    .order-xl-9 {
        order: 9;
    }
    .order-xl-10 {
        order: 10;
    }
    .order-xl-11 {
        order: 11;
    }
    .order-xl-12 {
        order: 12;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.3333333333%;
    }
    .offset-xl-2 {
        margin-left: 16.6666666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.3333333333%;
    }
    .offset-xl-5 {
        margin-left: 41.6666666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.3333333333%;
    }
    .offset-xl-8 {
        margin-left: 66.6666666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.3333333333%;
    }
    .offset-xl-11 {
        margin-left: 91.6666666667%;
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.table th,
.table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: #d7c6d6;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
    border-color: #b496b3;
}

.table-hover .table-primary:hover {
    background-color: #ccb7cb;
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #ccb7cb;
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
    background-color: #fbcadc;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
    border-color: #f89dbd;
}

.table-hover .table-secondary:hover {
    background-color: #f9b2cc;
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #f9b2cc;
}

.table-success,
.table-success>th,
.table-success>td {
    background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
    border-color: #8fd19e;
}

.table-hover .table-success:hover {
    background-color: #b1dfbb;
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb;
}

.table-info,
.table-info>th,
.table-info>td {
    background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
    border-color: #86cfda;
}

.table-hover .table-info:hover {
    background-color: #abdde5;
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5;
}

.table-warning,
.table-warning>th,
.table-warning>td {
    background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
    border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1;
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1;
}

.table-danger,
.table-danger>th,
.table-danger>td {
    background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
    border-color: #ed969e;
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7;
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7;
}

.table-light,
.table-light>th,
.table-light>td {
    background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
    border-color: #fbfcfc;
}

.table-hover .table-light:hover {
    background-color: #ececf6;
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6;
}

.table-dark,
.table-dark>th,
.table-dark>td {
    background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
    border-color: #95999c;
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe;
}

.table-active,
.table-active>th,
.table-active>td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table-dark {
    color: #fff;
    background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #454d55;
}

.table-dark.table-bordered {
    border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-sm>.table-bordered {
        border: 0;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-md>.table-bordered {
        border: 0;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-lg>.table-bordered {
        border: 0;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-xl>.table-bordered {
        border: 0;
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responsive>.table-bordered {
    border: 0;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: 0.15s ease-in-out;
    box-shadow: 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #b86bb6;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(111, 53, 109, 0.25);
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
}

.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

select.form-control[size],
select.form-control[multiple] {
    height: auto;
}

textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
    color: #6c757d;
}

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: 0.25rem;
}

.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
    display: block;
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: #28a745;
}

.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip,
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
    color: #28a745;
}

.was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-valid~.custom-control-label::before {
    border-color: #28a745;
}

.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-control-input.is-valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.custom-control-input.is-valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745;
}

.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label {
    border-color: #28a745;
}

.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}

.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
    display: block;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #dc3545;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
    color: #dc3545;
}

.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip,
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip {
    display: block;
}

.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label {
    color: #dc3545;
}

.was-validated .custom-control-input:invalid~.custom-control-label::before,
.custom-control-input.is-invalid~.custom-control-label::before {
    border-color: #dc3545;
}

.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
.custom-control-input.is-invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
.custom-control-input.is-invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545;
}

.was-validated .custom-file-input:invalid~.custom-file-label,
.custom-file-input.is-invalid~.custom-file-label {
    border-color: #dc3545;
}

.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.form-inline .form-check {
    width: 100%;
}

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .form-control-plaintext {
        display: inline-block;
    }
    .form-inline .input-group,
    .form-inline .custom-select {
        width: auto;
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center;
    }
    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none;
}

.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(111, 53, 109, 0.25);
}

.btn.disabled,
.btn:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #6F356D;
    border-color: #6F356D;
}

.btn-primary:hover {
    color: #fff;
    background-color: #552954;
    border-color: #4c254b;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #552954;
    border-color: #4c254b;
    box-shadow: 0 0 0 0.2rem rgba(133, 83, 131, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #6F356D;
    border-color: #6F356D;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #4c254b;
    border-color: #442043;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(133, 83, 131, 0.5);
}

.btn-secondary {
    color: #fff;
    background-color: #F14281;
    border-color: #F14281;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #ee1e69;
    border-color: #ed1361;
}

.btn-secondary:focus,
.btn-secondary.focus {
    color: #fff;
    background-color: #ee1e69;
    border-color: #ed1361;
    box-shadow: 0 0 0 0.2rem rgba(243, 94, 148, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #F14281;
    border-color: #F14281;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ed1361;
    border-color: #e2115c;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(243, 94, 148, 0.5);
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}

.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}

.btn-warning:focus,
.btn-warning.focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-light:focus,
.btn-light.focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.btn-dark:focus,
.btn-dark.focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
    color: #6F356D;
    border-color: #6F356D;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #6F356D;
    border-color: #6F356D;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(111, 53, 109, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #6F356D;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #6F356D;
    border-color: #6F356D;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(111, 53, 109, 0.5);
}

.btn-outline-secondary {
    color: #F14281;
    border-color: #F14281;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #F14281;
    border-color: #F14281;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(241, 66, 129, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #F14281;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #F14281;
    border-color: #F14281;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(241, 66, 129, 0.5);
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
    font-weight: 400;
    color: #6F356D;
    text-decoration: none;
}

.btn-link:hover {
    color: #3b1c3a;
    text-decoration: underline;
}

.btn-link:focus,
.btn-link.focus {
    text-decoration: underline;
}

.btn-link:disabled,
.btn-link.disabled {
    color: #6c757d;
    pointer-events: none;
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block+.btn-block {
    margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
    width: 100%;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-toggle::after {
    vertical-align: 0;
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}

.dropleft .dropdown-toggle::after {
    display: none;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #6F356D;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    flex: 1 1 auto;
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover {
    z-index: 1;
}

.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
    z-index: 1;
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.btn-toolbar .input-group {
    width: auto;
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child) {
    margin-left: -1px;
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%;
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: -1px;
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0;
}

.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-group>.form-control,
.input-group>.form-control-plaintext,
.input-group>.custom-select,
.input-group>.custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}

.input-group>.form-control+.form-control,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.custom-file,
.input-group>.form-control-plaintext+.form-control,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.custom-select+.form-control,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.custom-file,
.input-group>.custom-file+.form-control,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.custom-file {
    margin-left: -1px;
}

.input-group>.form-control:focus,
.input-group>.custom-select:focus,
.input-group>.custom-file .custom-file-input:focus~.custom-file-label {
    z-index: 3;
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4;
}

.input-group>.form-control:not(:last-child),
.input-group>.custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group>.form-control:not(:first-child),
.input-group>.custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group>.custom-file {
    display: flex;
    align-items: center;
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
    display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
    position: relative;
    z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
    z-index: 3;
}

.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+.btn {
    margin-left: -1px;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
    margin-top: 0;
}

.input-group-lg>.form-control:not(textarea),
.input-group-lg>.custom-select {
    height: calc(1.5em + 1rem + 2px);
}

.input-group-lg>.form-control,
.input-group-lg>.custom-select,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-append>.btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.input-group-sm>.form-control:not(textarea),
.input-group-sm>.custom-select {
    height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm>.form-control,
.input-group-sm>.custom-select,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-append>.btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem;
}

.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text,
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #6F356D;
    background-color: #6F356D;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(111, 53, 109, 0.25);
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #b86bb6;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #c98ec7;
    border-color: #c98ec7;
}

.custom-control-input[disabled]~.custom-control-label,
.custom-control-input:disabled~.custom-control-label {
    color: #6c757d;
}

.custom-control-input[disabled]~.custom-control-label::before,
.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9ecef;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #6F356D;
    background-color: #6F356D;
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(111, 53, 109, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(111, 53, 109, 0.5);
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(111, 53, 109, 0.5);
}

.custom-switch {
    padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none;
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(111, 53, 109, 0.5);
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-select:focus {
    border-color: #b86bb6;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(111, 53, 109, 0.25);
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none;
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef;
}

.custom-select::-ms-expand {
    display: none;
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    opacity: 0;
}

.custom-file-input:focus~.custom-file-label {
    border-color: #b86bb6;
    box-shadow: 0 0 0 0.2rem rgba(111, 53, 109, 0.25);
}

.custom-file-input[disabled]~.custom-file-label,
.custom-file-input:disabled~.custom-file-label {
    background-color: #e9ecef;
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse);
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-range:focus {
    outline: none;
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(111, 53, 109, 0.25);
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(111, 53, 109, 0.25);
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(111, 53, 109, 0.25);
}

.custom-range::-moz-focus-outer {
    border: 0;
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #6F356D;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #c98ec7;
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #6F356D;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none;
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #c98ec7;
}

.custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #6F356D;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none;
    }
}

.custom-range::-ms-thumb:active {
    background-color: #c98ec7;
}

.custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
    cursor: default;
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none;
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none;
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-pills .nav-link {
    border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #6F356D;
}

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0;
}

.navbar-expand .navbar-nav {
    flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl {
    flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}

.navbar-expand .navbar-toggler {
    display: none;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
    color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
    color: #fff;
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card>hr {
    margin-right: 0;
    margin-left: 0;
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit;
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link+.card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img,
.card-img-top,
.card-img-bottom {
    flex-shrink: 0;
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .card-deck .card {
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.card-group>.card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }
    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group>.card:not(:last-child) .card-img-top,
    .card-group>.card:not(:last-child) .card-header {
        border-top-right-radius: 0;
    }
    .card-group>.card:not(:last-child) .card-img-bottom,
    .card-group>.card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0;
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group>.card:not(:first-child) .card-img-top,
    .card-group>.card:not(:first-child) .card-header {
        border-top-left-radius: 0;
    }
    .card-group>.card:not(:first-child) .card-img-bottom,
    .card-group>.card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

.accordion>.card {
    overflow: hidden;
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.breadcrumb-item {
    display: flex;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.5rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/";
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #6c757d;
}

.pagination {
    display: flex;
    padding-left: 0;
    justify-content: flex-end;
    list-style: none;
    border-radius: 0.25rem;
}

.pagination .page-item {
    padding: 3px;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 1.2rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #6F356D;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    z-index: 2;
    color: #3b1c3a;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(111, 53, 109, 0.25);
}

.page-item:first-child .page-link,
.ctm-pagination .pagination .page-item .page-link:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link,
.ctm-pagination .pagination .page-item .page-link:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link,
.ctm-pagination .pagination .page-item .active.page-link .page-link {
    z-index: 3;
    color: #fff;
    background-color: #6F356D;
    border-color: #6F356D;
}

.page-item.disabled .page-link,
.ctm-pagination .pagination .page-item .disabled.page-link .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link,
.pagination-lg .ctm-pagination .pagination .page-item .page-link:first-child .page-link,
.ctm-pagination .pagination .page-item .pagination-lg .page-link:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link,
.pagination-lg .ctm-pagination .pagination .page-item .page-link:last-child .page-link,
.ctm-pagination .pagination .page-item .pagination-lg .page-link:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link,
.pagination-sm .ctm-pagination .pagination .page-item .page-link:first-child .page-link,
.ctm-pagination .pagination .page-item .pagination-sm .page-link:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link,
.pagination-sm .ctm-pagination .pagination .page-item .page-link:last-child .page-link,
.ctm-pagination .pagination .page-item .pagination-sm .page-link:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}

a.badge:hover,
a.badge:focus {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: #6F356D;
}

a.badge-primary:hover,
a.badge-primary:focus {
    color: #fff;
    background-color: #4c254b;
}

a.badge-primary:focus,
a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(111, 53, 109, 0.5);
}

.badge-secondary {
    color: #fff;
    background-color: #F14281;
}

a.badge-secondary:hover,
a.badge-secondary:focus {
    color: #fff;
    background-color: #ed1361;
}

a.badge-secondary:focus,
a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(241, 66, 129, 0.5);
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

a.badge-success:hover,
a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34;
}

a.badge-success:focus,
a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

a.badge-info:hover,
a.badge-info:focus {
    color: #fff;
    background-color: #117a8b;
}

a.badge-info:focus,
a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

a.badge-warning:hover,
a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
}

a.badge-warning:focus,
a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

a.badge-danger:hover,
a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130;
}

a.badge-danger:focus,
a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

a.badge-light:hover,
a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
}

a.badge-light:focus,
a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

a.badge-dark:hover,
a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124;
}

a.badge-dark:focus,
a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-primary {
    color: #3a1c39;
    background-color: #e2d7e2;
    border-color: #d7c6d6;
}

.alert-primary hr {
    border-top-color: #ccb7cb;
}

.alert-primary .alert-link {
    color: #180b17;
}

.alert-secondary {
    color: #7d2243;
    background-color: #fcd9e6;
    border-color: #fbcadc;
}

.alert-secondary hr {
    border-top-color: #f9b2cc;
}

.alert-secondary .alert-link {
    color: #55172e;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-success hr {
    border-top-color: #b1dfbb;
}

.alert-success .alert-link {
    color: #0b2e13;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-info hr {
    border-top-color: #abdde5;
}

.alert-info .alert-link {
    color: #062c33;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-warning hr {
    border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
    color: #533f03;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-danger hr {
    border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
    color: #491217;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686868;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-dark hr {
    border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
    color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #6F356D;
    transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none;
    }
}

.media {
    display: flex;
    align-items: flex-start;
}

.media-body {
    flex: 1;
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #6F356D;
    border-color: #6F356D;
}

.list-group-item+.list-group-item {
    border-top-width: 0;
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
}

.list-group-horizontal {
    flex-direction: row;
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0;
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

.list-group-flush {
    border-radius: 0;
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px;
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0;
}

.list-group-item-primary {
    color: #3a1c39;
    background-color: #d7c6d6;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #3a1c39;
    background-color: #ccb7cb;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #3a1c39;
    border-color: #3a1c39;
}

.list-group-item-secondary {
    color: #7d2243;
    background-color: #fbcadc;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #7d2243;
    background-color: #f9b2cc;
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #7d2243;
    border-color: #7d2243;
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724;
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460;
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404;
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24;
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}

.close:hover {
    color: #000;
    text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: 0.75;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}

a.close.disabled {
    pointer-events: none;
}

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: 0.25rem;
}

.toast:not(:last-child) {
    margin-bottom: 0.75rem;
}

.toast.showing {
    opacity: 1;
}

.toast.show {
    display: block;
    opacity: 1;
}

.toast.hide {
    display: none;
}

.toast-header {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast-body {
    padding: 0.75rem;
}

.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer>* {
    margin: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
    }
    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=top] {
    padding: 0.4rem 0;
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^=top] .arrow {
    bottom: 0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^=right] {
    padding: 0 0.4rem;
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^=right] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^=bottom] {
    padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^=bottom] .arrow {
    top: 0;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^=left] {
    padding: 0 0.4rem;
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^=left] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}

.popover .arrow::before,
.popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-popover-top,
.bs-popover-auto[x-placement^=top] {
    margin-bottom: 0.5rem;
}

.bs-popover-top>.arrow,
.bs-popover-auto[x-placement^=top]>.arrow {
    bottom: calc(-0.5rem - 1px);
}

.bs-popover-top>.arrow::before,
.bs-popover-auto[x-placement^=top]>.arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top>.arrow::after,
.bs-popover-auto[x-placement^=top]>.arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}

.bs-popover-right,
.bs-popover-auto[x-placement^=right] {
    margin-left: 0.5rem;
}

.bs-popover-right>.arrow,
.bs-popover-auto[x-placement^=right]>.arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-right>.arrow::before,
.bs-popover-auto[x-placement^=right]>.arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right>.arrow::after,
.bs-popover-auto[x-placement^=right]>.arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^=bottom] {
    margin-top: 0.5rem;
}

.bs-popover-bottom>.arrow,
.bs-popover-auto[x-placement^=bottom]>.arrow {
    top: calc(-0.5rem - 1px);
}

.bs-popover-bottom>.arrow::before,
.bs-popover-auto[x-placement^=bottom]>.arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom>.arrow::after,
.bs-popover-auto[x-placement^=bottom]>.arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left,
.bs-popover-auto[x-placement^=left] {
    margin-right: 0.5rem;
}

.bs-popover-left>.arrow,
.bs-popover-auto[x-placement^=left]>.arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-left>.arrow::before,
.bs-popover-auto[x-placement^=left]>.arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left>.arrow::after,
.bs-popover-auto[x-placement^=left]>.arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}

.carousel {
    position: relative;
}

.carousel.pointer-event {
    touch-action: pan-y;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: "";
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
    transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
    transform: translateX(-100%);
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: none;
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: none;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow 0.75s linear infinite;
    animation: spinner-grow 0.75s linear infinite;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.bg-primary {
    background-color: #6F356D !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #4c254b !important;
}

.bg-secondary {
    background-color: #F14281 !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #ed1361 !important;
}

.bg-success {
    background-color: #28a745 !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #1e7e34 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #117a8b !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #6F356D !important;
}

.border-secondary {
    border-color: #F14281 !important;
}

.border-success {
    border-color: #28a745 !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-white {
    border-color: #fff !important;
}

.rounded-sm {
    border-radius: 0.2rem !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: flex !important;
    }
    .d-print-inline-flex {
        display: inline-flex !important;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-21by9::before {
    padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }
    .flex-sm-column {
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-sm-fill {
        flex: 1 1 auto !important;
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        justify-content: center !important;
    }
    .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        justify-content: space-around !important;
    }
    .align-items-sm-start {
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        align-items: center !important;
    }
    .align-items-sm-baseline {
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        align-items: stretch !important;
    }
    .align-content-sm-start {
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-content-sm-between {
        align-content: space-between !important;
    }
    .align-content-sm-around {
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        align-self: auto !important;
    }
    .align-self-sm-start {
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
    .align-self-sm-baseline {
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-md-fill {
        flex: 1 1 auto !important;
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-md-start {
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        justify-content: center !important;
    }
    .justify-content-md-between {
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        justify-content: space-around !important;
    }
    .align-items-md-start {
        align-items: flex-start !important;
    }
    .align-items-md-end {
        align-items: flex-end !important;
    }
    .align-items-md-center {
        align-items: center !important;
    }
    .align-items-md-baseline {
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        align-items: stretch !important;
    }
    .align-content-md-start {
        align-content: flex-start !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-content-md-between {
        align-content: space-between !important;
    }
    .align-content-md-around {
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        align-content: stretch !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-start {
        align-self: flex-start !important;
    }
    .align-self-md-end {
        align-self: flex-end !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .align-self-md-baseline {
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-lg-fill {
        flex: 1 1 auto !important;
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-lg-start {
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        justify-content: center !important;
    }
    .justify-content-lg-between {
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        justify-content: space-around !important;
    }
    .align-items-lg-start {
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .align-items-lg-baseline {
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        align-items: stretch !important;
    }
    .align-content-lg-start {
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-content-lg-between {
        align-content: space-between !important;
    }
    .align-content-lg-around {
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-start {
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .align-self-lg-baseline {
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }
    .flex-xl-column {
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-xl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        justify-content: center !important;
    }
    .justify-content-xl-between {
        justify-content: space-between !important;
    }
    .justify-content-xl-around {
        justify-content: space-around !important;
    }
    .align-items-xl-start {
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        align-items: center !important;
    }
    .align-items-xl-baseline {
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        align-items: stretch !important;
    }
    .align-content-xl-start {
        align-content: flex-start !important;
    }
    .align-content-xl-end {
        align-content: flex-end !important;
    }
    .align-content-xl-center {
        align-content: center !important;
    }
    .align-content-xl-between {
        align-content: space-between !important;
    }
    .align-content-xl-around {
        align-content: space-around !important;
    }
    .align-content-xl-stretch {
        align-content: stretch !important;
    }
    .align-self-xl-auto {
        align-self: auto !important;
    }
    .align-self-xl-start {
        align-self: flex-start !important;
    }
    .align-self-xl-end {
        align-self: flex-end !important;
    }
    .align-self-xl-center {
        align-self: center !important;
    }
    .align-self-xl-baseline {
        align-self: baseline !important;
    }
    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }
    .float-sm-right {
        float: right !important;
    }
    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }
    .float-md-right {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }
    .float-lg-right {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }
    .float-xl-right {
        float: right !important;
    }
    .float-xl-none {
        float: none !important;
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important;
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

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

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

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

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

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

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

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

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

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

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

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 1rem !important;
}

.mt-1,
.my-1 {
    margin-top: 1rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 1rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 1rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 1rem !important;
}

.m-2 {
    margin: 2rem !important;
}

.mt-2,
.my-2 {
    margin-top: 2rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 2rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 2rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 2rem !important;
}

.m-3 {
    margin: 3rem !important;
}

.mt-3,
.my-3 {
    margin-top: 3rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 3rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 3rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 3rem !important;
}

.m-4 {
    margin: 4rem !important;
}

.mt-4,
.my-4 {
    margin-top: 4rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 4rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 4rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 4rem !important;
}

.m-5 {
    margin: 5rem !important;
}

.mt-5,
.my-5 {
    margin-top: 5rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 5rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 5rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 5rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 1rem !important;
}

.pt-1,
.py-1 {
    padding-top: 1rem !important;
}

.pr-1,
.px-1 {
    padding-right: 1rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 1rem !important;
}

.pl-1,
.px-1 {
    padding-left: 1rem !important;
}

.p-2 {
    padding: 2rem !important;
}

.pt-2,
.py-2 {
    padding-top: 2rem !important;
}

.pr-2,
.px-2 {
    padding-right: 2rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 2rem !important;
}

.pl-2,
.px-2 {
    padding-left: 2rem !important;
}

.p-3 {
    padding: 3rem !important;
}

.pt-3,
.py-3 {
    padding-top: 3rem !important;
}

.pr-3,
.px-3 {
    padding-right: 3rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 3rem !important;
}

.pl-3,
.px-3 {
    padding-left: 3rem !important;
}

.p-4 {
    padding: 4rem !important;
}

.pt-4,
.py-4 {
    padding-top: 4rem !important;
}

.pr-4,
.px-4 {
    padding-right: 4rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 4rem !important;
}

.pl-4,
.px-4 {
    padding-left: 4rem !important;
}

.p-5 {
    padding: 5rem !important;
}

.pt-5,
.py-5 {
    padding-top: 5rem !important;
}

.pr-5,
.px-5 {
    padding-right: 5rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 5rem !important;
}

.pl-5,
.px-5 {
    padding-left: 5rem !important;
}

.m-n1 {
    margin: -1rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -1rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -1rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -1rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -1rem !important;
}

.m-n2 {
    margin: -2rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -2rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -2rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -2rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -2rem !important;
}

.m-n3 {
    margin: -3rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -3rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -3rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -3rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -3rem !important;
}

.m-n4 {
    margin: -4rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -4rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -4rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -4rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -4rem !important;
}

.m-n5 {
    margin: -5rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -5rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -5rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -5rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -5rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }
    .m-sm-1 {
        margin: 1rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 1rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 1rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 1rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 1rem !important;
    }
    .m-sm-2 {
        margin: 2rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 2rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 2rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 2rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 2rem !important;
    }
    .m-sm-3 {
        margin: 3rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 3rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 3rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 3rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 3rem !important;
    }
    .m-sm-4 {
        margin: 4rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 4rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 4rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 4rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 4rem !important;
    }
    .m-sm-5 {
        margin: 5rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 5rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 5rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 5rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 5rem !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }
    .p-sm-1 {
        padding: 1rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 1rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 1rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 1rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 1rem !important;
    }
    .p-sm-2 {
        padding: 2rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 2rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 2rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 2rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 2rem !important;
    }
    .p-sm-3 {
        padding: 3rem !important;
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 3rem !important;
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 3rem !important;
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 3rem !important;
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 3rem !important;
    }
    .p-sm-4 {
        padding: 4rem !important;
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 4rem !important;
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 4rem !important;
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 4rem !important;
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 4rem !important;
    }
    .p-sm-5 {
        padding: 5rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 5rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 5rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 5rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 5rem !important;
    }
    .m-sm-n1 {
        margin: -1rem !important;
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -1rem !important;
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -1rem !important;
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -1rem !important;
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -1rem !important;
    }
    .m-sm-n2 {
        margin: -2rem !important;
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -2rem !important;
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -2rem !important;
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -2rem !important;
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -2rem !important;
    }
    .m-sm-n3 {
        margin: -3rem !important;
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -3rem !important;
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -3rem !important;
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -3rem !important;
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -3rem !important;
    }
    .m-sm-n4 {
        margin: -4rem !important;
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -4rem !important;
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -4rem !important;
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -4rem !important;
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -4rem !important;
    }
    .m-sm-n5 {
        margin: -5rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -5rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -5rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -5rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -5rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }
    .m-md-1 {
        margin: 1rem !important;
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 1rem !important;
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 1rem !important;
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 1rem !important;
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 1rem !important;
    }
    .m-md-2 {
        margin: 2rem !important;
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 2rem !important;
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 2rem !important;
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 2rem !important;
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 2rem !important;
    }
    .m-md-3 {
        margin: 3rem !important;
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 3rem !important;
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 3rem !important;
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 3rem !important;
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 3rem !important;
    }
    .m-md-4 {
        margin: 4rem !important;
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 4rem !important;
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 4rem !important;
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 4rem !important;
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 4rem !important;
    }
    .m-md-5 {
        margin: 5rem !important;
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 5rem !important;
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 5rem !important;
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 5rem !important;
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 5rem !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }
    .p-md-1 {
        padding: 1rem !important;
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 1rem !important;
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 1rem !important;
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 1rem !important;
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 1rem !important;
    }
    .p-md-2 {
        padding: 2rem !important;
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 2rem !important;
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 2rem !important;
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 2rem !important;
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 2rem !important;
    }
    .p-md-3 {
        padding: 3rem !important;
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 3rem !important;
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 3rem !important;
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 3rem !important;
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 3rem !important;
    }
    .p-md-4 {
        padding: 4rem !important;
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 4rem !important;
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 4rem !important;
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 4rem !important;
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 4rem !important;
    }
    .p-md-5 {
        padding: 5rem !important;
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 5rem !important;
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 5rem !important;
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 5rem !important;
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 5rem !important;
    }
    .m-md-n1 {
        margin: -1rem !important;
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -1rem !important;
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -1rem !important;
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -1rem !important;
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -1rem !important;
    }
    .m-md-n2 {
        margin: -2rem !important;
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -2rem !important;
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -2rem !important;
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -2rem !important;
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -2rem !important;
    }
    .m-md-n3 {
        margin: -3rem !important;
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -3rem !important;
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -3rem !important;
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -3rem !important;
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -3rem !important;
    }
    .m-md-n4 {
        margin: -4rem !important;
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -4rem !important;
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -4rem !important;
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -4rem !important;
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -4rem !important;
    }
    .m-md-n5 {
        margin: -5rem !important;
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -5rem !important;
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -5rem !important;
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -5rem !important;
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -5rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }
    .m-lg-1 {
        margin: 1rem !important;
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 1rem !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 1rem !important;
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 1rem !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 1rem !important;
    }
    .m-lg-2 {
        margin: 2rem !important;
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 2rem !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 2rem !important;
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 2rem !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 2rem !important;
    }
    .m-lg-3 {
        margin: 3rem !important;
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 3rem !important;
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 3rem !important;
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 3rem !important;
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 3rem !important;
    }
    .m-lg-4 {
        margin: 4rem !important;
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 4rem !important;
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 4rem !important;
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 4rem !important;
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 4rem !important;
    }
    .m-lg-5 {
        margin: 5rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 5rem !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 5rem !important;
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 5rem !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 5rem !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }
    .p-lg-1 {
        padding: 1rem !important;
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 1rem !important;
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 1rem !important;
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 1rem !important;
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 1rem !important;
    }
    .p-lg-2 {
        padding: 2rem !important;
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 2rem !important;
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 2rem !important;
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 2rem !important;
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 2rem !important;
    }
    .p-lg-3 {
        padding: 3rem !important;
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 3rem !important;
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 3rem !important;
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 3rem !important;
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 3rem !important;
    }
    .p-lg-4 {
        padding: 4rem !important;
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 4rem !important;
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 4rem !important;
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 4rem !important;
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 4rem !important;
    }
    .p-lg-5 {
        padding: 5rem !important;
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 5rem !important;
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 5rem !important;
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 5rem !important;
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 5rem !important;
    }
    .m-lg-n1 {
        margin: -1rem !important;
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -1rem !important;
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -1rem !important;
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -1rem !important;
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -1rem !important;
    }
    .m-lg-n2 {
        margin: -2rem !important;
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -2rem !important;
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -2rem !important;
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -2rem !important;
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -2rem !important;
    }
    .m-lg-n3 {
        margin: -3rem !important;
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -3rem !important;
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -3rem !important;
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -3rem !important;
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -3rem !important;
    }
    .m-lg-n4 {
        margin: -4rem !important;
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -4rem !important;
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -4rem !important;
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -4rem !important;
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -4rem !important;
    }
    .m-lg-n5 {
        margin: -5rem !important;
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -5rem !important;
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -5rem !important;
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -5rem !important;
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -5rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }
    .m-xl-1 {
        margin: 1rem !important;
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: 1rem !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 1rem !important;
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 1rem !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 1rem !important;
    }
    .m-xl-2 {
        margin: 2rem !important;
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: 2rem !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 2rem !important;
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 2rem !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 2rem !important;
    }
    .m-xl-3 {
        margin: 3rem !important;
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 3rem !important;
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 3rem !important;
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 3rem !important;
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 3rem !important;
    }
    .m-xl-4 {
        margin: 4rem !important;
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 4rem !important;
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 4rem !important;
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 4rem !important;
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 4rem !important;
    }
    .m-xl-5 {
        margin: 5rem !important;
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 5rem !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 5rem !important;
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 5rem !important;
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 5rem !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }
    .p-xl-1 {
        padding: 1rem !important;
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: 1rem !important;
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: 1rem !important;
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 1rem !important;
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: 1rem !important;
    }
    .p-xl-2 {
        padding: 2rem !important;
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: 2rem !important;
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: 2rem !important;
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 2rem !important;
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: 2rem !important;
    }
    .p-xl-3 {
        padding: 3rem !important;
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 3rem !important;
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 3rem !important;
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 3rem !important;
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 3rem !important;
    }
    .p-xl-4 {
        padding: 4rem !important;
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 4rem !important;
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 4rem !important;
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 4rem !important;
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 4rem !important;
    }
    .p-xl-5 {
        padding: 5rem !important;
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 5rem !important;
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 5rem !important;
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 5rem !important;
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 5rem !important;
    }
    .m-xl-n1 {
        margin: -1rem !important;
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -1rem !important;
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -1rem !important;
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -1rem !important;
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -1rem !important;
    }
    .m-xl-n2 {
        margin: -2rem !important;
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -2rem !important;
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -2rem !important;
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -2rem !important;
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -2rem !important;
    }
    .m-xl-n3 {
        margin: -3rem !important;
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -3rem !important;
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -3rem !important;
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -3rem !important;
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -3rem !important;
    }
    .m-xl-n4 {
        margin: -4rem !important;
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -4rem !important;
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -4rem !important;
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -4rem !important;
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -4rem !important;
    }
    .m-xl-n5 {
        margin: -5rem !important;
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -5rem !important;
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -5rem !important;
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -5rem !important;
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -5rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }
    .text-sm-right {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }
    .text-md-right {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }
    .text-lg-right {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }
    .text-xl-right {
        text-align: right !important;
    }
    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #6F356D !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #3b1c3a !important;
}

.text-secondary {
    color: #F14281 !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #d71057 !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:hover,
a.text-success:focus {
    color: #19692c !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:hover,
a.text-info:focus {
    color: #0f6674 !important;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #ba8b00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #a71d2a !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
    color: #cbd3da !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:hover,
a.text-dark:focus {
    color: #121416 !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-break {
    word-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }
    a:not(.btn) {
        text-decoration: underline;
    }
    abbr[title]::after {
        content: " (" attr(title) ")";
    }
    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    @page {
        size: a3;
    }
    body {
        min-width: 992px !important;
    }
    .container {
        min-width: 992px !important;
    }
    .navbar {
        display: none;
    }
    .badge {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
    }
    .table td,
    .table th {
        background-color: #fff !important;
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important;
    }
    .table-dark {
        color: inherit;
    }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody+tbody {
        border-color: #dee2e6;
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6;
    }
}


/* PARTIALS*/


/*++++++++++++++++++++++ ++++++++++++++++++++++ +++++++++++++++++++++*/


/*++++++++++++++++++++++ File Name : Varialbles +++++++++++++++++++++*/


/*F O N T  F A M I L I E S*/


/*
Flex Properties */

@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-Medium.woff2") format("woff2"), url("../fonts/Lato-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/*
Typography */

.font-family {
    font-family: "Montserrat", sans-serif;
    font-family: "Nunito", sans-serif;
    font-family: "Poppins", sans-serif;
    font-family: "Open Sans", sans-serif;
}


@font-face {
    font-family: "SparkyStonesRegular";
    src: url("../fonts/SparkyStonesRegular-BW6ld.ttf");
}

@font-face {
    font-family: "IndianaJonas";
    src: url("../fonts/Indiana-Jonas-48ip.ttf");
}

body {
    font-family: "Nunito", sans-serif;
    color: #212529;
    font-size: 16px;
}

input,
textarea,
select,
button {
    font-family: "Lato", sans-serif;
}

.lato-medium {
    font-family: "Lato";
    font-weight: 500;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Nunito", sans-serif;
    color: #000;
}

h1 {
    font-size: 60px;
    font-weight: 700;
}

h2 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
}

h3 {
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}

h3.sub-title {
    font-weight: 500;
    font-size: 26px;
    line-height: 26px;
}

h4 {
    font-size: 26px;
    line-height: 26px;
}

h5 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
}

p {
    font-size: 16px;
    font-weight: 300;
}

.uppercase {
    text-transform: uppercase;
}

.text_primary {
    color: #FDCF54;
}

.text_secondary {
    color: #FFEBBC;
}

.heading-outer {
    width: 100%;
    margin-bottom: 40px;
}

.heading-outer .heading-title {
    font-size: 36px;
    line-height: 34px;
    font-weight: 800;
    font-family: "Nunito", sans-serif;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.heading-outer p {
    font-family: "Lato";
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 0;
}

.heading-outer.heading-outer-white {
    color: #fff;
}

.heading-outer.heading-outer-white .heading-title {
    color: #fff;
}

.primary-headline {
    font-size: 3.6rem;
    font-weight: 800;
    font-family: "Nunito", sans-serif;
    line-height: 4.9rem;
    color: #000;
    margin-bottom: 1.4rem;
    text-transform: capitalize;
    text-align: center;
    color: rgb(234 65 96 / 80%);
    text-shadow: 0.25rem 0 0 #fff, -0.25rem 0 0 #fff, 0.35rem 0 0 #fff, -0.35rem 0 0 #fff, 0.45rem 0 0 #fff, -0.45rem 0 0 #fff, 0 0.25rem 0 #fff, 0 -0.25rem 0 #fff, 0 0.35rem 0 #fff, 0 -0.35rem 0 #fff, 0 0.45rem 0 #fff, 0 -0.45rem 0 #fff;
}

@media (max-width: 450px) {
    .primary-headline {
        font-size: 3rem;
        line-height: 4rem;
    }
}

header {
    padding: 2.5rem 0;
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: #fff;
    transition: padding 0.3s ease, box-shadow 0.3s ease;
}

/* Compact header when scrolled */
header.scrolled {
    padding: 1rem 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Disable sticky on mobile and small tablets to save screen space */
@media (max-width: 1023px) {
    header {
        position: relative;
    }
}

header .home-link {
    margin-left: 8rem;
}

@media (max-width: 1450px) {
    header .home-link {
        max-width: 34%;
    }
}

header .menu-icon {
    cursor: pointer;
    /* position: fixed; */
    z-index: 99;
    background-color: #FFEBBC;
    padding: 0.5rem;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 450px) {
    header .header-row {
        gap: 2rem;
    }
}

header .logo-block {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 18.6rem;
    height: 9.2rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
}

@media (max-width: 576px) {
    header .logo-block {
        max-width: 15.6rem;
        height: 7.2rem;
    }
}

@media (max-width: 290px) {
    header .logo-block {
        max-width: 12.6rem;
        height: 6.2rem;
    }
}

header .header-btnz {
    gap: 2rem 3.6rem;
}

@media (max-width: 576px) {
    header .header-btnz {
        gap: 2rem;
    }
}

@media (max-width: 450px) {
    header .header-btnz {
        margin-inline: auto;
    }
}

footer {
    height: 19.4rem;
    background-image: url("../img/footer-bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    position: relative;
}

footer .menu-block {
    position: absolute;
    top: -50px;
    left: 30px;
}

.footer-logo-us {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

footer .copy-sec {
    padding: 1.15rem 0;
    background: linear-gradient(to bottom, rgba(255, 236, 0, 0.89), rgba(251, 233, 21, 0.95));
}

footer .f-link {
    font-size: 2rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 2.7rem;
    color: #000;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    /* text-transform: capitalize; */
}

@media (max-width: 450px) {
    footer .f-link {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }
}

footer .f-link:hover,
footer .f-link.active,
footer .f-link:focus {
    color: rgba(0, 0, 0, 0.7);
}

.login-btn {
    font-size: 2rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 2.7rem;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 4.5rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
    background-image: url("../img/btn-bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 12.227rem;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

.login-btn:hover,
.login-btn.active,
.login-btn:active,
.login-btn:focus {
    color: #fff;
}

.login-btn span {
    max-width: 9rem;
}

.dd-btn {
    font-size: 1.8rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 2.2rem;
    color: #000;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 4.4rem;
    width: 100%;
    /* overflow: hidden; */
    border-radius: 50px;
    position: static;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 12.1rem;
    /* background-image: url("../img/btnSY.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
    border: 3px solid rgb(225 159 33 / 70%);
    position: relative;
    transition: ease all 0.5s;
    background-image: linear-gradient(to bottom, rgb(249 231 91), rgb(255 186 65));
}

.dd-btn-home {
    font-size: 1.8rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 2.2rem;
    color: #000;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 4.4rem;
    width: 100%;
    /* overflow: hidden; */
    border-radius: 50px;
    position: static;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 12.1rem;
    /* background-image: url("../img/btnSY.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
    border: 3px solid rgb(225 159 33 / 70%);
    position: relative;
    transition: ease all 0.5s;
    background-image: linear-gradient(to bottom, rgb(249 231 91), rgb(255 186 65));
}

.dd-btn:hover {
    background-image: linear-gradient(to bottom, rgb(255 186 65), rgb(249 231 91));
    transition: ease all 0.5s;
}

.dd-btn:after {
    position: absolute;
    content: '';
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    background: white;
    border-radius: 50px;
    z-index: -1;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 30%);
}

.dd-btn.add-btn {
    width: 18rem;
    height: 6.6rem;
    background-image: url("../img/add-btn.png");
    font-size: 2.4rem;
}

.dd-btn.newpaper {
    width: 18rem;
    height: 6.6rem;
    font-size: 2.4rem;
}

.news-dt-btnz-row .dd-btn.add-btn {
    width: 24rem;
    height: 8.7rem;
    background-image: url(../img/add-btn.png);
    font-size: 2.1rem;
}

.dd-btn.add-btn:hover {
    color: #fff;
}

.read-more-btn {
    font-size: 1.8rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 2.4rem;
    color: #0A2CEF;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

.read-more-btn:hover,
.read-more-btn.active {
    color: #FDCF54;
}

.primary-btn {
    max-width: 100%;
    height: 6.623rem;
    width: 100%;
    overflow: hidden;
    border-radius: 10rem;
    position: relative;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.41);
}

.primary-btn:hover span,
.primary-btn.active span {
    color: #fff;
}

.primary-btn:hover svg rect,
.primary-btn.active svg rect {
    fill: #000;
}

.primary-btn svg rect {
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

.primary-btn span {
    font-size: 3rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 4.1rem;
    color: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

@media (max-width: 450px) {
    .primary-btn span {
        font-size: 2.6rem;
        line-height: 3.7rem;
    }
}

.primary-btn.newspaper-bg {
    height: 8.623rem;
}

.primary-btn.newspaper-bg span {
    font-size: 3.8rem;
    line-height: 5.1rem;
}

.backarrow-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 7.2rem;
    height: 7.2rem;
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
    position: static;
}

.edit-save-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 7.9rem;
    min-width: 7.9rem;
    height: 7.3rem;
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
    position: static;
    overflow: visible;
    border-radius: 50px;
}

.custom-btn-uss-refreshh img {
    width: 43px;
}

.createBook-section .edit-save-btn {
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    background: white;
}

.createBook-section .edit-save-btn.active {
    background: #ffe4a5;
}

.createBook-section .edit-save-btn img {
    width: 45px;
}

.pad-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 6.7rem;
    height: 6.7rem;
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
    position: static;
}

.circle-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 3.8rem;
    height: 3.8rem;
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
    position: static;
    background-color: #FFEBBC;
    border: 1px solid #FDCF54;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
    min-width: 3.8rem;
}

@media (max-width: 450px) {
    .circle-btn>img {
        max-width: 55%;
    }
}

.circle-btn:hover,
.circle-btn.active {
    background-color: #FDCF54;
}

.paint-select-btn {
    max-width: 100%;
    height: 4.2rem;
    width: 100%;
    overflow: hidden;
    border-radius: 10rem;
    position: relative;
}

.paint-select-btn span {
    font-size: 1.6rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 2.2rem;
    color: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

@media (max-width: 450px) {
    .paint-select-btn span {
        font-size: 1.4rem;
        line-height: 2rem;
    }
}

.buynow-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 11.9rem;
    height: 4.4rem;
    width: 100%;
    overflow: hidden;
    border-radius: 10rem;
    position: static;
    background-image: url("../img/btnSY.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 1.3rem;
    font-weight: 900;
    font-family: "Nunito", sans-serif;
    line-height: 2.2rem;
    color: #000;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

.buynow-btn:hover {
    color: #fff;
}

.save-btn {
    max-width: 100%;
    height: 6.623rem;
    width: 100%;
    overflow: hidden;
    border-radius: 10rem;
    position: static;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
    font-size: 3rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 4.1rem;
    color: #000;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    padding: 0.5rem;
}

@media (max-width: 450px) {
    .save-btn {
        font-size: 2.6rem;
        line-height: 3.7rem;
    }
}

.save-btn .btn-inner {
    width: 100%;
    height: 100%;
}

.save-btn .btn-inner .btn-sub-inner {
    width: 100%;
    height: 100%;
    border-radius: 15rem;
    background-image: linear-gradient(to bottom, rgb(249 231 91), rgb(255 186 65));
    display: flex;
    border: 3px solid rgb(225 159 33 / 70%);
    justify-content: center;
    align-items: center;
}

.save-btn .btn-inner .btn-sub-inner:hover {
    background-image: linear-gradient(to bottom, rgb(255 186 65), rgb(249 231 91));
    transition: ease all 0.5s;
}


/* .save-btn:hover,
.save-btn.active {
    box-shadow: 0 0 6px rgba(253, 207, 84, 0.41);
    color: #fff;
} */

.save-btn.buy-now-btn {
    max-width: 70.5rem;
    margin-bottom: 3rem;
}

.btn-ctm-text {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 5rem;
    height: 5rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0.5rem;
    position: static;
    border: 1px solid #FDCF54;
    font-size: 2rem;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

.btn-ctm-text:hover,
.btn-ctm-text.active,
.btn-ctm-text:focus {
    background-color: #FDCF54;
}

.input-style {
    margin-bottom: 3.6rem;
}

.input-style .input-label {
    font-size: 3rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 4.1rem;
    color: #000;
    margin-bottom: 1.56rem;
    text-align: center;
    text-transform: capitalize;
    display: block;
}

@media (max-width: 450px) {
    .input-style .input-label {
        font-size: 2.6rem;
        line-height: 3.7rem;
    }
}

.input-style .ctm-input {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 6.623rem;
    width: 100%;
    overflow: hidden;
    border-radius: 10rem;
    position: static;
    font-size: 3rem;
    font-weight: 400;
    font-family: "Nunito", sans-serif;
    line-height: 4.1rem;
    color: #838688;
    border: 0;
    outline: 0;
    background-color: #eee;
    text-align: center;
    text-transform: capitalize;
    padding-inline: 3rem;
}

@media (max-width: 450px) {
    .input-style .ctm-input {
        font-size: 2.6rem;
        line-height: 3.7rem;
    }
}

.input-style .ctm-input::-moz-placeholder {
    font-size: 3rem;
    color: #838688;
}

.input-style .ctm-input:-ms-input-placeholder {
    font-size: 3rem;
    color: #838688;
}

.input-style .ctm-input::placeholder {
    font-size: 3rem;
    color: #838688;
}

.input-style .error {
    /* font-family: "Nunito", sans-serif;
    line-height: 2.4rem;
    color: #dc3545;
    text-align: center;
    margin-top: 0.5rem;
    display: block; */
}

.error-field {
    color: red;
    margin-left: 2rem;
    font-size: 1.8rem;
    font-weight: 400;
}

.common-input {
    margin-bottom: 2.76rem;
}

.common-input input {
    background-color: #fff;
    border: 1px dashed #999;
    border-radius: 0.5rem;
    height: 6.56rem;
    padding: 1.5rem 2rem;
    width: 100%;
    font-size: 2.5rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 3.4rem;
    color: #666666;
    /*text-transform: capitalize;*/
    outline: 0;
}

.common-input input::-moz-placeholder {
    font-size: 2.5rem;
    color: #666666;
    text-transform: capitalize;
}

.common-input input:-ms-input-placeholder {
    font-size: 2.5rem;
    color: #666666;
    text-transform: capitalize;
}

.common-input input::placeholder {
    font-size: 2.5rem;
    color: #666666;
    text-transform: capitalize;
}

.common-input textarea {
    background-color: #fff;
    border: 1px dashed #999;
    border-radius: 0.5rem;
    min-height: 34.8rem;
    padding: 1.5rem 2rem;
    width: 100%;
    font-size: 2.5rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 3.4rem;
    color: #666666;
    /*text-transform: capitalize;*/
    outline: 0;
}

.common-input textarea::-moz-placeholder {
    font-size: 2.5rem;
    color: #666666;
    text-transform: capitalize;
}

.common-input textarea:-ms-input-placeholder {
    font-size: 2.5rem;
    color: #666666;
    text-transform: capitalize;
}

.common-input textarea::placeholder {
    font-size: 2.5rem;
    color: #666666;
    text-transform: capitalize;
}

.custom-check {
    display: block;
    position: relative;
    padding-left: 3.5rem;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 2.2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.4rem;
    font-weight: 400;
    color: #212529;
    /* Hide the browser's default checkbox */
    /* Create a custom checkbox */
    /* On mouse-over, add a grey background color */
    /* When the checkbox is checked, add a blue background */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */
    /* Style the checkmark/indicator */
}

.custom-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.custom-check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 2.2rem;
    width: 2.2rem;
    background-color: none;
    border: 1px solid #000;
}

.custom-check input:checked~.checkmark {
    background-color: #FDCF54;
    border: 1px solid #FDCF54;
}

.custom-check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-check input:checked~.checkmark:after {
    display: block;
}

.custom-check .checkmark:after {
    left: 0.7rem;
    top: 0.3rem;
    width: 0.7rem;
    height: 1.2rem;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.rtl .custom-check {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    /* Create a custom checkbox */
    /* Style the checkmark/indicator */
}

.rtl .custom-check .checkmark {
    left: auto;
    right: 0;
}

.rtl .custom-check .checkmark:after {
    left: auto;
    right: 0.7rem;
}


/********************************************/

.custom-radio {
    display: block;
    position: relative;
    padding-left: 3.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    font-size: 2.2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.4rem;
    font-weight: 400;
    color: #212529;
    line-height: 1.9rem;
    /* Hide the browser's default radio button */
    /* Create a custom radio button */
    /* On mouse-over, add a grey background color */
    /* When the radio button is checked, add a blue background */
    /* Create the indicator (the dot/circle - hidden when not checked) */
    /* Show the indicator (dot/circle) when checked */
    /* Style the indicator (dot/circle) */
}

.custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.custom-radio .checkmark {
    position: absolute;
    top: -0.2rem;
    left: 0;
    height: 2.2rem;
    width: 2.2rem;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #FDCF54;
}

.custom-radio input:checked~.checkmark {
    border: 2px solid #FDCF54;
}

.custom-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-radio input:checked~.checkmark:after {
    display: block;
}

.custom-radio .checkmark:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: #FDCF54;
}

.pass-title {
    font-size: 2rem;
    font-weight: 600;
    color: #333333;
    margin-bottom: 1.2rem;
}

.size-radio {
    display: block;
    position: relative;
    height: 4rem;
    width: 4rem;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    margin: 0rem;
    margin-right: 1rem;
    /* Hide the browser's default radio button */
    /* Create a custom radio button */
    /* When the radio button is checked, add a blue background */
}

.size-radio:last-child {
    margin-right: 0rem;
}

.size-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    display: none;
}

.size-radio .checkmark {
    position: absolute;
    top: 0rem;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.size-radio input:checked~.checkmark {
    background: #FFEBBC;
    color: #fff;
    border: 1px solid #FFEBBC;
}

.rtl .size-radio {
    margin-right: 0rem;
    margin-left: 1rem;
}

.rtl .size-radio:last-child {
    margin-right: 0rem;
    margin-left: 1rem;
}

.color-radio {
    display: block;
    position: relative;
    height: 4rem;
    width: 4rem;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    margin: 0rem;
    margin-right: 1rem;
    /* Hide the browser's default radio button */
    /* Create a custom radio button */
    /* When the radio button is checked, add a blue background */
    /* Create the indicator (the dot/circle - hidden when not checked) */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */
    /* Style the checkmark/indicator */
}

.color-radio:last-child {
    margin-right: 0rem;
}

.color-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    display: none;
}

.color-radio .checkmark {
    position: absolute;
    top: 0rem;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 5px;
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.color-radio .checkmark img {
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%;
    height: 100%;
}

.color-radio input:checked~.checkmark {
    background: #FFEBBC;
    color: #fff;
}

.color-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.color-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.color-radio input:checked~.checkmark:after {
    display: block;
}

.color-radio .checkmark:after {
    left: 1.5rem;
    top: 0.8rem;
    width: 0.6em;
    height: 2.1rem;
    border: solid white;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
}

.rtl .color-radio {
    margin-right: 0rem;
    margin-left: 1rem;
}

.rtl .color-radio:last-child {
    margin-right: 0rem;
    margin-left: 1rem;
}

.box-shadow-login-book {
    background: #FFF2D4;
    max-width: 55.5rem;
    margin: 0 auto;
    padding: 5rem 3.6rem 9rem;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.0016);
    position: relative;
}

.login-inputs .label-input-login {
    margin-bottom: 0px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8rem;
    color: #000000;
    font-family: "Nunito", sans-serif !important;
    position: relative;
    top: 0.2rem;
}

.login-inputs .label-input-login .staric {
    color: #FF0000;
}

.login-inputs .input-style {
    border: 1px solid #707070;
    background: white;
    box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.0016);
    display: flex;
    flex-direction: column;
    padding: 0px 2rem;
    height: 5rem;
    margin-bottom: 1.5rem;
    justify-content: center;
}

.login-inputs .input-style .ctm-input-2 {
    background: transparent;
    border: none;
    outline: 0 !important;
}

.login-inputs .input-style .ctm-input-2::-moz-placeholder {
    font-size: 1.4rem;
    color: #000000;
    /*font-weight: 300;*/
}

.login-inputs .input-style .ctm-input-2:-ms-input-placeholder {
    font-size: 1.4rem;
    color: #000000;
    /*font-weight: 300;*/
}

.login-inputs .input-style .ctm-input-2::placeholder {
    font-size: 1.4rem;
    color: #000000;
    /*font-weight: 300;*/
}

.login-inputs .type-pass {
    display: flex;
    flex-direction: column;
    position: relative;
}

.login-inputs .type-pass .icon-eye {
    position: absolute;
    right: 0rem;
    top: 50%;
    transform: translateY(-50%);
}

.forgot-password a {
    font-size: 1.6rem;
    color: #000000;
    font-weight: 400;
}

.forgot-password a:hover {
    color: #FDCF54;
}

.login-button-us .save-btn {
    font-size: 2.3rem;
}

.dont-have-tittle {
    position: relative;
    z-index: 9;
}

.dont-have-tittle h2 {
    font-size: 1.6rem;
    color: #000;
    font-weight: 400;
    text-align: center;
}

.dont-have-tittle h2 a {
    color: #000;
    text-decoration: underline !important;
}

.dont-have-tittle h2 a:hover {
    color: #FDCF54;
    text-decoration: underline !important;
}

.login-top-tittless {
    margin-bottom: 5rem;
}

.login-top-tittless .tittle {
    font-size: 2.3rem;
    font-weight: 700;
    text-align: center;
    color: #000;
    margin-bottom: 1rem;
}

.login-top-tittless .sub-tittle {
    font-size: 1.4rem;
    font-weight: 300;
    text-align: center;
    color: #999;
}

.image-curve-bottom {
    background: url("../img/curve-image-login.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 12.5rem;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: -1;
}

.login-sec-alll {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.remember-me-login {
    margin-top: 1.2rem;
    margin-bottom: 2.5rem;
}

.remember-me-login .prvc {
    font-size: 1.6rem;
    font-weight: 400;
    color: #000;
    padding: 0px 3rem;
}

.remember-me-login .prvc a {
    font-weight: 700;
    text-decoration: underline !important;
    color: #000;
}

.remember-me-login .custom-check .checkmark {
    border-radius: 5px !important;
    top: 1px;
}

.characters-tabs {
    background-color: #fff;
    border-top-left-radius: 1.1rem;
    border-top-right-radius: 1.1rem;
    overflow: hidden;
    gap: 0.2rem;
}

@media (max-width: 385px) {
    .characters-tabs .nav-item {
        max-width: 49.7%;
        width: 100%;
    }
}

@media (max-width: 325px) {
    .characters-tabs .nav-item {
        max-width: 49.6%;
    }
}

.characters-tabs .nav-item .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 16.95rem;
    height: 6.6rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    font-size: 1.6rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 2.2rem;
    color: #000;
    text-transform: capitalize;
    min-width: 16.95rem;
    background-color: #FFE4A5;
}

@media (max-width: 991px) {
    .characters-tabs .nav-item .nav-link {
        max-width: 16rem;
        min-width: 16rem;
    }
}

@media (max-width: 576px) {
    .characters-tabs .nav-item .nav-link {
        max-width: 16.46rem;
        min-width: 16.46rem;
    }
}

@media (max-width: 450px) {
    .characters-tabs .nav-item .nav-link {
        max-width: 15.04rem;
        min-width: 15.04rem;
    }
}

@media (max-width: 385px) {
    .characters-tabs .nav-item .nav-link {
        max-width: 100%;
        min-width: 100%;
    }
}

.characters-tabs .nav-item .nav-link:hover,
.characters-tabs .nav-item .nav-link.active {
    background-color: #70C5CC;
    color: #fff;
}

.news-list-tabs {
    overflow-x: auto;
    margin-bottom: 6rem;
    column-gap: 150px;
    margin-bottom: 4rem !important;
}

@media (max-width: 450px) {
    .news-list-tabs {
        margin-bottom: 4rem;
    }
}

.news-list-tabs .nav-item {
    /*min-width: 36.8rem;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 450px) {
    .news-list-tabs .nav-item {
        /*min-width: 24.8rem;*/
    }
}

.news-list-tabs .nav-item .nav-link {
    font-size: 3.6rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 4.9rem;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 2.3rem;
    background-color: transparent;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    padding: 0 1rem;
}

@media (max-width: 450px) {
    .news-list-tabs .nav-item .nav-link {
        margin-bottom: 2.3rem;
    }
}

.news-list-tabs .nav-item .nav-link:hover,
.news-list-tabs .nav-item .nav-link.active {
    color: #FDCF54;
}

@media (max-width: 450px) {
    .ctm-pagination {
        justify-content: center !important;
    }
}

.ctm-pagination .pagination {
    gap: 0.68rem;
    align-items: center;
    border: 0;
    border-radius: 50px;
    padding: 0.5rem;
    background-color: #FFF1D2;
}

.ctm-pagination .pagination .page-item,
.ctm-pagination .pagination .page-item .page-link {
    font-size: 1.8rem;
    font-weight: bold;
    color: #000;
    line-height: 2.4rem;
}

.ctm-pagination .pagination .page-item .page-link {
    margin: 0 !important;
    background-color: transparent;
    padding: 0.3rem 0.96rem;
    box-shadow: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s ease-in-out;
    border: 0;
    border-radius: 10rem;
    max-width: 3rem;
}

.ctm-pagination .pagination .page-item .page-link.active,
.ctm-pagination .pagination .page-item .page-link:hover {
    color: #fff;
    background-color: #0A2CEF;
}

.ctm-pagination .pagination .page-item .page-link.prev-next-btn {
    border: 0;
    padding: 0;
    min-width: 3rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

.ctm-pagination .pagination .page-item .page-link.prev-next-btn:hover,
.ctm-pagination .pagination .page-item .page-link.prev-next-btn.active {
    background-color: #0A2CEF;
}

.ctm-pagination .pagination .page-item .page-link.prev-next-btn:hover svg path,
.ctm-pagination .pagination .page-item .page-link.prev-next-btn.active svg path {
    fill: #fff;
    stroke: #fff;
}

.ctm-pagination .pagination .page-item .page-link.prev-next-btn svg {
    transition: 0.4s ease-in-out;
}

.rtl .ctm-pagination .pagination .page-item .page-link svg {
    transform: scaleX(-1);
}

.weight-100 {
    font-weight: 100;
}

.weight-300 {
    font-weight: 300;
}

.weight-400 {
    font-weight: 400;
}

.weight-500 {
    font-weight: 500;
}

.weight-600 {
    font-weight: 600;
}

.weight-700 {
    font-weight: 700;
}

.weight-900 {
    font-weight: 900;
}

.text-light {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #000;
}

.text-normal {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.2rem;
    color: #777;
}

.text-medium {
    font-size: 18px;
    font-weight: 500;
    line-height: #000;
}

.text-bold {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 2.7rem;
    color: #111;
}

.wt-lighter {
    font-weight: 100 !important;
}

.wt-light {
    font-weight: 300 !important;
}

.wt-normal {
    font-weight: 400 !important;
}

.wt-medium {
    font-weight: 500 !important;
}

.wt-samibold {
    font-weight: 600 !important;
}

.wt-bold {
    font-weight: 700 !important;
}

.wt-bolder {
    font-weight: 900 !important;
}

@media (min-width: 1200px) {
    .p-xxl-1 {
        padding: 1px !important;
    }
    .pl-xxl-1 {
        padding-left: 1px !important;
    }
    .pr-xxl-1 {
        padding-right: 1px !important;
    }
    .pt-xxl-1 {
        padding-top: 1px !important;
    }
    .pb-xxl-1 {
        padding-bottom: 1px !important;
    }
    .px-xxl-1 {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }
    .py-xxl-1 {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
    .m-xxl-1 {
        margin: 1px !important;
    }
    .ml-xxl-1 {
        margin-left: 1px !important;
    }
    .mr-xxl-1 {
        margin-right: 1px !important;
    }
    .mt-xxl-1 {
        margin-top: 1px !important;
    }
    .mb-xxl-1 {
        margin-bottom: 1px !important;
    }
    .mx-xxl-1 {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }
    .my-xxl-1 {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }
    .gx-xxl-1 {
        gap: 0 1px !important;
    }
    .gy-xxl-1 {
        gap: 1px !important;
    }
    .gap-xxl-1 {
        gap: 1px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-1 {
        padding: 1px !important;
    }
    .pl-xl-1 {
        padding-left: 1px !important;
    }
    .pr-xl-1 {
        padding-right: 1px !important;
    }
    .pt-xl-1 {
        padding-top: 1px !important;
    }
    .pb-xl-1 {
        padding-bottom: 1px !important;
    }
    .px-xl-1 {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }
    .py-xl-1 {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
    .m-xl-1 {
        margin: 1px !important;
    }
    .ml-xl-1 {
        margin-left: 1px !important;
    }
    .mr-xl-1 {
        margin-right: 1px !important;
    }
    .mt-xl-1 {
        margin-top: 1px !important;
    }
    .mb-xl-1 {
        margin-bottom: 1px !important;
    }
    .mx-xl-1 {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }
    .my-xl-1 {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }
    .gx-xl-1 {
        gap: 0 1px !important;
    }
    .gy-xl-1 {
        gap: 1px !important;
    }
    .gap-xl-1 {
        gap: 1px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-1 {
        padding: 1px !important;
    }
    .pl-lg-1 {
        padding-left: 1px !important;
    }
    .pr-lg-1 {
        padding-right: 1px !important;
    }
    .pt-lg-1 {
        padding-top: 1px !important;
    }
    .pb-lg-1 {
        padding-bottom: 1px !important;
    }
    .px-lg-1 {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }
    .py-lg-1 {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
    .m-lg-1 {
        margin: 1px !important;
    }
    .ml-lg-1 {
        margin-left: 1px !important;
    }
    .mr-lg-1 {
        margin-right: 1px !important;
    }
    .mt-lg-1 {
        margin-top: 1px !important;
    }
    .mb-lg-1 {
        margin-bottom: 1px !important;
    }
    .mx-lg-1 {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }
    .my-lg-1 {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }
    .gx-lg-1 {
        gap: 0 1px !important;
    }
    .gy-lg-1 {
        gap: 1px !important;
    }
    .gap-lg-1 {
        gap: 1px !important;
    }
}

@media (min-width: 576px) {
    .p-md-1 {
        padding: 1px !important;
    }
    .pl-md-1 {
        padding-left: 1px !important;
    }
    .pr-md-1 {
        padding-right: 1px !important;
    }
    .pt-md-1 {
        padding-top: 1px !important;
    }
    .pb-md-1 {
        padding-bottom: 1px !important;
    }
    .px-md-1 {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }
    .py-md-1 {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
    .m-md-1 {
        margin: 1px !important;
    }
    .ml-md-1 {
        margin-left: 1px !important;
    }
    .mr-md-1 {
        margin-right: 1px !important;
    }
    .mt-md-1 {
        margin-top: 1px !important;
    }
    .mb-md-1 {
        margin-bottom: 1px !important;
    }
    .mx-md-1 {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }
    .my-md-1 {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }
    .gx-md-1 {
        gap: 0 1px !important;
    }
    .gy-md-1 {
        gap: 1px !important;
    }
    .gap-md-1 {
        gap: 1px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-1 {
        padding: 1px !important;
    }
    .pl-sm-1 {
        padding-left: 1px !important;
    }
    .pr-sm-1 {
        padding-right: 1px !important;
    }
    .pt-sm-1 {
        padding-top: 1px !important;
    }
    .pb-sm-1 {
        padding-bottom: 1px !important;
    }
    .px-sm-1 {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }
    .py-sm-1 {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
    .m-sm-1 {
        margin: 1px !important;
    }
    .ml-sm-1 {
        margin-left: 1px !important;
    }
    .mr-sm-1 {
        margin-right: 1px !important;
    }
    .mt-sm-1 {
        margin-top: 1px !important;
    }
    .mb-sm-1 {
        margin-bottom: 1px !important;
    }
    .mx-sm-1 {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }
    .my-sm-1 {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }
    .gx-sm-1 {
        gap: 0 1px !important;
    }
    .gy-sm-1 {
        gap: 1px !important;
    }
    .gap-sm-1 {
        gap: 1px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-1 {
        padding: 1px !important;
    }
    .pl-xsm-1 {
        padding-left: 1px !important;
    }
    .pr-xsm-1 {
        padding-right: 1px !important;
    }
    .pt-xsm-1 {
        padding-top: 1px !important;
    }
    .pb-xsm-1 {
        padding-bottom: 1px !important;
    }
    .px-xsm-1 {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }
    .py-xsm-1 {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
    .m-xsm-1 {
        margin: 1px !important;
    }
    .ml-xsm-1 {
        margin-left: 1px !important;
    }
    .mr-xsm-1 {
        margin-right: 1px !important;
    }
    .mt-xsm-1 {
        margin-top: 1px !important;
    }
    .mb-xsm-1 {
        margin-bottom: 1px !important;
    }
    .mx-xsm-1 {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }
    .my-xsm-1 {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }
    .gx-xsm-1 {
        gap: 0 1px !important;
    }
    .gy-xsm-1 {
        gap: 1px !important;
    }
    .gap-xsm-1 {
        gap: 1px !important;
    }
}

.p-1 {
    padding: 1px !important;
}

.pl-1 {
    padding-left: 1px !important;
}

.pr-1 {
    padding-right: 1px !important;
}

.pt-1 {
    padding-top: 1px !important;
}

.pb-1 {
    padding-bottom: 1px !important;
}

.px-1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.py-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.m-1 {
    margin: 1px !important;
}

.ml-1 {
    margin-left: 1px !important;
}

.mr-1 {
    margin-right: 1px !important;
}

.mt-1 {
    margin-top: 1px !important;
}

.mb-1 {
    margin-bottom: 1px !important;
}

.mx-1 {
    margin-left: 1px !important;
    margin-right: 1px !important;
}

.my-1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

.gx-1 {
    gap: 0 1px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-1 {
        padding-left: 0 !important;
        padding-right: 1px !important;
    }
    .rtl .pr-xxl-1 {
        padding-right: 0 !important;
        padding-left: 1px !important;
    }
    .rtl .ml-xxl-1 {
        margin-left: 0 !important;
        margin-right: 1px !important;
    }
    .rtl .mr-xxl-1 {
        margin-right: 0 !important;
        margin-left: 1px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-1 {
        padding-left: 0 !important;
        padding-right: 1px !important;
    }
    .rtl .pr-xl-1 {
        padding-right: 0 !important;
        padding-left: 1px !important;
    }
    .rtl .ml-xl-1 {
        margin-left: 0 !important;
        margin-right: 1px !important;
    }
    .rtl .mr-xl-1 {
        margin-right: 0 !important;
        margin-left: 1px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-1 {
        padding-left: 0 !important;
        padding-right: 1px !important;
    }
    .rtl .pr-lg-1 {
        padding-right: 0 !important;
        padding-left: 1px !important;
    }
    .rtl .ml-lg-1 {
        margin-left: 0 !important;
        margin-right: 1px !important;
    }
    .rtl .mr-lg-1 {
        margin-right: 0 !important;
        margin-left: 1px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-1 {
        padding-left: 0 !important;
        padding-right: 1px !important;
    }
    .rtl .pr-md-1 {
        padding-right: 0 !important;
        padding-left: 1px !important;
    }
    .rtl .ml-md-1 {
        margin-left: 0 !important;
        margin-right: 1px !important;
    }
    .rtl .mr-md-1 {
        margin-right: 0 !important;
        margin-left: 1px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-1 {
        padding-left: 0 !important;
        padding-right: 1px !important;
    }
    .rtl .pr-sm-1 {
        padding-right: 0 !important;
        padding-left: 1px !important;
    }
    .rtl .ml-sm-1 {
        margin-left: 0 !important;
        margin-right: 1px !important;
    }
    .rtl .mr-sm-1 {
        margin-right: 0 !important;
        margin-left: 1px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-1 {
        padding-left: 0 !important;
        padding-right: 1px !important;
    }
    .rtl .pr-xsm-1 {
        padding-right: 0 !important;
        padding-left: 1px !important;
    }
    .rtl .ml-xsm-1 {
        margin-left: 0 !important;
        margin-right: 1px !important;
    }
    .rtl .mr-xsm-1 {
        margin-right: 0 !important;
        margin-left: 1px !important;
    }
}

.rtl .pl-1 {
    padding-left: 0 !important;
    padding-right: 1px !important;
}

.rtl .pr-1 {
    padding-right: 0 !important;
    padding-left: 1px !important;
}

.rtl .ml-1 {
    margin-left: 0 !important;
    margin-right: 1px !important;
}

.rtl .mr-1 {
    margin-right: 0 !important;
    margin-left: 1px !important;
}

@media (min-width: 1200px) {
    .p-xxl-2 {
        padding: 2px !important;
    }
    .pl-xxl-2 {
        padding-left: 2px !important;
    }
    .pr-xxl-2 {
        padding-right: 2px !important;
    }
    .pt-xxl-2 {
        padding-top: 2px !important;
    }
    .pb-xxl-2 {
        padding-bottom: 2px !important;
    }
    .px-xxl-2 {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    .py-xxl-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .m-xxl-2 {
        margin: 2px !important;
    }
    .ml-xxl-2 {
        margin-left: 2px !important;
    }
    .mr-xxl-2 {
        margin-right: 2px !important;
    }
    .mt-xxl-2 {
        margin-top: 2px !important;
    }
    .mb-xxl-2 {
        margin-bottom: 2px !important;
    }
    .mx-xxl-2 {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }
    .my-xxl-2 {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }
    .gx-xxl-2 {
        gap: 0 2px !important;
    }
    .gy-xxl-2 {
        gap: 2px !important;
    }
    .gap-xxl-2 {
        gap: 2px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-2 {
        padding: 2px !important;
    }
    .pl-xl-2 {
        padding-left: 2px !important;
    }
    .pr-xl-2 {
        padding-right: 2px !important;
    }
    .pt-xl-2 {
        padding-top: 2px !important;
    }
    .pb-xl-2 {
        padding-bottom: 2px !important;
    }
    .px-xl-2 {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    .py-xl-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .m-xl-2 {
        margin: 2px !important;
    }
    .ml-xl-2 {
        margin-left: 2px !important;
    }
    .mr-xl-2 {
        margin-right: 2px !important;
    }
    .mt-xl-2 {
        margin-top: 2px !important;
    }
    .mb-xl-2 {
        margin-bottom: 2px !important;
    }
    .mx-xl-2 {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }
    .my-xl-2 {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }
    .gx-xl-2 {
        gap: 0 2px !important;
    }
    .gy-xl-2 {
        gap: 2px !important;
    }
    .gap-xl-2 {
        gap: 2px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-2 {
        padding: 2px !important;
    }
    .pl-lg-2 {
        padding-left: 2px !important;
    }
    .pr-lg-2 {
        padding-right: 2px !important;
    }
    .pt-lg-2 {
        padding-top: 2px !important;
    }
    .pb-lg-2 {
        padding-bottom: 2px !important;
    }
    .px-lg-2 {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    .py-lg-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .m-lg-2 {
        margin: 2px !important;
    }
    .ml-lg-2 {
        margin-left: 2px !important;
    }
    .mr-lg-2 {
        margin-right: 2px !important;
    }
    .mt-lg-2 {
        margin-top: 2px !important;
    }
    .mb-lg-2 {
        margin-bottom: 2px !important;
    }
    .mx-lg-2 {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }
    .my-lg-2 {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }
    .gx-lg-2 {
        gap: 0 2px !important;
    }
    .gy-lg-2 {
        gap: 2px !important;
    }
    .gap-lg-2 {
        gap: 2px !important;
    }
}

@media (min-width: 576px) {
    .p-md-2 {
        padding: 2px !important;
    }
    .pl-md-2 {
        padding-left: 2px !important;
    }
    .pr-md-2 {
        padding-right: 2px !important;
    }
    .pt-md-2 {
        padding-top: 2px !important;
    }
    .pb-md-2 {
        padding-bottom: 2px !important;
    }
    .px-md-2 {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    .py-md-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .m-md-2 {
        margin: 2px !important;
    }
    .ml-md-2 {
        margin-left: 2px !important;
    }
    .mr-md-2 {
        margin-right: 2px !important;
    }
    .mt-md-2 {
        margin-top: 2px !important;
    }
    .mb-md-2 {
        margin-bottom: 2px !important;
    }
    .mx-md-2 {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }
    .my-md-2 {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }
    .gx-md-2 {
        gap: 0 2px !important;
    }
    .gy-md-2 {
        gap: 2px !important;
    }
    .gap-md-2 {
        gap: 2px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-2 {
        padding: 2px !important;
    }
    .pl-sm-2 {
        padding-left: 2px !important;
    }
    .pr-sm-2 {
        padding-right: 2px !important;
    }
    .pt-sm-2 {
        padding-top: 2px !important;
    }
    .pb-sm-2 {
        padding-bottom: 2px !important;
    }
    .px-sm-2 {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    .py-sm-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .m-sm-2 {
        margin: 2px !important;
    }
    .ml-sm-2 {
        margin-left: 2px !important;
    }
    .mr-sm-2 {
        margin-right: 2px !important;
    }
    .mt-sm-2 {
        margin-top: 2px !important;
    }
    .mb-sm-2 {
        margin-bottom: 2px !important;
    }
    .mx-sm-2 {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }
    .my-sm-2 {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }
    .gx-sm-2 {
        gap: 0 2px !important;
    }
    .gy-sm-2 {
        gap: 2px !important;
    }
    .gap-sm-2 {
        gap: 2px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-2 {
        padding: 2px !important;
    }
    .pl-xsm-2 {
        padding-left: 2px !important;
    }
    .pr-xsm-2 {
        padding-right: 2px !important;
    }
    .pt-xsm-2 {
        padding-top: 2px !important;
    }
    .pb-xsm-2 {
        padding-bottom: 2px !important;
    }
    .px-xsm-2 {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    .py-xsm-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .m-xsm-2 {
        margin: 2px !important;
    }
    .ml-xsm-2 {
        margin-left: 2px !important;
    }
    .mr-xsm-2 {
        margin-right: 2px !important;
    }
    .mt-xsm-2 {
        margin-top: 2px !important;
    }
    .mb-xsm-2 {
        margin-bottom: 2px !important;
    }
    .mx-xsm-2 {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }
    .my-xsm-2 {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }
    .gx-xsm-2 {
        gap: 0 2px !important;
    }
    .gy-xsm-2 {
        gap: 2px !important;
    }
    .gap-xsm-2 {
        gap: 2px !important;
    }
}

.p-2 {
    padding: 2px !important;
}

.pl-2 {
    padding-left: 2px !important;
}

.pr-2 {
    padding-right: 2px !important;
}

.pt-2 {
    padding-top: 2px !important;
}

.pb-2 {
    padding-bottom: 2px !important;
}

.px-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.py-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.m-2 {
    margin: 2px !important;
}

.ml-2 {
    margin-left: 2px !important;
}

.mr-2 {
    margin-right: 2px !important;
}

.mt-2 {
    margin-top: 2px !important;
}

.mb-2 {
    margin-bottom: 2px !important;
}

.mx-2 {
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.my-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.gx-2 {
    gap: 0 2px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-2 {
        padding-left: 0 !important;
        padding-right: 2px !important;
    }
    .rtl .pr-xxl-2 {
        padding-right: 0 !important;
        padding-left: 2px !important;
    }
    .rtl .ml-xxl-2 {
        margin-left: 0 !important;
        margin-right: 2px !important;
    }
    .rtl .mr-xxl-2 {
        margin-right: 0 !important;
        margin-left: 2px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-2 {
        padding-left: 0 !important;
        padding-right: 2px !important;
    }
    .rtl .pr-xl-2 {
        padding-right: 0 !important;
        padding-left: 2px !important;
    }
    .rtl .ml-xl-2 {
        margin-left: 0 !important;
        margin-right: 2px !important;
    }
    .rtl .mr-xl-2 {
        margin-right: 0 !important;
        margin-left: 2px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-2 {
        padding-left: 0 !important;
        padding-right: 2px !important;
    }
    .rtl .pr-lg-2 {
        padding-right: 0 !important;
        padding-left: 2px !important;
    }
    .rtl .ml-lg-2 {
        margin-left: 0 !important;
        margin-right: 2px !important;
    }
    .rtl .mr-lg-2 {
        margin-right: 0 !important;
        margin-left: 2px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-2 {
        padding-left: 0 !important;
        padding-right: 2px !important;
    }
    .rtl .pr-md-2 {
        padding-right: 0 !important;
        padding-left: 2px !important;
    }
    .rtl .ml-md-2 {
        margin-left: 0 !important;
        margin-right: 2px !important;
    }
    .rtl .mr-md-2 {
        margin-right: 0 !important;
        margin-left: 2px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-2 {
        padding-left: 0 !important;
        padding-right: 2px !important;
    }
    .rtl .pr-sm-2 {
        padding-right: 0 !important;
        padding-left: 2px !important;
    }
    .rtl .ml-sm-2 {
        margin-left: 0 !important;
        margin-right: 2px !important;
    }
    .rtl .mr-sm-2 {
        margin-right: 0 !important;
        margin-left: 2px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-2 {
        padding-left: 0 !important;
        padding-right: 2px !important;
    }
    .rtl .pr-xsm-2 {
        padding-right: 0 !important;
        padding-left: 2px !important;
    }
    .rtl .ml-xsm-2 {
        margin-left: 0 !important;
        margin-right: 2px !important;
    }
    .rtl .mr-xsm-2 {
        margin-right: 0 !important;
        margin-left: 2px !important;
    }
}

.rtl .pl-2 {
    padding-left: 0 !important;
    padding-right: 2px !important;
}

.rtl .pr-2 {
    padding-right: 0 !important;
    padding-left: 2px !important;
}

.rtl .ml-2 {
    margin-left: 0 !important;
    margin-right: 2px !important;
}

.rtl .mr-2 {
    margin-right: 0 !important;
    margin-left: 2px !important;
}

@media (min-width: 1200px) {
    .p-xxl-3 {
        padding: 3px !important;
    }
    .pl-xxl-3 {
        padding-left: 3px !important;
    }
    .pr-xxl-3 {
        padding-right: 3px !important;
    }
    .pt-xxl-3 {
        padding-top: 3px !important;
    }
    .pb-xxl-3 {
        padding-bottom: 3px !important;
    }
    .px-xxl-3 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .py-xxl-3 {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    .m-xxl-3 {
        margin: 3px !important;
    }
    .ml-xxl-3 {
        margin-left: 3px !important;
    }
    .mr-xxl-3 {
        margin-right: 3px !important;
    }
    .mt-xxl-3 {
        margin-top: 3px !important;
    }
    .mb-xxl-3 {
        margin-bottom: 3px !important;
    }
    .mx-xxl-3 {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }
    .my-xxl-3 {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }
    .gx-xxl-3 {
        gap: 0 3px !important;
    }
    .gy-xxl-3 {
        gap: 3px !important;
    }
    .gap-xxl-3 {
        gap: 3px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-3 {
        padding: 3px !important;
    }
    .pl-xl-3 {
        padding-left: 3px !important;
    }
    .pr-xl-3 {
        padding-right: 3px !important;
    }
    .pt-xl-3 {
        padding-top: 3px !important;
    }
    .pb-xl-3 {
        padding-bottom: 3px !important;
    }
    .px-xl-3 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .py-xl-3 {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    .m-xl-3 {
        margin: 3px !important;
    }
    .ml-xl-3 {
        margin-left: 3px !important;
    }
    .mr-xl-3 {
        margin-right: 3px !important;
    }
    .mt-xl-3 {
        margin-top: 3px !important;
    }
    .mb-xl-3 {
        margin-bottom: 3px !important;
    }
    .mx-xl-3 {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }
    .my-xl-3 {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }
    .gx-xl-3 {
        gap: 0 3px !important;
    }
    .gy-xl-3 {
        gap: 3px !important;
    }
    .gap-xl-3 {
        gap: 3px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-3 {
        padding: 3px !important;
    }
    .pl-lg-3 {
        padding-left: 3px !important;
    }
    .pr-lg-3 {
        padding-right: 3px !important;
    }
    .pt-lg-3 {
        padding-top: 3px !important;
    }
    .pb-lg-3 {
        padding-bottom: 3px !important;
    }
    .px-lg-3 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .py-lg-3 {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    .m-lg-3 {
        margin: 3px !important;
    }
    .ml-lg-3 {
        margin-left: 3px !important;
    }
    .mr-lg-3 {
        margin-right: 3px !important;
    }
    .mt-lg-3 {
        margin-top: 3px !important;
    }
    .mb-lg-3 {
        margin-bottom: 3px !important;
    }
    .mx-lg-3 {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }
    .my-lg-3 {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }
    .gx-lg-3 {
        gap: 0 3px !important;
    }
    .gy-lg-3 {
        gap: 3px !important;
    }
    .gap-lg-3 {
        gap: 3px !important;
    }
}

@media (min-width: 576px) {
    .p-md-3 {
        padding: 3px !important;
    }
    .pl-md-3 {
        padding-left: 3px !important;
    }
    .pr-md-3 {
        padding-right: 3px !important;
    }
    .pt-md-3 {
        padding-top: 3px !important;
    }
    .pb-md-3 {
        padding-bottom: 3px !important;
    }
    .px-md-3 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .py-md-3 {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    .m-md-3 {
        margin: 3px !important;
    }
    .ml-md-3 {
        margin-left: 3px !important;
    }
    .mr-md-3 {
        margin-right: 3px !important;
    }
    .mt-md-3 {
        margin-top: 3px !important;
    }
    .mb-md-3 {
        margin-bottom: 3px !important;
    }
    .mx-md-3 {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }
    .my-md-3 {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }
    .gx-md-3 {
        gap: 0 3px !important;
    }
    .gy-md-3 {
        gap: 3px !important;
    }
    .gap-md-3 {
        gap: 3px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-3 {
        padding: 3px !important;
    }
    .pl-sm-3 {
        padding-left: 3px !important;
    }
    .pr-sm-3 {
        padding-right: 3px !important;
    }
    .pt-sm-3 {
        padding-top: 3px !important;
    }
    .pb-sm-3 {
        padding-bottom: 3px !important;
    }
    .px-sm-3 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .py-sm-3 {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    .m-sm-3 {
        margin: 3px !important;
    }
    .ml-sm-3 {
        margin-left: 3px !important;
    }
    .mr-sm-3 {
        margin-right: 3px !important;
    }
    .mt-sm-3 {
        margin-top: 3px !important;
    }
    .mb-sm-3 {
        margin-bottom: 3px !important;
    }
    .mx-sm-3 {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }
    .my-sm-3 {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }
    .gx-sm-3 {
        gap: 0 3px !important;
    }
    .gy-sm-3 {
        gap: 3px !important;
    }
    .gap-sm-3 {
        gap: 3px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-3 {
        padding: 3px !important;
    }
    .pl-xsm-3 {
        padding-left: 3px !important;
    }
    .pr-xsm-3 {
        padding-right: 3px !important;
    }
    .pt-xsm-3 {
        padding-top: 3px !important;
    }
    .pb-xsm-3 {
        padding-bottom: 3px !important;
    }
    .px-xsm-3 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .py-xsm-3 {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    .m-xsm-3 {
        margin: 3px !important;
    }
    .ml-xsm-3 {
        margin-left: 3px !important;
    }
    .mr-xsm-3 {
        margin-right: 3px !important;
    }
    .mt-xsm-3 {
        margin-top: 3px !important;
    }
    .mb-xsm-3 {
        margin-bottom: 3px !important;
    }
    .mx-xsm-3 {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }
    .my-xsm-3 {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }
    .gx-xsm-3 {
        gap: 0 3px !important;
    }
    .gy-xsm-3 {
        gap: 3px !important;
    }
    .gap-xsm-3 {
        gap: 3px !important;
    }
}

.p-3 {
    padding: 3px !important;
}

.pl-3 {
    padding-left: 3px !important;
}

.pr-3 {
    padding-right: 3px !important;
}

.pt-3 {
    padding-top: 3px !important;
}

.pb-3 {
    padding-bottom: 3px !important;
}

.px-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.py-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.m-3 {
    margin: 3px !important;
}

.ml-3 {
    margin-left: 3px !important;
}

.mr-3 {
    margin-right: 3px !important;
}

.mt-3 {
    margin-top: 3px !important;
}

.mb-3 {
    margin-bottom: 3px !important;
}

.mx-3 {
    margin-left: 3px !important;
    margin-right: 3px !important;
}

.my-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.gx-3 {
    gap: 0 3px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-3 {
        padding-left: 0 !important;
        padding-right: 3px !important;
    }
    .rtl .pr-xxl-3 {
        padding-right: 0 !important;
        padding-left: 3px !important;
    }
    .rtl .ml-xxl-3 {
        margin-left: 0 !important;
        margin-right: 3px !important;
    }
    .rtl .mr-xxl-3 {
        margin-right: 0 !important;
        margin-left: 3px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-3 {
        padding-left: 0 !important;
        padding-right: 3px !important;
    }
    .rtl .pr-xl-3 {
        padding-right: 0 !important;
        padding-left: 3px !important;
    }
    .rtl .ml-xl-3 {
        margin-left: 0 !important;
        margin-right: 3px !important;
    }
    .rtl .mr-xl-3 {
        margin-right: 0 !important;
        margin-left: 3px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-3 {
        padding-left: 0 !important;
        padding-right: 3px !important;
    }
    .rtl .pr-lg-3 {
        padding-right: 0 !important;
        padding-left: 3px !important;
    }
    .rtl .ml-lg-3 {
        margin-left: 0 !important;
        margin-right: 3px !important;
    }
    .rtl .mr-lg-3 {
        margin-right: 0 !important;
        margin-left: 3px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-3 {
        padding-left: 0 !important;
        padding-right: 3px !important;
    }
    .rtl .pr-md-3 {
        padding-right: 0 !important;
        padding-left: 3px !important;
    }
    .rtl .ml-md-3 {
        margin-left: 0 !important;
        margin-right: 3px !important;
    }
    .rtl .mr-md-3 {
        margin-right: 0 !important;
        margin-left: 3px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-3 {
        padding-left: 0 !important;
        padding-right: 3px !important;
    }
    .rtl .pr-sm-3 {
        padding-right: 0 !important;
        padding-left: 3px !important;
    }
    .rtl .ml-sm-3 {
        margin-left: 0 !important;
        margin-right: 3px !important;
    }
    .rtl .mr-sm-3 {
        margin-right: 0 !important;
        margin-left: 3px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-3 {
        padding-left: 0 !important;
        padding-right: 3px !important;
    }
    .rtl .pr-xsm-3 {
        padding-right: 0 !important;
        padding-left: 3px !important;
    }
    .rtl .ml-xsm-3 {
        margin-left: 0 !important;
        margin-right: 3px !important;
    }
    .rtl .mr-xsm-3 {
        margin-right: 0 !important;
        margin-left: 3px !important;
    }
}

.rtl .pl-3 {
    padding-left: 0 !important;
    padding-right: 3px !important;
}

.rtl .pr-3 {
    padding-right: 0 !important;
    padding-left: 3px !important;
}

.rtl .ml-3 {
    margin-left: 0 !important;
    margin-right: 3px !important;
}

.rtl .mr-3 {
    margin-right: 0 !important;
    margin-left: 3px !important;
}

@media (min-width: 1200px) {
    .p-xxl-4 {
        padding: 4px !important;
    }
    .pl-xxl-4 {
        padding-left: 4px !important;
    }
    .pr-xxl-4 {
        padding-right: 4px !important;
    }
    .pt-xxl-4 {
        padding-top: 4px !important;
    }
    .pb-xxl-4 {
        padding-bottom: 4px !important;
    }
    .px-xxl-4 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .py-xxl-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .m-xxl-4 {
        margin: 4px !important;
    }
    .ml-xxl-4 {
        margin-left: 4px !important;
    }
    .mr-xxl-4 {
        margin-right: 4px !important;
    }
    .mt-xxl-4 {
        margin-top: 4px !important;
    }
    .mb-xxl-4 {
        margin-bottom: 4px !important;
    }
    .mx-xxl-4 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
    .my-xxl-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    .gx-xxl-4 {
        gap: 0 4px !important;
    }
    .gy-xxl-4 {
        gap: 4px !important;
    }
    .gap-xxl-4 {
        gap: 4px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-4 {
        padding: 4px !important;
    }
    .pl-xl-4 {
        padding-left: 4px !important;
    }
    .pr-xl-4 {
        padding-right: 4px !important;
    }
    .pt-xl-4 {
        padding-top: 4px !important;
    }
    .pb-xl-4 {
        padding-bottom: 4px !important;
    }
    .px-xl-4 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .py-xl-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .m-xl-4 {
        margin: 4px !important;
    }
    .ml-xl-4 {
        margin-left: 4px !important;
    }
    .mr-xl-4 {
        margin-right: 4px !important;
    }
    .mt-xl-4 {
        margin-top: 4px !important;
    }
    .mb-xl-4 {
        margin-bottom: 4px !important;
    }
    .mx-xl-4 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
    .my-xl-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    .gx-xl-4 {
        gap: 0 4px !important;
    }
    .gy-xl-4 {
        gap: 4px !important;
    }
    .gap-xl-4 {
        gap: 4px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-4 {
        padding: 4px !important;
    }
    .pl-lg-4 {
        padding-left: 4px !important;
    }
    .pr-lg-4 {
        padding-right: 4px !important;
    }
    .pt-lg-4 {
        padding-top: 4px !important;
    }
    .pb-lg-4 {
        padding-bottom: 4px !important;
    }
    .px-lg-4 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .py-lg-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .m-lg-4 {
        margin: 4px !important;
    }
    .ml-lg-4 {
        margin-left: 4px !important;
    }
    .mr-lg-4 {
        margin-right: 4px !important;
    }
    .mt-lg-4 {
        margin-top: 4px !important;
    }
    .mb-lg-4 {
        margin-bottom: 4px !important;
    }
    .mx-lg-4 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
    .my-lg-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    .gx-lg-4 {
        gap: 0 4px !important;
    }
    .gy-lg-4 {
        gap: 4px !important;
    }
    .gap-lg-4 {
        gap: 4px !important;
    }
}

@media (min-width: 576px) {
    .p-md-4 {
        padding: 4px !important;
    }
    .pl-md-4 {
        padding-left: 4px !important;
    }
    .pr-md-4 {
        padding-right: 4px !important;
    }
    .pt-md-4 {
        padding-top: 4px !important;
    }
    .pb-md-4 {
        padding-bottom: 4px !important;
    }
    .px-md-4 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .py-md-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .m-md-4 {
        margin: 4px !important;
    }
    .ml-md-4 {
        margin-left: 4px !important;
    }
    .mr-md-4 {
        margin-right: 4px !important;
    }
    .mt-md-4 {
        margin-top: 4px !important;
    }
    .mb-md-4 {
        margin-bottom: 4px !important;
    }
    .mx-md-4 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
    .my-md-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    .gx-md-4 {
        gap: 0 4px !important;
    }
    .gy-md-4 {
        gap: 4px !important;
    }
    .gap-md-4 {
        gap: 4px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-4 {
        padding: 4px !important;
    }
    .pl-sm-4 {
        padding-left: 4px !important;
    }
    .pr-sm-4 {
        padding-right: 4px !important;
    }
    .pt-sm-4 {
        padding-top: 4px !important;
    }
    .pb-sm-4 {
        padding-bottom: 4px !important;
    }
    .px-sm-4 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .py-sm-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .m-sm-4 {
        margin: 4px !important;
    }
    .ml-sm-4 {
        margin-left: 4px !important;
    }
    .mr-sm-4 {
        margin-right: 4px !important;
    }
    .mt-sm-4 {
        margin-top: 4px !important;
    }
    .mb-sm-4 {
        margin-bottom: 4px !important;
    }
    .mx-sm-4 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
    .my-sm-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    .gx-sm-4 {
        gap: 0 4px !important;
    }
    .gy-sm-4 {
        gap: 4px !important;
    }
    .gap-sm-4 {
        gap: 4px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-4 {
        padding: 4px !important;
    }
    .pl-xsm-4 {
        padding-left: 4px !important;
    }
    .pr-xsm-4 {
        padding-right: 4px !important;
    }
    .pt-xsm-4 {
        padding-top: 4px !important;
    }
    .pb-xsm-4 {
        padding-bottom: 4px !important;
    }
    .px-xsm-4 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .py-xsm-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .m-xsm-4 {
        margin: 4px !important;
    }
    .ml-xsm-4 {
        margin-left: 4px !important;
    }
    .mr-xsm-4 {
        margin-right: 4px !important;
    }
    .mt-xsm-4 {
        margin-top: 4px !important;
    }
    .mb-xsm-4 {
        margin-bottom: 4px !important;
    }
    .mx-xsm-4 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
    .my-xsm-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    .gx-xsm-4 {
        gap: 0 4px !important;
    }
    .gy-xsm-4 {
        gap: 4px !important;
    }
    .gap-xsm-4 {
        gap: 4px !important;
    }
}

.p-4 {
    padding: 4px !important;
}

.pl-4 {
    padding-left: 4px !important;
}

.pr-4 {
    padding-right: 4px !important;
}

.pt-4 {
    padding-top: 4px !important;
}

.pb-4 {
    padding-bottom: 4px !important;
}

.px-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.py-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.m-4 {
    margin: 4px !important;
}

.ml-4 {
    margin-left: 4px !important;
}

.mr-4 {
    margin-right: 4px !important;
}

.mt-4 {
    margin-top: 4px !important;
}

.mb-4 {
    margin-bottom: 4px !important;
}

.mx-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.my-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.gx-4 {
    gap: 0 4px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-4 {
        padding-left: 0 !important;
        padding-right: 4px !important;
    }
    .rtl .pr-xxl-4 {
        padding-right: 0 !important;
        padding-left: 4px !important;
    }
    .rtl .ml-xxl-4 {
        margin-left: 0 !important;
        margin-right: 4px !important;
    }
    .rtl .mr-xxl-4 {
        margin-right: 0 !important;
        margin-left: 4px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-4 {
        padding-left: 0 !important;
        padding-right: 4px !important;
    }
    .rtl .pr-xl-4 {
        padding-right: 0 !important;
        padding-left: 4px !important;
    }
    .rtl .ml-xl-4 {
        margin-left: 0 !important;
        margin-right: 4px !important;
    }
    .rtl .mr-xl-4 {
        margin-right: 0 !important;
        margin-left: 4px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-4 {
        padding-left: 0 !important;
        padding-right: 4px !important;
    }
    .rtl .pr-lg-4 {
        padding-right: 0 !important;
        padding-left: 4px !important;
    }
    .rtl .ml-lg-4 {
        margin-left: 0 !important;
        margin-right: 4px !important;
    }
    .rtl .mr-lg-4 {
        margin-right: 0 !important;
        margin-left: 4px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-4 {
        padding-left: 0 !important;
        padding-right: 4px !important;
    }
    .rtl .pr-md-4 {
        padding-right: 0 !important;
        padding-left: 4px !important;
    }
    .rtl .ml-md-4 {
        margin-left: 0 !important;
        margin-right: 4px !important;
    }
    .rtl .mr-md-4 {
        margin-right: 0 !important;
        margin-left: 4px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-4 {
        padding-left: 0 !important;
        padding-right: 4px !important;
    }
    .rtl .pr-sm-4 {
        padding-right: 0 !important;
        padding-left: 4px !important;
    }
    .rtl .ml-sm-4 {
        margin-left: 0 !important;
        margin-right: 4px !important;
    }
    .rtl .mr-sm-4 {
        margin-right: 0 !important;
        margin-left: 4px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-4 {
        padding-left: 0 !important;
        padding-right: 4px !important;
    }
    .rtl .pr-xsm-4 {
        padding-right: 0 !important;
        padding-left: 4px !important;
    }
    .rtl .ml-xsm-4 {
        margin-left: 0 !important;
        margin-right: 4px !important;
    }
    .rtl .mr-xsm-4 {
        margin-right: 0 !important;
        margin-left: 4px !important;
    }
}

.rtl .pl-4 {
    padding-left: 0 !important;
    padding-right: 4px !important;
}

.rtl .pr-4 {
    padding-right: 0 !important;
    padding-left: 4px !important;
}

.rtl .ml-4 {
    margin-left: 0 !important;
    margin-right: 4px !important;
}

.rtl .mr-4 {
    margin-right: 0 !important;
    margin-left: 4px !important;
}

@media (min-width: 1200px) {
    .p-xxl-5 {
        padding: 5px !important;
    }
    .pl-xxl-5 {
        padding-left: 5px !important;
    }
    .pr-xxl-5 {
        padding-right: 5px !important;
    }
    .pt-xxl-5 {
        padding-top: 5px !important;
    }
    .pb-xxl-5 {
        padding-bottom: 5px !important;
    }
    .px-xxl-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .py-xxl-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .m-xxl-5 {
        margin: 5px !important;
    }
    .ml-xxl-5 {
        margin-left: 5px !important;
    }
    .mr-xxl-5 {
        margin-right: 5px !important;
    }
    .mt-xxl-5 {
        margin-top: 5px !important;
    }
    .mb-xxl-5 {
        margin-bottom: 5px !important;
    }
    .mx-xxl-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .my-xxl-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .gx-xxl-5 {
        gap: 0 5px !important;
    }
    .gy-xxl-5 {
        gap: 5px !important;
    }
    .gap-xxl-5 {
        gap: 5px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-5 {
        padding: 5px !important;
    }
    .pl-xl-5 {
        padding-left: 5px !important;
    }
    .pr-xl-5 {
        padding-right: 5px !important;
    }
    .pt-xl-5 {
        padding-top: 5px !important;
    }
    .pb-xl-5 {
        padding-bottom: 5px !important;
    }
    .px-xl-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .py-xl-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .m-xl-5 {
        margin: 5px !important;
    }
    .ml-xl-5 {
        margin-left: 5px !important;
    }
    .mr-xl-5 {
        margin-right: 5px !important;
    }
    .mt-xl-5 {
        margin-top: 5px !important;
    }
    .mb-xl-5 {
        margin-bottom: 5px !important;
    }
    .mx-xl-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .my-xl-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .gx-xl-5 {
        gap: 0 5px !important;
    }
    .gy-xl-5 {
        gap: 5px !important;
    }
    .gap-xl-5 {
        gap: 5px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-5 {
        padding: 5px !important;
    }
    .pl-lg-5 {
        padding-left: 5px !important;
    }
    .pr-lg-5 {
        padding-right: 5px !important;
    }
    .pt-lg-5 {
        padding-top: 5px !important;
    }
    .pb-lg-5 {
        padding-bottom: 5px !important;
    }
    .px-lg-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .py-lg-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .m-lg-5 {
        margin: 5px !important;
    }
    .ml-lg-5 {
        margin-left: 5px !important;
    }
    .mr-lg-5 {
        margin-right: 5px !important;
    }
    .mt-lg-5 {
        margin-top: 5px !important;
    }
    .mb-lg-5 {
        margin-bottom: 5px !important;
    }
    .mx-lg-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .my-lg-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .gx-lg-5 {
        gap: 0 5px !important;
    }
    .gy-lg-5 {
        gap: 5px !important;
    }
    .gap-lg-5 {
        gap: 5px !important;
    }
}

@media (min-width: 576px) {
    .p-md-5 {
        padding: 5px !important;
    }
    .pl-md-5 {
        padding-left: 5px !important;
    }
    .pr-md-5 {
        padding-right: 5px !important;
    }
    .pt-md-5 {
        padding-top: 5px !important;
    }
    .pb-md-5 {
        padding-bottom: 5px !important;
    }
    .px-md-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .py-md-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .m-md-5 {
        margin: 5px !important;
    }
    .ml-md-5 {
        margin-left: 5px !important;
    }
    .mr-md-5 {
        margin-right: 5px !important;
    }
    .mt-md-5 {
        margin-top: 5px !important;
    }
    .mb-md-5 {
        margin-bottom: 5px !important;
    }
    .mx-md-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .my-md-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .gx-md-5 {
        gap: 0 5px !important;
    }
    .gy-md-5 {
        gap: 5px !important;
    }
    .gap-md-5 {
        gap: 5px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-5 {
        padding: 5px !important;
    }
    .pl-sm-5 {
        padding-left: 5px !important;
    }
    .pr-sm-5 {
        padding-right: 5px !important;
    }
    .pt-sm-5 {
        padding-top: 5px !important;
    }
    .pb-sm-5 {
        padding-bottom: 5px !important;
    }
    .px-sm-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .py-sm-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .m-sm-5 {
        margin: 5px !important;
    }
    .ml-sm-5 {
        margin-left: 5px !important;
    }
    .mr-sm-5 {
        margin-right: 5px !important;
    }
    .mt-sm-5 {
        margin-top: 5px !important;
    }
    .mb-sm-5 {
        margin-bottom: 5px !important;
    }
    .mx-sm-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .my-sm-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .gx-sm-5 {
        gap: 0 5px !important;
    }
    .gy-sm-5 {
        gap: 5px !important;
    }
    .gap-sm-5 {
        gap: 5px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-5 {
        padding: 5px !important;
    }
    .pl-xsm-5 {
        padding-left: 5px !important;
    }
    .pr-xsm-5 {
        padding-right: 5px !important;
    }
    .pt-xsm-5 {
        padding-top: 5px !important;
    }
    .pb-xsm-5 {
        padding-bottom: 5px !important;
    }
    .px-xsm-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .py-xsm-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .m-xsm-5 {
        margin: 5px !important;
    }
    .ml-xsm-5 {
        margin-left: 5px !important;
    }
    .mr-xsm-5 {
        margin-right: 5px !important;
    }
    .mt-xsm-5 {
        margin-top: 5px !important;
    }
    .mb-xsm-5 {
        margin-bottom: 5px !important;
    }
    .mx-xsm-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .my-xsm-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .gx-xsm-5 {
        gap: 0 5px !important;
    }
    .gy-xsm-5 {
        gap: 5px !important;
    }
    .gap-xsm-5 {
        gap: 5px !important;
    }
}

.p-5 {
    padding: 5px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.m-5 {
    margin: 5px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mx-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.gx-5 {
    gap: 0 5px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-5 {
        padding-left: 0 !important;
        padding-right: 5px !important;
    }
    .rtl .pr-xxl-5 {
        padding-right: 0 !important;
        padding-left: 5px !important;
    }
    .rtl .ml-xxl-5 {
        margin-left: 0 !important;
        margin-right: 5px !important;
    }
    .rtl .mr-xxl-5 {
        margin-right: 0 !important;
        margin-left: 5px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-5 {
        padding-left: 0 !important;
        padding-right: 5px !important;
    }
    .rtl .pr-xl-5 {
        padding-right: 0 !important;
        padding-left: 5px !important;
    }
    .rtl .ml-xl-5 {
        margin-left: 0 !important;
        margin-right: 5px !important;
    }
    .rtl .mr-xl-5 {
        margin-right: 0 !important;
        margin-left: 5px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-5 {
        padding-left: 0 !important;
        padding-right: 5px !important;
    }
    .rtl .pr-lg-5 {
        padding-right: 0 !important;
        padding-left: 5px !important;
    }
    .rtl .ml-lg-5 {
        margin-left: 0 !important;
        margin-right: 5px !important;
    }
    .rtl .mr-lg-5 {
        margin-right: 0 !important;
        margin-left: 5px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-5 {
        padding-left: 0 !important;
        padding-right: 5px !important;
    }
    .rtl .pr-md-5 {
        padding-right: 0 !important;
        padding-left: 5px !important;
    }
    .rtl .ml-md-5 {
        margin-left: 0 !important;
        margin-right: 5px !important;
    }
    .rtl .mr-md-5 {
        margin-right: 0 !important;
        margin-left: 5px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-5 {
        padding-left: 0 !important;
        padding-right: 5px !important;
    }
    .rtl .pr-sm-5 {
        padding-right: 0 !important;
        padding-left: 5px !important;
    }
    .rtl .ml-sm-5 {
        margin-left: 0 !important;
        margin-right: 5px !important;
    }
    .rtl .mr-sm-5 {
        margin-right: 0 !important;
        margin-left: 5px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-5 {
        padding-left: 0 !important;
        padding-right: 5px !important;
    }
    .rtl .pr-xsm-5 {
        padding-right: 0 !important;
        padding-left: 5px !important;
    }
    .rtl .ml-xsm-5 {
        margin-left: 0 !important;
        margin-right: 5px !important;
    }
    .rtl .mr-xsm-5 {
        margin-right: 0 !important;
        margin-left: 5px !important;
    }
}

.rtl .pl-5 {
    padding-left: 0 !important;
    padding-right: 5px !important;
}

.rtl .pr-5 {
    padding-right: 0 !important;
    padding-left: 5px !important;
}

.rtl .ml-5 {
    margin-left: 0 !important;
    margin-right: 5px !important;
}

.rtl .mr-5 {
    margin-right: 0 !important;
    margin-left: 5px !important;
}

@media (min-width: 1200px) {
    .p-xxl-6 {
        padding: 6px !important;
    }
    .pl-xxl-6 {
        padding-left: 6px !important;
    }
    .pr-xxl-6 {
        padding-right: 6px !important;
    }
    .pt-xxl-6 {
        padding-top: 6px !important;
    }
    .pb-xxl-6 {
        padding-bottom: 6px !important;
    }
    .px-xxl-6 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    .py-xxl-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .m-xxl-6 {
        margin: 6px !important;
    }
    .ml-xxl-6 {
        margin-left: 6px !important;
    }
    .mr-xxl-6 {
        margin-right: 6px !important;
    }
    .mt-xxl-6 {
        margin-top: 6px !important;
    }
    .mb-xxl-6 {
        margin-bottom: 6px !important;
    }
    .mx-xxl-6 {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }
    .my-xxl-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
    .gx-xxl-6 {
        gap: 0 6px !important;
    }
    .gy-xxl-6 {
        gap: 6px !important;
    }
    .gap-xxl-6 {
        gap: 6px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-6 {
        padding: 6px !important;
    }
    .pl-xl-6 {
        padding-left: 6px !important;
    }
    .pr-xl-6 {
        padding-right: 6px !important;
    }
    .pt-xl-6 {
        padding-top: 6px !important;
    }
    .pb-xl-6 {
        padding-bottom: 6px !important;
    }
    .px-xl-6 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    .py-xl-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .m-xl-6 {
        margin: 6px !important;
    }
    .ml-xl-6 {
        margin-left: 6px !important;
    }
    .mr-xl-6 {
        margin-right: 6px !important;
    }
    .mt-xl-6 {
        margin-top: 6px !important;
    }
    .mb-xl-6 {
        margin-bottom: 6px !important;
    }
    .mx-xl-6 {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }
    .my-xl-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
    .gx-xl-6 {
        gap: 0 6px !important;
    }
    .gy-xl-6 {
        gap: 6px !important;
    }
    .gap-xl-6 {
        gap: 6px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-6 {
        padding: 6px !important;
    }
    .pl-lg-6 {
        padding-left: 6px !important;
    }
    .pr-lg-6 {
        padding-right: 6px !important;
    }
    .pt-lg-6 {
        padding-top: 6px !important;
    }
    .pb-lg-6 {
        padding-bottom: 6px !important;
    }
    .px-lg-6 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    .py-lg-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .m-lg-6 {
        margin: 6px !important;
    }
    .ml-lg-6 {
        margin-left: 6px !important;
    }
    .mr-lg-6 {
        margin-right: 6px !important;
    }
    .mt-lg-6 {
        margin-top: 6px !important;
    }
    .mb-lg-6 {
        margin-bottom: 6px !important;
    }
    .mx-lg-6 {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }
    .my-lg-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
    .gx-lg-6 {
        gap: 0 6px !important;
    }
    .gy-lg-6 {
        gap: 6px !important;
    }
    .gap-lg-6 {
        gap: 6px !important;
    }
}

@media (min-width: 576px) {
    .p-md-6 {
        padding: 6px !important;
    }
    .pl-md-6 {
        padding-left: 6px !important;
    }
    .pr-md-6 {
        padding-right: 6px !important;
    }
    .pt-md-6 {
        padding-top: 6px !important;
    }
    .pb-md-6 {
        padding-bottom: 6px !important;
    }
    .px-md-6 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    .py-md-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .m-md-6 {
        margin: 6px !important;
    }
    .ml-md-6 {
        margin-left: 6px !important;
    }
    .mr-md-6 {
        margin-right: 6px !important;
    }
    .mt-md-6 {
        margin-top: 6px !important;
    }
    .mb-md-6 {
        margin-bottom: 6px !important;
    }
    .mx-md-6 {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }
    .my-md-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
    .gx-md-6 {
        gap: 0 6px !important;
    }
    .gy-md-6 {
        gap: 6px !important;
    }
    .gap-md-6 {
        gap: 6px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-6 {
        padding: 6px !important;
    }
    .pl-sm-6 {
        padding-left: 6px !important;
    }
    .pr-sm-6 {
        padding-right: 6px !important;
    }
    .pt-sm-6 {
        padding-top: 6px !important;
    }
    .pb-sm-6 {
        padding-bottom: 6px !important;
    }
    .px-sm-6 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    .py-sm-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .m-sm-6 {
        margin: 6px !important;
    }
    .ml-sm-6 {
        margin-left: 6px !important;
    }
    .mr-sm-6 {
        margin-right: 6px !important;
    }
    .mt-sm-6 {
        margin-top: 6px !important;
    }
    .mb-sm-6 {
        margin-bottom: 6px !important;
    }
    .mx-sm-6 {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }
    .my-sm-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
    .gx-sm-6 {
        gap: 0 6px !important;
    }
    .gy-sm-6 {
        gap: 6px !important;
    }
    .gap-sm-6 {
        gap: 6px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-6 {
        padding: 6px !important;
    }
    .pl-xsm-6 {
        padding-left: 6px !important;
    }
    .pr-xsm-6 {
        padding-right: 6px !important;
    }
    .pt-xsm-6 {
        padding-top: 6px !important;
    }
    .pb-xsm-6 {
        padding-bottom: 6px !important;
    }
    .px-xsm-6 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    .py-xsm-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .m-xsm-6 {
        margin: 6px !important;
    }
    .ml-xsm-6 {
        margin-left: 6px !important;
    }
    .mr-xsm-6 {
        margin-right: 6px !important;
    }
    .mt-xsm-6 {
        margin-top: 6px !important;
    }
    .mb-xsm-6 {
        margin-bottom: 6px !important;
    }
    .mx-xsm-6 {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }
    .my-xsm-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
    .gx-xsm-6 {
        gap: 0 6px !important;
    }
    .gy-xsm-6 {
        gap: 6px !important;
    }
    .gap-xsm-6 {
        gap: 6px !important;
    }
}

.p-6 {
    padding: 6px !important;
}

.pl-6 {
    padding-left: 6px !important;
}

.pr-6 {
    padding-right: 6px !important;
}

.pt-6 {
    padding-top: 6px !important;
}

.pb-6 {
    padding-bottom: 6px !important;
}

.px-6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.py-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.m-6 {
    margin: 6px !important;
}

.ml-6 {
    margin-left: 6px !important;
}

.mr-6 {
    margin-right: 6px !important;
}

.mt-6 {
    margin-top: 6px !important;
}

.mb-6 {
    margin-bottom: 6px !important;
}

.mx-6 {
    margin-left: 6px !important;
    margin-right: 6px !important;
}

.my-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.gx-6 {
    gap: 0 6px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-6 {
        padding-left: 0 !important;
        padding-right: 6px !important;
    }
    .rtl .pr-xxl-6 {
        padding-right: 0 !important;
        padding-left: 6px !important;
    }
    .rtl .ml-xxl-6 {
        margin-left: 0 !important;
        margin-right: 6px !important;
    }
    .rtl .mr-xxl-6 {
        margin-right: 0 !important;
        margin-left: 6px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-6 {
        padding-left: 0 !important;
        padding-right: 6px !important;
    }
    .rtl .pr-xl-6 {
        padding-right: 0 !important;
        padding-left: 6px !important;
    }
    .rtl .ml-xl-6 {
        margin-left: 0 !important;
        margin-right: 6px !important;
    }
    .rtl .mr-xl-6 {
        margin-right: 0 !important;
        margin-left: 6px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-6 {
        padding-left: 0 !important;
        padding-right: 6px !important;
    }
    .rtl .pr-lg-6 {
        padding-right: 0 !important;
        padding-left: 6px !important;
    }
    .rtl .ml-lg-6 {
        margin-left: 0 !important;
        margin-right: 6px !important;
    }
    .rtl .mr-lg-6 {
        margin-right: 0 !important;
        margin-left: 6px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-6 {
        padding-left: 0 !important;
        padding-right: 6px !important;
    }
    .rtl .pr-md-6 {
        padding-right: 0 !important;
        padding-left: 6px !important;
    }
    .rtl .ml-md-6 {
        margin-left: 0 !important;
        margin-right: 6px !important;
    }
    .rtl .mr-md-6 {
        margin-right: 0 !important;
        margin-left: 6px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-6 {
        padding-left: 0 !important;
        padding-right: 6px !important;
    }
    .rtl .pr-sm-6 {
        padding-right: 0 !important;
        padding-left: 6px !important;
    }
    .rtl .ml-sm-6 {
        margin-left: 0 !important;
        margin-right: 6px !important;
    }
    .rtl .mr-sm-6 {
        margin-right: 0 !important;
        margin-left: 6px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-6 {
        padding-left: 0 !important;
        padding-right: 6px !important;
    }
    .rtl .pr-xsm-6 {
        padding-right: 0 !important;
        padding-left: 6px !important;
    }
    .rtl .ml-xsm-6 {
        margin-left: 0 !important;
        margin-right: 6px !important;
    }
    .rtl .mr-xsm-6 {
        margin-right: 0 !important;
        margin-left: 6px !important;
    }
}

.rtl .pl-6 {
    padding-left: 0 !important;
    padding-right: 6px !important;
}

.rtl .pr-6 {
    padding-right: 0 !important;
    padding-left: 6px !important;
}

.rtl .ml-6 {
    margin-left: 0 !important;
    margin-right: 6px !important;
}

.rtl .mr-6 {
    margin-right: 0 !important;
    margin-left: 6px !important;
}

@media (min-width: 1200px) {
    .p-xxl-7 {
        padding: 7px !important;
    }
    .pl-xxl-7 {
        padding-left: 7px !important;
    }
    .pr-xxl-7 {
        padding-right: 7px !important;
    }
    .pt-xxl-7 {
        padding-top: 7px !important;
    }
    .pb-xxl-7 {
        padding-bottom: 7px !important;
    }
    .px-xxl-7 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
    .py-xxl-7 {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    .m-xxl-7 {
        margin: 7px !important;
    }
    .ml-xxl-7 {
        margin-left: 7px !important;
    }
    .mr-xxl-7 {
        margin-right: 7px !important;
    }
    .mt-xxl-7 {
        margin-top: 7px !important;
    }
    .mb-xxl-7 {
        margin-bottom: 7px !important;
    }
    .mx-xxl-7 {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }
    .my-xxl-7 {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }
    .gx-xxl-7 {
        gap: 0 7px !important;
    }
    .gy-xxl-7 {
        gap: 7px !important;
    }
    .gap-xxl-7 {
        gap: 7px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-7 {
        padding: 7px !important;
    }
    .pl-xl-7 {
        padding-left: 7px !important;
    }
    .pr-xl-7 {
        padding-right: 7px !important;
    }
    .pt-xl-7 {
        padding-top: 7px !important;
    }
    .pb-xl-7 {
        padding-bottom: 7px !important;
    }
    .px-xl-7 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
    .py-xl-7 {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    .m-xl-7 {
        margin: 7px !important;
    }
    .ml-xl-7 {
        margin-left: 7px !important;
    }
    .mr-xl-7 {
        margin-right: 7px !important;
    }
    .mt-xl-7 {
        margin-top: 7px !important;
    }
    .mb-xl-7 {
        margin-bottom: 7px !important;
    }
    .mx-xl-7 {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }
    .my-xl-7 {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }
    .gx-xl-7 {
        gap: 0 7px !important;
    }
    .gy-xl-7 {
        gap: 7px !important;
    }
    .gap-xl-7 {
        gap: 7px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-7 {
        padding: 7px !important;
    }
    .pl-lg-7 {
        padding-left: 7px !important;
    }
    .pr-lg-7 {
        padding-right: 7px !important;
    }
    .pt-lg-7 {
        padding-top: 7px !important;
    }
    .pb-lg-7 {
        padding-bottom: 7px !important;
    }
    .px-lg-7 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
    .py-lg-7 {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    .m-lg-7 {
        margin: 7px !important;
    }
    .ml-lg-7 {
        margin-left: 7px !important;
    }
    .mr-lg-7 {
        margin-right: 7px !important;
    }
    .mt-lg-7 {
        margin-top: 7px !important;
    }
    .mb-lg-7 {
        margin-bottom: 7px !important;
    }
    .mx-lg-7 {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }
    .my-lg-7 {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }
    .gx-lg-7 {
        gap: 0 7px !important;
    }
    .gy-lg-7 {
        gap: 7px !important;
    }
    .gap-lg-7 {
        gap: 7px !important;
    }
}

@media (min-width: 576px) {
    .p-md-7 {
        padding: 7px !important;
    }
    .pl-md-7 {
        padding-left: 7px !important;
    }
    .pr-md-7 {
        padding-right: 7px !important;
    }
    .pt-md-7 {
        padding-top: 7px !important;
    }
    .pb-md-7 {
        padding-bottom: 7px !important;
    }
    .px-md-7 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
    .py-md-7 {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    .m-md-7 {
        margin: 7px !important;
    }
    .ml-md-7 {
        margin-left: 7px !important;
    }
    .mr-md-7 {
        margin-right: 7px !important;
    }
    .mt-md-7 {
        margin-top: 7px !important;
    }
    .mb-md-7 {
        margin-bottom: 7px !important;
    }
    .mx-md-7 {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }
    .my-md-7 {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }
    .gx-md-7 {
        gap: 0 7px !important;
    }
    .gy-md-7 {
        gap: 7px !important;
    }
    .gap-md-7 {
        gap: 7px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-7 {
        padding: 7px !important;
    }
    .pl-sm-7 {
        padding-left: 7px !important;
    }
    .pr-sm-7 {
        padding-right: 7px !important;
    }
    .pt-sm-7 {
        padding-top: 7px !important;
    }
    .pb-sm-7 {
        padding-bottom: 7px !important;
    }
    .px-sm-7 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
    .py-sm-7 {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    .m-sm-7 {
        margin: 7px !important;
    }
    .ml-sm-7 {
        margin-left: 7px !important;
    }
    .mr-sm-7 {
        margin-right: 7px !important;
    }
    .mt-sm-7 {
        margin-top: 7px !important;
    }
    .mb-sm-7 {
        margin-bottom: 7px !important;
    }
    .mx-sm-7 {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }
    .my-sm-7 {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }
    .gx-sm-7 {
        gap: 0 7px !important;
    }
    .gy-sm-7 {
        gap: 7px !important;
    }
    .gap-sm-7 {
        gap: 7px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-7 {
        padding: 7px !important;
    }
    .pl-xsm-7 {
        padding-left: 7px !important;
    }
    .pr-xsm-7 {
        padding-right: 7px !important;
    }
    .pt-xsm-7 {
        padding-top: 7px !important;
    }
    .pb-xsm-7 {
        padding-bottom: 7px !important;
    }
    .px-xsm-7 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
    .py-xsm-7 {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    .m-xsm-7 {
        margin: 7px !important;
    }
    .ml-xsm-7 {
        margin-left: 7px !important;
    }
    .mr-xsm-7 {
        margin-right: 7px !important;
    }
    .mt-xsm-7 {
        margin-top: 7px !important;
    }
    .mb-xsm-7 {
        margin-bottom: 7px !important;
    }
    .mx-xsm-7 {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }
    .my-xsm-7 {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }
    .gx-xsm-7 {
        gap: 0 7px !important;
    }
    .gy-xsm-7 {
        gap: 7px !important;
    }
    .gap-xsm-7 {
        gap: 7px !important;
    }
}

.p-7 {
    padding: 7px !important;
}

.pl-7 {
    padding-left: 7px !important;
}

.pr-7 {
    padding-right: 7px !important;
}

.pt-7 {
    padding-top: 7px !important;
}

.pb-7 {
    padding-bottom: 7px !important;
}

.px-7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.py-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.m-7 {
    margin: 7px !important;
}

.ml-7 {
    margin-left: 7px !important;
}

.mr-7 {
    margin-right: 7px !important;
}

.mt-7 {
    margin-top: 7px !important;
}

.mb-7 {
    margin-bottom: 7px !important;
}

.mx-7 {
    margin-left: 7px !important;
    margin-right: 7px !important;
}

.my-7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

.gx-7 {
    gap: 0 7px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-7 {
        padding-left: 0 !important;
        padding-right: 7px !important;
    }
    .rtl .pr-xxl-7 {
        padding-right: 0 !important;
        padding-left: 7px !important;
    }
    .rtl .ml-xxl-7 {
        margin-left: 0 !important;
        margin-right: 7px !important;
    }
    .rtl .mr-xxl-7 {
        margin-right: 0 !important;
        margin-left: 7px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-7 {
        padding-left: 0 !important;
        padding-right: 7px !important;
    }
    .rtl .pr-xl-7 {
        padding-right: 0 !important;
        padding-left: 7px !important;
    }
    .rtl .ml-xl-7 {
        margin-left: 0 !important;
        margin-right: 7px !important;
    }
    .rtl .mr-xl-7 {
        margin-right: 0 !important;
        margin-left: 7px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-7 {
        padding-left: 0 !important;
        padding-right: 7px !important;
    }
    .rtl .pr-lg-7 {
        padding-right: 0 !important;
        padding-left: 7px !important;
    }
    .rtl .ml-lg-7 {
        margin-left: 0 !important;
        margin-right: 7px !important;
    }
    .rtl .mr-lg-7 {
        margin-right: 0 !important;
        margin-left: 7px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-7 {
        padding-left: 0 !important;
        padding-right: 7px !important;
    }
    .rtl .pr-md-7 {
        padding-right: 0 !important;
        padding-left: 7px !important;
    }
    .rtl .ml-md-7 {
        margin-left: 0 !important;
        margin-right: 7px !important;
    }
    .rtl .mr-md-7 {
        margin-right: 0 !important;
        margin-left: 7px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-7 {
        padding-left: 0 !important;
        padding-right: 7px !important;
    }
    .rtl .pr-sm-7 {
        padding-right: 0 !important;
        padding-left: 7px !important;
    }
    .rtl .ml-sm-7 {
        margin-left: 0 !important;
        margin-right: 7px !important;
    }
    .rtl .mr-sm-7 {
        margin-right: 0 !important;
        margin-left: 7px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-7 {
        padding-left: 0 !important;
        padding-right: 7px !important;
    }
    .rtl .pr-xsm-7 {
        padding-right: 0 !important;
        padding-left: 7px !important;
    }
    .rtl .ml-xsm-7 {
        margin-left: 0 !important;
        margin-right: 7px !important;
    }
    .rtl .mr-xsm-7 {
        margin-right: 0 !important;
        margin-left: 7px !important;
    }
}

.rtl .pl-7 {
    padding-left: 0 !important;
    padding-right: 7px !important;
}

.rtl .pr-7 {
    padding-right: 0 !important;
    padding-left: 7px !important;
}

.rtl .ml-7 {
    margin-left: 0 !important;
    margin-right: 7px !important;
}

.rtl .mr-7 {
    margin-right: 0 !important;
    margin-left: 7px !important;
}

@media (min-width: 1200px) {
    .p-xxl-8 {
        padding: 8px !important;
    }
    .pl-xxl-8 {
        padding-left: 8px !important;
    }
    .pr-xxl-8 {
        padding-right: 8px !important;
    }
    .pt-xxl-8 {
        padding-top: 8px !important;
    }
    .pb-xxl-8 {
        padding-bottom: 8px !important;
    }
    .px-xxl-8 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .py-xxl-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .m-xxl-8 {
        margin: 8px !important;
    }
    .ml-xxl-8 {
        margin-left: 8px !important;
    }
    .mr-xxl-8 {
        margin-right: 8px !important;
    }
    .mt-xxl-8 {
        margin-top: 8px !important;
    }
    .mb-xxl-8 {
        margin-bottom: 8px !important;
    }
    .mx-xxl-8 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .my-xxl-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .gx-xxl-8 {
        gap: 0 8px !important;
    }
    .gy-xxl-8 {
        gap: 8px !important;
    }
    .gap-xxl-8 {
        gap: 8px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-8 {
        padding: 8px !important;
    }
    .pl-xl-8 {
        padding-left: 8px !important;
    }
    .pr-xl-8 {
        padding-right: 8px !important;
    }
    .pt-xl-8 {
        padding-top: 8px !important;
    }
    .pb-xl-8 {
        padding-bottom: 8px !important;
    }
    .px-xl-8 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .py-xl-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .m-xl-8 {
        margin: 8px !important;
    }
    .ml-xl-8 {
        margin-left: 8px !important;
    }
    .mr-xl-8 {
        margin-right: 8px !important;
    }
    .mt-xl-8 {
        margin-top: 8px !important;
    }
    .mb-xl-8 {
        margin-bottom: 8px !important;
    }
    .mx-xl-8 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .my-xl-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .gx-xl-8 {
        gap: 0 8px !important;
    }
    .gy-xl-8 {
        gap: 8px !important;
    }
    .gap-xl-8 {
        gap: 8px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-8 {
        padding: 8px !important;
    }
    .pl-lg-8 {
        padding-left: 8px !important;
    }
    .pr-lg-8 {
        padding-right: 8px !important;
    }
    .pt-lg-8 {
        padding-top: 8px !important;
    }
    .pb-lg-8 {
        padding-bottom: 8px !important;
    }
    .px-lg-8 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .py-lg-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .m-lg-8 {
        margin: 8px !important;
    }
    .ml-lg-8 {
        margin-left: 8px !important;
    }
    .mr-lg-8 {
        margin-right: 8px !important;
    }
    .mt-lg-8 {
        margin-top: 8px !important;
    }
    .mb-lg-8 {
        margin-bottom: 8px !important;
    }
    .mx-lg-8 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .my-lg-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .gx-lg-8 {
        gap: 0 8px !important;
    }
    .gy-lg-8 {
        gap: 8px !important;
    }
    .gap-lg-8 {
        gap: 8px !important;
    }
}

@media (min-width: 576px) {
    .p-md-8 {
        padding: 8px !important;
    }
    .pl-md-8 {
        padding-left: 8px !important;
    }
    .pr-md-8 {
        padding-right: 8px !important;
    }
    .pt-md-8 {
        padding-top: 8px !important;
    }
    .pb-md-8 {
        padding-bottom: 8px !important;
    }
    .px-md-8 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .py-md-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .m-md-8 {
        margin: 8px !important;
    }
    .ml-md-8 {
        margin-left: 8px !important;
    }
    .mr-md-8 {
        margin-right: 8px !important;
    }
    .mt-md-8 {
        margin-top: 8px !important;
    }
    .mb-md-8 {
        margin-bottom: 8px !important;
    }
    .mx-md-8 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .my-md-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .gx-md-8 {
        gap: 0 8px !important;
    }
    .gy-md-8 {
        gap: 8px !important;
    }
    .gap-md-8 {
        gap: 8px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-8 {
        padding: 8px !important;
    }
    .pl-sm-8 {
        padding-left: 8px !important;
    }
    .pr-sm-8 {
        padding-right: 8px !important;
    }
    .pt-sm-8 {
        padding-top: 8px !important;
    }
    .pb-sm-8 {
        padding-bottom: 8px !important;
    }
    .px-sm-8 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .py-sm-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .m-sm-8 {
        margin: 8px !important;
    }
    .ml-sm-8 {
        margin-left: 8px !important;
    }
    .mr-sm-8 {
        margin-right: 8px !important;
    }
    .mt-sm-8 {
        margin-top: 8px !important;
    }
    .mb-sm-8 {
        margin-bottom: 8px !important;
    }
    .mx-sm-8 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .my-sm-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .gx-sm-8 {
        gap: 0 8px !important;
    }
    .gy-sm-8 {
        gap: 8px !important;
    }
    .gap-sm-8 {
        gap: 8px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-8 {
        padding: 8px !important;
    }
    .pl-xsm-8 {
        padding-left: 8px !important;
    }
    .pr-xsm-8 {
        padding-right: 8px !important;
    }
    .pt-xsm-8 {
        padding-top: 8px !important;
    }
    .pb-xsm-8 {
        padding-bottom: 8px !important;
    }
    .px-xsm-8 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .py-xsm-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .m-xsm-8 {
        margin: 8px !important;
    }
    .ml-xsm-8 {
        margin-left: 8px !important;
    }
    .mr-xsm-8 {
        margin-right: 8px !important;
    }
    .mt-xsm-8 {
        margin-top: 8px !important;
    }
    .mb-xsm-8 {
        margin-bottom: 8px !important;
    }
    .mx-xsm-8 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .my-xsm-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .gx-xsm-8 {
        gap: 0 8px !important;
    }
    .gy-xsm-8 {
        gap: 8px !important;
    }
    .gap-xsm-8 {
        gap: 8px !important;
    }
}

.p-8 {
    padding: 8px !important;
}

.pl-8 {
    padding-left: 8px !important;
}

.pr-8 {
    padding-right: 8px !important;
}

.pt-8 {
    padding-top: 8px !important;
}

.pb-8 {
    padding-bottom: 8px !important;
}

.px-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.py-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.m-8 {
    margin: 8px !important;
}

.ml-8 {
    margin-left: 8px !important;
}

.mr-8 {
    margin-right: 8px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mx-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.my-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.gx-8 {
    gap: 0 8px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-8 {
        padding-left: 0 !important;
        padding-right: 8px !important;
    }
    .rtl .pr-xxl-8 {
        padding-right: 0 !important;
        padding-left: 8px !important;
    }
    .rtl .ml-xxl-8 {
        margin-left: 0 !important;
        margin-right: 8px !important;
    }
    .rtl .mr-xxl-8 {
        margin-right: 0 !important;
        margin-left: 8px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-8 {
        padding-left: 0 !important;
        padding-right: 8px !important;
    }
    .rtl .pr-xl-8 {
        padding-right: 0 !important;
        padding-left: 8px !important;
    }
    .rtl .ml-xl-8 {
        margin-left: 0 !important;
        margin-right: 8px !important;
    }
    .rtl .mr-xl-8 {
        margin-right: 0 !important;
        margin-left: 8px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-8 {
        padding-left: 0 !important;
        padding-right: 8px !important;
    }
    .rtl .pr-lg-8 {
        padding-right: 0 !important;
        padding-left: 8px !important;
    }
    .rtl .ml-lg-8 {
        margin-left: 0 !important;
        margin-right: 8px !important;
    }
    .rtl .mr-lg-8 {
        margin-right: 0 !important;
        margin-left: 8px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-8 {
        padding-left: 0 !important;
        padding-right: 8px !important;
    }
    .rtl .pr-md-8 {
        padding-right: 0 !important;
        padding-left: 8px !important;
    }
    .rtl .ml-md-8 {
        margin-left: 0 !important;
        margin-right: 8px !important;
    }
    .rtl .mr-md-8 {
        margin-right: 0 !important;
        margin-left: 8px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-8 {
        padding-left: 0 !important;
        padding-right: 8px !important;
    }
    .rtl .pr-sm-8 {
        padding-right: 0 !important;
        padding-left: 8px !important;
    }
    .rtl .ml-sm-8 {
        margin-left: 0 !important;
        margin-right: 8px !important;
    }
    .rtl .mr-sm-8 {
        margin-right: 0 !important;
        margin-left: 8px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-8 {
        padding-left: 0 !important;
        padding-right: 8px !important;
    }
    .rtl .pr-xsm-8 {
        padding-right: 0 !important;
        padding-left: 8px !important;
    }
    .rtl .ml-xsm-8 {
        margin-left: 0 !important;
        margin-right: 8px !important;
    }
    .rtl .mr-xsm-8 {
        margin-right: 0 !important;
        margin-left: 8px !important;
    }
}

.rtl .pl-8 {
    padding-left: 0 !important;
    padding-right: 8px !important;
}

.rtl .pr-8 {
    padding-right: 0 !important;
    padding-left: 8px !important;
}

.rtl .ml-8 {
    margin-left: 0 !important;
    margin-right: 8px !important;
}

.rtl .mr-8 {
    margin-right: 0 !important;
    margin-left: 8px !important;
}

@media (min-width: 1200px) {
    .p-xxl-9 {
        padding: 9px !important;
    }
    .pl-xxl-9 {
        padding-left: 9px !important;
    }
    .pr-xxl-9 {
        padding-right: 9px !important;
    }
    .pt-xxl-9 {
        padding-top: 9px !important;
    }
    .pb-xxl-9 {
        padding-bottom: 9px !important;
    }
    .px-xxl-9 {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    .py-xxl-9 {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }
    .m-xxl-9 {
        margin: 9px !important;
    }
    .ml-xxl-9 {
        margin-left: 9px !important;
    }
    .mr-xxl-9 {
        margin-right: 9px !important;
    }
    .mt-xxl-9 {
        margin-top: 9px !important;
    }
    .mb-xxl-9 {
        margin-bottom: 9px !important;
    }
    .mx-xxl-9 {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }
    .my-xxl-9 {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }
    .gx-xxl-9 {
        gap: 0 9px !important;
    }
    .gy-xxl-9 {
        gap: 9px !important;
    }
    .gap-xxl-9 {
        gap: 9px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-9 {
        padding: 9px !important;
    }
    .pl-xl-9 {
        padding-left: 9px !important;
    }
    .pr-xl-9 {
        padding-right: 9px !important;
    }
    .pt-xl-9 {
        padding-top: 9px !important;
    }
    .pb-xl-9 {
        padding-bottom: 9px !important;
    }
    .px-xl-9 {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    .py-xl-9 {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }
    .m-xl-9 {
        margin: 9px !important;
    }
    .ml-xl-9 {
        margin-left: 9px !important;
    }
    .mr-xl-9 {
        margin-right: 9px !important;
    }
    .mt-xl-9 {
        margin-top: 9px !important;
    }
    .mb-xl-9 {
        margin-bottom: 9px !important;
    }
    .mx-xl-9 {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }
    .my-xl-9 {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }
    .gx-xl-9 {
        gap: 0 9px !important;
    }
    .gy-xl-9 {
        gap: 9px !important;
    }
    .gap-xl-9 {
        gap: 9px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-9 {
        padding: 9px !important;
    }
    .pl-lg-9 {
        padding-left: 9px !important;
    }
    .pr-lg-9 {
        padding-right: 9px !important;
    }
    .pt-lg-9 {
        padding-top: 9px !important;
    }
    .pb-lg-9 {
        padding-bottom: 9px !important;
    }
    .px-lg-9 {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    .py-lg-9 {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }
    .m-lg-9 {
        margin: 9px !important;
    }
    .ml-lg-9 {
        margin-left: 9px !important;
    }
    .mr-lg-9 {
        margin-right: 9px !important;
    }
    .mt-lg-9 {
        margin-top: 9px !important;
    }
    .mb-lg-9 {
        margin-bottom: 9px !important;
    }
    .mx-lg-9 {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }
    .my-lg-9 {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }
    .gx-lg-9 {
        gap: 0 9px !important;
    }
    .gy-lg-9 {
        gap: 9px !important;
    }
    .gap-lg-9 {
        gap: 9px !important;
    }
}

@media (min-width: 576px) {
    .p-md-9 {
        padding: 9px !important;
    }
    .pl-md-9 {
        padding-left: 9px !important;
    }
    .pr-md-9 {
        padding-right: 9px !important;
    }
    .pt-md-9 {
        padding-top: 9px !important;
    }
    .pb-md-9 {
        padding-bottom: 9px !important;
    }
    .px-md-9 {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    .py-md-9 {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }
    .m-md-9 {
        margin: 9px !important;
    }
    .ml-md-9 {
        margin-left: 9px !important;
    }
    .mr-md-9 {
        margin-right: 9px !important;
    }
    .mt-md-9 {
        margin-top: 9px !important;
    }
    .mb-md-9 {
        margin-bottom: 9px !important;
    }
    .mx-md-9 {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }
    .my-md-9 {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }
    .gx-md-9 {
        gap: 0 9px !important;
    }
    .gy-md-9 {
        gap: 9px !important;
    }
    .gap-md-9 {
        gap: 9px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-9 {
        padding: 9px !important;
    }
    .pl-sm-9 {
        padding-left: 9px !important;
    }
    .pr-sm-9 {
        padding-right: 9px !important;
    }
    .pt-sm-9 {
        padding-top: 9px !important;
    }
    .pb-sm-9 {
        padding-bottom: 9px !important;
    }
    .px-sm-9 {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    .py-sm-9 {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }
    .m-sm-9 {
        margin: 9px !important;
    }
    .ml-sm-9 {
        margin-left: 9px !important;
    }
    .mr-sm-9 {
        margin-right: 9px !important;
    }
    .mt-sm-9 {
        margin-top: 9px !important;
    }
    .mb-sm-9 {
        margin-bottom: 9px !important;
    }
    .mx-sm-9 {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }
    .my-sm-9 {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }
    .gx-sm-9 {
        gap: 0 9px !important;
    }
    .gy-sm-9 {
        gap: 9px !important;
    }
    .gap-sm-9 {
        gap: 9px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-9 {
        padding: 9px !important;
    }
    .pl-xsm-9 {
        padding-left: 9px !important;
    }
    .pr-xsm-9 {
        padding-right: 9px !important;
    }
    .pt-xsm-9 {
        padding-top: 9px !important;
    }
    .pb-xsm-9 {
        padding-bottom: 9px !important;
    }
    .px-xsm-9 {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    .py-xsm-9 {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }
    .m-xsm-9 {
        margin: 9px !important;
    }
    .ml-xsm-9 {
        margin-left: 9px !important;
    }
    .mr-xsm-9 {
        margin-right: 9px !important;
    }
    .mt-xsm-9 {
        margin-top: 9px !important;
    }
    .mb-xsm-9 {
        margin-bottom: 9px !important;
    }
    .mx-xsm-9 {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }
    .my-xsm-9 {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }
    .gx-xsm-9 {
        gap: 0 9px !important;
    }
    .gy-xsm-9 {
        gap: 9px !important;
    }
    .gap-xsm-9 {
        gap: 9px !important;
    }
}

.p-9 {
    padding: 9px !important;
}

.pl-9 {
    padding-left: 9px !important;
}

.pr-9 {
    padding-right: 9px !important;
}

.pt-9 {
    padding-top: 9px !important;
}

.pb-9 {
    padding-bottom: 9px !important;
}

.px-9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

.py-9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.m-9 {
    margin: 9px !important;
}

.ml-9 {
    margin-left: 9px !important;
}

.mr-9 {
    margin-right: 9px !important;
}

.mt-9 {
    margin-top: 9px !important;
}

.mb-9 {
    margin-bottom: 9px !important;
}

.mx-9 {
    margin-left: 9px !important;
    margin-right: 9px !important;
}

.my-9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
}

.gx-9 {
    gap: 0 9px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-9 {
        padding-left: 0 !important;
        padding-right: 9px !important;
    }
    .rtl .pr-xxl-9 {
        padding-right: 0 !important;
        padding-left: 9px !important;
    }
    .rtl .ml-xxl-9 {
        margin-left: 0 !important;
        margin-right: 9px !important;
    }
    .rtl .mr-xxl-9 {
        margin-right: 0 !important;
        margin-left: 9px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-9 {
        padding-left: 0 !important;
        padding-right: 9px !important;
    }
    .rtl .pr-xl-9 {
        padding-right: 0 !important;
        padding-left: 9px !important;
    }
    .rtl .ml-xl-9 {
        margin-left: 0 !important;
        margin-right: 9px !important;
    }
    .rtl .mr-xl-9 {
        margin-right: 0 !important;
        margin-left: 9px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-9 {
        padding-left: 0 !important;
        padding-right: 9px !important;
    }
    .rtl .pr-lg-9 {
        padding-right: 0 !important;
        padding-left: 9px !important;
    }
    .rtl .ml-lg-9 {
        margin-left: 0 !important;
        margin-right: 9px !important;
    }
    .rtl .mr-lg-9 {
        margin-right: 0 !important;
        margin-left: 9px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-9 {
        padding-left: 0 !important;
        padding-right: 9px !important;
    }
    .rtl .pr-md-9 {
        padding-right: 0 !important;
        padding-left: 9px !important;
    }
    .rtl .ml-md-9 {
        margin-left: 0 !important;
        margin-right: 9px !important;
    }
    .rtl .mr-md-9 {
        margin-right: 0 !important;
        margin-left: 9px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-9 {
        padding-left: 0 !important;
        padding-right: 9px !important;
    }
    .rtl .pr-sm-9 {
        padding-right: 0 !important;
        padding-left: 9px !important;
    }
    .rtl .ml-sm-9 {
        margin-left: 0 !important;
        margin-right: 9px !important;
    }
    .rtl .mr-sm-9 {
        margin-right: 0 !important;
        margin-left: 9px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-9 {
        padding-left: 0 !important;
        padding-right: 9px !important;
    }
    .rtl .pr-xsm-9 {
        padding-right: 0 !important;
        padding-left: 9px !important;
    }
    .rtl .ml-xsm-9 {
        margin-left: 0 !important;
        margin-right: 9px !important;
    }
    .rtl .mr-xsm-9 {
        margin-right: 0 !important;
        margin-left: 9px !important;
    }
}

.rtl .pl-9 {
    padding-left: 0 !important;
    padding-right: 9px !important;
}

.rtl .pr-9 {
    padding-right: 0 !important;
    padding-left: 9px !important;
}

.rtl .ml-9 {
    margin-left: 0 !important;
    margin-right: 9px !important;
}

.rtl .mr-9 {
    margin-right: 0 !important;
    margin-left: 9px !important;
}

@media (min-width: 1200px) {
    .p-xxl-10 {
        padding: 10px !important;
    }
    .pl-xxl-10 {
        padding-left: 10px !important;
    }
    .pr-xxl-10 {
        padding-right: 10px !important;
    }
    .pt-xxl-10 {
        padding-top: 10px !important;
    }
    .pb-xxl-10 {
        padding-bottom: 10px !important;
    }
    .px-xxl-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .py-xxl-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .m-xxl-10 {
        margin: 10px !important;
    }
    .ml-xxl-10 {
        margin-left: 10px !important;
    }
    .mr-xxl-10 {
        margin-right: 10px !important;
    }
    .mt-xxl-10 {
        margin-top: 10px !important;
    }
    .mb-xxl-10 {
        margin-bottom: 10px !important;
    }
    .mx-xxl-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .my-xxl-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .gx-xxl-10 {
        gap: 0 10px !important;
    }
    .gy-xxl-10 {
        gap: 10px !important;
    }
    .gap-xxl-10 {
        gap: 10px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-10 {
        padding: 10px !important;
    }
    .pl-xl-10 {
        padding-left: 10px !important;
    }
    .pr-xl-10 {
        padding-right: 10px !important;
    }
    .pt-xl-10 {
        padding-top: 10px !important;
    }
    .pb-xl-10 {
        padding-bottom: 10px !important;
    }
    .px-xl-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .py-xl-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .m-xl-10 {
        margin: 10px !important;
    }
    .ml-xl-10 {
        margin-left: 10px !important;
    }
    .mr-xl-10 {
        margin-right: 10px !important;
    }
    .mt-xl-10 {
        margin-top: 10px !important;
    }
    .mb-xl-10 {
        margin-bottom: 10px !important;
    }
    .mx-xl-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .my-xl-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .gx-xl-10 {
        gap: 0 10px !important;
    }
    .gy-xl-10 {
        gap: 10px !important;
    }
    .gap-xl-10 {
        gap: 10px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-10 {
        padding: 10px !important;
    }
    .pl-lg-10 {
        padding-left: 10px !important;
    }
    .pr-lg-10 {
        padding-right: 10px !important;
    }
    .pt-lg-10 {
        padding-top: 10px !important;
    }
    .pb-lg-10 {
        padding-bottom: 10px !important;
    }
    .px-lg-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .py-lg-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .m-lg-10 {
        margin: 10px !important;
    }
    .ml-lg-10 {
        margin-left: 10px !important;
    }
    .mr-lg-10 {
        margin-right: 10px !important;
    }
    .mt-lg-10 {
        margin-top: 10px !important;
    }
    .mb-lg-10 {
        margin-bottom: 10px !important;
    }
    .mx-lg-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .my-lg-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .gx-lg-10 {
        gap: 0 10px !important;
    }
    .gy-lg-10 {
        gap: 10px !important;
    }
    .gap-lg-10 {
        gap: 10px !important;
    }
}

@media (min-width: 576px) {
    .p-md-10 {
        padding: 10px !important;
    }
    .pl-md-10 {
        padding-left: 10px !important;
    }
    .pr-md-10 {
        padding-right: 10px !important;
    }
    .pt-md-10 {
        padding-top: 10px !important;
    }
    .pb-md-10 {
        padding-bottom: 10px !important;
    }
    .px-md-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .py-md-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .m-md-10 {
        margin: 10px !important;
    }
    .ml-md-10 {
        margin-left: 10px !important;
    }
    .mr-md-10 {
        margin-right: 10px !important;
    }
    .mt-md-10 {
        margin-top: 10px !important;
    }
    .mb-md-10 {
        margin-bottom: 10px !important;
    }
    .mx-md-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .my-md-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .gx-md-10 {
        gap: 0 10px !important;
    }
    .gy-md-10 {
        gap: 10px !important;
    }
    .gap-md-10 {
        gap: 10px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-10 {
        padding: 10px !important;
    }
    .pl-sm-10 {
        padding-left: 10px !important;
    }
    .pr-sm-10 {
        padding-right: 10px !important;
    }
    .pt-sm-10 {
        padding-top: 10px !important;
    }
    .pb-sm-10 {
        padding-bottom: 10px !important;
    }
    .px-sm-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .py-sm-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .m-sm-10 {
        margin: 10px !important;
    }
    .ml-sm-10 {
        margin-left: 10px !important;
    }
    .mr-sm-10 {
        margin-right: 10px !important;
    }
    .mt-sm-10 {
        margin-top: 10px !important;
    }
    .mb-sm-10 {
        margin-bottom: 10px !important;
    }
    .mx-sm-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .my-sm-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .gx-sm-10 {
        gap: 0 10px !important;
    }
    .gy-sm-10 {
        gap: 10px !important;
    }
    .gap-sm-10 {
        gap: 10px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-10 {
        padding: 10px !important;
    }
    .pl-xsm-10 {
        padding-left: 10px !important;
    }
    .pr-xsm-10 {
        padding-right: 10px !important;
    }
    .pt-xsm-10 {
        padding-top: 10px !important;
    }
    .pb-xsm-10 {
        padding-bottom: 10px !important;
    }
    .px-xsm-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .py-xsm-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .m-xsm-10 {
        margin: 10px !important;
    }
    .ml-xsm-10 {
        margin-left: 10px !important;
    }
    .mr-xsm-10 {
        margin-right: 10px !important;
    }
    .mt-xsm-10 {
        margin-top: 10px !important;
    }
    .mb-xsm-10 {
        margin-bottom: 10px !important;
    }
    .mx-xsm-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .my-xsm-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .gx-xsm-10 {
        gap: 0 10px !important;
    }
    .gy-xsm-10 {
        gap: 10px !important;
    }
    .gap-xsm-10 {
        gap: 10px !important;
    }
}

.p-10 {
    padding: 10px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.m-10 {
    margin: 10px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.gx-10 {
    gap: 0 10px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-10 {
        padding-left: 0 !important;
        padding-right: 10px !important;
    }
    .rtl .pr-xxl-10 {
        padding-right: 0 !important;
        padding-left: 10px !important;
    }
    .rtl .ml-xxl-10 {
        margin-left: 0 !important;
        margin-right: 10px !important;
    }
    .rtl .mr-xxl-10 {
        margin-right: 0 !important;
        margin-left: 10px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-10 {
        padding-left: 0 !important;
        padding-right: 10px !important;
    }
    .rtl .pr-xl-10 {
        padding-right: 0 !important;
        padding-left: 10px !important;
    }
    .rtl .ml-xl-10 {
        margin-left: 0 !important;
        margin-right: 10px !important;
    }
    .rtl .mr-xl-10 {
        margin-right: 0 !important;
        margin-left: 10px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-10 {
        padding-left: 0 !important;
        padding-right: 10px !important;
    }
    .rtl .pr-lg-10 {
        padding-right: 0 !important;
        padding-left: 10px !important;
    }
    .rtl .ml-lg-10 {
        margin-left: 0 !important;
        margin-right: 10px !important;
    }
    .rtl .mr-lg-10 {
        margin-right: 0 !important;
        margin-left: 10px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-10 {
        padding-left: 0 !important;
        padding-right: 10px !important;
    }
    .rtl .pr-md-10 {
        padding-right: 0 !important;
        padding-left: 10px !important;
    }
    .rtl .ml-md-10 {
        margin-left: 0 !important;
        margin-right: 10px !important;
    }
    .rtl .mr-md-10 {
        margin-right: 0 !important;
        margin-left: 10px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-10 {
        padding-left: 0 !important;
        padding-right: 10px !important;
    }
    .rtl .pr-sm-10 {
        padding-right: 0 !important;
        padding-left: 10px !important;
    }
    .rtl .ml-sm-10 {
        margin-left: 0 !important;
        margin-right: 10px !important;
    }
    .rtl .mr-sm-10 {
        margin-right: 0 !important;
        margin-left: 10px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-10 {
        padding-left: 0 !important;
        padding-right: 10px !important;
    }
    .rtl .pr-xsm-10 {
        padding-right: 0 !important;
        padding-left: 10px !important;
    }
    .rtl .ml-xsm-10 {
        margin-left: 0 !important;
        margin-right: 10px !important;
    }
    .rtl .mr-xsm-10 {
        margin-right: 0 !important;
        margin-left: 10px !important;
    }
}

.rtl .pl-10 {
    padding-left: 0 !important;
    padding-right: 10px !important;
}

.rtl .pr-10 {
    padding-right: 0 !important;
    padding-left: 10px !important;
}

.rtl .ml-10 {
    margin-left: 0 !important;
    margin-right: 10px !important;
}

.rtl .mr-10 {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

@media (min-width: 1200px) {
    .p-xxl-11 {
        padding: 11px !important;
    }
    .pl-xxl-11 {
        padding-left: 11px !important;
    }
    .pr-xxl-11 {
        padding-right: 11px !important;
    }
    .pt-xxl-11 {
        padding-top: 11px !important;
    }
    .pb-xxl-11 {
        padding-bottom: 11px !important;
    }
    .px-xxl-11 {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
    .py-xxl-11 {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
    }
    .m-xxl-11 {
        margin: 11px !important;
    }
    .ml-xxl-11 {
        margin-left: 11px !important;
    }
    .mr-xxl-11 {
        margin-right: 11px !important;
    }
    .mt-xxl-11 {
        margin-top: 11px !important;
    }
    .mb-xxl-11 {
        margin-bottom: 11px !important;
    }
    .mx-xxl-11 {
        margin-left: 11px !important;
        margin-right: 11px !important;
    }
    .my-xxl-11 {
        margin-top: 11px !important;
        margin-bottom: 11px !important;
    }
    .gx-xxl-11 {
        gap: 0 11px !important;
    }
    .gy-xxl-11 {
        gap: 11px !important;
    }
    .gap-xxl-11 {
        gap: 11px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-11 {
        padding: 11px !important;
    }
    .pl-xl-11 {
        padding-left: 11px !important;
    }
    .pr-xl-11 {
        padding-right: 11px !important;
    }
    .pt-xl-11 {
        padding-top: 11px !important;
    }
    .pb-xl-11 {
        padding-bottom: 11px !important;
    }
    .px-xl-11 {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
    .py-xl-11 {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
    }
    .m-xl-11 {
        margin: 11px !important;
    }
    .ml-xl-11 {
        margin-left: 11px !important;
    }
    .mr-xl-11 {
        margin-right: 11px !important;
    }
    .mt-xl-11 {
        margin-top: 11px !important;
    }
    .mb-xl-11 {
        margin-bottom: 11px !important;
    }
    .mx-xl-11 {
        margin-left: 11px !important;
        margin-right: 11px !important;
    }
    .my-xl-11 {
        margin-top: 11px !important;
        margin-bottom: 11px !important;
    }
    .gx-xl-11 {
        gap: 0 11px !important;
    }
    .gy-xl-11 {
        gap: 11px !important;
    }
    .gap-xl-11 {
        gap: 11px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-11 {
        padding: 11px !important;
    }
    .pl-lg-11 {
        padding-left: 11px !important;
    }
    .pr-lg-11 {
        padding-right: 11px !important;
    }
    .pt-lg-11 {
        padding-top: 11px !important;
    }
    .pb-lg-11 {
        padding-bottom: 11px !important;
    }
    .px-lg-11 {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
    .py-lg-11 {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
    }
    .m-lg-11 {
        margin: 11px !important;
    }
    .ml-lg-11 {
        margin-left: 11px !important;
    }
    .mr-lg-11 {
        margin-right: 11px !important;
    }
    .mt-lg-11 {
        margin-top: 11px !important;
    }
    .mb-lg-11 {
        margin-bottom: 11px !important;
    }
    .mx-lg-11 {
        margin-left: 11px !important;
        margin-right: 11px !important;
    }
    .my-lg-11 {
        margin-top: 11px !important;
        margin-bottom: 11px !important;
    }
    .gx-lg-11 {
        gap: 0 11px !important;
    }
    .gy-lg-11 {
        gap: 11px !important;
    }
    .gap-lg-11 {
        gap: 11px !important;
    }
}

@media (min-width: 576px) {
    .p-md-11 {
        padding: 11px !important;
    }
    .pl-md-11 {
        padding-left: 11px !important;
    }
    .pr-md-11 {
        padding-right: 11px !important;
    }
    .pt-md-11 {
        padding-top: 11px !important;
    }
    .pb-md-11 {
        padding-bottom: 11px !important;
    }
    .px-md-11 {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
    .py-md-11 {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
    }
    .m-md-11 {
        margin: 11px !important;
    }
    .ml-md-11 {
        margin-left: 11px !important;
    }
    .mr-md-11 {
        margin-right: 11px !important;
    }
    .mt-md-11 {
        margin-top: 11px !important;
    }
    .mb-md-11 {
        margin-bottom: 11px !important;
    }
    .mx-md-11 {
        margin-left: 11px !important;
        margin-right: 11px !important;
    }
    .my-md-11 {
        margin-top: 11px !important;
        margin-bottom: 11px !important;
    }
    .gx-md-11 {
        gap: 0 11px !important;
    }
    .gy-md-11 {
        gap: 11px !important;
    }
    .gap-md-11 {
        gap: 11px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-11 {
        padding: 11px !important;
    }
    .pl-sm-11 {
        padding-left: 11px !important;
    }
    .pr-sm-11 {
        padding-right: 11px !important;
    }
    .pt-sm-11 {
        padding-top: 11px !important;
    }
    .pb-sm-11 {
        padding-bottom: 11px !important;
    }
    .px-sm-11 {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
    .py-sm-11 {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
    }
    .m-sm-11 {
        margin: 11px !important;
    }
    .ml-sm-11 {
        margin-left: 11px !important;
    }
    .mr-sm-11 {
        margin-right: 11px !important;
    }
    .mt-sm-11 {
        margin-top: 11px !important;
    }
    .mb-sm-11 {
        margin-bottom: 11px !important;
    }
    .mx-sm-11 {
        margin-left: 11px !important;
        margin-right: 11px !important;
    }
    .my-sm-11 {
        margin-top: 11px !important;
        margin-bottom: 11px !important;
    }
    .gx-sm-11 {
        gap: 0 11px !important;
    }
    .gy-sm-11 {
        gap: 11px !important;
    }
    .gap-sm-11 {
        gap: 11px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-11 {
        padding: 11px !important;
    }
    .pl-xsm-11 {
        padding-left: 11px !important;
    }
    .pr-xsm-11 {
        padding-right: 11px !important;
    }
    .pt-xsm-11 {
        padding-top: 11px !important;
    }
    .pb-xsm-11 {
        padding-bottom: 11px !important;
    }
    .px-xsm-11 {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
    .py-xsm-11 {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
    }
    .m-xsm-11 {
        margin: 11px !important;
    }
    .ml-xsm-11 {
        margin-left: 11px !important;
    }
    .mr-xsm-11 {
        margin-right: 11px !important;
    }
    .mt-xsm-11 {
        margin-top: 11px !important;
    }
    .mb-xsm-11 {
        margin-bottom: 11px !important;
    }
    .mx-xsm-11 {
        margin-left: 11px !important;
        margin-right: 11px !important;
    }
    .my-xsm-11 {
        margin-top: 11px !important;
        margin-bottom: 11px !important;
    }
    .gx-xsm-11 {
        gap: 0 11px !important;
    }
    .gy-xsm-11 {
        gap: 11px !important;
    }
    .gap-xsm-11 {
        gap: 11px !important;
    }
}

.p-11 {
    padding: 11px !important;
}

.pl-11 {
    padding-left: 11px !important;
}

.pr-11 {
    padding-right: 11px !important;
}

.pt-11 {
    padding-top: 11px !important;
}

.pb-11 {
    padding-bottom: 11px !important;
}

.px-11 {
    padding-left: 11px !important;
    padding-right: 11px !important;
}

.py-11 {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

.m-11 {
    margin: 11px !important;
}

.ml-11 {
    margin-left: 11px !important;
}

.mr-11 {
    margin-right: 11px !important;
}

.mt-11 {
    margin-top: 11px !important;
}

.mb-11 {
    margin-bottom: 11px !important;
}

.mx-11 {
    margin-left: 11px !important;
    margin-right: 11px !important;
}

.my-11 {
    margin-top: 11px !important;
    margin-bottom: 11px !important;
}

.gx-11 {
    gap: 0 11px !important;
}

.gy-11 {
    gap: 11px !important;
}

.gap-11 {
    gap: 11px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-11 {
        padding-left: 0 !important;
        padding-right: 11px !important;
    }
    .rtl .pr-xxl-11 {
        padding-right: 0 !important;
        padding-left: 11px !important;
    }
    .rtl .ml-xxl-11 {
        margin-left: 0 !important;
        margin-right: 11px !important;
    }
    .rtl .mr-xxl-11 {
        margin-right: 0 !important;
        margin-left: 11px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-11 {
        padding-left: 0 !important;
        padding-right: 11px !important;
    }
    .rtl .pr-xl-11 {
        padding-right: 0 !important;
        padding-left: 11px !important;
    }
    .rtl .ml-xl-11 {
        margin-left: 0 !important;
        margin-right: 11px !important;
    }
    .rtl .mr-xl-11 {
        margin-right: 0 !important;
        margin-left: 11px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-11 {
        padding-left: 0 !important;
        padding-right: 11px !important;
    }
    .rtl .pr-lg-11 {
        padding-right: 0 !important;
        padding-left: 11px !important;
    }
    .rtl .ml-lg-11 {
        margin-left: 0 !important;
        margin-right: 11px !important;
    }
    .rtl .mr-lg-11 {
        margin-right: 0 !important;
        margin-left: 11px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-11 {
        padding-left: 0 !important;
        padding-right: 11px !important;
    }
    .rtl .pr-md-11 {
        padding-right: 0 !important;
        padding-left: 11px !important;
    }
    .rtl .ml-md-11 {
        margin-left: 0 !important;
        margin-right: 11px !important;
    }
    .rtl .mr-md-11 {
        margin-right: 0 !important;
        margin-left: 11px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-11 {
        padding-left: 0 !important;
        padding-right: 11px !important;
    }
    .rtl .pr-sm-11 {
        padding-right: 0 !important;
        padding-left: 11px !important;
    }
    .rtl .ml-sm-11 {
        margin-left: 0 !important;
        margin-right: 11px !important;
    }
    .rtl .mr-sm-11 {
        margin-right: 0 !important;
        margin-left: 11px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-11 {
        padding-left: 0 !important;
        padding-right: 11px !important;
    }
    .rtl .pr-xsm-11 {
        padding-right: 0 !important;
        padding-left: 11px !important;
    }
    .rtl .ml-xsm-11 {
        margin-left: 0 !important;
        margin-right: 11px !important;
    }
    .rtl .mr-xsm-11 {
        margin-right: 0 !important;
        margin-left: 11px !important;
    }
}

.rtl .pl-11 {
    padding-left: 0 !important;
    padding-right: 11px !important;
}

.rtl .pr-11 {
    padding-right: 0 !important;
    padding-left: 11px !important;
}

.rtl .ml-11 {
    margin-left: 0 !important;
    margin-right: 11px !important;
}

.rtl .mr-11 {
    margin-right: 0 !important;
    margin-left: 11px !important;
}

@media (min-width: 1200px) {
    .p-xxl-12 {
        padding: 12px !important;
    }
    .pl-xxl-12 {
        padding-left: 12px !important;
    }
    .pr-xxl-12 {
        padding-right: 12px !important;
    }
    .pt-xxl-12 {
        padding-top: 12px !important;
    }
    .pb-xxl-12 {
        padding-bottom: 12px !important;
    }
    .px-xxl-12 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .py-xxl-12 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .m-xxl-12 {
        margin: 12px !important;
    }
    .ml-xxl-12 {
        margin-left: 12px !important;
    }
    .mr-xxl-12 {
        margin-right: 12px !important;
    }
    .mt-xxl-12 {
        margin-top: 12px !important;
    }
    .mb-xxl-12 {
        margin-bottom: 12px !important;
    }
    .mx-xxl-12 {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }
    .my-xxl-12 {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    .gx-xxl-12 {
        gap: 0 12px !important;
    }
    .gy-xxl-12 {
        gap: 12px !important;
    }
    .gap-xxl-12 {
        gap: 12px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-12 {
        padding: 12px !important;
    }
    .pl-xl-12 {
        padding-left: 12px !important;
    }
    .pr-xl-12 {
        padding-right: 12px !important;
    }
    .pt-xl-12 {
        padding-top: 12px !important;
    }
    .pb-xl-12 {
        padding-bottom: 12px !important;
    }
    .px-xl-12 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .py-xl-12 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .m-xl-12 {
        margin: 12px !important;
    }
    .ml-xl-12 {
        margin-left: 12px !important;
    }
    .mr-xl-12 {
        margin-right: 12px !important;
    }
    .mt-xl-12 {
        margin-top: 12px !important;
    }
    .mb-xl-12 {
        margin-bottom: 12px !important;
    }
    .mx-xl-12 {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }
    .my-xl-12 {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    .gx-xl-12 {
        gap: 0 12px !important;
    }
    .gy-xl-12 {
        gap: 12px !important;
    }
    .gap-xl-12 {
        gap: 12px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-12 {
        padding: 12px !important;
    }
    .pl-lg-12 {
        padding-left: 12px !important;
    }
    .pr-lg-12 {
        padding-right: 12px !important;
    }
    .pt-lg-12 {
        padding-top: 12px !important;
    }
    .pb-lg-12 {
        padding-bottom: 12px !important;
    }
    .px-lg-12 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .py-lg-12 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .m-lg-12 {
        margin: 12px !important;
    }
    .ml-lg-12 {
        margin-left: 12px !important;
    }
    .mr-lg-12 {
        margin-right: 12px !important;
    }
    .mt-lg-12 {
        margin-top: 12px !important;
    }
    .mb-lg-12 {
        margin-bottom: 12px !important;
    }
    .mx-lg-12 {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }
    .my-lg-12 {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    .gx-lg-12 {
        gap: 0 12px !important;
    }
    .gy-lg-12 {
        gap: 12px !important;
    }
    .gap-lg-12 {
        gap: 12px !important;
    }
}

@media (min-width: 576px) {
    .p-md-12 {
        padding: 12px !important;
    }
    .pl-md-12 {
        padding-left: 12px !important;
    }
    .pr-md-12 {
        padding-right: 12px !important;
    }
    .pt-md-12 {
        padding-top: 12px !important;
    }
    .pb-md-12 {
        padding-bottom: 12px !important;
    }
    .px-md-12 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .py-md-12 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .m-md-12 {
        margin: 12px !important;
    }
    .ml-md-12 {
        margin-left: 12px !important;
    }
    .mr-md-12 {
        margin-right: 12px !important;
    }
    .mt-md-12 {
        margin-top: 12px !important;
    }
    .mb-md-12 {
        margin-bottom: 12px !important;
    }
    .mx-md-12 {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }
    .my-md-12 {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    .gx-md-12 {
        gap: 0 12px !important;
    }
    .gy-md-12 {
        gap: 12px !important;
    }
    .gap-md-12 {
        gap: 12px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-12 {
        padding: 12px !important;
    }
    .pl-sm-12 {
        padding-left: 12px !important;
    }
    .pr-sm-12 {
        padding-right: 12px !important;
    }
    .pt-sm-12 {
        padding-top: 12px !important;
    }
    .pb-sm-12 {
        padding-bottom: 12px !important;
    }
    .px-sm-12 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .py-sm-12 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .m-sm-12 {
        margin: 12px !important;
    }
    .ml-sm-12 {
        margin-left: 12px !important;
    }
    .mr-sm-12 {
        margin-right: 12px !important;
    }
    .mt-sm-12 {
        margin-top: 12px !important;
    }
    .mb-sm-12 {
        margin-bottom: 12px !important;
    }
    .mx-sm-12 {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }
    .my-sm-12 {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    .gx-sm-12 {
        gap: 0 12px !important;
    }
    .gy-sm-12 {
        gap: 12px !important;
    }
    .gap-sm-12 {
        gap: 12px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-12 {
        padding: 12px !important;
    }
    .pl-xsm-12 {
        padding-left: 12px !important;
    }
    .pr-xsm-12 {
        padding-right: 12px !important;
    }
    .pt-xsm-12 {
        padding-top: 12px !important;
    }
    .pb-xsm-12 {
        padding-bottom: 12px !important;
    }
    .px-xsm-12 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .py-xsm-12 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .m-xsm-12 {
        margin: 12px !important;
    }
    .ml-xsm-12 {
        margin-left: 12px !important;
    }
    .mr-xsm-12 {
        margin-right: 12px !important;
    }
    .mt-xsm-12 {
        margin-top: 12px !important;
    }
    .mb-xsm-12 {
        margin-bottom: 12px !important;
    }
    .mx-xsm-12 {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }
    .my-xsm-12 {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    .gx-xsm-12 {
        gap: 0 12px !important;
    }
    .gy-xsm-12 {
        gap: 12px !important;
    }
    .gap-xsm-12 {
        gap: 12px !important;
    }
}

.p-12 {
    padding: 12px !important;
}

.pl-12 {
    padding-left: 12px !important;
}

.pr-12 {
    padding-right: 12px !important;
}

.pt-12 {
    padding-top: 12px !important;
}

.pb-12 {
    padding-bottom: 12px !important;
}

.px-12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.py-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.m-12 {
    margin: 12px !important;
}

.ml-12 {
    margin-left: 12px !important;
}

.mr-12 {
    margin-right: 12px !important;
}

.mt-12 {
    margin-top: 12px !important;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mx-12 {
    margin-left: 12px !important;
    margin-right: 12px !important;
}

.my-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

.gx-12 {
    gap: 0 12px !important;
}

.gy-12 {
    gap: 12px !important;
}

.gap-12 {
    gap: 12px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-12 {
        padding-left: 0 !important;
        padding-right: 12px !important;
    }
    .rtl .pr-xxl-12 {
        padding-right: 0 !important;
        padding-left: 12px !important;
    }
    .rtl .ml-xxl-12 {
        margin-left: 0 !important;
        margin-right: 12px !important;
    }
    .rtl .mr-xxl-12 {
        margin-right: 0 !important;
        margin-left: 12px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-12 {
        padding-left: 0 !important;
        padding-right: 12px !important;
    }
    .rtl .pr-xl-12 {
        padding-right: 0 !important;
        padding-left: 12px !important;
    }
    .rtl .ml-xl-12 {
        margin-left: 0 !important;
        margin-right: 12px !important;
    }
    .rtl .mr-xl-12 {
        margin-right: 0 !important;
        margin-left: 12px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-12 {
        padding-left: 0 !important;
        padding-right: 12px !important;
    }
    .rtl .pr-lg-12 {
        padding-right: 0 !important;
        padding-left: 12px !important;
    }
    .rtl .ml-lg-12 {
        margin-left: 0 !important;
        margin-right: 12px !important;
    }
    .rtl .mr-lg-12 {
        margin-right: 0 !important;
        margin-left: 12px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-12 {
        padding-left: 0 !important;
        padding-right: 12px !important;
    }
    .rtl .pr-md-12 {
        padding-right: 0 !important;
        padding-left: 12px !important;
    }
    .rtl .ml-md-12 {
        margin-left: 0 !important;
        margin-right: 12px !important;
    }
    .rtl .mr-md-12 {
        margin-right: 0 !important;
        margin-left: 12px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-12 {
        padding-left: 0 !important;
        padding-right: 12px !important;
    }
    .rtl .pr-sm-12 {
        padding-right: 0 !important;
        padding-left: 12px !important;
    }
    .rtl .ml-sm-12 {
        margin-left: 0 !important;
        margin-right: 12px !important;
    }
    .rtl .mr-sm-12 {
        margin-right: 0 !important;
        margin-left: 12px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-12 {
        padding-left: 0 !important;
        padding-right: 12px !important;
    }
    .rtl .pr-xsm-12 {
        padding-right: 0 !important;
        padding-left: 12px !important;
    }
    .rtl .ml-xsm-12 {
        margin-left: 0 !important;
        margin-right: 12px !important;
    }
    .rtl .mr-xsm-12 {
        margin-right: 0 !important;
        margin-left: 12px !important;
    }
}

.rtl .pl-12 {
    padding-left: 0 !important;
    padding-right: 12px !important;
}

.rtl .pr-12 {
    padding-right: 0 !important;
    padding-left: 12px !important;
}

.rtl .ml-12 {
    margin-left: 0 !important;
    margin-right: 12px !important;
}

.rtl .mr-12 {
    margin-right: 0 !important;
    margin-left: 12px !important;
}

@media (min-width: 1200px) {
    .p-xxl-13 {
        padding: 13px !important;
    }
    .pl-xxl-13 {
        padding-left: 13px !important;
    }
    .pr-xxl-13 {
        padding-right: 13px !important;
    }
    .pt-xxl-13 {
        padding-top: 13px !important;
    }
    .pb-xxl-13 {
        padding-bottom: 13px !important;
    }
    .px-xxl-13 {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }
    .py-xxl-13 {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    .m-xxl-13 {
        margin: 13px !important;
    }
    .ml-xxl-13 {
        margin-left: 13px !important;
    }
    .mr-xxl-13 {
        margin-right: 13px !important;
    }
    .mt-xxl-13 {
        margin-top: 13px !important;
    }
    .mb-xxl-13 {
        margin-bottom: 13px !important;
    }
    .mx-xxl-13 {
        margin-left: 13px !important;
        margin-right: 13px !important;
    }
    .my-xxl-13 {
        margin-top: 13px !important;
        margin-bottom: 13px !important;
    }
    .gx-xxl-13 {
        gap: 0 13px !important;
    }
    .gy-xxl-13 {
        gap: 13px !important;
    }
    .gap-xxl-13 {
        gap: 13px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-13 {
        padding: 13px !important;
    }
    .pl-xl-13 {
        padding-left: 13px !important;
    }
    .pr-xl-13 {
        padding-right: 13px !important;
    }
    .pt-xl-13 {
        padding-top: 13px !important;
    }
    .pb-xl-13 {
        padding-bottom: 13px !important;
    }
    .px-xl-13 {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }
    .py-xl-13 {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    .m-xl-13 {
        margin: 13px !important;
    }
    .ml-xl-13 {
        margin-left: 13px !important;
    }
    .mr-xl-13 {
        margin-right: 13px !important;
    }
    .mt-xl-13 {
        margin-top: 13px !important;
    }
    .mb-xl-13 {
        margin-bottom: 13px !important;
    }
    .mx-xl-13 {
        margin-left: 13px !important;
        margin-right: 13px !important;
    }
    .my-xl-13 {
        margin-top: 13px !important;
        margin-bottom: 13px !important;
    }
    .gx-xl-13 {
        gap: 0 13px !important;
    }
    .gy-xl-13 {
        gap: 13px !important;
    }
    .gap-xl-13 {
        gap: 13px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-13 {
        padding: 13px !important;
    }
    .pl-lg-13 {
        padding-left: 13px !important;
    }
    .pr-lg-13 {
        padding-right: 13px !important;
    }
    .pt-lg-13 {
        padding-top: 13px !important;
    }
    .pb-lg-13 {
        padding-bottom: 13px !important;
    }
    .px-lg-13 {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }
    .py-lg-13 {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    .m-lg-13 {
        margin: 13px !important;
    }
    .ml-lg-13 {
        margin-left: 13px !important;
    }
    .mr-lg-13 {
        margin-right: 13px !important;
    }
    .mt-lg-13 {
        margin-top: 13px !important;
    }
    .mb-lg-13 {
        margin-bottom: 13px !important;
    }
    .mx-lg-13 {
        margin-left: 13px !important;
        margin-right: 13px !important;
    }
    .my-lg-13 {
        margin-top: 13px !important;
        margin-bottom: 13px !important;
    }
    .gx-lg-13 {
        gap: 0 13px !important;
    }
    .gy-lg-13 {
        gap: 13px !important;
    }
    .gap-lg-13 {
        gap: 13px !important;
    }
}

@media (min-width: 576px) {
    .p-md-13 {
        padding: 13px !important;
    }
    .pl-md-13 {
        padding-left: 13px !important;
    }
    .pr-md-13 {
        padding-right: 13px !important;
    }
    .pt-md-13 {
        padding-top: 13px !important;
    }
    .pb-md-13 {
        padding-bottom: 13px !important;
    }
    .px-md-13 {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }
    .py-md-13 {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    .m-md-13 {
        margin: 13px !important;
    }
    .ml-md-13 {
        margin-left: 13px !important;
    }
    .mr-md-13 {
        margin-right: 13px !important;
    }
    .mt-md-13 {
        margin-top: 13px !important;
    }
    .mb-md-13 {
        margin-bottom: 13px !important;
    }
    .mx-md-13 {
        margin-left: 13px !important;
        margin-right: 13px !important;
    }
    .my-md-13 {
        margin-top: 13px !important;
        margin-bottom: 13px !important;
    }
    .gx-md-13 {
        gap: 0 13px !important;
    }
    .gy-md-13 {
        gap: 13px !important;
    }
    .gap-md-13 {
        gap: 13px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-13 {
        padding: 13px !important;
    }
    .pl-sm-13 {
        padding-left: 13px !important;
    }
    .pr-sm-13 {
        padding-right: 13px !important;
    }
    .pt-sm-13 {
        padding-top: 13px !important;
    }
    .pb-sm-13 {
        padding-bottom: 13px !important;
    }
    .px-sm-13 {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }
    .py-sm-13 {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    .m-sm-13 {
        margin: 13px !important;
    }
    .ml-sm-13 {
        margin-left: 13px !important;
    }
    .mr-sm-13 {
        margin-right: 13px !important;
    }
    .mt-sm-13 {
        margin-top: 13px !important;
    }
    .mb-sm-13 {
        margin-bottom: 13px !important;
    }
    .mx-sm-13 {
        margin-left: 13px !important;
        margin-right: 13px !important;
    }
    .my-sm-13 {
        margin-top: 13px !important;
        margin-bottom: 13px !important;
    }
    .gx-sm-13 {
        gap: 0 13px !important;
    }
    .gy-sm-13 {
        gap: 13px !important;
    }
    .gap-sm-13 {
        gap: 13px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-13 {
        padding: 13px !important;
    }
    .pl-xsm-13 {
        padding-left: 13px !important;
    }
    .pr-xsm-13 {
        padding-right: 13px !important;
    }
    .pt-xsm-13 {
        padding-top: 13px !important;
    }
    .pb-xsm-13 {
        padding-bottom: 13px !important;
    }
    .px-xsm-13 {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }
    .py-xsm-13 {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    .m-xsm-13 {
        margin: 13px !important;
    }
    .ml-xsm-13 {
        margin-left: 13px !important;
    }
    .mr-xsm-13 {
        margin-right: 13px !important;
    }
    .mt-xsm-13 {
        margin-top: 13px !important;
    }
    .mb-xsm-13 {
        margin-bottom: 13px !important;
    }
    .mx-xsm-13 {
        margin-left: 13px !important;
        margin-right: 13px !important;
    }
    .my-xsm-13 {
        margin-top: 13px !important;
        margin-bottom: 13px !important;
    }
    .gx-xsm-13 {
        gap: 0 13px !important;
    }
    .gy-xsm-13 {
        gap: 13px !important;
    }
    .gap-xsm-13 {
        gap: 13px !important;
    }
}

.p-13 {
    padding: 13px !important;
}

.pl-13 {
    padding-left: 13px !important;
}

.pr-13 {
    padding-right: 13px !important;
}

.pt-13 {
    padding-top: 13px !important;
}

.pb-13 {
    padding-bottom: 13px !important;
}

.px-13 {
    padding-left: 13px !important;
    padding-right: 13px !important;
}

.py-13 {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.m-13 {
    margin: 13px !important;
}

.ml-13 {
    margin-left: 13px !important;
}

.mr-13 {
    margin-right: 13px !important;
}

.mt-13 {
    margin-top: 13px !important;
}

.mb-13 {
    margin-bottom: 13px !important;
}

.mx-13 {
    margin-left: 13px !important;
    margin-right: 13px !important;
}

.my-13 {
    margin-top: 13px !important;
    margin-bottom: 13px !important;
}

.gx-13 {
    gap: 0 13px !important;
}

.gy-13 {
    gap: 13px !important;
}

.gap-13 {
    gap: 13px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-13 {
        padding-left: 0 !important;
        padding-right: 13px !important;
    }
    .rtl .pr-xxl-13 {
        padding-right: 0 !important;
        padding-left: 13px !important;
    }
    .rtl .ml-xxl-13 {
        margin-left: 0 !important;
        margin-right: 13px !important;
    }
    .rtl .mr-xxl-13 {
        margin-right: 0 !important;
        margin-left: 13px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-13 {
        padding-left: 0 !important;
        padding-right: 13px !important;
    }
    .rtl .pr-xl-13 {
        padding-right: 0 !important;
        padding-left: 13px !important;
    }
    .rtl .ml-xl-13 {
        margin-left: 0 !important;
        margin-right: 13px !important;
    }
    .rtl .mr-xl-13 {
        margin-right: 0 !important;
        margin-left: 13px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-13 {
        padding-left: 0 !important;
        padding-right: 13px !important;
    }
    .rtl .pr-lg-13 {
        padding-right: 0 !important;
        padding-left: 13px !important;
    }
    .rtl .ml-lg-13 {
        margin-left: 0 !important;
        margin-right: 13px !important;
    }
    .rtl .mr-lg-13 {
        margin-right: 0 !important;
        margin-left: 13px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-13 {
        padding-left: 0 !important;
        padding-right: 13px !important;
    }
    .rtl .pr-md-13 {
        padding-right: 0 !important;
        padding-left: 13px !important;
    }
    .rtl .ml-md-13 {
        margin-left: 0 !important;
        margin-right: 13px !important;
    }
    .rtl .mr-md-13 {
        margin-right: 0 !important;
        margin-left: 13px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-13 {
        padding-left: 0 !important;
        padding-right: 13px !important;
    }
    .rtl .pr-sm-13 {
        padding-right: 0 !important;
        padding-left: 13px !important;
    }
    .rtl .ml-sm-13 {
        margin-left: 0 !important;
        margin-right: 13px !important;
    }
    .rtl .mr-sm-13 {
        margin-right: 0 !important;
        margin-left: 13px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-13 {
        padding-left: 0 !important;
        padding-right: 13px !important;
    }
    .rtl .pr-xsm-13 {
        padding-right: 0 !important;
        padding-left: 13px !important;
    }
    .rtl .ml-xsm-13 {
        margin-left: 0 !important;
        margin-right: 13px !important;
    }
    .rtl .mr-xsm-13 {
        margin-right: 0 !important;
        margin-left: 13px !important;
    }
}

.rtl .pl-13 {
    padding-left: 0 !important;
    padding-right: 13px !important;
}

.rtl .pr-13 {
    padding-right: 0 !important;
    padding-left: 13px !important;
}

.rtl .ml-13 {
    margin-left: 0 !important;
    margin-right: 13px !important;
}

.rtl .mr-13 {
    margin-right: 0 !important;
    margin-left: 13px !important;
}

@media (min-width: 1200px) {
    .p-xxl-14 {
        padding: 14px !important;
    }
    .pl-xxl-14 {
        padding-left: 14px !important;
    }
    .pr-xxl-14 {
        padding-right: 14px !important;
    }
    .pt-xxl-14 {
        padding-top: 14px !important;
    }
    .pb-xxl-14 {
        padding-bottom: 14px !important;
    }
    .px-xxl-14 {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .py-xxl-14 {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
    .m-xxl-14 {
        margin: 14px !important;
    }
    .ml-xxl-14 {
        margin-left: 14px !important;
    }
    .mr-xxl-14 {
        margin-right: 14px !important;
    }
    .mt-xxl-14 {
        margin-top: 14px !important;
    }
    .mb-xxl-14 {
        margin-bottom: 14px !important;
    }
    .mx-xxl-14 {
        margin-left: 14px !important;
        margin-right: 14px !important;
    }
    .my-xxl-14 {
        margin-top: 14px !important;
        margin-bottom: 14px !important;
    }
    .gx-xxl-14 {
        gap: 0 14px !important;
    }
    .gy-xxl-14 {
        gap: 14px !important;
    }
    .gap-xxl-14 {
        gap: 14px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-14 {
        padding: 14px !important;
    }
    .pl-xl-14 {
        padding-left: 14px !important;
    }
    .pr-xl-14 {
        padding-right: 14px !important;
    }
    .pt-xl-14 {
        padding-top: 14px !important;
    }
    .pb-xl-14 {
        padding-bottom: 14px !important;
    }
    .px-xl-14 {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .py-xl-14 {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
    .m-xl-14 {
        margin: 14px !important;
    }
    .ml-xl-14 {
        margin-left: 14px !important;
    }
    .mr-xl-14 {
        margin-right: 14px !important;
    }
    .mt-xl-14 {
        margin-top: 14px !important;
    }
    .mb-xl-14 {
        margin-bottom: 14px !important;
    }
    .mx-xl-14 {
        margin-left: 14px !important;
        margin-right: 14px !important;
    }
    .my-xl-14 {
        margin-top: 14px !important;
        margin-bottom: 14px !important;
    }
    .gx-xl-14 {
        gap: 0 14px !important;
    }
    .gy-xl-14 {
        gap: 14px !important;
    }
    .gap-xl-14 {
        gap: 14px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-14 {
        padding: 14px !important;
    }
    .pl-lg-14 {
        padding-left: 14px !important;
    }
    .pr-lg-14 {
        padding-right: 14px !important;
    }
    .pt-lg-14 {
        padding-top: 14px !important;
    }
    .pb-lg-14 {
        padding-bottom: 14px !important;
    }
    .px-lg-14 {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .py-lg-14 {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
    .m-lg-14 {
        margin: 14px !important;
    }
    .ml-lg-14 {
        margin-left: 14px !important;
    }
    .mr-lg-14 {
        margin-right: 14px !important;
    }
    .mt-lg-14 {
        margin-top: 14px !important;
    }
    .mb-lg-14 {
        margin-bottom: 14px !important;
    }
    .mx-lg-14 {
        margin-left: 14px !important;
        margin-right: 14px !important;
    }
    .my-lg-14 {
        margin-top: 14px !important;
        margin-bottom: 14px !important;
    }
    .gx-lg-14 {
        gap: 0 14px !important;
    }
    .gy-lg-14 {
        gap: 14px !important;
    }
    .gap-lg-14 {
        gap: 14px !important;
    }
}

@media (min-width: 576px) {
    .p-md-14 {
        padding: 14px !important;
    }
    .pl-md-14 {
        padding-left: 14px !important;
    }
    .pr-md-14 {
        padding-right: 14px !important;
    }
    .pt-md-14 {
        padding-top: 14px !important;
    }
    .pb-md-14 {
        padding-bottom: 14px !important;
    }
    .px-md-14 {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .py-md-14 {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
    .m-md-14 {
        margin: 14px !important;
    }
    .ml-md-14 {
        margin-left: 14px !important;
    }
    .mr-md-14 {
        margin-right: 14px !important;
    }
    .mt-md-14 {
        margin-top: 14px !important;
    }
    .mb-md-14 {
        margin-bottom: 14px !important;
    }
    .mx-md-14 {
        margin-left: 14px !important;
        margin-right: 14px !important;
    }
    .my-md-14 {
        margin-top: 14px !important;
        margin-bottom: 14px !important;
    }
    .gx-md-14 {
        gap: 0 14px !important;
    }
    .gy-md-14 {
        gap: 14px !important;
    }
    .gap-md-14 {
        gap: 14px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-14 {
        padding: 14px !important;
    }
    .pl-sm-14 {
        padding-left: 14px !important;
    }
    .pr-sm-14 {
        padding-right: 14px !important;
    }
    .pt-sm-14 {
        padding-top: 14px !important;
    }
    .pb-sm-14 {
        padding-bottom: 14px !important;
    }
    .px-sm-14 {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .py-sm-14 {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
    .m-sm-14 {
        margin: 14px !important;
    }
    .ml-sm-14 {
        margin-left: 14px !important;
    }
    .mr-sm-14 {
        margin-right: 14px !important;
    }
    .mt-sm-14 {
        margin-top: 14px !important;
    }
    .mb-sm-14 {
        margin-bottom: 14px !important;
    }
    .mx-sm-14 {
        margin-left: 14px !important;
        margin-right: 14px !important;
    }
    .my-sm-14 {
        margin-top: 14px !important;
        margin-bottom: 14px !important;
    }
    .gx-sm-14 {
        gap: 0 14px !important;
    }
    .gy-sm-14 {
        gap: 14px !important;
    }
    .gap-sm-14 {
        gap: 14px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-14 {
        padding: 14px !important;
    }
    .pl-xsm-14 {
        padding-left: 14px !important;
    }
    .pr-xsm-14 {
        padding-right: 14px !important;
    }
    .pt-xsm-14 {
        padding-top: 14px !important;
    }
    .pb-xsm-14 {
        padding-bottom: 14px !important;
    }
    .px-xsm-14 {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .py-xsm-14 {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
    .m-xsm-14 {
        margin: 14px !important;
    }
    .ml-xsm-14 {
        margin-left: 14px !important;
    }
    .mr-xsm-14 {
        margin-right: 14px !important;
    }
    .mt-xsm-14 {
        margin-top: 14px !important;
    }
    .mb-xsm-14 {
        margin-bottom: 14px !important;
    }
    .mx-xsm-14 {
        margin-left: 14px !important;
        margin-right: 14px !important;
    }
    .my-xsm-14 {
        margin-top: 14px !important;
        margin-bottom: 14px !important;
    }
    .gx-xsm-14 {
        gap: 0 14px !important;
    }
    .gy-xsm-14 {
        gap: 14px !important;
    }
    .gap-xsm-14 {
        gap: 14px !important;
    }
}

.p-14 {
    padding: 14px !important;
}

.pl-14 {
    padding-left: 14px !important;
}

.pr-14 {
    padding-right: 14px !important;
}

.pt-14 {
    padding-top: 14px !important;
}

.pb-14 {
    padding-bottom: 14px !important;
}

.px-14 {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

.py-14 {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.m-14 {
    margin: 14px !important;
}

.ml-14 {
    margin-left: 14px !important;
}

.mr-14 {
    margin-right: 14px !important;
}

.mt-14 {
    margin-top: 14px !important;
}

.mb-14 {
    margin-bottom: 14px !important;
}

.mx-14 {
    margin-left: 14px !important;
    margin-right: 14px !important;
}

.my-14 {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

.gx-14 {
    gap: 0 14px !important;
}

.gy-14 {
    gap: 14px !important;
}

.gap-14 {
    gap: 14px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-14 {
        padding-left: 0 !important;
        padding-right: 14px !important;
    }
    .rtl .pr-xxl-14 {
        padding-right: 0 !important;
        padding-left: 14px !important;
    }
    .rtl .ml-xxl-14 {
        margin-left: 0 !important;
        margin-right: 14px !important;
    }
    .rtl .mr-xxl-14 {
        margin-right: 0 !important;
        margin-left: 14px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-14 {
        padding-left: 0 !important;
        padding-right: 14px !important;
    }
    .rtl .pr-xl-14 {
        padding-right: 0 !important;
        padding-left: 14px !important;
    }
    .rtl .ml-xl-14 {
        margin-left: 0 !important;
        margin-right: 14px !important;
    }
    .rtl .mr-xl-14 {
        margin-right: 0 !important;
        margin-left: 14px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-14 {
        padding-left: 0 !important;
        padding-right: 14px !important;
    }
    .rtl .pr-lg-14 {
        padding-right: 0 !important;
        padding-left: 14px !important;
    }
    .rtl .ml-lg-14 {
        margin-left: 0 !important;
        margin-right: 14px !important;
    }
    .rtl .mr-lg-14 {
        margin-right: 0 !important;
        margin-left: 14px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-14 {
        padding-left: 0 !important;
        padding-right: 14px !important;
    }
    .rtl .pr-md-14 {
        padding-right: 0 !important;
        padding-left: 14px !important;
    }
    .rtl .ml-md-14 {
        margin-left: 0 !important;
        margin-right: 14px !important;
    }
    .rtl .mr-md-14 {
        margin-right: 0 !important;
        margin-left: 14px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-14 {
        padding-left: 0 !important;
        padding-right: 14px !important;
    }
    .rtl .pr-sm-14 {
        padding-right: 0 !important;
        padding-left: 14px !important;
    }
    .rtl .ml-sm-14 {
        margin-left: 0 !important;
        margin-right: 14px !important;
    }
    .rtl .mr-sm-14 {
        margin-right: 0 !important;
        margin-left: 14px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-14 {
        padding-left: 0 !important;
        padding-right: 14px !important;
    }
    .rtl .pr-xsm-14 {
        padding-right: 0 !important;
        padding-left: 14px !important;
    }
    .rtl .ml-xsm-14 {
        margin-left: 0 !important;
        margin-right: 14px !important;
    }
    .rtl .mr-xsm-14 {
        margin-right: 0 !important;
        margin-left: 14px !important;
    }
}

.rtl .pl-14 {
    padding-left: 0 !important;
    padding-right: 14px !important;
}

.rtl .pr-14 {
    padding-right: 0 !important;
    padding-left: 14px !important;
}

.rtl .ml-14 {
    margin-left: 0 !important;
    margin-right: 14px !important;
}

.rtl .mr-14 {
    margin-right: 0 !important;
    margin-left: 14px !important;
}

@media (min-width: 1200px) {
    .p-xxl-15 {
        padding: 15px !important;
    }
    .pl-xxl-15 {
        padding-left: 15px !important;
    }
    .pr-xxl-15 {
        padding-right: 15px !important;
    }
    .pt-xxl-15 {
        padding-top: 15px !important;
    }
    .pb-xxl-15 {
        padding-bottom: 15px !important;
    }
    .px-xxl-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .py-xxl-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .m-xxl-15 {
        margin: 15px !important;
    }
    .ml-xxl-15 {
        margin-left: 15px !important;
    }
    .mr-xxl-15 {
        margin-right: 15px !important;
    }
    .mt-xxl-15 {
        margin-top: 15px !important;
    }
    .mb-xxl-15 {
        margin-bottom: 15px !important;
    }
    .mx-xxl-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .my-xxl-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .gx-xxl-15 {
        gap: 0 15px !important;
    }
    .gy-xxl-15 {
        gap: 15px !important;
    }
    .gap-xxl-15 {
        gap: 15px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-15 {
        padding: 15px !important;
    }
    .pl-xl-15 {
        padding-left: 15px !important;
    }
    .pr-xl-15 {
        padding-right: 15px !important;
    }
    .pt-xl-15 {
        padding-top: 15px !important;
    }
    .pb-xl-15 {
        padding-bottom: 15px !important;
    }
    .px-xl-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .py-xl-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .m-xl-15 {
        margin: 15px !important;
    }
    .ml-xl-15 {
        margin-left: 15px !important;
    }
    .mr-xl-15 {
        margin-right: 15px !important;
    }
    .mt-xl-15 {
        margin-top: 15px !important;
    }
    .mb-xl-15 {
        margin-bottom: 15px !important;
    }
    .mx-xl-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .my-xl-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .gx-xl-15 {
        gap: 0 15px !important;
    }
    .gy-xl-15 {
        gap: 15px !important;
    }
    .gap-xl-15 {
        gap: 15px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-15 {
        padding: 15px !important;
    }
    .pl-lg-15 {
        padding-left: 15px !important;
    }
    .pr-lg-15 {
        padding-right: 15px !important;
    }
    .pt-lg-15 {
        padding-top: 15px !important;
    }
    .pb-lg-15 {
        padding-bottom: 15px !important;
    }
    .px-lg-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .py-lg-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .m-lg-15 {
        margin: 15px !important;
    }
    .ml-lg-15 {
        margin-left: 15px !important;
    }
    .mr-lg-15 {
        margin-right: 15px !important;
    }
    .mt-lg-15 {
        margin-top: 15px !important;
    }
    .mb-lg-15 {
        margin-bottom: 15px !important;
    }
    .mx-lg-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .my-lg-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .gx-lg-15 {
        gap: 0 15px !important;
    }
    .gy-lg-15 {
        gap: 15px !important;
    }
    .gap-lg-15 {
        gap: 15px !important;
    }
}

@media (min-width: 576px) {
    .p-md-15 {
        padding: 15px !important;
    }
    .pl-md-15 {
        padding-left: 15px !important;
    }
    .pr-md-15 {
        padding-right: 15px !important;
    }
    .pt-md-15 {
        padding-top: 15px !important;
    }
    .pb-md-15 {
        padding-bottom: 15px !important;
    }
    .px-md-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .py-md-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .m-md-15 {
        margin: 15px !important;
    }
    .ml-md-15 {
        margin-left: 15px !important;
    }
    .mr-md-15 {
        margin-right: 15px !important;
    }
    .mt-md-15 {
        margin-top: 15px !important;
    }
    .mb-md-15 {
        margin-bottom: 15px !important;
    }
    .mx-md-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .my-md-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .gx-md-15 {
        gap: 0 15px !important;
    }
    .gy-md-15 {
        gap: 15px !important;
    }
    .gap-md-15 {
        gap: 15px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-15 {
        padding: 15px !important;
    }
    .pl-sm-15 {
        padding-left: 15px !important;
    }
    .pr-sm-15 {
        padding-right: 15px !important;
    }
    .pt-sm-15 {
        padding-top: 15px !important;
    }
    .pb-sm-15 {
        padding-bottom: 15px !important;
    }
    .px-sm-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .py-sm-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .m-sm-15 {
        margin: 15px !important;
    }
    .ml-sm-15 {
        margin-left: 15px !important;
    }
    .mr-sm-15 {
        margin-right: 15px !important;
    }
    .mt-sm-15 {
        margin-top: 15px !important;
    }
    .mb-sm-15 {
        margin-bottom: 15px !important;
    }
    .mx-sm-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .my-sm-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .gx-sm-15 {
        gap: 0 15px !important;
    }
    .gy-sm-15 {
        gap: 15px !important;
    }
    .gap-sm-15 {
        gap: 15px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-15 {
        padding: 15px !important;
    }
    .pl-xsm-15 {
        padding-left: 15px !important;
    }
    .pr-xsm-15 {
        padding-right: 15px !important;
    }
    .pt-xsm-15 {
        padding-top: 15px !important;
    }
    .pb-xsm-15 {
        padding-bottom: 15px !important;
    }
    .px-xsm-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .py-xsm-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .m-xsm-15 {
        margin: 15px !important;
    }
    .ml-xsm-15 {
        margin-left: 15px !important;
    }
    .mr-xsm-15 {
        margin-right: 15px !important;
    }
    .mt-xsm-15 {
        margin-top: 15px !important;
    }
    .mb-xsm-15 {
        margin-bottom: 15px !important;
    }
    .mx-xsm-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .my-xsm-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .gx-xsm-15 {
        gap: 0 15px !important;
    }
    .gy-xsm-15 {
        gap: 15px !important;
    }
    .gap-xsm-15 {
        gap: 15px !important;
    }
}

.p-15 {
    padding: 15px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.m-15 {
    margin: 15px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mx-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.gx-15 {
    gap: 0 15px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-15 {
        padding-left: 0 !important;
        padding-right: 15px !important;
    }
    .rtl .pr-xxl-15 {
        padding-right: 0 !important;
        padding-left: 15px !important;
    }
    .rtl .ml-xxl-15 {
        margin-left: 0 !important;
        margin-right: 15px !important;
    }
    .rtl .mr-xxl-15 {
        margin-right: 0 !important;
        margin-left: 15px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-15 {
        padding-left: 0 !important;
        padding-right: 15px !important;
    }
    .rtl .pr-xl-15 {
        padding-right: 0 !important;
        padding-left: 15px !important;
    }
    .rtl .ml-xl-15 {
        margin-left: 0 !important;
        margin-right: 15px !important;
    }
    .rtl .mr-xl-15 {
        margin-right: 0 !important;
        margin-left: 15px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-15 {
        padding-left: 0 !important;
        padding-right: 15px !important;
    }
    .rtl .pr-lg-15 {
        padding-right: 0 !important;
        padding-left: 15px !important;
    }
    .rtl .ml-lg-15 {
        margin-left: 0 !important;
        margin-right: 15px !important;
    }
    .rtl .mr-lg-15 {
        margin-right: 0 !important;
        margin-left: 15px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-15 {
        padding-left: 0 !important;
        padding-right: 15px !important;
    }
    .rtl .pr-md-15 {
        padding-right: 0 !important;
        padding-left: 15px !important;
    }
    .rtl .ml-md-15 {
        margin-left: 0 !important;
        margin-right: 15px !important;
    }
    .rtl .mr-md-15 {
        margin-right: 0 !important;
        margin-left: 15px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-15 {
        padding-left: 0 !important;
        padding-right: 15px !important;
    }
    .rtl .pr-sm-15 {
        padding-right: 0 !important;
        padding-left: 15px !important;
    }
    .rtl .ml-sm-15 {
        margin-left: 0 !important;
        margin-right: 15px !important;
    }
    .rtl .mr-sm-15 {
        margin-right: 0 !important;
        margin-left: 15px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-15 {
        padding-left: 0 !important;
        padding-right: 15px !important;
    }
    .rtl .pr-xsm-15 {
        padding-right: 0 !important;
        padding-left: 15px !important;
    }
    .rtl .ml-xsm-15 {
        margin-left: 0 !important;
        margin-right: 15px !important;
    }
    .rtl .mr-xsm-15 {
        margin-right: 0 !important;
        margin-left: 15px !important;
    }
}

.rtl .pl-15 {
    padding-left: 0 !important;
    padding-right: 15px !important;
}

.rtl .pr-15 {
    padding-right: 0 !important;
    padding-left: 15px !important;
}

.rtl .ml-15 {
    margin-left: 0 !important;
    margin-right: 15px !important;
}

.rtl .mr-15 {
    margin-right: 0 !important;
    margin-left: 15px !important;
}

@media (min-width: 1200px) {
    .p-xxl-16 {
        padding: 16px !important;
    }
    .pl-xxl-16 {
        padding-left: 16px !important;
    }
    .pr-xxl-16 {
        padding-right: 16px !important;
    }
    .pt-xxl-16 {
        padding-top: 16px !important;
    }
    .pb-xxl-16 {
        padding-bottom: 16px !important;
    }
    .px-xxl-16 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .py-xxl-16 {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .m-xxl-16 {
        margin: 16px !important;
    }
    .ml-xxl-16 {
        margin-left: 16px !important;
    }
    .mr-xxl-16 {
        margin-right: 16px !important;
    }
    .mt-xxl-16 {
        margin-top: 16px !important;
    }
    .mb-xxl-16 {
        margin-bottom: 16px !important;
    }
    .mx-xxl-16 {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
    .my-xxl-16 {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .gx-xxl-16 {
        gap: 0 16px !important;
    }
    .gy-xxl-16 {
        gap: 16px !important;
    }
    .gap-xxl-16 {
        gap: 16px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-16 {
        padding: 16px !important;
    }
    .pl-xl-16 {
        padding-left: 16px !important;
    }
    .pr-xl-16 {
        padding-right: 16px !important;
    }
    .pt-xl-16 {
        padding-top: 16px !important;
    }
    .pb-xl-16 {
        padding-bottom: 16px !important;
    }
    .px-xl-16 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .py-xl-16 {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .m-xl-16 {
        margin: 16px !important;
    }
    .ml-xl-16 {
        margin-left: 16px !important;
    }
    .mr-xl-16 {
        margin-right: 16px !important;
    }
    .mt-xl-16 {
        margin-top: 16px !important;
    }
    .mb-xl-16 {
        margin-bottom: 16px !important;
    }
    .mx-xl-16 {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
    .my-xl-16 {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .gx-xl-16 {
        gap: 0 16px !important;
    }
    .gy-xl-16 {
        gap: 16px !important;
    }
    .gap-xl-16 {
        gap: 16px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-16 {
        padding: 16px !important;
    }
    .pl-lg-16 {
        padding-left: 16px !important;
    }
    .pr-lg-16 {
        padding-right: 16px !important;
    }
    .pt-lg-16 {
        padding-top: 16px !important;
    }
    .pb-lg-16 {
        padding-bottom: 16px !important;
    }
    .px-lg-16 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .py-lg-16 {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .m-lg-16 {
        margin: 16px !important;
    }
    .ml-lg-16 {
        margin-left: 16px !important;
    }
    .mr-lg-16 {
        margin-right: 16px !important;
    }
    .mt-lg-16 {
        margin-top: 16px !important;
    }
    .mb-lg-16 {
        margin-bottom: 16px !important;
    }
    .mx-lg-16 {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
    .my-lg-16 {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .gx-lg-16 {
        gap: 0 16px !important;
    }
    .gy-lg-16 {
        gap: 16px !important;
    }
    .gap-lg-16 {
        gap: 16px !important;
    }
}

@media (min-width: 576px) {
    .p-md-16 {
        padding: 16px !important;
    }
    .pl-md-16 {
        padding-left: 16px !important;
    }
    .pr-md-16 {
        padding-right: 16px !important;
    }
    .pt-md-16 {
        padding-top: 16px !important;
    }
    .pb-md-16 {
        padding-bottom: 16px !important;
    }
    .px-md-16 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .py-md-16 {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .m-md-16 {
        margin: 16px !important;
    }
    .ml-md-16 {
        margin-left: 16px !important;
    }
    .mr-md-16 {
        margin-right: 16px !important;
    }
    .mt-md-16 {
        margin-top: 16px !important;
    }
    .mb-md-16 {
        margin-bottom: 16px !important;
    }
    .mx-md-16 {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
    .my-md-16 {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .gx-md-16 {
        gap: 0 16px !important;
    }
    .gy-md-16 {
        gap: 16px !important;
    }
    .gap-md-16 {
        gap: 16px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-16 {
        padding: 16px !important;
    }
    .pl-sm-16 {
        padding-left: 16px !important;
    }
    .pr-sm-16 {
        padding-right: 16px !important;
    }
    .pt-sm-16 {
        padding-top: 16px !important;
    }
    .pb-sm-16 {
        padding-bottom: 16px !important;
    }
    .px-sm-16 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .py-sm-16 {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .m-sm-16 {
        margin: 16px !important;
    }
    .ml-sm-16 {
        margin-left: 16px !important;
    }
    .mr-sm-16 {
        margin-right: 16px !important;
    }
    .mt-sm-16 {
        margin-top: 16px !important;
    }
    .mb-sm-16 {
        margin-bottom: 16px !important;
    }
    .mx-sm-16 {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
    .my-sm-16 {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .gx-sm-16 {
        gap: 0 16px !important;
    }
    .gy-sm-16 {
        gap: 16px !important;
    }
    .gap-sm-16 {
        gap: 16px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-16 {
        padding: 16px !important;
    }
    .pl-xsm-16 {
        padding-left: 16px !important;
    }
    .pr-xsm-16 {
        padding-right: 16px !important;
    }
    .pt-xsm-16 {
        padding-top: 16px !important;
    }
    .pb-xsm-16 {
        padding-bottom: 16px !important;
    }
    .px-xsm-16 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .py-xsm-16 {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .m-xsm-16 {
        margin: 16px !important;
    }
    .ml-xsm-16 {
        margin-left: 16px !important;
    }
    .mr-xsm-16 {
        margin-right: 16px !important;
    }
    .mt-xsm-16 {
        margin-top: 16px !important;
    }
    .mb-xsm-16 {
        margin-bottom: 16px !important;
    }
    .mx-xsm-16 {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
    .my-xsm-16 {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .gx-xsm-16 {
        gap: 0 16px !important;
    }
    .gy-xsm-16 {
        gap: 16px !important;
    }
    .gap-xsm-16 {
        gap: 16px !important;
    }
}

.p-16 {
    padding: 16px !important;
}

.pl-16 {
    padding-left: 16px !important;
}

.pr-16 {
    padding-right: 16px !important;
}

.pt-16 {
    padding-top: 16px !important;
}

.pb-16 {
    padding-bottom: 16px !important;
}

.px-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.py-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.m-16 {
    margin: 16px !important;
}

.ml-16 {
    margin-left: 16px !important;
}

.mr-16 {
    margin-right: 16px !important;
}

.mt-16 {
    margin-top: 16px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.mx-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.my-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.gx-16 {
    gap: 0 16px !important;
}

.gy-16 {
    gap: 16px !important;
}

.gap-16 {
    gap: 16px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-16 {
        padding-left: 0 !important;
        padding-right: 16px !important;
    }
    .rtl .pr-xxl-16 {
        padding-right: 0 !important;
        padding-left: 16px !important;
    }
    .rtl .ml-xxl-16 {
        margin-left: 0 !important;
        margin-right: 16px !important;
    }
    .rtl .mr-xxl-16 {
        margin-right: 0 !important;
        margin-left: 16px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-16 {
        padding-left: 0 !important;
        padding-right: 16px !important;
    }
    .rtl .pr-xl-16 {
        padding-right: 0 !important;
        padding-left: 16px !important;
    }
    .rtl .ml-xl-16 {
        margin-left: 0 !important;
        margin-right: 16px !important;
    }
    .rtl .mr-xl-16 {
        margin-right: 0 !important;
        margin-left: 16px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-16 {
        padding-left: 0 !important;
        padding-right: 16px !important;
    }
    .rtl .pr-lg-16 {
        padding-right: 0 !important;
        padding-left: 16px !important;
    }
    .rtl .ml-lg-16 {
        margin-left: 0 !important;
        margin-right: 16px !important;
    }
    .rtl .mr-lg-16 {
        margin-right: 0 !important;
        margin-left: 16px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-16 {
        padding-left: 0 !important;
        padding-right: 16px !important;
    }
    .rtl .pr-md-16 {
        padding-right: 0 !important;
        padding-left: 16px !important;
    }
    .rtl .ml-md-16 {
        margin-left: 0 !important;
        margin-right: 16px !important;
    }
    .rtl .mr-md-16 {
        margin-right: 0 !important;
        margin-left: 16px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-16 {
        padding-left: 0 !important;
        padding-right: 16px !important;
    }
    .rtl .pr-sm-16 {
        padding-right: 0 !important;
        padding-left: 16px !important;
    }
    .rtl .ml-sm-16 {
        margin-left: 0 !important;
        margin-right: 16px !important;
    }
    .rtl .mr-sm-16 {
        margin-right: 0 !important;
        margin-left: 16px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-16 {
        padding-left: 0 !important;
        padding-right: 16px !important;
    }
    .rtl .pr-xsm-16 {
        padding-right: 0 !important;
        padding-left: 16px !important;
    }
    .rtl .ml-xsm-16 {
        margin-left: 0 !important;
        margin-right: 16px !important;
    }
    .rtl .mr-xsm-16 {
        margin-right: 0 !important;
        margin-left: 16px !important;
    }
}

.rtl .pl-16 {
    padding-left: 0 !important;
    padding-right: 16px !important;
}

.rtl .pr-16 {
    padding-right: 0 !important;
    padding-left: 16px !important;
}

.rtl .ml-16 {
    margin-left: 0 !important;
    margin-right: 16px !important;
}

.rtl .mr-16 {
    margin-right: 0 !important;
    margin-left: 16px !important;
}

@media (min-width: 1200px) {
    .p-xxl-17 {
        padding: 17px !important;
    }
    .pl-xxl-17 {
        padding-left: 17px !important;
    }
    .pr-xxl-17 {
        padding-right: 17px !important;
    }
    .pt-xxl-17 {
        padding-top: 17px !important;
    }
    .pb-xxl-17 {
        padding-bottom: 17px !important;
    }
    .px-xxl-17 {
        padding-left: 17px !important;
        padding-right: 17px !important;
    }
    .py-xxl-17 {
        padding-top: 17px !important;
        padding-bottom: 17px !important;
    }
    .m-xxl-17 {
        margin: 17px !important;
    }
    .ml-xxl-17 {
        margin-left: 17px !important;
    }
    .mr-xxl-17 {
        margin-right: 17px !important;
    }
    .mt-xxl-17 {
        margin-top: 17px !important;
    }
    .mb-xxl-17 {
        margin-bottom: 17px !important;
    }
    .mx-xxl-17 {
        margin-left: 17px !important;
        margin-right: 17px !important;
    }
    .my-xxl-17 {
        margin-top: 17px !important;
        margin-bottom: 17px !important;
    }
    .gx-xxl-17 {
        gap: 0 17px !important;
    }
    .gy-xxl-17 {
        gap: 17px !important;
    }
    .gap-xxl-17 {
        gap: 17px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-17 {
        padding: 17px !important;
    }
    .pl-xl-17 {
        padding-left: 17px !important;
    }
    .pr-xl-17 {
        padding-right: 17px !important;
    }
    .pt-xl-17 {
        padding-top: 17px !important;
    }
    .pb-xl-17 {
        padding-bottom: 17px !important;
    }
    .px-xl-17 {
        padding-left: 17px !important;
        padding-right: 17px !important;
    }
    .py-xl-17 {
        padding-top: 17px !important;
        padding-bottom: 17px !important;
    }
    .m-xl-17 {
        margin: 17px !important;
    }
    .ml-xl-17 {
        margin-left: 17px !important;
    }
    .mr-xl-17 {
        margin-right: 17px !important;
    }
    .mt-xl-17 {
        margin-top: 17px !important;
    }
    .mb-xl-17 {
        margin-bottom: 17px !important;
    }
    .mx-xl-17 {
        margin-left: 17px !important;
        margin-right: 17px !important;
    }
    .my-xl-17 {
        margin-top: 17px !important;
        margin-bottom: 17px !important;
    }
    .gx-xl-17 {
        gap: 0 17px !important;
    }
    .gy-xl-17 {
        gap: 17px !important;
    }
    .gap-xl-17 {
        gap: 17px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-17 {
        padding: 17px !important;
    }
    .pl-lg-17 {
        padding-left: 17px !important;
    }
    .pr-lg-17 {
        padding-right: 17px !important;
    }
    .pt-lg-17 {
        padding-top: 17px !important;
    }
    .pb-lg-17 {
        padding-bottom: 17px !important;
    }
    .px-lg-17 {
        padding-left: 17px !important;
        padding-right: 17px !important;
    }
    .py-lg-17 {
        padding-top: 17px !important;
        padding-bottom: 17px !important;
    }
    .m-lg-17 {
        margin: 17px !important;
    }
    .ml-lg-17 {
        margin-left: 17px !important;
    }
    .mr-lg-17 {
        margin-right: 17px !important;
    }
    .mt-lg-17 {
        margin-top: 17px !important;
    }
    .mb-lg-17 {
        margin-bottom: 17px !important;
    }
    .mx-lg-17 {
        margin-left: 17px !important;
        margin-right: 17px !important;
    }
    .my-lg-17 {
        margin-top: 17px !important;
        margin-bottom: 17px !important;
    }
    .gx-lg-17 {
        gap: 0 17px !important;
    }
    .gy-lg-17 {
        gap: 17px !important;
    }
    .gap-lg-17 {
        gap: 17px !important;
    }
}

@media (min-width: 576px) {
    .p-md-17 {
        padding: 17px !important;
    }
    .pl-md-17 {
        padding-left: 17px !important;
    }
    .pr-md-17 {
        padding-right: 17px !important;
    }
    .pt-md-17 {
        padding-top: 17px !important;
    }
    .pb-md-17 {
        padding-bottom: 17px !important;
    }
    .px-md-17 {
        padding-left: 17px !important;
        padding-right: 17px !important;
    }
    .py-md-17 {
        padding-top: 17px !important;
        padding-bottom: 17px !important;
    }
    .m-md-17 {
        margin: 17px !important;
    }
    .ml-md-17 {
        margin-left: 17px !important;
    }
    .mr-md-17 {
        margin-right: 17px !important;
    }
    .mt-md-17 {
        margin-top: 17px !important;
    }
    .mb-md-17 {
        margin-bottom: 17px !important;
    }
    .mx-md-17 {
        margin-left: 17px !important;
        margin-right: 17px !important;
    }
    .my-md-17 {
        margin-top: 17px !important;
        margin-bottom: 17px !important;
    }
    .gx-md-17 {
        gap: 0 17px !important;
    }
    .gy-md-17 {
        gap: 17px !important;
    }
    .gap-md-17 {
        gap: 17px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-17 {
        padding: 17px !important;
    }
    .pl-sm-17 {
        padding-left: 17px !important;
    }
    .pr-sm-17 {
        padding-right: 17px !important;
    }
    .pt-sm-17 {
        padding-top: 17px !important;
    }
    .pb-sm-17 {
        padding-bottom: 17px !important;
    }
    .px-sm-17 {
        padding-left: 17px !important;
        padding-right: 17px !important;
    }
    .py-sm-17 {
        padding-top: 17px !important;
        padding-bottom: 17px !important;
    }
    .m-sm-17 {
        margin: 17px !important;
    }
    .ml-sm-17 {
        margin-left: 17px !important;
    }
    .mr-sm-17 {
        margin-right: 17px !important;
    }
    .mt-sm-17 {
        margin-top: 17px !important;
    }
    .mb-sm-17 {
        margin-bottom: 17px !important;
    }
    .mx-sm-17 {
        margin-left: 17px !important;
        margin-right: 17px !important;
    }
    .my-sm-17 {
        margin-top: 17px !important;
        margin-bottom: 17px !important;
    }
    .gx-sm-17 {
        gap: 0 17px !important;
    }
    .gy-sm-17 {
        gap: 17px !important;
    }
    .gap-sm-17 {
        gap: 17px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-17 {
        padding: 17px !important;
    }
    .pl-xsm-17 {
        padding-left: 17px !important;
    }
    .pr-xsm-17 {
        padding-right: 17px !important;
    }
    .pt-xsm-17 {
        padding-top: 17px !important;
    }
    .pb-xsm-17 {
        padding-bottom: 17px !important;
    }
    .px-xsm-17 {
        padding-left: 17px !important;
        padding-right: 17px !important;
    }
    .py-xsm-17 {
        padding-top: 17px !important;
        padding-bottom: 17px !important;
    }
    .m-xsm-17 {
        margin: 17px !important;
    }
    .ml-xsm-17 {
        margin-left: 17px !important;
    }
    .mr-xsm-17 {
        margin-right: 17px !important;
    }
    .mt-xsm-17 {
        margin-top: 17px !important;
    }
    .mb-xsm-17 {
        margin-bottom: 17px !important;
    }
    .mx-xsm-17 {
        margin-left: 17px !important;
        margin-right: 17px !important;
    }
    .my-xsm-17 {
        margin-top: 17px !important;
        margin-bottom: 17px !important;
    }
    .gx-xsm-17 {
        gap: 0 17px !important;
    }
    .gy-xsm-17 {
        gap: 17px !important;
    }
    .gap-xsm-17 {
        gap: 17px !important;
    }
}

.p-17 {
    padding: 17px !important;
}

.pl-17 {
    padding-left: 17px !important;
}

.pr-17 {
    padding-right: 17px !important;
}

.pt-17 {
    padding-top: 17px !important;
}

.pb-17 {
    padding-bottom: 17px !important;
}

.px-17 {
    padding-left: 17px !important;
    padding-right: 17px !important;
}

.py-17 {
    padding-top: 17px !important;
    padding-bottom: 17px !important;
}

.m-17 {
    margin: 17px !important;
}

.ml-17 {
    margin-left: 17px !important;
}

.mr-17 {
    margin-right: 17px !important;
}

.mt-17 {
    margin-top: 17px !important;
}

.mb-17 {
    margin-bottom: 17px !important;
}

.mx-17 {
    margin-left: 17px !important;
    margin-right: 17px !important;
}

.my-17 {
    margin-top: 17px !important;
    margin-bottom: 17px !important;
}

.gx-17 {
    gap: 0 17px !important;
}

.gy-17 {
    gap: 17px !important;
}

.gap-17 {
    gap: 17px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-17 {
        padding-left: 0 !important;
        padding-right: 17px !important;
    }
    .rtl .pr-xxl-17 {
        padding-right: 0 !important;
        padding-left: 17px !important;
    }
    .rtl .ml-xxl-17 {
        margin-left: 0 !important;
        margin-right: 17px !important;
    }
    .rtl .mr-xxl-17 {
        margin-right: 0 !important;
        margin-left: 17px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-17 {
        padding-left: 0 !important;
        padding-right: 17px !important;
    }
    .rtl .pr-xl-17 {
        padding-right: 0 !important;
        padding-left: 17px !important;
    }
    .rtl .ml-xl-17 {
        margin-left: 0 !important;
        margin-right: 17px !important;
    }
    .rtl .mr-xl-17 {
        margin-right: 0 !important;
        margin-left: 17px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-17 {
        padding-left: 0 !important;
        padding-right: 17px !important;
    }
    .rtl .pr-lg-17 {
        padding-right: 0 !important;
        padding-left: 17px !important;
    }
    .rtl .ml-lg-17 {
        margin-left: 0 !important;
        margin-right: 17px !important;
    }
    .rtl .mr-lg-17 {
        margin-right: 0 !important;
        margin-left: 17px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-17 {
        padding-left: 0 !important;
        padding-right: 17px !important;
    }
    .rtl .pr-md-17 {
        padding-right: 0 !important;
        padding-left: 17px !important;
    }
    .rtl .ml-md-17 {
        margin-left: 0 !important;
        margin-right: 17px !important;
    }
    .rtl .mr-md-17 {
        margin-right: 0 !important;
        margin-left: 17px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-17 {
        padding-left: 0 !important;
        padding-right: 17px !important;
    }
    .rtl .pr-sm-17 {
        padding-right: 0 !important;
        padding-left: 17px !important;
    }
    .rtl .ml-sm-17 {
        margin-left: 0 !important;
        margin-right: 17px !important;
    }
    .rtl .mr-sm-17 {
        margin-right: 0 !important;
        margin-left: 17px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-17 {
        padding-left: 0 !important;
        padding-right: 17px !important;
    }
    .rtl .pr-xsm-17 {
        padding-right: 0 !important;
        padding-left: 17px !important;
    }
    .rtl .ml-xsm-17 {
        margin-left: 0 !important;
        margin-right: 17px !important;
    }
    .rtl .mr-xsm-17 {
        margin-right: 0 !important;
        margin-left: 17px !important;
    }
}

.rtl .pl-17 {
    padding-left: 0 !important;
    padding-right: 17px !important;
}

.rtl .pr-17 {
    padding-right: 0 !important;
    padding-left: 17px !important;
}

.rtl .ml-17 {
    margin-left: 0 !important;
    margin-right: 17px !important;
}

.rtl .mr-17 {
    margin-right: 0 !important;
    margin-left: 17px !important;
}

@media (min-width: 1200px) {
    .p-xxl-18 {
        padding: 18px !important;
    }
    .pl-xxl-18 {
        padding-left: 18px !important;
    }
    .pr-xxl-18 {
        padding-right: 18px !important;
    }
    .pt-xxl-18 {
        padding-top: 18px !important;
    }
    .pb-xxl-18 {
        padding-bottom: 18px !important;
    }
    .px-xxl-18 {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    .py-xxl-18 {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
    .m-xxl-18 {
        margin: 18px !important;
    }
    .ml-xxl-18 {
        margin-left: 18px !important;
    }
    .mr-xxl-18 {
        margin-right: 18px !important;
    }
    .mt-xxl-18 {
        margin-top: 18px !important;
    }
    .mb-xxl-18 {
        margin-bottom: 18px !important;
    }
    .mx-xxl-18 {
        margin-left: 18px !important;
        margin-right: 18px !important;
    }
    .my-xxl-18 {
        margin-top: 18px !important;
        margin-bottom: 18px !important;
    }
    .gx-xxl-18 {
        gap: 0 18px !important;
    }
    .gy-xxl-18 {
        gap: 18px !important;
    }
    .gap-xxl-18 {
        gap: 18px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-18 {
        padding: 18px !important;
    }
    .pl-xl-18 {
        padding-left: 18px !important;
    }
    .pr-xl-18 {
        padding-right: 18px !important;
    }
    .pt-xl-18 {
        padding-top: 18px !important;
    }
    .pb-xl-18 {
        padding-bottom: 18px !important;
    }
    .px-xl-18 {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    .py-xl-18 {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
    .m-xl-18 {
        margin: 18px !important;
    }
    .ml-xl-18 {
        margin-left: 18px !important;
    }
    .mr-xl-18 {
        margin-right: 18px !important;
    }
    .mt-xl-18 {
        margin-top: 18px !important;
    }
    .mb-xl-18 {
        margin-bottom: 18px !important;
    }
    .mx-xl-18 {
        margin-left: 18px !important;
        margin-right: 18px !important;
    }
    .my-xl-18 {
        margin-top: 18px !important;
        margin-bottom: 18px !important;
    }
    .gx-xl-18 {
        gap: 0 18px !important;
    }
    .gy-xl-18 {
        gap: 18px !important;
    }
    .gap-xl-18 {
        gap: 18px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-18 {
        padding: 18px !important;
    }
    .pl-lg-18 {
        padding-left: 18px !important;
    }
    .pr-lg-18 {
        padding-right: 18px !important;
    }
    .pt-lg-18 {
        padding-top: 18px !important;
    }
    .pb-lg-18 {
        padding-bottom: 18px !important;
    }
    .px-lg-18 {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    .py-lg-18 {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
    .m-lg-18 {
        margin: 18px !important;
    }
    .ml-lg-18 {
        margin-left: 18px !important;
    }
    .mr-lg-18 {
        margin-right: 18px !important;
    }
    .mt-lg-18 {
        margin-top: 18px !important;
    }
    .mb-lg-18 {
        margin-bottom: 18px !important;
    }
    .mx-lg-18 {
        margin-left: 18px !important;
        margin-right: 18px !important;
    }
    .my-lg-18 {
        margin-top: 18px !important;
        margin-bottom: 18px !important;
    }
    .gx-lg-18 {
        gap: 0 18px !important;
    }
    .gy-lg-18 {
        gap: 18px !important;
    }
    .gap-lg-18 {
        gap: 18px !important;
    }
}

@media (min-width: 576px) {
    .p-md-18 {
        padding: 18px !important;
    }
    .pl-md-18 {
        padding-left: 18px !important;
    }
    .pr-md-18 {
        padding-right: 18px !important;
    }
    .pt-md-18 {
        padding-top: 18px !important;
    }
    .pb-md-18 {
        padding-bottom: 18px !important;
    }
    .px-md-18 {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    .py-md-18 {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
    .m-md-18 {
        margin: 18px !important;
    }
    .ml-md-18 {
        margin-left: 18px !important;
    }
    .mr-md-18 {
        margin-right: 18px !important;
    }
    .mt-md-18 {
        margin-top: 18px !important;
    }
    .mb-md-18 {
        margin-bottom: 18px !important;
    }
    .mx-md-18 {
        margin-left: 18px !important;
        margin-right: 18px !important;
    }
    .my-md-18 {
        margin-top: 18px !important;
        margin-bottom: 18px !important;
    }
    .gx-md-18 {
        gap: 0 18px !important;
    }
    .gy-md-18 {
        gap: 18px !important;
    }
    .gap-md-18 {
        gap: 18px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-18 {
        padding: 18px !important;
    }
    .pl-sm-18 {
        padding-left: 18px !important;
    }
    .pr-sm-18 {
        padding-right: 18px !important;
    }
    .pt-sm-18 {
        padding-top: 18px !important;
    }
    .pb-sm-18 {
        padding-bottom: 18px !important;
    }
    .px-sm-18 {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    .py-sm-18 {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
    .m-sm-18 {
        margin: 18px !important;
    }
    .ml-sm-18 {
        margin-left: 18px !important;
    }
    .mr-sm-18 {
        margin-right: 18px !important;
    }
    .mt-sm-18 {
        margin-top: 18px !important;
    }
    .mb-sm-18 {
        margin-bottom: 18px !important;
    }
    .mx-sm-18 {
        margin-left: 18px !important;
        margin-right: 18px !important;
    }
    .my-sm-18 {
        margin-top: 18px !important;
        margin-bottom: 18px !important;
    }
    .gx-sm-18 {
        gap: 0 18px !important;
    }
    .gy-sm-18 {
        gap: 18px !important;
    }
    .gap-sm-18 {
        gap: 18px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-18 {
        padding: 18px !important;
    }
    .pl-xsm-18 {
        padding-left: 18px !important;
    }
    .pr-xsm-18 {
        padding-right: 18px !important;
    }
    .pt-xsm-18 {
        padding-top: 18px !important;
    }
    .pb-xsm-18 {
        padding-bottom: 18px !important;
    }
    .px-xsm-18 {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    .py-xsm-18 {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
    .m-xsm-18 {
        margin: 18px !important;
    }
    .ml-xsm-18 {
        margin-left: 18px !important;
    }
    .mr-xsm-18 {
        margin-right: 18px !important;
    }
    .mt-xsm-18 {
        margin-top: 18px !important;
    }
    .mb-xsm-18 {
        margin-bottom: 18px !important;
    }
    .mx-xsm-18 {
        margin-left: 18px !important;
        margin-right: 18px !important;
    }
    .my-xsm-18 {
        margin-top: 18px !important;
        margin-bottom: 18px !important;
    }
    .gx-xsm-18 {
        gap: 0 18px !important;
    }
    .gy-xsm-18 {
        gap: 18px !important;
    }
    .gap-xsm-18 {
        gap: 18px !important;
    }
}

.p-18 {
    padding: 18px !important;
}

.pl-18 {
    padding-left: 18px !important;
}

.pr-18 {
    padding-right: 18px !important;
}

.pt-18 {
    padding-top: 18px !important;
}

.pb-18 {
    padding-bottom: 18px !important;
}

.px-18 {
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.py-18 {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.m-18 {
    margin: 18px !important;
}

.ml-18 {
    margin-left: 18px !important;
}

.mr-18 {
    margin-right: 18px !important;
}

.mt-18 {
    margin-top: 18px !important;
}

.mb-18 {
    margin-bottom: 18px !important;
}

.mx-18 {
    margin-left: 18px !important;
    margin-right: 18px !important;
}

.my-18 {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
}

.gx-18 {
    gap: 0 18px !important;
}

.gy-18 {
    gap: 18px !important;
}

.gap-18 {
    gap: 18px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-18 {
        padding-left: 0 !important;
        padding-right: 18px !important;
    }
    .rtl .pr-xxl-18 {
        padding-right: 0 !important;
        padding-left: 18px !important;
    }
    .rtl .ml-xxl-18 {
        margin-left: 0 !important;
        margin-right: 18px !important;
    }
    .rtl .mr-xxl-18 {
        margin-right: 0 !important;
        margin-left: 18px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-18 {
        padding-left: 0 !important;
        padding-right: 18px !important;
    }
    .rtl .pr-xl-18 {
        padding-right: 0 !important;
        padding-left: 18px !important;
    }
    .rtl .ml-xl-18 {
        margin-left: 0 !important;
        margin-right: 18px !important;
    }
    .rtl .mr-xl-18 {
        margin-right: 0 !important;
        margin-left: 18px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-18 {
        padding-left: 0 !important;
        padding-right: 18px !important;
    }
    .rtl .pr-lg-18 {
        padding-right: 0 !important;
        padding-left: 18px !important;
    }
    .rtl .ml-lg-18 {
        margin-left: 0 !important;
        margin-right: 18px !important;
    }
    .rtl .mr-lg-18 {
        margin-right: 0 !important;
        margin-left: 18px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-18 {
        padding-left: 0 !important;
        padding-right: 18px !important;
    }
    .rtl .pr-md-18 {
        padding-right: 0 !important;
        padding-left: 18px !important;
    }
    .rtl .ml-md-18 {
        margin-left: 0 !important;
        margin-right: 18px !important;
    }
    .rtl .mr-md-18 {
        margin-right: 0 !important;
        margin-left: 18px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-18 {
        padding-left: 0 !important;
        padding-right: 18px !important;
    }
    .rtl .pr-sm-18 {
        padding-right: 0 !important;
        padding-left: 18px !important;
    }
    .rtl .ml-sm-18 {
        margin-left: 0 !important;
        margin-right: 18px !important;
    }
    .rtl .mr-sm-18 {
        margin-right: 0 !important;
        margin-left: 18px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-18 {
        padding-left: 0 !important;
        padding-right: 18px !important;
    }
    .rtl .pr-xsm-18 {
        padding-right: 0 !important;
        padding-left: 18px !important;
    }
    .rtl .ml-xsm-18 {
        margin-left: 0 !important;
        margin-right: 18px !important;
    }
    .rtl .mr-xsm-18 {
        margin-right: 0 !important;
        margin-left: 18px !important;
    }
}

.rtl .pl-18 {
    padding-left: 0 !important;
    padding-right: 18px !important;
}

.rtl .pr-18 {
    padding-right: 0 !important;
    padding-left: 18px !important;
}

.rtl .ml-18 {
    margin-left: 0 !important;
    margin-right: 18px !important;
}

.rtl .mr-18 {
    margin-right: 0 !important;
    margin-left: 18px !important;
}

@media (min-width: 1200px) {
    .p-xxl-19 {
        padding: 19px !important;
    }
    .pl-xxl-19 {
        padding-left: 19px !important;
    }
    .pr-xxl-19 {
        padding-right: 19px !important;
    }
    .pt-xxl-19 {
        padding-top: 19px !important;
    }
    .pb-xxl-19 {
        padding-bottom: 19px !important;
    }
    .px-xxl-19 {
        padding-left: 19px !important;
        padding-right: 19px !important;
    }
    .py-xxl-19 {
        padding-top: 19px !important;
        padding-bottom: 19px !important;
    }
    .m-xxl-19 {
        margin: 19px !important;
    }
    .ml-xxl-19 {
        margin-left: 19px !important;
    }
    .mr-xxl-19 {
        margin-right: 19px !important;
    }
    .mt-xxl-19 {
        margin-top: 19px !important;
    }
    .mb-xxl-19 {
        margin-bottom: 19px !important;
    }
    .mx-xxl-19 {
        margin-left: 19px !important;
        margin-right: 19px !important;
    }
    .my-xxl-19 {
        margin-top: 19px !important;
        margin-bottom: 19px !important;
    }
    .gx-xxl-19 {
        gap: 0 19px !important;
    }
    .gy-xxl-19 {
        gap: 19px !important;
    }
    .gap-xxl-19 {
        gap: 19px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-19 {
        padding: 19px !important;
    }
    .pl-xl-19 {
        padding-left: 19px !important;
    }
    .pr-xl-19 {
        padding-right: 19px !important;
    }
    .pt-xl-19 {
        padding-top: 19px !important;
    }
    .pb-xl-19 {
        padding-bottom: 19px !important;
    }
    .px-xl-19 {
        padding-left: 19px !important;
        padding-right: 19px !important;
    }
    .py-xl-19 {
        padding-top: 19px !important;
        padding-bottom: 19px !important;
    }
    .m-xl-19 {
        margin: 19px !important;
    }
    .ml-xl-19 {
        margin-left: 19px !important;
    }
    .mr-xl-19 {
        margin-right: 19px !important;
    }
    .mt-xl-19 {
        margin-top: 19px !important;
    }
    .mb-xl-19 {
        margin-bottom: 19px !important;
    }
    .mx-xl-19 {
        margin-left: 19px !important;
        margin-right: 19px !important;
    }
    .my-xl-19 {
        margin-top: 19px !important;
        margin-bottom: 19px !important;
    }
    .gx-xl-19 {
        gap: 0 19px !important;
    }
    .gy-xl-19 {
        gap: 19px !important;
    }
    .gap-xl-19 {
        gap: 19px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-19 {
        padding: 19px !important;
    }
    .pl-lg-19 {
        padding-left: 19px !important;
    }
    .pr-lg-19 {
        padding-right: 19px !important;
    }
    .pt-lg-19 {
        padding-top: 19px !important;
    }
    .pb-lg-19 {
        padding-bottom: 19px !important;
    }
    .px-lg-19 {
        padding-left: 19px !important;
        padding-right: 19px !important;
    }
    .py-lg-19 {
        padding-top: 19px !important;
        padding-bottom: 19px !important;
    }
    .m-lg-19 {
        margin: 19px !important;
    }
    .ml-lg-19 {
        margin-left: 19px !important;
    }
    .mr-lg-19 {
        margin-right: 19px !important;
    }
    .mt-lg-19 {
        margin-top: 19px !important;
    }
    .mb-lg-19 {
        margin-bottom: 19px !important;
    }
    .mx-lg-19 {
        margin-left: 19px !important;
        margin-right: 19px !important;
    }
    .my-lg-19 {
        margin-top: 19px !important;
        margin-bottom: 19px !important;
    }
    .gx-lg-19 {
        gap: 0 19px !important;
    }
    .gy-lg-19 {
        gap: 19px !important;
    }
    .gap-lg-19 {
        gap: 19px !important;
    }
}

@media (min-width: 576px) {
    .p-md-19 {
        padding: 19px !important;
    }
    .pl-md-19 {
        padding-left: 19px !important;
    }
    .pr-md-19 {
        padding-right: 19px !important;
    }
    .pt-md-19 {
        padding-top: 19px !important;
    }
    .pb-md-19 {
        padding-bottom: 19px !important;
    }
    .px-md-19 {
        padding-left: 19px !important;
        padding-right: 19px !important;
    }
    .py-md-19 {
        padding-top: 19px !important;
        padding-bottom: 19px !important;
    }
    .m-md-19 {
        margin: 19px !important;
    }
    .ml-md-19 {
        margin-left: 19px !important;
    }
    .mr-md-19 {
        margin-right: 19px !important;
    }
    .mt-md-19 {
        margin-top: 19px !important;
    }
    .mb-md-19 {
        margin-bottom: 19px !important;
    }
    .mx-md-19 {
        margin-left: 19px !important;
        margin-right: 19px !important;
    }
    .my-md-19 {
        margin-top: 19px !important;
        margin-bottom: 19px !important;
    }
    .gx-md-19 {
        gap: 0 19px !important;
    }
    .gy-md-19 {
        gap: 19px !important;
    }
    .gap-md-19 {
        gap: 19px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-19 {
        padding: 19px !important;
    }
    .pl-sm-19 {
        padding-left: 19px !important;
    }
    .pr-sm-19 {
        padding-right: 19px !important;
    }
    .pt-sm-19 {
        padding-top: 19px !important;
    }
    .pb-sm-19 {
        padding-bottom: 19px !important;
    }
    .px-sm-19 {
        padding-left: 19px !important;
        padding-right: 19px !important;
    }
    .py-sm-19 {
        padding-top: 19px !important;
        padding-bottom: 19px !important;
    }
    .m-sm-19 {
        margin: 19px !important;
    }
    .ml-sm-19 {
        margin-left: 19px !important;
    }
    .mr-sm-19 {
        margin-right: 19px !important;
    }
    .mt-sm-19 {
        margin-top: 19px !important;
    }
    .mb-sm-19 {
        margin-bottom: 19px !important;
    }
    .mx-sm-19 {
        margin-left: 19px !important;
        margin-right: 19px !important;
    }
    .my-sm-19 {
        margin-top: 19px !important;
        margin-bottom: 19px !important;
    }
    .gx-sm-19 {
        gap: 0 19px !important;
    }
    .gy-sm-19 {
        gap: 19px !important;
    }
    .gap-sm-19 {
        gap: 19px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-19 {
        padding: 19px !important;
    }
    .pl-xsm-19 {
        padding-left: 19px !important;
    }
    .pr-xsm-19 {
        padding-right: 19px !important;
    }
    .pt-xsm-19 {
        padding-top: 19px !important;
    }
    .pb-xsm-19 {
        padding-bottom: 19px !important;
    }
    .px-xsm-19 {
        padding-left: 19px !important;
        padding-right: 19px !important;
    }
    .py-xsm-19 {
        padding-top: 19px !important;
        padding-bottom: 19px !important;
    }
    .m-xsm-19 {
        margin: 19px !important;
    }
    .ml-xsm-19 {
        margin-left: 19px !important;
    }
    .mr-xsm-19 {
        margin-right: 19px !important;
    }
    .mt-xsm-19 {
        margin-top: 19px !important;
    }
    .mb-xsm-19 {
        margin-bottom: 19px !important;
    }
    .mx-xsm-19 {
        margin-left: 19px !important;
        margin-right: 19px !important;
    }
    .my-xsm-19 {
        margin-top: 19px !important;
        margin-bottom: 19px !important;
    }
    .gx-xsm-19 {
        gap: 0 19px !important;
    }
    .gy-xsm-19 {
        gap: 19px !important;
    }
    .gap-xsm-19 {
        gap: 19px !important;
    }
}

.p-19 {
    padding: 19px !important;
}

.pl-19 {
    padding-left: 19px !important;
}

.pr-19 {
    padding-right: 19px !important;
}

.pt-19 {
    padding-top: 19px !important;
}

.pb-19 {
    padding-bottom: 19px !important;
}

.px-19 {
    padding-left: 19px !important;
    padding-right: 19px !important;
}

.py-19 {
    padding-top: 19px !important;
    padding-bottom: 19px !important;
}

.m-19 {
    margin: 19px !important;
}

.ml-19 {
    margin-left: 19px !important;
}

.mr-19 {
    margin-right: 19px !important;
}

.mt-19 {
    margin-top: 19px !important;
}

.mb-19 {
    margin-bottom: 19px !important;
}

.mx-19 {
    margin-left: 19px !important;
    margin-right: 19px !important;
}

.my-19 {
    margin-top: 19px !important;
    margin-bottom: 19px !important;
}

.gx-19 {
    gap: 0 19px !important;
}

.gy-19 {
    gap: 19px !important;
}

.gap-19 {
    gap: 19px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-19 {
        padding-left: 0 !important;
        padding-right: 19px !important;
    }
    .rtl .pr-xxl-19 {
        padding-right: 0 !important;
        padding-left: 19px !important;
    }
    .rtl .ml-xxl-19 {
        margin-left: 0 !important;
        margin-right: 19px !important;
    }
    .rtl .mr-xxl-19 {
        margin-right: 0 !important;
        margin-left: 19px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-19 {
        padding-left: 0 !important;
        padding-right: 19px !important;
    }
    .rtl .pr-xl-19 {
        padding-right: 0 !important;
        padding-left: 19px !important;
    }
    .rtl .ml-xl-19 {
        margin-left: 0 !important;
        margin-right: 19px !important;
    }
    .rtl .mr-xl-19 {
        margin-right: 0 !important;
        margin-left: 19px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-19 {
        padding-left: 0 !important;
        padding-right: 19px !important;
    }
    .rtl .pr-lg-19 {
        padding-right: 0 !important;
        padding-left: 19px !important;
    }
    .rtl .ml-lg-19 {
        margin-left: 0 !important;
        margin-right: 19px !important;
    }
    .rtl .mr-lg-19 {
        margin-right: 0 !important;
        margin-left: 19px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-19 {
        padding-left: 0 !important;
        padding-right: 19px !important;
    }
    .rtl .pr-md-19 {
        padding-right: 0 !important;
        padding-left: 19px !important;
    }
    .rtl .ml-md-19 {
        margin-left: 0 !important;
        margin-right: 19px !important;
    }
    .rtl .mr-md-19 {
        margin-right: 0 !important;
        margin-left: 19px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-19 {
        padding-left: 0 !important;
        padding-right: 19px !important;
    }
    .rtl .pr-sm-19 {
        padding-right: 0 !important;
        padding-left: 19px !important;
    }
    .rtl .ml-sm-19 {
        margin-left: 0 !important;
        margin-right: 19px !important;
    }
    .rtl .mr-sm-19 {
        margin-right: 0 !important;
        margin-left: 19px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-19 {
        padding-left: 0 !important;
        padding-right: 19px !important;
    }
    .rtl .pr-xsm-19 {
        padding-right: 0 !important;
        padding-left: 19px !important;
    }
    .rtl .ml-xsm-19 {
        margin-left: 0 !important;
        margin-right: 19px !important;
    }
    .rtl .mr-xsm-19 {
        margin-right: 0 !important;
        margin-left: 19px !important;
    }
}

.rtl .pl-19 {
    padding-left: 0 !important;
    padding-right: 19px !important;
}

.rtl .pr-19 {
    padding-right: 0 !important;
    padding-left: 19px !important;
}

.rtl .ml-19 {
    margin-left: 0 !important;
    margin-right: 19px !important;
}

.rtl .mr-19 {
    margin-right: 0 !important;
    margin-left: 19px !important;
}

@media (min-width: 1200px) {
    .p-xxl-20 {
        padding: 20px !important;
    }
    .pl-xxl-20 {
        padding-left: 20px !important;
    }
    .pr-xxl-20 {
        padding-right: 20px !important;
    }
    .pt-xxl-20 {
        padding-top: 20px !important;
    }
    .pb-xxl-20 {
        padding-bottom: 20px !important;
    }
    .px-xxl-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .py-xxl-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .m-xxl-20 {
        margin: 20px !important;
    }
    .ml-xxl-20 {
        margin-left: 20px !important;
    }
    .mr-xxl-20 {
        margin-right: 20px !important;
    }
    .mt-xxl-20 {
        margin-top: 20px !important;
    }
    .mb-xxl-20 {
        margin-bottom: 20px !important;
    }
    .mx-xxl-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .my-xxl-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .gx-xxl-20 {
        gap: 0 20px !important;
    }
    .gy-xxl-20 {
        gap: 20px !important;
    }
    .gap-xxl-20 {
        gap: 20px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-20 {
        padding: 20px !important;
    }
    .pl-xl-20 {
        padding-left: 20px !important;
    }
    .pr-xl-20 {
        padding-right: 20px !important;
    }
    .pt-xl-20 {
        padding-top: 20px !important;
    }
    .pb-xl-20 {
        padding-bottom: 20px !important;
    }
    .px-xl-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .py-xl-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .m-xl-20 {
        margin: 20px !important;
    }
    .ml-xl-20 {
        margin-left: 20px !important;
    }
    .mr-xl-20 {
        margin-right: 20px !important;
    }
    .mt-xl-20 {
        margin-top: 20px !important;
    }
    .mb-xl-20 {
        margin-bottom: 20px !important;
    }
    .mx-xl-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .my-xl-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .gx-xl-20 {
        gap: 0 20px !important;
    }
    .gy-xl-20 {
        gap: 20px !important;
    }
    .gap-xl-20 {
        gap: 20px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-20 {
        padding: 20px !important;
    }
    .pl-lg-20 {
        padding-left: 20px !important;
    }
    .pr-lg-20 {
        padding-right: 20px !important;
    }
    .pt-lg-20 {
        padding-top: 20px !important;
    }
    .pb-lg-20 {
        padding-bottom: 20px !important;
    }
    .px-lg-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .py-lg-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .m-lg-20 {
        margin: 20px !important;
    }
    .ml-lg-20 {
        margin-left: 20px !important;
    }
    .mr-lg-20 {
        margin-right: 20px !important;
    }
    .mt-lg-20 {
        margin-top: 20px !important;
    }
    .mb-lg-20 {
        margin-bottom: 20px !important;
    }
    .mx-lg-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .my-lg-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .gx-lg-20 {
        gap: 0 20px !important;
    }
    .gy-lg-20 {
        gap: 20px !important;
    }
    .gap-lg-20 {
        gap: 20px !important;
    }
}

@media (min-width: 576px) {
    .p-md-20 {
        padding: 20px !important;
    }
    .pl-md-20 {
        padding-left: 20px !important;
    }
    .pr-md-20 {
        padding-right: 20px !important;
    }
    .pt-md-20 {
        padding-top: 20px !important;
    }
    .pb-md-20 {
        padding-bottom: 20px !important;
    }
    .px-md-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .py-md-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .m-md-20 {
        margin: 20px !important;
    }
    .ml-md-20 {
        margin-left: 20px !important;
    }
    .mr-md-20 {
        margin-right: 20px !important;
    }
    .mt-md-20 {
        margin-top: 20px !important;
    }
    .mb-md-20 {
        margin-bottom: 20px !important;
    }
    .mx-md-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .my-md-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .gx-md-20 {
        gap: 0 20px !important;
    }
    .gy-md-20 {
        gap: 20px !important;
    }
    .gap-md-20 {
        gap: 20px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-20 {
        padding: 20px !important;
    }
    .pl-sm-20 {
        padding-left: 20px !important;
    }
    .pr-sm-20 {
        padding-right: 20px !important;
    }
    .pt-sm-20 {
        padding-top: 20px !important;
    }
    .pb-sm-20 {
        padding-bottom: 20px !important;
    }
    .px-sm-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .py-sm-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .m-sm-20 {
        margin: 20px !important;
    }
    .ml-sm-20 {
        margin-left: 20px !important;
    }
    .mr-sm-20 {
        margin-right: 20px !important;
    }
    .mt-sm-20 {
        margin-top: 20px !important;
    }
    .mb-sm-20 {
        margin-bottom: 20px !important;
    }
    .mx-sm-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .my-sm-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .gx-sm-20 {
        gap: 0 20px !important;
    }
    .gy-sm-20 {
        gap: 20px !important;
    }
    .gap-sm-20 {
        gap: 20px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-20 {
        padding: 20px !important;
    }
    .pl-xsm-20 {
        padding-left: 20px !important;
    }
    .pr-xsm-20 {
        padding-right: 20px !important;
    }
    .pt-xsm-20 {
        padding-top: 20px !important;
    }
    .pb-xsm-20 {
        padding-bottom: 20px !important;
    }
    .px-xsm-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .py-xsm-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .m-xsm-20 {
        margin: 20px !important;
    }
    .ml-xsm-20 {
        margin-left: 20px !important;
    }
    .mr-xsm-20 {
        margin-right: 20px !important;
    }
    .mt-xsm-20 {
        margin-top: 20px !important;
    }
    .mb-xsm-20 {
        margin-bottom: 20px !important;
    }
    .mx-xsm-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .my-xsm-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .gx-xsm-20 {
        gap: 0 20px !important;
    }
    .gy-xsm-20 {
        gap: 20px !important;
    }
    .gap-xsm-20 {
        gap: 20px !important;
    }
}

.p-20 {
    padding: 20px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

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

.px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

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

.m-20 {
    margin: 20px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mx-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.gx-20 {
    gap: 0 20px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-20 {
        padding-left: 0 !important;
        padding-right: 20px !important;
    }
    .rtl .pr-xxl-20 {
        padding-right: 0 !important;
        padding-left: 20px !important;
    }
    .rtl .ml-xxl-20 {
        margin-left: 0 !important;
        margin-right: 20px !important;
    }
    .rtl .mr-xxl-20 {
        margin-right: 0 !important;
        margin-left: 20px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-20 {
        padding-left: 0 !important;
        padding-right: 20px !important;
    }
    .rtl .pr-xl-20 {
        padding-right: 0 !important;
        padding-left: 20px !important;
    }
    .rtl .ml-xl-20 {
        margin-left: 0 !important;
        margin-right: 20px !important;
    }
    .rtl .mr-xl-20 {
        margin-right: 0 !important;
        margin-left: 20px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-20 {
        padding-left: 0 !important;
        padding-right: 20px !important;
    }
    .rtl .pr-lg-20 {
        padding-right: 0 !important;
        padding-left: 20px !important;
    }
    .rtl .ml-lg-20 {
        margin-left: 0 !important;
        margin-right: 20px !important;
    }
    .rtl .mr-lg-20 {
        margin-right: 0 !important;
        margin-left: 20px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-20 {
        padding-left: 0 !important;
        padding-right: 20px !important;
    }
    .rtl .pr-md-20 {
        padding-right: 0 !important;
        padding-left: 20px !important;
    }
    .rtl .ml-md-20 {
        margin-left: 0 !important;
        margin-right: 20px !important;
    }
    .rtl .mr-md-20 {
        margin-right: 0 !important;
        margin-left: 20px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-20 {
        padding-left: 0 !important;
        padding-right: 20px !important;
    }
    .rtl .pr-sm-20 {
        padding-right: 0 !important;
        padding-left: 20px !important;
    }
    .rtl .ml-sm-20 {
        margin-left: 0 !important;
        margin-right: 20px !important;
    }
    .rtl .mr-sm-20 {
        margin-right: 0 !important;
        margin-left: 20px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-20 {
        padding-left: 0 !important;
        padding-right: 20px !important;
    }
    .rtl .pr-xsm-20 {
        padding-right: 0 !important;
        padding-left: 20px !important;
    }
    .rtl .ml-xsm-20 {
        margin-left: 0 !important;
        margin-right: 20px !important;
    }
    .rtl .mr-xsm-20 {
        margin-right: 0 !important;
        margin-left: 20px !important;
    }
}

.rtl .pl-20 {
    padding-left: 0 !important;
    padding-right: 20px !important;
}

.rtl .pr-20 {
    padding-right: 0 !important;
    padding-left: 20px !important;
}

.rtl .ml-20 {
    margin-left: 0 !important;
    margin-right: 20px !important;
}

.rtl .mr-20 {
    margin-right: 0 !important;
    margin-left: 20px !important;
}

@media (min-width: 1200px) {
    .p-xxl-21 {
        padding: 21px !important;
    }
    .pl-xxl-21 {
        padding-left: 21px !important;
    }
    .pr-xxl-21 {
        padding-right: 21px !important;
    }
    .pt-xxl-21 {
        padding-top: 21px !important;
    }
    .pb-xxl-21 {
        padding-bottom: 21px !important;
    }
    .px-xxl-21 {
        padding-left: 21px !important;
        padding-right: 21px !important;
    }
    .py-xxl-21 {
        padding-top: 21px !important;
        padding-bottom: 21px !important;
    }
    .m-xxl-21 {
        margin: 21px !important;
    }
    .ml-xxl-21 {
        margin-left: 21px !important;
    }
    .mr-xxl-21 {
        margin-right: 21px !important;
    }
    .mt-xxl-21 {
        margin-top: 21px !important;
    }
    .mb-xxl-21 {
        margin-bottom: 21px !important;
    }
    .mx-xxl-21 {
        margin-left: 21px !important;
        margin-right: 21px !important;
    }
    .my-xxl-21 {
        margin-top: 21px !important;
        margin-bottom: 21px !important;
    }
    .gx-xxl-21 {
        gap: 0 21px !important;
    }
    .gy-xxl-21 {
        gap: 21px !important;
    }
    .gap-xxl-21 {
        gap: 21px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-21 {
        padding: 21px !important;
    }
    .pl-xl-21 {
        padding-left: 21px !important;
    }
    .pr-xl-21 {
        padding-right: 21px !important;
    }
    .pt-xl-21 {
        padding-top: 21px !important;
    }
    .pb-xl-21 {
        padding-bottom: 21px !important;
    }
    .px-xl-21 {
        padding-left: 21px !important;
        padding-right: 21px !important;
    }
    .py-xl-21 {
        padding-top: 21px !important;
        padding-bottom: 21px !important;
    }
    .m-xl-21 {
        margin: 21px !important;
    }
    .ml-xl-21 {
        margin-left: 21px !important;
    }
    .mr-xl-21 {
        margin-right: 21px !important;
    }
    .mt-xl-21 {
        margin-top: 21px !important;
    }
    .mb-xl-21 {
        margin-bottom: 21px !important;
    }
    .mx-xl-21 {
        margin-left: 21px !important;
        margin-right: 21px !important;
    }
    .my-xl-21 {
        margin-top: 21px !important;
        margin-bottom: 21px !important;
    }
    .gx-xl-21 {
        gap: 0 21px !important;
    }
    .gy-xl-21 {
        gap: 21px !important;
    }
    .gap-xl-21 {
        gap: 21px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-21 {
        padding: 21px !important;
    }
    .pl-lg-21 {
        padding-left: 21px !important;
    }
    .pr-lg-21 {
        padding-right: 21px !important;
    }
    .pt-lg-21 {
        padding-top: 21px !important;
    }
    .pb-lg-21 {
        padding-bottom: 21px !important;
    }
    .px-lg-21 {
        padding-left: 21px !important;
        padding-right: 21px !important;
    }
    .py-lg-21 {
        padding-top: 21px !important;
        padding-bottom: 21px !important;
    }
    .m-lg-21 {
        margin: 21px !important;
    }
    .ml-lg-21 {
        margin-left: 21px !important;
    }
    .mr-lg-21 {
        margin-right: 21px !important;
    }
    .mt-lg-21 {
        margin-top: 21px !important;
    }
    .mb-lg-21 {
        margin-bottom: 21px !important;
    }
    .mx-lg-21 {
        margin-left: 21px !important;
        margin-right: 21px !important;
    }
    .my-lg-21 {
        margin-top: 21px !important;
        margin-bottom: 21px !important;
    }
    .gx-lg-21 {
        gap: 0 21px !important;
    }
    .gy-lg-21 {
        gap: 21px !important;
    }
    .gap-lg-21 {
        gap: 21px !important;
    }
}

@media (min-width: 576px) {
    .p-md-21 {
        padding: 21px !important;
    }
    .pl-md-21 {
        padding-left: 21px !important;
    }
    .pr-md-21 {
        padding-right: 21px !important;
    }
    .pt-md-21 {
        padding-top: 21px !important;
    }
    .pb-md-21 {
        padding-bottom: 21px !important;
    }
    .px-md-21 {
        padding-left: 21px !important;
        padding-right: 21px !important;
    }
    .py-md-21 {
        padding-top: 21px !important;
        padding-bottom: 21px !important;
    }
    .m-md-21 {
        margin: 21px !important;
    }
    .ml-md-21 {
        margin-left: 21px !important;
    }
    .mr-md-21 {
        margin-right: 21px !important;
    }
    .mt-md-21 {
        margin-top: 21px !important;
    }
    .mb-md-21 {
        margin-bottom: 21px !important;
    }
    .mx-md-21 {
        margin-left: 21px !important;
        margin-right: 21px !important;
    }
    .my-md-21 {
        margin-top: 21px !important;
        margin-bottom: 21px !important;
    }
    .gx-md-21 {
        gap: 0 21px !important;
    }
    .gy-md-21 {
        gap: 21px !important;
    }
    .gap-md-21 {
        gap: 21px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-21 {
        padding: 21px !important;
    }
    .pl-sm-21 {
        padding-left: 21px !important;
    }
    .pr-sm-21 {
        padding-right: 21px !important;
    }
    .pt-sm-21 {
        padding-top: 21px !important;
    }
    .pb-sm-21 {
        padding-bottom: 21px !important;
    }
    .px-sm-21 {
        padding-left: 21px !important;
        padding-right: 21px !important;
    }
    .py-sm-21 {
        padding-top: 21px !important;
        padding-bottom: 21px !important;
    }
    .m-sm-21 {
        margin: 21px !important;
    }
    .ml-sm-21 {
        margin-left: 21px !important;
    }
    .mr-sm-21 {
        margin-right: 21px !important;
    }
    .mt-sm-21 {
        margin-top: 21px !important;
    }
    .mb-sm-21 {
        margin-bottom: 21px !important;
    }
    .mx-sm-21 {
        margin-left: 21px !important;
        margin-right: 21px !important;
    }
    .my-sm-21 {
        margin-top: 21px !important;
        margin-bottom: 21px !important;
    }
    .gx-sm-21 {
        gap: 0 21px !important;
    }
    .gy-sm-21 {
        gap: 21px !important;
    }
    .gap-sm-21 {
        gap: 21px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-21 {
        padding: 21px !important;
    }
    .pl-xsm-21 {
        padding-left: 21px !important;
    }
    .pr-xsm-21 {
        padding-right: 21px !important;
    }
    .pt-xsm-21 {
        padding-top: 21px !important;
    }
    .pb-xsm-21 {
        padding-bottom: 21px !important;
    }
    .px-xsm-21 {
        padding-left: 21px !important;
        padding-right: 21px !important;
    }
    .py-xsm-21 {
        padding-top: 21px !important;
        padding-bottom: 21px !important;
    }
    .m-xsm-21 {
        margin: 21px !important;
    }
    .ml-xsm-21 {
        margin-left: 21px !important;
    }
    .mr-xsm-21 {
        margin-right: 21px !important;
    }
    .mt-xsm-21 {
        margin-top: 21px !important;
    }
    .mb-xsm-21 {
        margin-bottom: 21px !important;
    }
    .mx-xsm-21 {
        margin-left: 21px !important;
        margin-right: 21px !important;
    }
    .my-xsm-21 {
        margin-top: 21px !important;
        margin-bottom: 21px !important;
    }
    .gx-xsm-21 {
        gap: 0 21px !important;
    }
    .gy-xsm-21 {
        gap: 21px !important;
    }
    .gap-xsm-21 {
        gap: 21px !important;
    }
}

.p-21 {
    padding: 21px !important;
}

.pl-21 {
    padding-left: 21px !important;
}

.pr-21 {
    padding-right: 21px !important;
}

.pt-21 {
    padding-top: 21px !important;
}

.pb-21 {
    padding-bottom: 21px !important;
}

.px-21 {
    padding-left: 21px !important;
    padding-right: 21px !important;
}

.py-21 {
    padding-top: 21px !important;
    padding-bottom: 21px !important;
}

.m-21 {
    margin: 21px !important;
}

.ml-21 {
    margin-left: 21px !important;
}

.mr-21 {
    margin-right: 21px !important;
}

.mt-21 {
    margin-top: 21px !important;
}

.mb-21 {
    margin-bottom: 21px !important;
}

.mx-21 {
    margin-left: 21px !important;
    margin-right: 21px !important;
}

.my-21 {
    margin-top: 21px !important;
    margin-bottom: 21px !important;
}

.gx-21 {
    gap: 0 21px !important;
}

.gy-21 {
    gap: 21px !important;
}

.gap-21 {
    gap: 21px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-21 {
        padding-left: 0 !important;
        padding-right: 21px !important;
    }
    .rtl .pr-xxl-21 {
        padding-right: 0 !important;
        padding-left: 21px !important;
    }
    .rtl .ml-xxl-21 {
        margin-left: 0 !important;
        margin-right: 21px !important;
    }
    .rtl .mr-xxl-21 {
        margin-right: 0 !important;
        margin-left: 21px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-21 {
        padding-left: 0 !important;
        padding-right: 21px !important;
    }
    .rtl .pr-xl-21 {
        padding-right: 0 !important;
        padding-left: 21px !important;
    }
    .rtl .ml-xl-21 {
        margin-left: 0 !important;
        margin-right: 21px !important;
    }
    .rtl .mr-xl-21 {
        margin-right: 0 !important;
        margin-left: 21px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-21 {
        padding-left: 0 !important;
        padding-right: 21px !important;
    }
    .rtl .pr-lg-21 {
        padding-right: 0 !important;
        padding-left: 21px !important;
    }
    .rtl .ml-lg-21 {
        margin-left: 0 !important;
        margin-right: 21px !important;
    }
    .rtl .mr-lg-21 {
        margin-right: 0 !important;
        margin-left: 21px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-21 {
        padding-left: 0 !important;
        padding-right: 21px !important;
    }
    .rtl .pr-md-21 {
        padding-right: 0 !important;
        padding-left: 21px !important;
    }
    .rtl .ml-md-21 {
        margin-left: 0 !important;
        margin-right: 21px !important;
    }
    .rtl .mr-md-21 {
        margin-right: 0 !important;
        margin-left: 21px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-21 {
        padding-left: 0 !important;
        padding-right: 21px !important;
    }
    .rtl .pr-sm-21 {
        padding-right: 0 !important;
        padding-left: 21px !important;
    }
    .rtl .ml-sm-21 {
        margin-left: 0 !important;
        margin-right: 21px !important;
    }
    .rtl .mr-sm-21 {
        margin-right: 0 !important;
        margin-left: 21px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-21 {
        padding-left: 0 !important;
        padding-right: 21px !important;
    }
    .rtl .pr-xsm-21 {
        padding-right: 0 !important;
        padding-left: 21px !important;
    }
    .rtl .ml-xsm-21 {
        margin-left: 0 !important;
        margin-right: 21px !important;
    }
    .rtl .mr-xsm-21 {
        margin-right: 0 !important;
        margin-left: 21px !important;
    }
}

.rtl .pl-21 {
    padding-left: 0 !important;
    padding-right: 21px !important;
}

.rtl .pr-21 {
    padding-right: 0 !important;
    padding-left: 21px !important;
}

.rtl .ml-21 {
    margin-left: 0 !important;
    margin-right: 21px !important;
}

.rtl .mr-21 {
    margin-right: 0 !important;
    margin-left: 21px !important;
}

@media (min-width: 1200px) {
    .p-xxl-22 {
        padding: 22px !important;
    }
    .pl-xxl-22 {
        padding-left: 22px !important;
    }
    .pr-xxl-22 {
        padding-right: 22px !important;
    }
    .pt-xxl-22 {
        padding-top: 22px !important;
    }
    .pb-xxl-22 {
        padding-bottom: 22px !important;
    }
    .px-xxl-22 {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
    .py-xxl-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }
    .m-xxl-22 {
        margin: 22px !important;
    }
    .ml-xxl-22 {
        margin-left: 22px !important;
    }
    .mr-xxl-22 {
        margin-right: 22px !important;
    }
    .mt-xxl-22 {
        margin-top: 22px !important;
    }
    .mb-xxl-22 {
        margin-bottom: 22px !important;
    }
    .mx-xxl-22 {
        margin-left: 22px !important;
        margin-right: 22px !important;
    }
    .my-xxl-22 {
        margin-top: 22px !important;
        margin-bottom: 22px !important;
    }
    .gx-xxl-22 {
        gap: 0 22px !important;
    }
    .gy-xxl-22 {
        gap: 22px !important;
    }
    .gap-xxl-22 {
        gap: 22px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-22 {
        padding: 22px !important;
    }
    .pl-xl-22 {
        padding-left: 22px !important;
    }
    .pr-xl-22 {
        padding-right: 22px !important;
    }
    .pt-xl-22 {
        padding-top: 22px !important;
    }
    .pb-xl-22 {
        padding-bottom: 22px !important;
    }
    .px-xl-22 {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
    .py-xl-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }
    .m-xl-22 {
        margin: 22px !important;
    }
    .ml-xl-22 {
        margin-left: 22px !important;
    }
    .mr-xl-22 {
        margin-right: 22px !important;
    }
    .mt-xl-22 {
        margin-top: 22px !important;
    }
    .mb-xl-22 {
        margin-bottom: 22px !important;
    }
    .mx-xl-22 {
        margin-left: 22px !important;
        margin-right: 22px !important;
    }
    .my-xl-22 {
        margin-top: 22px !important;
        margin-bottom: 22px !important;
    }
    .gx-xl-22 {
        gap: 0 22px !important;
    }
    .gy-xl-22 {
        gap: 22px !important;
    }
    .gap-xl-22 {
        gap: 22px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-22 {
        padding: 22px !important;
    }
    .pl-lg-22 {
        padding-left: 22px !important;
    }
    .pr-lg-22 {
        padding-right: 22px !important;
    }
    .pt-lg-22 {
        padding-top: 22px !important;
    }
    .pb-lg-22 {
        padding-bottom: 22px !important;
    }
    .px-lg-22 {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
    .py-lg-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }
    .m-lg-22 {
        margin: 22px !important;
    }
    .ml-lg-22 {
        margin-left: 22px !important;
    }
    .mr-lg-22 {
        margin-right: 22px !important;
    }
    .mt-lg-22 {
        margin-top: 22px !important;
    }
    .mb-lg-22 {
        margin-bottom: 22px !important;
    }
    .mx-lg-22 {
        margin-left: 22px !important;
        margin-right: 22px !important;
    }
    .my-lg-22 {
        margin-top: 22px !important;
        margin-bottom: 22px !important;
    }
    .gx-lg-22 {
        gap: 0 22px !important;
    }
    .gy-lg-22 {
        gap: 22px !important;
    }
    .gap-lg-22 {
        gap: 22px !important;
    }
}

@media (min-width: 576px) {
    .p-md-22 {
        padding: 22px !important;
    }
    .pl-md-22 {
        padding-left: 22px !important;
    }
    .pr-md-22 {
        padding-right: 22px !important;
    }
    .pt-md-22 {
        padding-top: 22px !important;
    }
    .pb-md-22 {
        padding-bottom: 22px !important;
    }
    .px-md-22 {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
    .py-md-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }
    .m-md-22 {
        margin: 22px !important;
    }
    .ml-md-22 {
        margin-left: 22px !important;
    }
    .mr-md-22 {
        margin-right: 22px !important;
    }
    .mt-md-22 {
        margin-top: 22px !important;
    }
    .mb-md-22 {
        margin-bottom: 22px !important;
    }
    .mx-md-22 {
        margin-left: 22px !important;
        margin-right: 22px !important;
    }
    .my-md-22 {
        margin-top: 22px !important;
        margin-bottom: 22px !important;
    }
    .gx-md-22 {
        gap: 0 22px !important;
    }
    .gy-md-22 {
        gap: 22px !important;
    }
    .gap-md-22 {
        gap: 22px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-22 {
        padding: 22px !important;
    }
    .pl-sm-22 {
        padding-left: 22px !important;
    }
    .pr-sm-22 {
        padding-right: 22px !important;
    }
    .pt-sm-22 {
        padding-top: 22px !important;
    }
    .pb-sm-22 {
        padding-bottom: 22px !important;
    }
    .px-sm-22 {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
    .py-sm-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }
    .m-sm-22 {
        margin: 22px !important;
    }
    .ml-sm-22 {
        margin-left: 22px !important;
    }
    .mr-sm-22 {
        margin-right: 22px !important;
    }
    .mt-sm-22 {
        margin-top: 22px !important;
    }
    .mb-sm-22 {
        margin-bottom: 22px !important;
    }
    .mx-sm-22 {
        margin-left: 22px !important;
        margin-right: 22px !important;
    }
    .my-sm-22 {
        margin-top: 22px !important;
        margin-bottom: 22px !important;
    }
    .gx-sm-22 {
        gap: 0 22px !important;
    }
    .gy-sm-22 {
        gap: 22px !important;
    }
    .gap-sm-22 {
        gap: 22px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-22 {
        padding: 22px !important;
    }
    .pl-xsm-22 {
        padding-left: 22px !important;
    }
    .pr-xsm-22 {
        padding-right: 22px !important;
    }
    .pt-xsm-22 {
        padding-top: 22px !important;
    }
    .pb-xsm-22 {
        padding-bottom: 22px !important;
    }
    .px-xsm-22 {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
    .py-xsm-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }
    .m-xsm-22 {
        margin: 22px !important;
    }
    .ml-xsm-22 {
        margin-left: 22px !important;
    }
    .mr-xsm-22 {
        margin-right: 22px !important;
    }
    .mt-xsm-22 {
        margin-top: 22px !important;
    }
    .mb-xsm-22 {
        margin-bottom: 22px !important;
    }
    .mx-xsm-22 {
        margin-left: 22px !important;
        margin-right: 22px !important;
    }
    .my-xsm-22 {
        margin-top: 22px !important;
        margin-bottom: 22px !important;
    }
    .gx-xsm-22 {
        gap: 0 22px !important;
    }
    .gy-xsm-22 {
        gap: 22px !important;
    }
    .gap-xsm-22 {
        gap: 22px !important;
    }
}

.p-22 {
    padding: 22px !important;
}

.pl-22 {
    padding-left: 22px !important;
}

.pr-22 {
    padding-right: 22px !important;
}

.pt-22 {
    padding-top: 22px !important;
}

.pb-22 {
    padding-bottom: 22px !important;
}

.px-22 {
    padding-left: 22px !important;
    padding-right: 22px !important;
}

.py-22 {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

.m-22 {
    margin: 22px !important;
}

.ml-22 {
    margin-left: 22px !important;
}

.mr-22 {
    margin-right: 22px !important;
}

.mt-22 {
    margin-top: 22px !important;
}

.mb-22 {
    margin-bottom: 22px !important;
}

.mx-22 {
    margin-left: 22px !important;
    margin-right: 22px !important;
}

.my-22 {
    margin-top: 22px !important;
    margin-bottom: 22px !important;
}

.gx-22 {
    gap: 0 22px !important;
}

.gy-22 {
    gap: 22px !important;
}

.gap-22 {
    gap: 22px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-22 {
        padding-left: 0 !important;
        padding-right: 22px !important;
    }
    .rtl .pr-xxl-22 {
        padding-right: 0 !important;
        padding-left: 22px !important;
    }
    .rtl .ml-xxl-22 {
        margin-left: 0 !important;
        margin-right: 22px !important;
    }
    .rtl .mr-xxl-22 {
        margin-right: 0 !important;
        margin-left: 22px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-22 {
        padding-left: 0 !important;
        padding-right: 22px !important;
    }
    .rtl .pr-xl-22 {
        padding-right: 0 !important;
        padding-left: 22px !important;
    }
    .rtl .ml-xl-22 {
        margin-left: 0 !important;
        margin-right: 22px !important;
    }
    .rtl .mr-xl-22 {
        margin-right: 0 !important;
        margin-left: 22px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-22 {
        padding-left: 0 !important;
        padding-right: 22px !important;
    }
    .rtl .pr-lg-22 {
        padding-right: 0 !important;
        padding-left: 22px !important;
    }
    .rtl .ml-lg-22 {
        margin-left: 0 !important;
        margin-right: 22px !important;
    }
    .rtl .mr-lg-22 {
        margin-right: 0 !important;
        margin-left: 22px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-22 {
        padding-left: 0 !important;
        padding-right: 22px !important;
    }
    .rtl .pr-md-22 {
        padding-right: 0 !important;
        padding-left: 22px !important;
    }
    .rtl .ml-md-22 {
        margin-left: 0 !important;
        margin-right: 22px !important;
    }
    .rtl .mr-md-22 {
        margin-right: 0 !important;
        margin-left: 22px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-22 {
        padding-left: 0 !important;
        padding-right: 22px !important;
    }
    .rtl .pr-sm-22 {
        padding-right: 0 !important;
        padding-left: 22px !important;
    }
    .rtl .ml-sm-22 {
        margin-left: 0 !important;
        margin-right: 22px !important;
    }
    .rtl .mr-sm-22 {
        margin-right: 0 !important;
        margin-left: 22px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-22 {
        padding-left: 0 !important;
        padding-right: 22px !important;
    }
    .rtl .pr-xsm-22 {
        padding-right: 0 !important;
        padding-left: 22px !important;
    }
    .rtl .ml-xsm-22 {
        margin-left: 0 !important;
        margin-right: 22px !important;
    }
    .rtl .mr-xsm-22 {
        margin-right: 0 !important;
        margin-left: 22px !important;
    }
}

.rtl .pl-22 {
    padding-left: 0 !important;
    padding-right: 22px !important;
}

.rtl .pr-22 {
    padding-right: 0 !important;
    padding-left: 22px !important;
}

.rtl .ml-22 {
    margin-left: 0 !important;
    margin-right: 22px !important;
}

.rtl .mr-22 {
    margin-right: 0 !important;
    margin-left: 22px !important;
}

@media (min-width: 1200px) {
    .p-xxl-23 {
        padding: 23px !important;
    }
    .pl-xxl-23 {
        padding-left: 23px !important;
    }
    .pr-xxl-23 {
        padding-right: 23px !important;
    }
    .pt-xxl-23 {
        padding-top: 23px !important;
    }
    .pb-xxl-23 {
        padding-bottom: 23px !important;
    }
    .px-xxl-23 {
        padding-left: 23px !important;
        padding-right: 23px !important;
    }
    .py-xxl-23 {
        padding-top: 23px !important;
        padding-bottom: 23px !important;
    }
    .m-xxl-23 {
        margin: 23px !important;
    }
    .ml-xxl-23 {
        margin-left: 23px !important;
    }
    .mr-xxl-23 {
        margin-right: 23px !important;
    }
    .mt-xxl-23 {
        margin-top: 23px !important;
    }
    .mb-xxl-23 {
        margin-bottom: 23px !important;
    }
    .mx-xxl-23 {
        margin-left: 23px !important;
        margin-right: 23px !important;
    }
    .my-xxl-23 {
        margin-top: 23px !important;
        margin-bottom: 23px !important;
    }
    .gx-xxl-23 {
        gap: 0 23px !important;
    }
    .gy-xxl-23 {
        gap: 23px !important;
    }
    .gap-xxl-23 {
        gap: 23px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-23 {
        padding: 23px !important;
    }
    .pl-xl-23 {
        padding-left: 23px !important;
    }
    .pr-xl-23 {
        padding-right: 23px !important;
    }
    .pt-xl-23 {
        padding-top: 23px !important;
    }
    .pb-xl-23 {
        padding-bottom: 23px !important;
    }
    .px-xl-23 {
        padding-left: 23px !important;
        padding-right: 23px !important;
    }
    .py-xl-23 {
        padding-top: 23px !important;
        padding-bottom: 23px !important;
    }
    .m-xl-23 {
        margin: 23px !important;
    }
    .ml-xl-23 {
        margin-left: 23px !important;
    }
    .mr-xl-23 {
        margin-right: 23px !important;
    }
    .mt-xl-23 {
        margin-top: 23px !important;
    }
    .mb-xl-23 {
        margin-bottom: 23px !important;
    }
    .mx-xl-23 {
        margin-left: 23px !important;
        margin-right: 23px !important;
    }
    .my-xl-23 {
        margin-top: 23px !important;
        margin-bottom: 23px !important;
    }
    .gx-xl-23 {
        gap: 0 23px !important;
    }
    .gy-xl-23 {
        gap: 23px !important;
    }
    .gap-xl-23 {
        gap: 23px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-23 {
        padding: 23px !important;
    }
    .pl-lg-23 {
        padding-left: 23px !important;
    }
    .pr-lg-23 {
        padding-right: 23px !important;
    }
    .pt-lg-23 {
        padding-top: 23px !important;
    }
    .pb-lg-23 {
        padding-bottom: 23px !important;
    }
    .px-lg-23 {
        padding-left: 23px !important;
        padding-right: 23px !important;
    }
    .py-lg-23 {
        padding-top: 23px !important;
        padding-bottom: 23px !important;
    }
    .m-lg-23 {
        margin: 23px !important;
    }
    .ml-lg-23 {
        margin-left: 23px !important;
    }
    .mr-lg-23 {
        margin-right: 23px !important;
    }
    .mt-lg-23 {
        margin-top: 23px !important;
    }
    .mb-lg-23 {
        margin-bottom: 23px !important;
    }
    .mx-lg-23 {
        margin-left: 23px !important;
        margin-right: 23px !important;
    }
    .my-lg-23 {
        margin-top: 23px !important;
        margin-bottom: 23px !important;
    }
    .gx-lg-23 {
        gap: 0 23px !important;
    }
    .gy-lg-23 {
        gap: 23px !important;
    }
    .gap-lg-23 {
        gap: 23px !important;
    }
}

@media (min-width: 576px) {
    .p-md-23 {
        padding: 23px !important;
    }
    .pl-md-23 {
        padding-left: 23px !important;
    }
    .pr-md-23 {
        padding-right: 23px !important;
    }
    .pt-md-23 {
        padding-top: 23px !important;
    }
    .pb-md-23 {
        padding-bottom: 23px !important;
    }
    .px-md-23 {
        padding-left: 23px !important;
        padding-right: 23px !important;
    }
    .py-md-23 {
        padding-top: 23px !important;
        padding-bottom: 23px !important;
    }
    .m-md-23 {
        margin: 23px !important;
    }
    .ml-md-23 {
        margin-left: 23px !important;
    }
    .mr-md-23 {
        margin-right: 23px !important;
    }
    .mt-md-23 {
        margin-top: 23px !important;
    }
    .mb-md-23 {
        margin-bottom: 23px !important;
    }
    .mx-md-23 {
        margin-left: 23px !important;
        margin-right: 23px !important;
    }
    .my-md-23 {
        margin-top: 23px !important;
        margin-bottom: 23px !important;
    }
    .gx-md-23 {
        gap: 0 23px !important;
    }
    .gy-md-23 {
        gap: 23px !important;
    }
    .gap-md-23 {
        gap: 23px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-23 {
        padding: 23px !important;
    }
    .pl-sm-23 {
        padding-left: 23px !important;
    }
    .pr-sm-23 {
        padding-right: 23px !important;
    }
    .pt-sm-23 {
        padding-top: 23px !important;
    }
    .pb-sm-23 {
        padding-bottom: 23px !important;
    }
    .px-sm-23 {
        padding-left: 23px !important;
        padding-right: 23px !important;
    }
    .py-sm-23 {
        padding-top: 23px !important;
        padding-bottom: 23px !important;
    }
    .m-sm-23 {
        margin: 23px !important;
    }
    .ml-sm-23 {
        margin-left: 23px !important;
    }
    .mr-sm-23 {
        margin-right: 23px !important;
    }
    .mt-sm-23 {
        margin-top: 23px !important;
    }
    .mb-sm-23 {
        margin-bottom: 23px !important;
    }
    .mx-sm-23 {
        margin-left: 23px !important;
        margin-right: 23px !important;
    }
    .my-sm-23 {
        margin-top: 23px !important;
        margin-bottom: 23px !important;
    }
    .gx-sm-23 {
        gap: 0 23px !important;
    }
    .gy-sm-23 {
        gap: 23px !important;
    }
    .gap-sm-23 {
        gap: 23px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-23 {
        padding: 23px !important;
    }
    .pl-xsm-23 {
        padding-left: 23px !important;
    }
    .pr-xsm-23 {
        padding-right: 23px !important;
    }
    .pt-xsm-23 {
        padding-top: 23px !important;
    }
    .pb-xsm-23 {
        padding-bottom: 23px !important;
    }
    .px-xsm-23 {
        padding-left: 23px !important;
        padding-right: 23px !important;
    }
    .py-xsm-23 {
        padding-top: 23px !important;
        padding-bottom: 23px !important;
    }
    .m-xsm-23 {
        margin: 23px !important;
    }
    .ml-xsm-23 {
        margin-left: 23px !important;
    }
    .mr-xsm-23 {
        margin-right: 23px !important;
    }
    .mt-xsm-23 {
        margin-top: 23px !important;
    }
    .mb-xsm-23 {
        margin-bottom: 23px !important;
    }
    .mx-xsm-23 {
        margin-left: 23px !important;
        margin-right: 23px !important;
    }
    .my-xsm-23 {
        margin-top: 23px !important;
        margin-bottom: 23px !important;
    }
    .gx-xsm-23 {
        gap: 0 23px !important;
    }
    .gy-xsm-23 {
        gap: 23px !important;
    }
    .gap-xsm-23 {
        gap: 23px !important;
    }
}

.p-23 {
    padding: 23px !important;
}

.pl-23 {
    padding-left: 23px !important;
}

.pr-23 {
    padding-right: 23px !important;
}

.pt-23 {
    padding-top: 23px !important;
}

.pb-23 {
    padding-bottom: 23px !important;
}

.px-23 {
    padding-left: 23px !important;
    padding-right: 23px !important;
}

.py-23 {
    padding-top: 23px !important;
    padding-bottom: 23px !important;
}

.m-23 {
    margin: 23px !important;
}

.ml-23 {
    margin-left: 23px !important;
}

.mr-23 {
    margin-right: 23px !important;
}

.mt-23 {
    margin-top: 23px !important;
}

.mb-23 {
    margin-bottom: 23px !important;
}

.mx-23 {
    margin-left: 23px !important;
    margin-right: 23px !important;
}

.my-23 {
    margin-top: 23px !important;
    margin-bottom: 23px !important;
}

.gx-23 {
    gap: 0 23px !important;
}

.gy-23 {
    gap: 23px !important;
}

.gap-23 {
    gap: 23px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-23 {
        padding-left: 0 !important;
        padding-right: 23px !important;
    }
    .rtl .pr-xxl-23 {
        padding-right: 0 !important;
        padding-left: 23px !important;
    }
    .rtl .ml-xxl-23 {
        margin-left: 0 !important;
        margin-right: 23px !important;
    }
    .rtl .mr-xxl-23 {
        margin-right: 0 !important;
        margin-left: 23px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-23 {
        padding-left: 0 !important;
        padding-right: 23px !important;
    }
    .rtl .pr-xl-23 {
        padding-right: 0 !important;
        padding-left: 23px !important;
    }
    .rtl .ml-xl-23 {
        margin-left: 0 !important;
        margin-right: 23px !important;
    }
    .rtl .mr-xl-23 {
        margin-right: 0 !important;
        margin-left: 23px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-23 {
        padding-left: 0 !important;
        padding-right: 23px !important;
    }
    .rtl .pr-lg-23 {
        padding-right: 0 !important;
        padding-left: 23px !important;
    }
    .rtl .ml-lg-23 {
        margin-left: 0 !important;
        margin-right: 23px !important;
    }
    .rtl .mr-lg-23 {
        margin-right: 0 !important;
        margin-left: 23px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-23 {
        padding-left: 0 !important;
        padding-right: 23px !important;
    }
    .rtl .pr-md-23 {
        padding-right: 0 !important;
        padding-left: 23px !important;
    }
    .rtl .ml-md-23 {
        margin-left: 0 !important;
        margin-right: 23px !important;
    }
    .rtl .mr-md-23 {
        margin-right: 0 !important;
        margin-left: 23px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-23 {
        padding-left: 0 !important;
        padding-right: 23px !important;
    }
    .rtl .pr-sm-23 {
        padding-right: 0 !important;
        padding-left: 23px !important;
    }
    .rtl .ml-sm-23 {
        margin-left: 0 !important;
        margin-right: 23px !important;
    }
    .rtl .mr-sm-23 {
        margin-right: 0 !important;
        margin-left: 23px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-23 {
        padding-left: 0 !important;
        padding-right: 23px !important;
    }
    .rtl .pr-xsm-23 {
        padding-right: 0 !important;
        padding-left: 23px !important;
    }
    .rtl .ml-xsm-23 {
        margin-left: 0 !important;
        margin-right: 23px !important;
    }
    .rtl .mr-xsm-23 {
        margin-right: 0 !important;
        margin-left: 23px !important;
    }
}

.rtl .pl-23 {
    padding-left: 0 !important;
    padding-right: 23px !important;
}

.rtl .pr-23 {
    padding-right: 0 !important;
    padding-left: 23px !important;
}

.rtl .ml-23 {
    margin-left: 0 !important;
    margin-right: 23px !important;
}

.rtl .mr-23 {
    margin-right: 0 !important;
    margin-left: 23px !important;
}

@media (min-width: 1200px) {
    .p-xxl-24 {
        padding: 24px !important;
    }
    .pl-xxl-24 {
        padding-left: 24px !important;
    }
    .pr-xxl-24 {
        padding-right: 24px !important;
    }
    .pt-xxl-24 {
        padding-top: 24px !important;
    }
    .pb-xxl-24 {
        padding-bottom: 24px !important;
    }
    .px-xxl-24 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .py-xxl-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .m-xxl-24 {
        margin: 24px !important;
    }
    .ml-xxl-24 {
        margin-left: 24px !important;
    }
    .mr-xxl-24 {
        margin-right: 24px !important;
    }
    .mt-xxl-24 {
        margin-top: 24px !important;
    }
    .mb-xxl-24 {
        margin-bottom: 24px !important;
    }
    .mx-xxl-24 {
        margin-left: 24px !important;
        margin-right: 24px !important;
    }
    .my-xxl-24 {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }
    .gx-xxl-24 {
        gap: 0 24px !important;
    }
    .gy-xxl-24 {
        gap: 24px !important;
    }
    .gap-xxl-24 {
        gap: 24px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-24 {
        padding: 24px !important;
    }
    .pl-xl-24 {
        padding-left: 24px !important;
    }
    .pr-xl-24 {
        padding-right: 24px !important;
    }
    .pt-xl-24 {
        padding-top: 24px !important;
    }
    .pb-xl-24 {
        padding-bottom: 24px !important;
    }
    .px-xl-24 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .py-xl-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .m-xl-24 {
        margin: 24px !important;
    }
    .ml-xl-24 {
        margin-left: 24px !important;
    }
    .mr-xl-24 {
        margin-right: 24px !important;
    }
    .mt-xl-24 {
        margin-top: 24px !important;
    }
    .mb-xl-24 {
        margin-bottom: 24px !important;
    }
    .mx-xl-24 {
        margin-left: 24px !important;
        margin-right: 24px !important;
    }
    .my-xl-24 {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }
    .gx-xl-24 {
        gap: 0 24px !important;
    }
    .gy-xl-24 {
        gap: 24px !important;
    }
    .gap-xl-24 {
        gap: 24px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-24 {
        padding: 24px !important;
    }
    .pl-lg-24 {
        padding-left: 24px !important;
    }
    .pr-lg-24 {
        padding-right: 24px !important;
    }
    .pt-lg-24 {
        padding-top: 24px !important;
    }
    .pb-lg-24 {
        padding-bottom: 24px !important;
    }
    .px-lg-24 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .py-lg-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .m-lg-24 {
        margin: 24px !important;
    }
    .ml-lg-24 {
        margin-left: 24px !important;
    }
    .mr-lg-24 {
        margin-right: 24px !important;
    }
    .mt-lg-24 {
        margin-top: 24px !important;
    }
    .mb-lg-24 {
        margin-bottom: 24px !important;
    }
    .mx-lg-24 {
        margin-left: 24px !important;
        margin-right: 24px !important;
    }
    .my-lg-24 {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }
    .gx-lg-24 {
        gap: 0 24px !important;
    }
    .gy-lg-24 {
        gap: 24px !important;
    }
    .gap-lg-24 {
        gap: 24px !important;
    }
}

@media (min-width: 576px) {
    .p-md-24 {
        padding: 24px !important;
    }
    .pl-md-24 {
        padding-left: 24px !important;
    }
    .pr-md-24 {
        padding-right: 24px !important;
    }
    .pt-md-24 {
        padding-top: 24px !important;
    }
    .pb-md-24 {
        padding-bottom: 24px !important;
    }
    .px-md-24 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .py-md-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .m-md-24 {
        margin: 24px !important;
    }
    .ml-md-24 {
        margin-left: 24px !important;
    }
    .mr-md-24 {
        margin-right: 24px !important;
    }
    .mt-md-24 {
        margin-top: 24px !important;
    }
    .mb-md-24 {
        margin-bottom: 24px !important;
    }
    .mx-md-24 {
        margin-left: 24px !important;
        margin-right: 24px !important;
    }
    .my-md-24 {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }
    .gx-md-24 {
        gap: 0 24px !important;
    }
    .gy-md-24 {
        gap: 24px !important;
    }
    .gap-md-24 {
        gap: 24px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-24 {
        padding: 24px !important;
    }
    .pl-sm-24 {
        padding-left: 24px !important;
    }
    .pr-sm-24 {
        padding-right: 24px !important;
    }
    .pt-sm-24 {
        padding-top: 24px !important;
    }
    .pb-sm-24 {
        padding-bottom: 24px !important;
    }
    .px-sm-24 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .py-sm-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .m-sm-24 {
        margin: 24px !important;
    }
    .ml-sm-24 {
        margin-left: 24px !important;
    }
    .mr-sm-24 {
        margin-right: 24px !important;
    }
    .mt-sm-24 {
        margin-top: 24px !important;
    }
    .mb-sm-24 {
        margin-bottom: 24px !important;
    }
    .mx-sm-24 {
        margin-left: 24px !important;
        margin-right: 24px !important;
    }
    .my-sm-24 {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }
    .gx-sm-24 {
        gap: 0 24px !important;
    }
    .gy-sm-24 {
        gap: 24px !important;
    }
    .gap-sm-24 {
        gap: 24px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-24 {
        padding: 24px !important;
    }
    .pl-xsm-24 {
        padding-left: 24px !important;
    }
    .pr-xsm-24 {
        padding-right: 24px !important;
    }
    .pt-xsm-24 {
        padding-top: 24px !important;
    }
    .pb-xsm-24 {
        padding-bottom: 24px !important;
    }
    .px-xsm-24 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .py-xsm-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .m-xsm-24 {
        margin: 24px !important;
    }
    .ml-xsm-24 {
        margin-left: 24px !important;
    }
    .mr-xsm-24 {
        margin-right: 24px !important;
    }
    .mt-xsm-24 {
        margin-top: 24px !important;
    }
    .mb-xsm-24 {
        margin-bottom: 24px !important;
    }
    .mx-xsm-24 {
        margin-left: 24px !important;
        margin-right: 24px !important;
    }
    .my-xsm-24 {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }
    .gx-xsm-24 {
        gap: 0 24px !important;
    }
    .gy-xsm-24 {
        gap: 24px !important;
    }
    .gap-xsm-24 {
        gap: 24px !important;
    }
}

.p-24 {
    padding: 24px !important;
}

.pl-24 {
    padding-left: 24px !important;
}

.pr-24 {
    padding-right: 24px !important;
}

.pt-24 {
    padding-top: 24px !important;
}

.pb-24 {
    padding-bottom: 24px !important;
}

.px-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.py-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.m-24 {
    margin: 24px !important;
}

.ml-24 {
    margin-left: 24px !important;
}

.mr-24 {
    margin-right: 24px !important;
}

.mt-24 {
    margin-top: 24px !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mx-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
}

.my-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

.gx-24 {
    gap: 0 24px !important;
}

.gy-24 {
    gap: 24px !important;
}

.gap-24 {
    gap: 24px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-24 {
        padding-left: 0 !important;
        padding-right: 24px !important;
    }
    .rtl .pr-xxl-24 {
        padding-right: 0 !important;
        padding-left: 24px !important;
    }
    .rtl .ml-xxl-24 {
        margin-left: 0 !important;
        margin-right: 24px !important;
    }
    .rtl .mr-xxl-24 {
        margin-right: 0 !important;
        margin-left: 24px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-24 {
        padding-left: 0 !important;
        padding-right: 24px !important;
    }
    .rtl .pr-xl-24 {
        padding-right: 0 !important;
        padding-left: 24px !important;
    }
    .rtl .ml-xl-24 {
        margin-left: 0 !important;
        margin-right: 24px !important;
    }
    .rtl .mr-xl-24 {
        margin-right: 0 !important;
        margin-left: 24px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-24 {
        padding-left: 0 !important;
        padding-right: 24px !important;
    }
    .rtl .pr-lg-24 {
        padding-right: 0 !important;
        padding-left: 24px !important;
    }
    .rtl .ml-lg-24 {
        margin-left: 0 !important;
        margin-right: 24px !important;
    }
    .rtl .mr-lg-24 {
        margin-right: 0 !important;
        margin-left: 24px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-24 {
        padding-left: 0 !important;
        padding-right: 24px !important;
    }
    .rtl .pr-md-24 {
        padding-right: 0 !important;
        padding-left: 24px !important;
    }
    .rtl .ml-md-24 {
        margin-left: 0 !important;
        margin-right: 24px !important;
    }
    .rtl .mr-md-24 {
        margin-right: 0 !important;
        margin-left: 24px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-24 {
        padding-left: 0 !important;
        padding-right: 24px !important;
    }
    .rtl .pr-sm-24 {
        padding-right: 0 !important;
        padding-left: 24px !important;
    }
    .rtl .ml-sm-24 {
        margin-left: 0 !important;
        margin-right: 24px !important;
    }
    .rtl .mr-sm-24 {
        margin-right: 0 !important;
        margin-left: 24px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-24 {
        padding-left: 0 !important;
        padding-right: 24px !important;
    }
    .rtl .pr-xsm-24 {
        padding-right: 0 !important;
        padding-left: 24px !important;
    }
    .rtl .ml-xsm-24 {
        margin-left: 0 !important;
        margin-right: 24px !important;
    }
    .rtl .mr-xsm-24 {
        margin-right: 0 !important;
        margin-left: 24px !important;
    }
}

.rtl .pl-24 {
    padding-left: 0 !important;
    padding-right: 24px !important;
}

.rtl .pr-24 {
    padding-right: 0 !important;
    padding-left: 24px !important;
}

.rtl .ml-24 {
    margin-left: 0 !important;
    margin-right: 24px !important;
}

.rtl .mr-24 {
    margin-right: 0 !important;
    margin-left: 24px !important;
}

@media (min-width: 1200px) {
    .p-xxl-25 {
        padding: 25px !important;
    }
    .pl-xxl-25 {
        padding-left: 25px !important;
    }
    .pr-xxl-25 {
        padding-right: 25px !important;
    }
    .pt-xxl-25 {
        padding-top: 25px !important;
    }
    .pb-xxl-25 {
        padding-bottom: 25px !important;
    }
    .px-xxl-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .py-xxl-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .m-xxl-25 {
        margin: 25px !important;
    }
    .ml-xxl-25 {
        margin-left: 25px !important;
    }
    .mr-xxl-25 {
        margin-right: 25px !important;
    }
    .mt-xxl-25 {
        margin-top: 25px !important;
    }
    .mb-xxl-25 {
        margin-bottom: 25px !important;
    }
    .mx-xxl-25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }
    .my-xxl-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    .gx-xxl-25 {
        gap: 0 25px !important;
    }
    .gy-xxl-25 {
        gap: 25px !important;
    }
    .gap-xxl-25 {
        gap: 25px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-25 {
        padding: 25px !important;
    }
    .pl-xl-25 {
        padding-left: 25px !important;
    }
    .pr-xl-25 {
        padding-right: 25px !important;
    }
    .pt-xl-25 {
        padding-top: 25px !important;
    }
    .pb-xl-25 {
        padding-bottom: 25px !important;
    }
    .px-xl-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .py-xl-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .m-xl-25 {
        margin: 25px !important;
    }
    .ml-xl-25 {
        margin-left: 25px !important;
    }
    .mr-xl-25 {
        margin-right: 25px !important;
    }
    .mt-xl-25 {
        margin-top: 25px !important;
    }
    .mb-xl-25 {
        margin-bottom: 25px !important;
    }
    .mx-xl-25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }
    .my-xl-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    .gx-xl-25 {
        gap: 0 25px !important;
    }
    .gy-xl-25 {
        gap: 25px !important;
    }
    .gap-xl-25 {
        gap: 25px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-25 {
        padding: 25px !important;
    }
    .pl-lg-25 {
        padding-left: 25px !important;
    }
    .pr-lg-25 {
        padding-right: 25px !important;
    }
    .pt-lg-25 {
        padding-top: 25px !important;
    }
    .pb-lg-25 {
        padding-bottom: 25px !important;
    }
    .px-lg-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .py-lg-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .m-lg-25 {
        margin: 25px !important;
    }
    .ml-lg-25 {
        margin-left: 25px !important;
    }
    .mr-lg-25 {
        margin-right: 25px !important;
    }
    .mt-lg-25 {
        margin-top: 25px !important;
    }
    .mb-lg-25 {
        margin-bottom: 25px !important;
    }
    .mx-lg-25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }
    .my-lg-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    .gx-lg-25 {
        gap: 0 25px !important;
    }
    .gy-lg-25 {
        gap: 25px !important;
    }
    .gap-lg-25 {
        gap: 25px !important;
    }
}

@media (min-width: 576px) {
    .p-md-25 {
        padding: 25px !important;
    }
    .pl-md-25 {
        padding-left: 25px !important;
    }
    .pr-md-25 {
        padding-right: 25px !important;
    }
    .pt-md-25 {
        padding-top: 25px !important;
    }
    .pb-md-25 {
        padding-bottom: 25px !important;
    }
    .px-md-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .py-md-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .m-md-25 {
        margin: 25px !important;
    }
    .ml-md-25 {
        margin-left: 25px !important;
    }
    .mr-md-25 {
        margin-right: 25px !important;
    }
    .mt-md-25 {
        margin-top: 25px !important;
    }
    .mb-md-25 {
        margin-bottom: 25px !important;
    }
    .mx-md-25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }
    .my-md-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    .gx-md-25 {
        gap: 0 25px !important;
    }
    .gy-md-25 {
        gap: 25px !important;
    }
    .gap-md-25 {
        gap: 25px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-25 {
        padding: 25px !important;
    }
    .pl-sm-25 {
        padding-left: 25px !important;
    }
    .pr-sm-25 {
        padding-right: 25px !important;
    }
    .pt-sm-25 {
        padding-top: 25px !important;
    }
    .pb-sm-25 {
        padding-bottom: 25px !important;
    }
    .px-sm-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .py-sm-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .m-sm-25 {
        margin: 25px !important;
    }
    .ml-sm-25 {
        margin-left: 25px !important;
    }
    .mr-sm-25 {
        margin-right: 25px !important;
    }
    .mt-sm-25 {
        margin-top: 25px !important;
    }
    .mb-sm-25 {
        margin-bottom: 25px !important;
    }
    .mx-sm-25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }
    .my-sm-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    .gx-sm-25 {
        gap: 0 25px !important;
    }
    .gy-sm-25 {
        gap: 25px !important;
    }
    .gap-sm-25 {
        gap: 25px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-25 {
        padding: 25px !important;
    }
    .pl-xsm-25 {
        padding-left: 25px !important;
    }
    .pr-xsm-25 {
        padding-right: 25px !important;
    }
    .pt-xsm-25 {
        padding-top: 25px !important;
    }
    .pb-xsm-25 {
        padding-bottom: 25px !important;
    }
    .px-xsm-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .py-xsm-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .m-xsm-25 {
        margin: 25px !important;
    }
    .ml-xsm-25 {
        margin-left: 25px !important;
    }
    .mr-xsm-25 {
        margin-right: 25px !important;
    }
    .mt-xsm-25 {
        margin-top: 25px !important;
    }
    .mb-xsm-25 {
        margin-bottom: 25px !important;
    }
    .mx-xsm-25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }
    .my-xsm-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    .gx-xsm-25 {
        gap: 0 25px !important;
    }
    .gy-xsm-25 {
        gap: 25px !important;
    }
    .gap-xsm-25 {
        gap: 25px !important;
    }
}

.p-25 {
    padding: 25px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.px-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.py-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.m-25 {
    margin: 25px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mx-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.my-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.gx-25 {
    gap: 0 25px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-25 {
        padding-left: 0 !important;
        padding-right: 25px !important;
    }
    .rtl .pr-xxl-25 {
        padding-right: 0 !important;
        padding-left: 25px !important;
    }
    .rtl .ml-xxl-25 {
        margin-left: 0 !important;
        margin-right: 25px !important;
    }
    .rtl .mr-xxl-25 {
        margin-right: 0 !important;
        margin-left: 25px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-25 {
        padding-left: 0 !important;
        padding-right: 25px !important;
    }
    .rtl .pr-xl-25 {
        padding-right: 0 !important;
        padding-left: 25px !important;
    }
    .rtl .ml-xl-25 {
        margin-left: 0 !important;
        margin-right: 25px !important;
    }
    .rtl .mr-xl-25 {
        margin-right: 0 !important;
        margin-left: 25px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-25 {
        padding-left: 0 !important;
        padding-right: 25px !important;
    }
    .rtl .pr-lg-25 {
        padding-right: 0 !important;
        padding-left: 25px !important;
    }
    .rtl .ml-lg-25 {
        margin-left: 0 !important;
        margin-right: 25px !important;
    }
    .rtl .mr-lg-25 {
        margin-right: 0 !important;
        margin-left: 25px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-25 {
        padding-left: 0 !important;
        padding-right: 25px !important;
    }
    .rtl .pr-md-25 {
        padding-right: 0 !important;
        padding-left: 25px !important;
    }
    .rtl .ml-md-25 {
        margin-left: 0 !important;
        margin-right: 25px !important;
    }
    .rtl .mr-md-25 {
        margin-right: 0 !important;
        margin-left: 25px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-25 {
        padding-left: 0 !important;
        padding-right: 25px !important;
    }
    .rtl .pr-sm-25 {
        padding-right: 0 !important;
        padding-left: 25px !important;
    }
    .rtl .ml-sm-25 {
        margin-left: 0 !important;
        margin-right: 25px !important;
    }
    .rtl .mr-sm-25 {
        margin-right: 0 !important;
        margin-left: 25px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-25 {
        padding-left: 0 !important;
        padding-right: 25px !important;
    }
    .rtl .pr-xsm-25 {
        padding-right: 0 !important;
        padding-left: 25px !important;
    }
    .rtl .ml-xsm-25 {
        margin-left: 0 !important;
        margin-right: 25px !important;
    }
    .rtl .mr-xsm-25 {
        margin-right: 0 !important;
        margin-left: 25px !important;
    }
}

.rtl .pl-25 {
    padding-left: 0 !important;
    padding-right: 25px !important;
}

.rtl .pr-25 {
    padding-right: 0 !important;
    padding-left: 25px !important;
}

.rtl .ml-25 {
    margin-left: 0 !important;
    margin-right: 25px !important;
}

.rtl .mr-25 {
    margin-right: 0 !important;
    margin-left: 25px !important;
}

@media (min-width: 1200px) {
    .p-xxl-26 {
        padding: 26px !important;
    }
    .pl-xxl-26 {
        padding-left: 26px !important;
    }
    .pr-xxl-26 {
        padding-right: 26px !important;
    }
    .pt-xxl-26 {
        padding-top: 26px !important;
    }
    .pb-xxl-26 {
        padding-bottom: 26px !important;
    }
    .px-xxl-26 {
        padding-left: 26px !important;
        padding-right: 26px !important;
    }
    .py-xxl-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }
    .m-xxl-26 {
        margin: 26px !important;
    }
    .ml-xxl-26 {
        margin-left: 26px !important;
    }
    .mr-xxl-26 {
        margin-right: 26px !important;
    }
    .mt-xxl-26 {
        margin-top: 26px !important;
    }
    .mb-xxl-26 {
        margin-bottom: 26px !important;
    }
    .mx-xxl-26 {
        margin-left: 26px !important;
        margin-right: 26px !important;
    }
    .my-xxl-26 {
        margin-top: 26px !important;
        margin-bottom: 26px !important;
    }
    .gx-xxl-26 {
        gap: 0 26px !important;
    }
    .gy-xxl-26 {
        gap: 26px !important;
    }
    .gap-xxl-26 {
        gap: 26px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-26 {
        padding: 26px !important;
    }
    .pl-xl-26 {
        padding-left: 26px !important;
    }
    .pr-xl-26 {
        padding-right: 26px !important;
    }
    .pt-xl-26 {
        padding-top: 26px !important;
    }
    .pb-xl-26 {
        padding-bottom: 26px !important;
    }
    .px-xl-26 {
        padding-left: 26px !important;
        padding-right: 26px !important;
    }
    .py-xl-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }
    .m-xl-26 {
        margin: 26px !important;
    }
    .ml-xl-26 {
        margin-left: 26px !important;
    }
    .mr-xl-26 {
        margin-right: 26px !important;
    }
    .mt-xl-26 {
        margin-top: 26px !important;
    }
    .mb-xl-26 {
        margin-bottom: 26px !important;
    }
    .mx-xl-26 {
        margin-left: 26px !important;
        margin-right: 26px !important;
    }
    .my-xl-26 {
        margin-top: 26px !important;
        margin-bottom: 26px !important;
    }
    .gx-xl-26 {
        gap: 0 26px !important;
    }
    .gy-xl-26 {
        gap: 26px !important;
    }
    .gap-xl-26 {
        gap: 26px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-26 {
        padding: 26px !important;
    }
    .pl-lg-26 {
        padding-left: 26px !important;
    }
    .pr-lg-26 {
        padding-right: 26px !important;
    }
    .pt-lg-26 {
        padding-top: 26px !important;
    }
    .pb-lg-26 {
        padding-bottom: 26px !important;
    }
    .px-lg-26 {
        padding-left: 26px !important;
        padding-right: 26px !important;
    }
    .py-lg-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }
    .m-lg-26 {
        margin: 26px !important;
    }
    .ml-lg-26 {
        margin-left: 26px !important;
    }
    .mr-lg-26 {
        margin-right: 26px !important;
    }
    .mt-lg-26 {
        margin-top: 26px !important;
    }
    .mb-lg-26 {
        margin-bottom: 26px !important;
    }
    .mx-lg-26 {
        margin-left: 26px !important;
        margin-right: 26px !important;
    }
    .my-lg-26 {
        margin-top: 26px !important;
        margin-bottom: 26px !important;
    }
    .gx-lg-26 {
        gap: 0 26px !important;
    }
    .gy-lg-26 {
        gap: 26px !important;
    }
    .gap-lg-26 {
        gap: 26px !important;
    }
}

@media (min-width: 576px) {
    .p-md-26 {
        padding: 26px !important;
    }
    .pl-md-26 {
        padding-left: 26px !important;
    }
    .pr-md-26 {
        padding-right: 26px !important;
    }
    .pt-md-26 {
        padding-top: 26px !important;
    }
    .pb-md-26 {
        padding-bottom: 26px !important;
    }
    .px-md-26 {
        padding-left: 26px !important;
        padding-right: 26px !important;
    }
    .py-md-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }
    .m-md-26 {
        margin: 26px !important;
    }
    .ml-md-26 {
        margin-left: 26px !important;
    }
    .mr-md-26 {
        margin-right: 26px !important;
    }
    .mt-md-26 {
        margin-top: 26px !important;
    }
    .mb-md-26 {
        margin-bottom: 26px !important;
    }
    .mx-md-26 {
        margin-left: 26px !important;
        margin-right: 26px !important;
    }
    .my-md-26 {
        margin-top: 26px !important;
        margin-bottom: 26px !important;
    }
    .gx-md-26 {
        gap: 0 26px !important;
    }
    .gy-md-26 {
        gap: 26px !important;
    }
    .gap-md-26 {
        gap: 26px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-26 {
        padding: 26px !important;
    }
    .pl-sm-26 {
        padding-left: 26px !important;
    }
    .pr-sm-26 {
        padding-right: 26px !important;
    }
    .pt-sm-26 {
        padding-top: 26px !important;
    }
    .pb-sm-26 {
        padding-bottom: 26px !important;
    }
    .px-sm-26 {
        padding-left: 26px !important;
        padding-right: 26px !important;
    }
    .py-sm-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }
    .m-sm-26 {
        margin: 26px !important;
    }
    .ml-sm-26 {
        margin-left: 26px !important;
    }
    .mr-sm-26 {
        margin-right: 26px !important;
    }
    .mt-sm-26 {
        margin-top: 26px !important;
    }
    .mb-sm-26 {
        margin-bottom: 26px !important;
    }
    .mx-sm-26 {
        margin-left: 26px !important;
        margin-right: 26px !important;
    }
    .my-sm-26 {
        margin-top: 26px !important;
        margin-bottom: 26px !important;
    }
    .gx-sm-26 {
        gap: 0 26px !important;
    }
    .gy-sm-26 {
        gap: 26px !important;
    }
    .gap-sm-26 {
        gap: 26px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-26 {
        padding: 26px !important;
    }
    .pl-xsm-26 {
        padding-left: 26px !important;
    }
    .pr-xsm-26 {
        padding-right: 26px !important;
    }
    .pt-xsm-26 {
        padding-top: 26px !important;
    }
    .pb-xsm-26 {
        padding-bottom: 26px !important;
    }
    .px-xsm-26 {
        padding-left: 26px !important;
        padding-right: 26px !important;
    }
    .py-xsm-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }
    .m-xsm-26 {
        margin: 26px !important;
    }
    .ml-xsm-26 {
        margin-left: 26px !important;
    }
    .mr-xsm-26 {
        margin-right: 26px !important;
    }
    .mt-xsm-26 {
        margin-top: 26px !important;
    }
    .mb-xsm-26 {
        margin-bottom: 26px !important;
    }
    .mx-xsm-26 {
        margin-left: 26px !important;
        margin-right: 26px !important;
    }
    .my-xsm-26 {
        margin-top: 26px !important;
        margin-bottom: 26px !important;
    }
    .gx-xsm-26 {
        gap: 0 26px !important;
    }
    .gy-xsm-26 {
        gap: 26px !important;
    }
    .gap-xsm-26 {
        gap: 26px !important;
    }
}

.p-26 {
    padding: 26px !important;
}

.pl-26 {
    padding-left: 26px !important;
}

.pr-26 {
    padding-right: 26px !important;
}

.pt-26 {
    padding-top: 26px !important;
}

.pb-26 {
    padding-bottom: 26px !important;
}

.px-26 {
    padding-left: 26px !important;
    padding-right: 26px !important;
}

.py-26 {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
}

.m-26 {
    margin: 26px !important;
}

.ml-26 {
    margin-left: 26px !important;
}

.mr-26 {
    margin-right: 26px !important;
}

.mt-26 {
    margin-top: 26px !important;
}

.mb-26 {
    margin-bottom: 26px !important;
}

.mx-26 {
    margin-left: 26px !important;
    margin-right: 26px !important;
}

.my-26 {
    margin-top: 26px !important;
    margin-bottom: 26px !important;
}

.gx-26 {
    gap: 0 26px !important;
}

.gy-26 {
    gap: 26px !important;
}

.gap-26 {
    gap: 26px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-26 {
        padding-left: 0 !important;
        padding-right: 26px !important;
    }
    .rtl .pr-xxl-26 {
        padding-right: 0 !important;
        padding-left: 26px !important;
    }
    .rtl .ml-xxl-26 {
        margin-left: 0 !important;
        margin-right: 26px !important;
    }
    .rtl .mr-xxl-26 {
        margin-right: 0 !important;
        margin-left: 26px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-26 {
        padding-left: 0 !important;
        padding-right: 26px !important;
    }
    .rtl .pr-xl-26 {
        padding-right: 0 !important;
        padding-left: 26px !important;
    }
    .rtl .ml-xl-26 {
        margin-left: 0 !important;
        margin-right: 26px !important;
    }
    .rtl .mr-xl-26 {
        margin-right: 0 !important;
        margin-left: 26px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-26 {
        padding-left: 0 !important;
        padding-right: 26px !important;
    }
    .rtl .pr-lg-26 {
        padding-right: 0 !important;
        padding-left: 26px !important;
    }
    .rtl .ml-lg-26 {
        margin-left: 0 !important;
        margin-right: 26px !important;
    }
    .rtl .mr-lg-26 {
        margin-right: 0 !important;
        margin-left: 26px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-26 {
        padding-left: 0 !important;
        padding-right: 26px !important;
    }
    .rtl .pr-md-26 {
        padding-right: 0 !important;
        padding-left: 26px !important;
    }
    .rtl .ml-md-26 {
        margin-left: 0 !important;
        margin-right: 26px !important;
    }
    .rtl .mr-md-26 {
        margin-right: 0 !important;
        margin-left: 26px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-26 {
        padding-left: 0 !important;
        padding-right: 26px !important;
    }
    .rtl .pr-sm-26 {
        padding-right: 0 !important;
        padding-left: 26px !important;
    }
    .rtl .ml-sm-26 {
        margin-left: 0 !important;
        margin-right: 26px !important;
    }
    .rtl .mr-sm-26 {
        margin-right: 0 !important;
        margin-left: 26px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-26 {
        padding-left: 0 !important;
        padding-right: 26px !important;
    }
    .rtl .pr-xsm-26 {
        padding-right: 0 !important;
        padding-left: 26px !important;
    }
    .rtl .ml-xsm-26 {
        margin-left: 0 !important;
        margin-right: 26px !important;
    }
    .rtl .mr-xsm-26 {
        margin-right: 0 !important;
        margin-left: 26px !important;
    }
}

.rtl .pl-26 {
    padding-left: 0 !important;
    padding-right: 26px !important;
}

.rtl .pr-26 {
    padding-right: 0 !important;
    padding-left: 26px !important;
}

.rtl .ml-26 {
    margin-left: 0 !important;
    margin-right: 26px !important;
}

.rtl .mr-26 {
    margin-right: 0 !important;
    margin-left: 26px !important;
}

@media (min-width: 1200px) {
    .p-xxl-27 {
        padding: 27px !important;
    }
    .pl-xxl-27 {
        padding-left: 27px !important;
    }
    .pr-xxl-27 {
        padding-right: 27px !important;
    }
    .pt-xxl-27 {
        padding-top: 27px !important;
    }
    .pb-xxl-27 {
        padding-bottom: 27px !important;
    }
    .px-xxl-27 {
        padding-left: 27px !important;
        padding-right: 27px !important;
    }
    .py-xxl-27 {
        padding-top: 27px !important;
        padding-bottom: 27px !important;
    }
    .m-xxl-27 {
        margin: 27px !important;
    }
    .ml-xxl-27 {
        margin-left: 27px !important;
    }
    .mr-xxl-27 {
        margin-right: 27px !important;
    }
    .mt-xxl-27 {
        margin-top: 27px !important;
    }
    .mb-xxl-27 {
        margin-bottom: 27px !important;
    }
    .mx-xxl-27 {
        margin-left: 27px !important;
        margin-right: 27px !important;
    }
    .my-xxl-27 {
        margin-top: 27px !important;
        margin-bottom: 27px !important;
    }
    .gx-xxl-27 {
        gap: 0 27px !important;
    }
    .gy-xxl-27 {
        gap: 27px !important;
    }
    .gap-xxl-27 {
        gap: 27px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-27 {
        padding: 27px !important;
    }
    .pl-xl-27 {
        padding-left: 27px !important;
    }
    .pr-xl-27 {
        padding-right: 27px !important;
    }
    .pt-xl-27 {
        padding-top: 27px !important;
    }
    .pb-xl-27 {
        padding-bottom: 27px !important;
    }
    .px-xl-27 {
        padding-left: 27px !important;
        padding-right: 27px !important;
    }
    .py-xl-27 {
        padding-top: 27px !important;
        padding-bottom: 27px !important;
    }
    .m-xl-27 {
        margin: 27px !important;
    }
    .ml-xl-27 {
        margin-left: 27px !important;
    }
    .mr-xl-27 {
        margin-right: 27px !important;
    }
    .mt-xl-27 {
        margin-top: 27px !important;
    }
    .mb-xl-27 {
        margin-bottom: 27px !important;
    }
    .mx-xl-27 {
        margin-left: 27px !important;
        margin-right: 27px !important;
    }
    .my-xl-27 {
        margin-top: 27px !important;
        margin-bottom: 27px !important;
    }
    .gx-xl-27 {
        gap: 0 27px !important;
    }
    .gy-xl-27 {
        gap: 27px !important;
    }
    .gap-xl-27 {
        gap: 27px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-27 {
        padding: 27px !important;
    }
    .pl-lg-27 {
        padding-left: 27px !important;
    }
    .pr-lg-27 {
        padding-right: 27px !important;
    }
    .pt-lg-27 {
        padding-top: 27px !important;
    }
    .pb-lg-27 {
        padding-bottom: 27px !important;
    }
    .px-lg-27 {
        padding-left: 27px !important;
        padding-right: 27px !important;
    }
    .py-lg-27 {
        padding-top: 27px !important;
        padding-bottom: 27px !important;
    }
    .m-lg-27 {
        margin: 27px !important;
    }
    .ml-lg-27 {
        margin-left: 27px !important;
    }
    .mr-lg-27 {
        margin-right: 27px !important;
    }
    .mt-lg-27 {
        margin-top: 27px !important;
    }
    .mb-lg-27 {
        margin-bottom: 27px !important;
    }
    .mx-lg-27 {
        margin-left: 27px !important;
        margin-right: 27px !important;
    }
    .my-lg-27 {
        margin-top: 27px !important;
        margin-bottom: 27px !important;
    }
    .gx-lg-27 {
        gap: 0 27px !important;
    }
    .gy-lg-27 {
        gap: 27px !important;
    }
    .gap-lg-27 {
        gap: 27px !important;
    }
}

@media (min-width: 576px) {
    .p-md-27 {
        padding: 27px !important;
    }
    .pl-md-27 {
        padding-left: 27px !important;
    }
    .pr-md-27 {
        padding-right: 27px !important;
    }
    .pt-md-27 {
        padding-top: 27px !important;
    }
    .pb-md-27 {
        padding-bottom: 27px !important;
    }
    .px-md-27 {
        padding-left: 27px !important;
        padding-right: 27px !important;
    }
    .py-md-27 {
        padding-top: 27px !important;
        padding-bottom: 27px !important;
    }
    .m-md-27 {
        margin: 27px !important;
    }
    .ml-md-27 {
        margin-left: 27px !important;
    }
    .mr-md-27 {
        margin-right: 27px !important;
    }
    .mt-md-27 {
        margin-top: 27px !important;
    }
    .mb-md-27 {
        margin-bottom: 27px !important;
    }
    .mx-md-27 {
        margin-left: 27px !important;
        margin-right: 27px !important;
    }
    .my-md-27 {
        margin-top: 27px !important;
        margin-bottom: 27px !important;
    }
    .gx-md-27 {
        gap: 0 27px !important;
    }
    .gy-md-27 {
        gap: 27px !important;
    }
    .gap-md-27 {
        gap: 27px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-27 {
        padding: 27px !important;
    }
    .pl-sm-27 {
        padding-left: 27px !important;
    }
    .pr-sm-27 {
        padding-right: 27px !important;
    }
    .pt-sm-27 {
        padding-top: 27px !important;
    }
    .pb-sm-27 {
        padding-bottom: 27px !important;
    }
    .px-sm-27 {
        padding-left: 27px !important;
        padding-right: 27px !important;
    }
    .py-sm-27 {
        padding-top: 27px !important;
        padding-bottom: 27px !important;
    }
    .m-sm-27 {
        margin: 27px !important;
    }
    .ml-sm-27 {
        margin-left: 27px !important;
    }
    .mr-sm-27 {
        margin-right: 27px !important;
    }
    .mt-sm-27 {
        margin-top: 27px !important;
    }
    .mb-sm-27 {
        margin-bottom: 27px !important;
    }
    .mx-sm-27 {
        margin-left: 27px !important;
        margin-right: 27px !important;
    }
    .my-sm-27 {
        margin-top: 27px !important;
        margin-bottom: 27px !important;
    }
    .gx-sm-27 {
        gap: 0 27px !important;
    }
    .gy-sm-27 {
        gap: 27px !important;
    }
    .gap-sm-27 {
        gap: 27px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-27 {
        padding: 27px !important;
    }
    .pl-xsm-27 {
        padding-left: 27px !important;
    }
    .pr-xsm-27 {
        padding-right: 27px !important;
    }
    .pt-xsm-27 {
        padding-top: 27px !important;
    }
    .pb-xsm-27 {
        padding-bottom: 27px !important;
    }
    .px-xsm-27 {
        padding-left: 27px !important;
        padding-right: 27px !important;
    }
    .py-xsm-27 {
        padding-top: 27px !important;
        padding-bottom: 27px !important;
    }
    .m-xsm-27 {
        margin: 27px !important;
    }
    .ml-xsm-27 {
        margin-left: 27px !important;
    }
    .mr-xsm-27 {
        margin-right: 27px !important;
    }
    .mt-xsm-27 {
        margin-top: 27px !important;
    }
    .mb-xsm-27 {
        margin-bottom: 27px !important;
    }
    .mx-xsm-27 {
        margin-left: 27px !important;
        margin-right: 27px !important;
    }
    .my-xsm-27 {
        margin-top: 27px !important;
        margin-bottom: 27px !important;
    }
    .gx-xsm-27 {
        gap: 0 27px !important;
    }
    .gy-xsm-27 {
        gap: 27px !important;
    }
    .gap-xsm-27 {
        gap: 27px !important;
    }
}

.p-27 {
    padding: 27px !important;
}

.pl-27 {
    padding-left: 27px !important;
}

.pr-27 {
    padding-right: 27px !important;
}

.pt-27 {
    padding-top: 27px !important;
}

.pb-27 {
    padding-bottom: 27px !important;
}

.px-27 {
    padding-left: 27px !important;
    padding-right: 27px !important;
}

.py-27 {
    padding-top: 27px !important;
    padding-bottom: 27px !important;
}

.m-27 {
    margin: 27px !important;
}

.ml-27 {
    margin-left: 27px !important;
}

.mr-27 {
    margin-right: 27px !important;
}

.mt-27 {
    margin-top: 27px !important;
}

.mb-27 {
    margin-bottom: 27px !important;
}

.mx-27 {
    margin-left: 27px !important;
    margin-right: 27px !important;
}

.my-27 {
    margin-top: 27px !important;
    margin-bottom: 27px !important;
}

.gx-27 {
    gap: 0 27px !important;
}

.gy-27 {
    gap: 27px !important;
}

.gap-27 {
    gap: 27px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-27 {
        padding-left: 0 !important;
        padding-right: 27px !important;
    }
    .rtl .pr-xxl-27 {
        padding-right: 0 !important;
        padding-left: 27px !important;
    }
    .rtl .ml-xxl-27 {
        margin-left: 0 !important;
        margin-right: 27px !important;
    }
    .rtl .mr-xxl-27 {
        margin-right: 0 !important;
        margin-left: 27px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-27 {
        padding-left: 0 !important;
        padding-right: 27px !important;
    }
    .rtl .pr-xl-27 {
        padding-right: 0 !important;
        padding-left: 27px !important;
    }
    .rtl .ml-xl-27 {
        margin-left: 0 !important;
        margin-right: 27px !important;
    }
    .rtl .mr-xl-27 {
        margin-right: 0 !important;
        margin-left: 27px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-27 {
        padding-left: 0 !important;
        padding-right: 27px !important;
    }
    .rtl .pr-lg-27 {
        padding-right: 0 !important;
        padding-left: 27px !important;
    }
    .rtl .ml-lg-27 {
        margin-left: 0 !important;
        margin-right: 27px !important;
    }
    .rtl .mr-lg-27 {
        margin-right: 0 !important;
        margin-left: 27px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-27 {
        padding-left: 0 !important;
        padding-right: 27px !important;
    }
    .rtl .pr-md-27 {
        padding-right: 0 !important;
        padding-left: 27px !important;
    }
    .rtl .ml-md-27 {
        margin-left: 0 !important;
        margin-right: 27px !important;
    }
    .rtl .mr-md-27 {
        margin-right: 0 !important;
        margin-left: 27px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-27 {
        padding-left: 0 !important;
        padding-right: 27px !important;
    }
    .rtl .pr-sm-27 {
        padding-right: 0 !important;
        padding-left: 27px !important;
    }
    .rtl .ml-sm-27 {
        margin-left: 0 !important;
        margin-right: 27px !important;
    }
    .rtl .mr-sm-27 {
        margin-right: 0 !important;
        margin-left: 27px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-27 {
        padding-left: 0 !important;
        padding-right: 27px !important;
    }
    .rtl .pr-xsm-27 {
        padding-right: 0 !important;
        padding-left: 27px !important;
    }
    .rtl .ml-xsm-27 {
        margin-left: 0 !important;
        margin-right: 27px !important;
    }
    .rtl .mr-xsm-27 {
        margin-right: 0 !important;
        margin-left: 27px !important;
    }
}

.rtl .pl-27 {
    padding-left: 0 !important;
    padding-right: 27px !important;
}

.rtl .pr-27 {
    padding-right: 0 !important;
    padding-left: 27px !important;
}

.rtl .ml-27 {
    margin-left: 0 !important;
    margin-right: 27px !important;
}

.rtl .mr-27 {
    margin-right: 0 !important;
    margin-left: 27px !important;
}

@media (min-width: 1200px) {
    .p-xxl-28 {
        padding: 28px !important;
    }
    .pl-xxl-28 {
        padding-left: 28px !important;
    }
    .pr-xxl-28 {
        padding-right: 28px !important;
    }
    .pt-xxl-28 {
        padding-top: 28px !important;
    }
    .pb-xxl-28 {
        padding-bottom: 28px !important;
    }
    .px-xxl-28 {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
    .py-xxl-28 {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    .m-xxl-28 {
        margin: 28px !important;
    }
    .ml-xxl-28 {
        margin-left: 28px !important;
    }
    .mr-xxl-28 {
        margin-right: 28px !important;
    }
    .mt-xxl-28 {
        margin-top: 28px !important;
    }
    .mb-xxl-28 {
        margin-bottom: 28px !important;
    }
    .mx-xxl-28 {
        margin-left: 28px !important;
        margin-right: 28px !important;
    }
    .my-xxl-28 {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
    .gx-xxl-28 {
        gap: 0 28px !important;
    }
    .gy-xxl-28 {
        gap: 28px !important;
    }
    .gap-xxl-28 {
        gap: 28px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-28 {
        padding: 28px !important;
    }
    .pl-xl-28 {
        padding-left: 28px !important;
    }
    .pr-xl-28 {
        padding-right: 28px !important;
    }
    .pt-xl-28 {
        padding-top: 28px !important;
    }
    .pb-xl-28 {
        padding-bottom: 28px !important;
    }
    .px-xl-28 {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
    .py-xl-28 {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    .m-xl-28 {
        margin: 28px !important;
    }
    .ml-xl-28 {
        margin-left: 28px !important;
    }
    .mr-xl-28 {
        margin-right: 28px !important;
    }
    .mt-xl-28 {
        margin-top: 28px !important;
    }
    .mb-xl-28 {
        margin-bottom: 28px !important;
    }
    .mx-xl-28 {
        margin-left: 28px !important;
        margin-right: 28px !important;
    }
    .my-xl-28 {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
    .gx-xl-28 {
        gap: 0 28px !important;
    }
    .gy-xl-28 {
        gap: 28px !important;
    }
    .gap-xl-28 {
        gap: 28px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-28 {
        padding: 28px !important;
    }
    .pl-lg-28 {
        padding-left: 28px !important;
    }
    .pr-lg-28 {
        padding-right: 28px !important;
    }
    .pt-lg-28 {
        padding-top: 28px !important;
    }
    .pb-lg-28 {
        padding-bottom: 28px !important;
    }
    .px-lg-28 {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
    .py-lg-28 {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    .m-lg-28 {
        margin: 28px !important;
    }
    .ml-lg-28 {
        margin-left: 28px !important;
    }
    .mr-lg-28 {
        margin-right: 28px !important;
    }
    .mt-lg-28 {
        margin-top: 28px !important;
    }
    .mb-lg-28 {
        margin-bottom: 28px !important;
    }
    .mx-lg-28 {
        margin-left: 28px !important;
        margin-right: 28px !important;
    }
    .my-lg-28 {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
    .gx-lg-28 {
        gap: 0 28px !important;
    }
    .gy-lg-28 {
        gap: 28px !important;
    }
    .gap-lg-28 {
        gap: 28px !important;
    }
}

@media (min-width: 576px) {
    .p-md-28 {
        padding: 28px !important;
    }
    .pl-md-28 {
        padding-left: 28px !important;
    }
    .pr-md-28 {
        padding-right: 28px !important;
    }
    .pt-md-28 {
        padding-top: 28px !important;
    }
    .pb-md-28 {
        padding-bottom: 28px !important;
    }
    .px-md-28 {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
    .py-md-28 {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    .m-md-28 {
        margin: 28px !important;
    }
    .ml-md-28 {
        margin-left: 28px !important;
    }
    .mr-md-28 {
        margin-right: 28px !important;
    }
    .mt-md-28 {
        margin-top: 28px !important;
    }
    .mb-md-28 {
        margin-bottom: 28px !important;
    }
    .mx-md-28 {
        margin-left: 28px !important;
        margin-right: 28px !important;
    }
    .my-md-28 {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
    .gx-md-28 {
        gap: 0 28px !important;
    }
    .gy-md-28 {
        gap: 28px !important;
    }
    .gap-md-28 {
        gap: 28px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-28 {
        padding: 28px !important;
    }
    .pl-sm-28 {
        padding-left: 28px !important;
    }
    .pr-sm-28 {
        padding-right: 28px !important;
    }
    .pt-sm-28 {
        padding-top: 28px !important;
    }
    .pb-sm-28 {
        padding-bottom: 28px !important;
    }
    .px-sm-28 {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
    .py-sm-28 {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    .m-sm-28 {
        margin: 28px !important;
    }
    .ml-sm-28 {
        margin-left: 28px !important;
    }
    .mr-sm-28 {
        margin-right: 28px !important;
    }
    .mt-sm-28 {
        margin-top: 28px !important;
    }
    .mb-sm-28 {
        margin-bottom: 28px !important;
    }
    .mx-sm-28 {
        margin-left: 28px !important;
        margin-right: 28px !important;
    }
    .my-sm-28 {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
    .gx-sm-28 {
        gap: 0 28px !important;
    }
    .gy-sm-28 {
        gap: 28px !important;
    }
    .gap-sm-28 {
        gap: 28px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-28 {
        padding: 28px !important;
    }
    .pl-xsm-28 {
        padding-left: 28px !important;
    }
    .pr-xsm-28 {
        padding-right: 28px !important;
    }
    .pt-xsm-28 {
        padding-top: 28px !important;
    }
    .pb-xsm-28 {
        padding-bottom: 28px !important;
    }
    .px-xsm-28 {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
    .py-xsm-28 {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    .m-xsm-28 {
        margin: 28px !important;
    }
    .ml-xsm-28 {
        margin-left: 28px !important;
    }
    .mr-xsm-28 {
        margin-right: 28px !important;
    }
    .mt-xsm-28 {
        margin-top: 28px !important;
    }
    .mb-xsm-28 {
        margin-bottom: 28px !important;
    }
    .mx-xsm-28 {
        margin-left: 28px !important;
        margin-right: 28px !important;
    }
    .my-xsm-28 {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
    .gx-xsm-28 {
        gap: 0 28px !important;
    }
    .gy-xsm-28 {
        gap: 28px !important;
    }
    .gap-xsm-28 {
        gap: 28px !important;
    }
}

.p-28 {
    padding: 28px !important;
}

.pl-28 {
    padding-left: 28px !important;
}

.pr-28 {
    padding-right: 28px !important;
}

.pt-28 {
    padding-top: 28px !important;
}

.pb-28 {
    padding-bottom: 28px !important;
}

.px-28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
}

.py-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

.m-28 {
    margin: 28px !important;
}

.ml-28 {
    margin-left: 28px !important;
}

.mr-28 {
    margin-right: 28px !important;
}

.mt-28 {
    margin-top: 28px !important;
}

.mb-28 {
    margin-bottom: 28px !important;
}

.mx-28 {
    margin-left: 28px !important;
    margin-right: 28px !important;
}

.my-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
}

.gx-28 {
    gap: 0 28px !important;
}

.gy-28 {
    gap: 28px !important;
}

.gap-28 {
    gap: 28px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-28 {
        padding-left: 0 !important;
        padding-right: 28px !important;
    }
    .rtl .pr-xxl-28 {
        padding-right: 0 !important;
        padding-left: 28px !important;
    }
    .rtl .ml-xxl-28 {
        margin-left: 0 !important;
        margin-right: 28px !important;
    }
    .rtl .mr-xxl-28 {
        margin-right: 0 !important;
        margin-left: 28px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-28 {
        padding-left: 0 !important;
        padding-right: 28px !important;
    }
    .rtl .pr-xl-28 {
        padding-right: 0 !important;
        padding-left: 28px !important;
    }
    .rtl .ml-xl-28 {
        margin-left: 0 !important;
        margin-right: 28px !important;
    }
    .rtl .mr-xl-28 {
        margin-right: 0 !important;
        margin-left: 28px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-28 {
        padding-left: 0 !important;
        padding-right: 28px !important;
    }
    .rtl .pr-lg-28 {
        padding-right: 0 !important;
        padding-left: 28px !important;
    }
    .rtl .ml-lg-28 {
        margin-left: 0 !important;
        margin-right: 28px !important;
    }
    .rtl .mr-lg-28 {
        margin-right: 0 !important;
        margin-left: 28px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-28 {
        padding-left: 0 !important;
        padding-right: 28px !important;
    }
    .rtl .pr-md-28 {
        padding-right: 0 !important;
        padding-left: 28px !important;
    }
    .rtl .ml-md-28 {
        margin-left: 0 !important;
        margin-right: 28px !important;
    }
    .rtl .mr-md-28 {
        margin-right: 0 !important;
        margin-left: 28px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-28 {
        padding-left: 0 !important;
        padding-right: 28px !important;
    }
    .rtl .pr-sm-28 {
        padding-right: 0 !important;
        padding-left: 28px !important;
    }
    .rtl .ml-sm-28 {
        margin-left: 0 !important;
        margin-right: 28px !important;
    }
    .rtl .mr-sm-28 {
        margin-right: 0 !important;
        margin-left: 28px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-28 {
        padding-left: 0 !important;
        padding-right: 28px !important;
    }
    .rtl .pr-xsm-28 {
        padding-right: 0 !important;
        padding-left: 28px !important;
    }
    .rtl .ml-xsm-28 {
        margin-left: 0 !important;
        margin-right: 28px !important;
    }
    .rtl .mr-xsm-28 {
        margin-right: 0 !important;
        margin-left: 28px !important;
    }
}

.rtl .pl-28 {
    padding-left: 0 !important;
    padding-right: 28px !important;
}

.rtl .pr-28 {
    padding-right: 0 !important;
    padding-left: 28px !important;
}

.rtl .ml-28 {
    margin-left: 0 !important;
    margin-right: 28px !important;
}

.rtl .mr-28 {
    margin-right: 0 !important;
    margin-left: 28px !important;
}

@media (min-width: 1200px) {
    .p-xxl-29 {
        padding: 29px !important;
    }
    .pl-xxl-29 {
        padding-left: 29px !important;
    }
    .pr-xxl-29 {
        padding-right: 29px !important;
    }
    .pt-xxl-29 {
        padding-top: 29px !important;
    }
    .pb-xxl-29 {
        padding-bottom: 29px !important;
    }
    .px-xxl-29 {
        padding-left: 29px !important;
        padding-right: 29px !important;
    }
    .py-xxl-29 {
        padding-top: 29px !important;
        padding-bottom: 29px !important;
    }
    .m-xxl-29 {
        margin: 29px !important;
    }
    .ml-xxl-29 {
        margin-left: 29px !important;
    }
    .mr-xxl-29 {
        margin-right: 29px !important;
    }
    .mt-xxl-29 {
        margin-top: 29px !important;
    }
    .mb-xxl-29 {
        margin-bottom: 29px !important;
    }
    .mx-xxl-29 {
        margin-left: 29px !important;
        margin-right: 29px !important;
    }
    .my-xxl-29 {
        margin-top: 29px !important;
        margin-bottom: 29px !important;
    }
    .gx-xxl-29 {
        gap: 0 29px !important;
    }
    .gy-xxl-29 {
        gap: 29px !important;
    }
    .gap-xxl-29 {
        gap: 29px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-29 {
        padding: 29px !important;
    }
    .pl-xl-29 {
        padding-left: 29px !important;
    }
    .pr-xl-29 {
        padding-right: 29px !important;
    }
    .pt-xl-29 {
        padding-top: 29px !important;
    }
    .pb-xl-29 {
        padding-bottom: 29px !important;
    }
    .px-xl-29 {
        padding-left: 29px !important;
        padding-right: 29px !important;
    }
    .py-xl-29 {
        padding-top: 29px !important;
        padding-bottom: 29px !important;
    }
    .m-xl-29 {
        margin: 29px !important;
    }
    .ml-xl-29 {
        margin-left: 29px !important;
    }
    .mr-xl-29 {
        margin-right: 29px !important;
    }
    .mt-xl-29 {
        margin-top: 29px !important;
    }
    .mb-xl-29 {
        margin-bottom: 29px !important;
    }
    .mx-xl-29 {
        margin-left: 29px !important;
        margin-right: 29px !important;
    }
    .my-xl-29 {
        margin-top: 29px !important;
        margin-bottom: 29px !important;
    }
    .gx-xl-29 {
        gap: 0 29px !important;
    }
    .gy-xl-29 {
        gap: 29px !important;
    }
    .gap-xl-29 {
        gap: 29px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-29 {
        padding: 29px !important;
    }
    .pl-lg-29 {
        padding-left: 29px !important;
    }
    .pr-lg-29 {
        padding-right: 29px !important;
    }
    .pt-lg-29 {
        padding-top: 29px !important;
    }
    .pb-lg-29 {
        padding-bottom: 29px !important;
    }
    .px-lg-29 {
        padding-left: 29px !important;
        padding-right: 29px !important;
    }
    .py-lg-29 {
        padding-top: 29px !important;
        padding-bottom: 29px !important;
    }
    .m-lg-29 {
        margin: 29px !important;
    }
    .ml-lg-29 {
        margin-left: 29px !important;
    }
    .mr-lg-29 {
        margin-right: 29px !important;
    }
    .mt-lg-29 {
        margin-top: 29px !important;
    }
    .mb-lg-29 {
        margin-bottom: 29px !important;
    }
    .mx-lg-29 {
        margin-left: 29px !important;
        margin-right: 29px !important;
    }
    .my-lg-29 {
        margin-top: 29px !important;
        margin-bottom: 29px !important;
    }
    .gx-lg-29 {
        gap: 0 29px !important;
    }
    .gy-lg-29 {
        gap: 29px !important;
    }
    .gap-lg-29 {
        gap: 29px !important;
    }
}

@media (min-width: 576px) {
    .p-md-29 {
        padding: 29px !important;
    }
    .pl-md-29 {
        padding-left: 29px !important;
    }
    .pr-md-29 {
        padding-right: 29px !important;
    }
    .pt-md-29 {
        padding-top: 29px !important;
    }
    .pb-md-29 {
        padding-bottom: 29px !important;
    }
    .px-md-29 {
        padding-left: 29px !important;
        padding-right: 29px !important;
    }
    .py-md-29 {
        padding-top: 29px !important;
        padding-bottom: 29px !important;
    }
    .m-md-29 {
        margin: 29px !important;
    }
    .ml-md-29 {
        margin-left: 29px !important;
    }
    .mr-md-29 {
        margin-right: 29px !important;
    }
    .mt-md-29 {
        margin-top: 29px !important;
    }
    .mb-md-29 {
        margin-bottom: 29px !important;
    }
    .mx-md-29 {
        margin-left: 29px !important;
        margin-right: 29px !important;
    }
    .my-md-29 {
        margin-top: 29px !important;
        margin-bottom: 29px !important;
    }
    .gx-md-29 {
        gap: 0 29px !important;
    }
    .gy-md-29 {
        gap: 29px !important;
    }
    .gap-md-29 {
        gap: 29px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-29 {
        padding: 29px !important;
    }
    .pl-sm-29 {
        padding-left: 29px !important;
    }
    .pr-sm-29 {
        padding-right: 29px !important;
    }
    .pt-sm-29 {
        padding-top: 29px !important;
    }
    .pb-sm-29 {
        padding-bottom: 29px !important;
    }
    .px-sm-29 {
        padding-left: 29px !important;
        padding-right: 29px !important;
    }
    .py-sm-29 {
        padding-top: 29px !important;
        padding-bottom: 29px !important;
    }
    .m-sm-29 {
        margin: 29px !important;
    }
    .ml-sm-29 {
        margin-left: 29px !important;
    }
    .mr-sm-29 {
        margin-right: 29px !important;
    }
    .mt-sm-29 {
        margin-top: 29px !important;
    }
    .mb-sm-29 {
        margin-bottom: 29px !important;
    }
    .mx-sm-29 {
        margin-left: 29px !important;
        margin-right: 29px !important;
    }
    .my-sm-29 {
        margin-top: 29px !important;
        margin-bottom: 29px !important;
    }
    .gx-sm-29 {
        gap: 0 29px !important;
    }
    .gy-sm-29 {
        gap: 29px !important;
    }
    .gap-sm-29 {
        gap: 29px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-29 {
        padding: 29px !important;
    }
    .pl-xsm-29 {
        padding-left: 29px !important;
    }
    .pr-xsm-29 {
        padding-right: 29px !important;
    }
    .pt-xsm-29 {
        padding-top: 29px !important;
    }
    .pb-xsm-29 {
        padding-bottom: 29px !important;
    }
    .px-xsm-29 {
        padding-left: 29px !important;
        padding-right: 29px !important;
    }
    .py-xsm-29 {
        padding-top: 29px !important;
        padding-bottom: 29px !important;
    }
    .m-xsm-29 {
        margin: 29px !important;
    }
    .ml-xsm-29 {
        margin-left: 29px !important;
    }
    .mr-xsm-29 {
        margin-right: 29px !important;
    }
    .mt-xsm-29 {
        margin-top: 29px !important;
    }
    .mb-xsm-29 {
        margin-bottom: 29px !important;
    }
    .mx-xsm-29 {
        margin-left: 29px !important;
        margin-right: 29px !important;
    }
    .my-xsm-29 {
        margin-top: 29px !important;
        margin-bottom: 29px !important;
    }
    .gx-xsm-29 {
        gap: 0 29px !important;
    }
    .gy-xsm-29 {
        gap: 29px !important;
    }
    .gap-xsm-29 {
        gap: 29px !important;
    }
}

.p-29 {
    padding: 29px !important;
}

.pl-29 {
    padding-left: 29px !important;
}

.pr-29 {
    padding-right: 29px !important;
}

.pt-29 {
    padding-top: 29px !important;
}

.pb-29 {
    padding-bottom: 29px !important;
}

.px-29 {
    padding-left: 29px !important;
    padding-right: 29px !important;
}

.py-29 {
    padding-top: 29px !important;
    padding-bottom: 29px !important;
}

.m-29 {
    margin: 29px !important;
}

.ml-29 {
    margin-left: 29px !important;
}

.mr-29 {
    margin-right: 29px !important;
}

.mt-29 {
    margin-top: 29px !important;
}

.mb-29 {
    margin-bottom: 29px !important;
}

.mx-29 {
    margin-left: 29px !important;
    margin-right: 29px !important;
}

.my-29 {
    margin-top: 29px !important;
    margin-bottom: 29px !important;
}

.gx-29 {
    gap: 0 29px !important;
}

.gy-29 {
    gap: 29px !important;
}

.gap-29 {
    gap: 29px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-29 {
        padding-left: 0 !important;
        padding-right: 29px !important;
    }
    .rtl .pr-xxl-29 {
        padding-right: 0 !important;
        padding-left: 29px !important;
    }
    .rtl .ml-xxl-29 {
        margin-left: 0 !important;
        margin-right: 29px !important;
    }
    .rtl .mr-xxl-29 {
        margin-right: 0 !important;
        margin-left: 29px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-29 {
        padding-left: 0 !important;
        padding-right: 29px !important;
    }
    .rtl .pr-xl-29 {
        padding-right: 0 !important;
        padding-left: 29px !important;
    }
    .rtl .ml-xl-29 {
        margin-left: 0 !important;
        margin-right: 29px !important;
    }
    .rtl .mr-xl-29 {
        margin-right: 0 !important;
        margin-left: 29px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-29 {
        padding-left: 0 !important;
        padding-right: 29px !important;
    }
    .rtl .pr-lg-29 {
        padding-right: 0 !important;
        padding-left: 29px !important;
    }
    .rtl .ml-lg-29 {
        margin-left: 0 !important;
        margin-right: 29px !important;
    }
    .rtl .mr-lg-29 {
        margin-right: 0 !important;
        margin-left: 29px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-29 {
        padding-left: 0 !important;
        padding-right: 29px !important;
    }
    .rtl .pr-md-29 {
        padding-right: 0 !important;
        padding-left: 29px !important;
    }
    .rtl .ml-md-29 {
        margin-left: 0 !important;
        margin-right: 29px !important;
    }
    .rtl .mr-md-29 {
        margin-right: 0 !important;
        margin-left: 29px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-29 {
        padding-left: 0 !important;
        padding-right: 29px !important;
    }
    .rtl .pr-sm-29 {
        padding-right: 0 !important;
        padding-left: 29px !important;
    }
    .rtl .ml-sm-29 {
        margin-left: 0 !important;
        margin-right: 29px !important;
    }
    .rtl .mr-sm-29 {
        margin-right: 0 !important;
        margin-left: 29px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-29 {
        padding-left: 0 !important;
        padding-right: 29px !important;
    }
    .rtl .pr-xsm-29 {
        padding-right: 0 !important;
        padding-left: 29px !important;
    }
    .rtl .ml-xsm-29 {
        margin-left: 0 !important;
        margin-right: 29px !important;
    }
    .rtl .mr-xsm-29 {
        margin-right: 0 !important;
        margin-left: 29px !important;
    }
}

.rtl .pl-29 {
    padding-left: 0 !important;
    padding-right: 29px !important;
}

.rtl .pr-29 {
    padding-right: 0 !important;
    padding-left: 29px !important;
}

.rtl .ml-29 {
    margin-left: 0 !important;
    margin-right: 29px !important;
}

.rtl .mr-29 {
    margin-right: 0 !important;
    margin-left: 29px !important;
}

@media (min-width: 1200px) {
    .p-xxl-30 {
        padding: 30px !important;
    }
    .pl-xxl-30 {
        padding-left: 30px !important;
    }
    .pr-xxl-30 {
        padding-right: 30px !important;
    }
    .pt-xxl-30 {
        padding-top: 30px !important;
    }
    .pb-xxl-30 {
        padding-bottom: 30px !important;
    }
    .px-xxl-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .py-xxl-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .m-xxl-30 {
        margin: 30px !important;
    }
    .ml-xxl-30 {
        margin-left: 30px !important;
    }
    .mr-xxl-30 {
        margin-right: 30px !important;
    }
    .mt-xxl-30 {
        margin-top: 30px !important;
    }
    .mb-xxl-30 {
        margin-bottom: 30px !important;
    }
    .mx-xxl-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .my-xxl-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .gx-xxl-30 {
        gap: 0 30px !important;
    }
    .gy-xxl-30 {
        gap: 30px !important;
    }
    .gap-xxl-30 {
        gap: 30px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-30 {
        padding: 30px !important;
    }
    .pl-xl-30 {
        padding-left: 30px !important;
    }
    .pr-xl-30 {
        padding-right: 30px !important;
    }
    .pt-xl-30 {
        padding-top: 30px !important;
    }
    .pb-xl-30 {
        padding-bottom: 30px !important;
    }
    .px-xl-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .py-xl-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .m-xl-30 {
        margin: 30px !important;
    }
    .ml-xl-30 {
        margin-left: 30px !important;
    }
    .mr-xl-30 {
        margin-right: 30px !important;
    }
    .mt-xl-30 {
        margin-top: 30px !important;
    }
    .mb-xl-30 {
        margin-bottom: 30px !important;
    }
    .mx-xl-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .my-xl-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .gx-xl-30 {
        gap: 0 30px !important;
    }
    .gy-xl-30 {
        gap: 30px !important;
    }
    .gap-xl-30 {
        gap: 30px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-30 {
        padding: 30px !important;
    }
    .pl-lg-30 {
        padding-left: 30px !important;
    }
    .pr-lg-30 {
        padding-right: 30px !important;
    }
    .pt-lg-30 {
        padding-top: 30px !important;
    }
    .pb-lg-30 {
        padding-bottom: 30px !important;
    }
    .px-lg-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .py-lg-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .m-lg-30 {
        margin: 30px !important;
    }
    .ml-lg-30 {
        margin-left: 30px !important;
    }
    .mr-lg-30 {
        margin-right: 30px !important;
    }
    .mt-lg-30 {
        margin-top: 30px !important;
    }
    .mb-lg-30 {
        margin-bottom: 30px !important;
    }
    .mx-lg-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .my-lg-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .gx-lg-30 {
        gap: 0 30px !important;
    }
    .gy-lg-30 {
        gap: 30px !important;
    }
    .gap-lg-30 {
        gap: 30px !important;
    }
}

@media (min-width: 576px) {
    .p-md-30 {
        padding: 30px !important;
    }
    .pl-md-30 {
        padding-left: 30px !important;
    }
    .pr-md-30 {
        padding-right: 30px !important;
    }
    .pt-md-30 {
        padding-top: 30px !important;
    }
    .pb-md-30 {
        padding-bottom: 30px !important;
    }
    .px-md-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .py-md-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .m-md-30 {
        margin: 30px !important;
    }
    .ml-md-30 {
        margin-left: 30px !important;
    }
    .mr-md-30 {
        margin-right: 30px !important;
    }
    .mt-md-30 {
        margin-top: 30px !important;
    }
    .mb-md-30 {
        margin-bottom: 30px !important;
    }
    .mx-md-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .my-md-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .gx-md-30 {
        gap: 0 30px !important;
    }
    .gy-md-30 {
        gap: 30px !important;
    }
    .gap-md-30 {
        gap: 30px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-30 {
        padding: 30px !important;
    }
    .pl-sm-30 {
        padding-left: 30px !important;
    }
    .pr-sm-30 {
        padding-right: 30px !important;
    }
    .pt-sm-30 {
        padding-top: 30px !important;
    }
    .pb-sm-30 {
        padding-bottom: 30px !important;
    }
    .px-sm-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .py-sm-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .m-sm-30 {
        margin: 30px !important;
    }
    .ml-sm-30 {
        margin-left: 30px !important;
    }
    .mr-sm-30 {
        margin-right: 30px !important;
    }
    .mt-sm-30 {
        margin-top: 30px !important;
    }
    .mb-sm-30 {
        margin-bottom: 30px !important;
    }
    .mx-sm-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .my-sm-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .gx-sm-30 {
        gap: 0 30px !important;
    }
    .gy-sm-30 {
        gap: 30px !important;
    }
    .gap-sm-30 {
        gap: 30px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-30 {
        padding: 30px !important;
    }
    .pl-xsm-30 {
        padding-left: 30px !important;
    }
    .pr-xsm-30 {
        padding-right: 30px !important;
    }
    .pt-xsm-30 {
        padding-top: 30px !important;
    }
    .pb-xsm-30 {
        padding-bottom: 30px !important;
    }
    .px-xsm-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .py-xsm-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .m-xsm-30 {
        margin: 30px !important;
    }
    .ml-xsm-30 {
        margin-left: 30px !important;
    }
    .mr-xsm-30 {
        margin-right: 30px !important;
    }
    .mt-xsm-30 {
        margin-top: 30px !important;
    }
    .mb-xsm-30 {
        margin-bottom: 30px !important;
    }
    .mx-xsm-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .my-xsm-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .gx-xsm-30 {
        gap: 0 30px !important;
    }
    .gy-xsm-30 {
        gap: 30px !important;
    }
    .gap-xsm-30 {
        gap: 30px !important;
    }
}

.p-30 {
    padding: 30px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.m-30 {
    margin: 30px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mx-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.gx-30 {
    gap: 0 30px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-30 {
        padding-left: 0 !important;
        padding-right: 30px !important;
    }
    .rtl .pr-xxl-30 {
        padding-right: 0 !important;
        padding-left: 30px !important;
    }
    .rtl .ml-xxl-30 {
        margin-left: 0 !important;
        margin-right: 30px !important;
    }
    .rtl .mr-xxl-30 {
        margin-right: 0 !important;
        margin-left: 30px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-30 {
        padding-left: 0 !important;
        padding-right: 30px !important;
    }
    .rtl .pr-xl-30 {
        padding-right: 0 !important;
        padding-left: 30px !important;
    }
    .rtl .ml-xl-30 {
        margin-left: 0 !important;
        margin-right: 30px !important;
    }
    .rtl .mr-xl-30 {
        margin-right: 0 !important;
        margin-left: 30px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-30 {
        padding-left: 0 !important;
        padding-right: 30px !important;
    }
    .rtl .pr-lg-30 {
        padding-right: 0 !important;
        padding-left: 30px !important;
    }
    .rtl .ml-lg-30 {
        margin-left: 0 !important;
        margin-right: 30px !important;
    }
    .rtl .mr-lg-30 {
        margin-right: 0 !important;
        margin-left: 30px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-30 {
        padding-left: 0 !important;
        padding-right: 30px !important;
    }
    .rtl .pr-md-30 {
        padding-right: 0 !important;
        padding-left: 30px !important;
    }
    .rtl .ml-md-30 {
        margin-left: 0 !important;
        margin-right: 30px !important;
    }
    .rtl .mr-md-30 {
        margin-right: 0 !important;
        margin-left: 30px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-30 {
        padding-left: 0 !important;
        padding-right: 30px !important;
    }
    .rtl .pr-sm-30 {
        padding-right: 0 !important;
        padding-left: 30px !important;
    }
    .rtl .ml-sm-30 {
        margin-left: 0 !important;
        margin-right: 30px !important;
    }
    .rtl .mr-sm-30 {
        margin-right: 0 !important;
        margin-left: 30px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-30 {
        padding-left: 0 !important;
        padding-right: 30px !important;
    }
    .rtl .pr-xsm-30 {
        padding-right: 0 !important;
        padding-left: 30px !important;
    }
    .rtl .ml-xsm-30 {
        margin-left: 0 !important;
        margin-right: 30px !important;
    }
    .rtl .mr-xsm-30 {
        margin-right: 0 !important;
        margin-left: 30px !important;
    }
}

.rtl .pl-30 {
    padding-left: 0 !important;
    padding-right: 30px !important;
}

.rtl .pr-30 {
    padding-right: 0 !important;
    padding-left: 30px !important;
}

.rtl .ml-30 {
    margin-left: 0 !important;
    margin-right: 30px !important;
}

.rtl .mr-30 {
    margin-right: 0 !important;
    margin-left: 30px !important;
}

@media (min-width: 1200px) {
    .p-xxl-31 {
        padding: 31px !important;
    }
    .pl-xxl-31 {
        padding-left: 31px !important;
    }
    .pr-xxl-31 {
        padding-right: 31px !important;
    }
    .pt-xxl-31 {
        padding-top: 31px !important;
    }
    .pb-xxl-31 {
        padding-bottom: 31px !important;
    }
    .px-xxl-31 {
        padding-left: 31px !important;
        padding-right: 31px !important;
    }
    .py-xxl-31 {
        padding-top: 31px !important;
        padding-bottom: 31px !important;
    }
    .m-xxl-31 {
        margin: 31px !important;
    }
    .ml-xxl-31 {
        margin-left: 31px !important;
    }
    .mr-xxl-31 {
        margin-right: 31px !important;
    }
    .mt-xxl-31 {
        margin-top: 31px !important;
    }
    .mb-xxl-31 {
        margin-bottom: 31px !important;
    }
    .mx-xxl-31 {
        margin-left: 31px !important;
        margin-right: 31px !important;
    }
    .my-xxl-31 {
        margin-top: 31px !important;
        margin-bottom: 31px !important;
    }
    .gx-xxl-31 {
        gap: 0 31px !important;
    }
    .gy-xxl-31 {
        gap: 31px !important;
    }
    .gap-xxl-31 {
        gap: 31px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-31 {
        padding: 31px !important;
    }
    .pl-xl-31 {
        padding-left: 31px !important;
    }
    .pr-xl-31 {
        padding-right: 31px !important;
    }
    .pt-xl-31 {
        padding-top: 31px !important;
    }
    .pb-xl-31 {
        padding-bottom: 31px !important;
    }
    .px-xl-31 {
        padding-left: 31px !important;
        padding-right: 31px !important;
    }
    .py-xl-31 {
        padding-top: 31px !important;
        padding-bottom: 31px !important;
    }
    .m-xl-31 {
        margin: 31px !important;
    }
    .ml-xl-31 {
        margin-left: 31px !important;
    }
    .mr-xl-31 {
        margin-right: 31px !important;
    }
    .mt-xl-31 {
        margin-top: 31px !important;
    }
    .mb-xl-31 {
        margin-bottom: 31px !important;
    }
    .mx-xl-31 {
        margin-left: 31px !important;
        margin-right: 31px !important;
    }
    .my-xl-31 {
        margin-top: 31px !important;
        margin-bottom: 31px !important;
    }
    .gx-xl-31 {
        gap: 0 31px !important;
    }
    .gy-xl-31 {
        gap: 31px !important;
    }
    .gap-xl-31 {
        gap: 31px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-31 {
        padding: 31px !important;
    }
    .pl-lg-31 {
        padding-left: 31px !important;
    }
    .pr-lg-31 {
        padding-right: 31px !important;
    }
    .pt-lg-31 {
        padding-top: 31px !important;
    }
    .pb-lg-31 {
        padding-bottom: 31px !important;
    }
    .px-lg-31 {
        padding-left: 31px !important;
        padding-right: 31px !important;
    }
    .py-lg-31 {
        padding-top: 31px !important;
        padding-bottom: 31px !important;
    }
    .m-lg-31 {
        margin: 31px !important;
    }
    .ml-lg-31 {
        margin-left: 31px !important;
    }
    .mr-lg-31 {
        margin-right: 31px !important;
    }
    .mt-lg-31 {
        margin-top: 31px !important;
    }
    .mb-lg-31 {
        margin-bottom: 31px !important;
    }
    .mx-lg-31 {
        margin-left: 31px !important;
        margin-right: 31px !important;
    }
    .my-lg-31 {
        margin-top: 31px !important;
        margin-bottom: 31px !important;
    }
    .gx-lg-31 {
        gap: 0 31px !important;
    }
    .gy-lg-31 {
        gap: 31px !important;
    }
    .gap-lg-31 {
        gap: 31px !important;
    }
}

@media (min-width: 576px) {
    .p-md-31 {
        padding: 31px !important;
    }
    .pl-md-31 {
        padding-left: 31px !important;
    }
    .pr-md-31 {
        padding-right: 31px !important;
    }
    .pt-md-31 {
        padding-top: 31px !important;
    }
    .pb-md-31 {
        padding-bottom: 31px !important;
    }
    .px-md-31 {
        padding-left: 31px !important;
        padding-right: 31px !important;
    }
    .py-md-31 {
        padding-top: 31px !important;
        padding-bottom: 31px !important;
    }
    .m-md-31 {
        margin: 31px !important;
    }
    .ml-md-31 {
        margin-left: 31px !important;
    }
    .mr-md-31 {
        margin-right: 31px !important;
    }
    .mt-md-31 {
        margin-top: 31px !important;
    }
    .mb-md-31 {
        margin-bottom: 31px !important;
    }
    .mx-md-31 {
        margin-left: 31px !important;
        margin-right: 31px !important;
    }
    .my-md-31 {
        margin-top: 31px !important;
        margin-bottom: 31px !important;
    }
    .gx-md-31 {
        gap: 0 31px !important;
    }
    .gy-md-31 {
        gap: 31px !important;
    }
    .gap-md-31 {
        gap: 31px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-31 {
        padding: 31px !important;
    }
    .pl-sm-31 {
        padding-left: 31px !important;
    }
    .pr-sm-31 {
        padding-right: 31px !important;
    }
    .pt-sm-31 {
        padding-top: 31px !important;
    }
    .pb-sm-31 {
        padding-bottom: 31px !important;
    }
    .px-sm-31 {
        padding-left: 31px !important;
        padding-right: 31px !important;
    }
    .py-sm-31 {
        padding-top: 31px !important;
        padding-bottom: 31px !important;
    }
    .m-sm-31 {
        margin: 31px !important;
    }
    .ml-sm-31 {
        margin-left: 31px !important;
    }
    .mr-sm-31 {
        margin-right: 31px !important;
    }
    .mt-sm-31 {
        margin-top: 31px !important;
    }
    .mb-sm-31 {
        margin-bottom: 31px !important;
    }
    .mx-sm-31 {
        margin-left: 31px !important;
        margin-right: 31px !important;
    }
    .my-sm-31 {
        margin-top: 31px !important;
        margin-bottom: 31px !important;
    }
    .gx-sm-31 {
        gap: 0 31px !important;
    }
    .gy-sm-31 {
        gap: 31px !important;
    }
    .gap-sm-31 {
        gap: 31px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-31 {
        padding: 31px !important;
    }
    .pl-xsm-31 {
        padding-left: 31px !important;
    }
    .pr-xsm-31 {
        padding-right: 31px !important;
    }
    .pt-xsm-31 {
        padding-top: 31px !important;
    }
    .pb-xsm-31 {
        padding-bottom: 31px !important;
    }
    .px-xsm-31 {
        padding-left: 31px !important;
        padding-right: 31px !important;
    }
    .py-xsm-31 {
        padding-top: 31px !important;
        padding-bottom: 31px !important;
    }
    .m-xsm-31 {
        margin: 31px !important;
    }
    .ml-xsm-31 {
        margin-left: 31px !important;
    }
    .mr-xsm-31 {
        margin-right: 31px !important;
    }
    .mt-xsm-31 {
        margin-top: 31px !important;
    }
    .mb-xsm-31 {
        margin-bottom: 31px !important;
    }
    .mx-xsm-31 {
        margin-left: 31px !important;
        margin-right: 31px !important;
    }
    .my-xsm-31 {
        margin-top: 31px !important;
        margin-bottom: 31px !important;
    }
    .gx-xsm-31 {
        gap: 0 31px !important;
    }
    .gy-xsm-31 {
        gap: 31px !important;
    }
    .gap-xsm-31 {
        gap: 31px !important;
    }
}

.p-31 {
    padding: 31px !important;
}

.pl-31 {
    padding-left: 31px !important;
}

.pr-31 {
    padding-right: 31px !important;
}

.pt-31 {
    padding-top: 31px !important;
}

.pb-31 {
    padding-bottom: 31px !important;
}

.px-31 {
    padding-left: 31px !important;
    padding-right: 31px !important;
}

.py-31 {
    padding-top: 31px !important;
    padding-bottom: 31px !important;
}

.m-31 {
    margin: 31px !important;
}

.ml-31 {
    margin-left: 31px !important;
}

.mr-31 {
    margin-right: 31px !important;
}

.mt-31 {
    margin-top: 31px !important;
}

.mb-31 {
    margin-bottom: 31px !important;
}

.mx-31 {
    margin-left: 31px !important;
    margin-right: 31px !important;
}

.my-31 {
    margin-top: 31px !important;
    margin-bottom: 31px !important;
}

.gx-31 {
    gap: 0 31px !important;
}

.gy-31 {
    gap: 31px !important;
}

.gap-31 {
    gap: 31px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-31 {
        padding-left: 0 !important;
        padding-right: 31px !important;
    }
    .rtl .pr-xxl-31 {
        padding-right: 0 !important;
        padding-left: 31px !important;
    }
    .rtl .ml-xxl-31 {
        margin-left: 0 !important;
        margin-right: 31px !important;
    }
    .rtl .mr-xxl-31 {
        margin-right: 0 !important;
        margin-left: 31px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-31 {
        padding-left: 0 !important;
        padding-right: 31px !important;
    }
    .rtl .pr-xl-31 {
        padding-right: 0 !important;
        padding-left: 31px !important;
    }
    .rtl .ml-xl-31 {
        margin-left: 0 !important;
        margin-right: 31px !important;
    }
    .rtl .mr-xl-31 {
        margin-right: 0 !important;
        margin-left: 31px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-31 {
        padding-left: 0 !important;
        padding-right: 31px !important;
    }
    .rtl .pr-lg-31 {
        padding-right: 0 !important;
        padding-left: 31px !important;
    }
    .rtl .ml-lg-31 {
        margin-left: 0 !important;
        margin-right: 31px !important;
    }
    .rtl .mr-lg-31 {
        margin-right: 0 !important;
        margin-left: 31px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-31 {
        padding-left: 0 !important;
        padding-right: 31px !important;
    }
    .rtl .pr-md-31 {
        padding-right: 0 !important;
        padding-left: 31px !important;
    }
    .rtl .ml-md-31 {
        margin-left: 0 !important;
        margin-right: 31px !important;
    }
    .rtl .mr-md-31 {
        margin-right: 0 !important;
        margin-left: 31px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-31 {
        padding-left: 0 !important;
        padding-right: 31px !important;
    }
    .rtl .pr-sm-31 {
        padding-right: 0 !important;
        padding-left: 31px !important;
    }
    .rtl .ml-sm-31 {
        margin-left: 0 !important;
        margin-right: 31px !important;
    }
    .rtl .mr-sm-31 {
        margin-right: 0 !important;
        margin-left: 31px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-31 {
        padding-left: 0 !important;
        padding-right: 31px !important;
    }
    .rtl .pr-xsm-31 {
        padding-right: 0 !important;
        padding-left: 31px !important;
    }
    .rtl .ml-xsm-31 {
        margin-left: 0 !important;
        margin-right: 31px !important;
    }
    .rtl .mr-xsm-31 {
        margin-right: 0 !important;
        margin-left: 31px !important;
    }
}

.rtl .pl-31 {
    padding-left: 0 !important;
    padding-right: 31px !important;
}

.rtl .pr-31 {
    padding-right: 0 !important;
    padding-left: 31px !important;
}

.rtl .ml-31 {
    margin-left: 0 !important;
    margin-right: 31px !important;
}

.rtl .mr-31 {
    margin-right: 0 !important;
    margin-left: 31px !important;
}

@media (min-width: 1200px) {
    .p-xxl-32 {
        padding: 32px !important;
    }
    .pl-xxl-32 {
        padding-left: 32px !important;
    }
    .pr-xxl-32 {
        padding-right: 32px !important;
    }
    .pt-xxl-32 {
        padding-top: 32px !important;
    }
    .pb-xxl-32 {
        padding-bottom: 32px !important;
    }
    .px-xxl-32 {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
    .py-xxl-32 {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .m-xxl-32 {
        margin: 32px !important;
    }
    .ml-xxl-32 {
        margin-left: 32px !important;
    }
    .mr-xxl-32 {
        margin-right: 32px !important;
    }
    .mt-xxl-32 {
        margin-top: 32px !important;
    }
    .mb-xxl-32 {
        margin-bottom: 32px !important;
    }
    .mx-xxl-32 {
        margin-left: 32px !important;
        margin-right: 32px !important;
    }
    .my-xxl-32 {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
    }
    .gx-xxl-32 {
        gap: 0 32px !important;
    }
    .gy-xxl-32 {
        gap: 32px !important;
    }
    .gap-xxl-32 {
        gap: 32px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-32 {
        padding: 32px !important;
    }
    .pl-xl-32 {
        padding-left: 32px !important;
    }
    .pr-xl-32 {
        padding-right: 32px !important;
    }
    .pt-xl-32 {
        padding-top: 32px !important;
    }
    .pb-xl-32 {
        padding-bottom: 32px !important;
    }
    .px-xl-32 {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
    .py-xl-32 {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .m-xl-32 {
        margin: 32px !important;
    }
    .ml-xl-32 {
        margin-left: 32px !important;
    }
    .mr-xl-32 {
        margin-right: 32px !important;
    }
    .mt-xl-32 {
        margin-top: 32px !important;
    }
    .mb-xl-32 {
        margin-bottom: 32px !important;
    }
    .mx-xl-32 {
        margin-left: 32px !important;
        margin-right: 32px !important;
    }
    .my-xl-32 {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
    }
    .gx-xl-32 {
        gap: 0 32px !important;
    }
    .gy-xl-32 {
        gap: 32px !important;
    }
    .gap-xl-32 {
        gap: 32px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-32 {
        padding: 32px !important;
    }
    .pl-lg-32 {
        padding-left: 32px !important;
    }
    .pr-lg-32 {
        padding-right: 32px !important;
    }
    .pt-lg-32 {
        padding-top: 32px !important;
    }
    .pb-lg-32 {
        padding-bottom: 32px !important;
    }
    .px-lg-32 {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
    .py-lg-32 {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .m-lg-32 {
        margin: 32px !important;
    }
    .ml-lg-32 {
        margin-left: 32px !important;
    }
    .mr-lg-32 {
        margin-right: 32px !important;
    }
    .mt-lg-32 {
        margin-top: 32px !important;
    }
    .mb-lg-32 {
        margin-bottom: 32px !important;
    }
    .mx-lg-32 {
        margin-left: 32px !important;
        margin-right: 32px !important;
    }
    .my-lg-32 {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
    }
    .gx-lg-32 {
        gap: 0 32px !important;
    }
    .gy-lg-32 {
        gap: 32px !important;
    }
    .gap-lg-32 {
        gap: 32px !important;
    }
}

@media (min-width: 576px) {
    .p-md-32 {
        padding: 32px !important;
    }
    .pl-md-32 {
        padding-left: 32px !important;
    }
    .pr-md-32 {
        padding-right: 32px !important;
    }
    .pt-md-32 {
        padding-top: 32px !important;
    }
    .pb-md-32 {
        padding-bottom: 32px !important;
    }
    .px-md-32 {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
    .py-md-32 {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .m-md-32 {
        margin: 32px !important;
    }
    .ml-md-32 {
        margin-left: 32px !important;
    }
    .mr-md-32 {
        margin-right: 32px !important;
    }
    .mt-md-32 {
        margin-top: 32px !important;
    }
    .mb-md-32 {
        margin-bottom: 32px !important;
    }
    .mx-md-32 {
        margin-left: 32px !important;
        margin-right: 32px !important;
    }
    .my-md-32 {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
    }
    .gx-md-32 {
        gap: 0 32px !important;
    }
    .gy-md-32 {
        gap: 32px !important;
    }
    .gap-md-32 {
        gap: 32px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-32 {
        padding: 32px !important;
    }
    .pl-sm-32 {
        padding-left: 32px !important;
    }
    .pr-sm-32 {
        padding-right: 32px !important;
    }
    .pt-sm-32 {
        padding-top: 32px !important;
    }
    .pb-sm-32 {
        padding-bottom: 32px !important;
    }
    .px-sm-32 {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
    .py-sm-32 {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .m-sm-32 {
        margin: 32px !important;
    }
    .ml-sm-32 {
        margin-left: 32px !important;
    }
    .mr-sm-32 {
        margin-right: 32px !important;
    }
    .mt-sm-32 {
        margin-top: 32px !important;
    }
    .mb-sm-32 {
        margin-bottom: 32px !important;
    }
    .mx-sm-32 {
        margin-left: 32px !important;
        margin-right: 32px !important;
    }
    .my-sm-32 {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
    }
    .gx-sm-32 {
        gap: 0 32px !important;
    }
    .gy-sm-32 {
        gap: 32px !important;
    }
    .gap-sm-32 {
        gap: 32px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-32 {
        padding: 32px !important;
    }
    .pl-xsm-32 {
        padding-left: 32px !important;
    }
    .pr-xsm-32 {
        padding-right: 32px !important;
    }
    .pt-xsm-32 {
        padding-top: 32px !important;
    }
    .pb-xsm-32 {
        padding-bottom: 32px !important;
    }
    .px-xsm-32 {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
    .py-xsm-32 {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .m-xsm-32 {
        margin: 32px !important;
    }
    .ml-xsm-32 {
        margin-left: 32px !important;
    }
    .mr-xsm-32 {
        margin-right: 32px !important;
    }
    .mt-xsm-32 {
        margin-top: 32px !important;
    }
    .mb-xsm-32 {
        margin-bottom: 32px !important;
    }
    .mx-xsm-32 {
        margin-left: 32px !important;
        margin-right: 32px !important;
    }
    .my-xsm-32 {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
    }
    .gx-xsm-32 {
        gap: 0 32px !important;
    }
    .gy-xsm-32 {
        gap: 32px !important;
    }
    .gap-xsm-32 {
        gap: 32px !important;
    }
}

.p-32 {
    padding: 32px !important;
}

.pl-32 {
    padding-left: 32px !important;
}

.pr-32 {
    padding-right: 32px !important;
}

.pt-32 {
    padding-top: 32px !important;
}

.pb-32 {
    padding-bottom: 32px !important;
}

.px-32 {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.py-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.m-32 {
    margin: 32px !important;
}

.ml-32 {
    margin-left: 32px !important;
}

.mr-32 {
    margin-right: 32px !important;
}

.mt-32 {
    margin-top: 32px !important;
}

.mb-32 {
    margin-bottom: 32px !important;
}

.mx-32 {
    margin-left: 32px !important;
    margin-right: 32px !important;
}

.my-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}

.gx-32 {
    gap: 0 32px !important;
}

.gy-32 {
    gap: 32px !important;
}

.gap-32 {
    gap: 32px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-32 {
        padding-left: 0 !important;
        padding-right: 32px !important;
    }
    .rtl .pr-xxl-32 {
        padding-right: 0 !important;
        padding-left: 32px !important;
    }
    .rtl .ml-xxl-32 {
        margin-left: 0 !important;
        margin-right: 32px !important;
    }
    .rtl .mr-xxl-32 {
        margin-right: 0 !important;
        margin-left: 32px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-32 {
        padding-left: 0 !important;
        padding-right: 32px !important;
    }
    .rtl .pr-xl-32 {
        padding-right: 0 !important;
        padding-left: 32px !important;
    }
    .rtl .ml-xl-32 {
        margin-left: 0 !important;
        margin-right: 32px !important;
    }
    .rtl .mr-xl-32 {
        margin-right: 0 !important;
        margin-left: 32px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-32 {
        padding-left: 0 !important;
        padding-right: 32px !important;
    }
    .rtl .pr-lg-32 {
        padding-right: 0 !important;
        padding-left: 32px !important;
    }
    .rtl .ml-lg-32 {
        margin-left: 0 !important;
        margin-right: 32px !important;
    }
    .rtl .mr-lg-32 {
        margin-right: 0 !important;
        margin-left: 32px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-32 {
        padding-left: 0 !important;
        padding-right: 32px !important;
    }
    .rtl .pr-md-32 {
        padding-right: 0 !important;
        padding-left: 32px !important;
    }
    .rtl .ml-md-32 {
        margin-left: 0 !important;
        margin-right: 32px !important;
    }
    .rtl .mr-md-32 {
        margin-right: 0 !important;
        margin-left: 32px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-32 {
        padding-left: 0 !important;
        padding-right: 32px !important;
    }
    .rtl .pr-sm-32 {
        padding-right: 0 !important;
        padding-left: 32px !important;
    }
    .rtl .ml-sm-32 {
        margin-left: 0 !important;
        margin-right: 32px !important;
    }
    .rtl .mr-sm-32 {
        margin-right: 0 !important;
        margin-left: 32px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-32 {
        padding-left: 0 !important;
        padding-right: 32px !important;
    }
    .rtl .pr-xsm-32 {
        padding-right: 0 !important;
        padding-left: 32px !important;
    }
    .rtl .ml-xsm-32 {
        margin-left: 0 !important;
        margin-right: 32px !important;
    }
    .rtl .mr-xsm-32 {
        margin-right: 0 !important;
        margin-left: 32px !important;
    }
}

.rtl .pl-32 {
    padding-left: 0 !important;
    padding-right: 32px !important;
}

.rtl .pr-32 {
    padding-right: 0 !important;
    padding-left: 32px !important;
}

.rtl .ml-32 {
    margin-left: 0 !important;
    margin-right: 32px !important;
}

.rtl .mr-32 {
    margin-right: 0 !important;
    margin-left: 32px !important;
}

@media (min-width: 1200px) {
    .p-xxl-33 {
        padding: 33px !important;
    }
    .pl-xxl-33 {
        padding-left: 33px !important;
    }
    .pr-xxl-33 {
        padding-right: 33px !important;
    }
    .pt-xxl-33 {
        padding-top: 33px !important;
    }
    .pb-xxl-33 {
        padding-bottom: 33px !important;
    }
    .px-xxl-33 {
        padding-left: 33px !important;
        padding-right: 33px !important;
    }
    .py-xxl-33 {
        padding-top: 33px !important;
        padding-bottom: 33px !important;
    }
    .m-xxl-33 {
        margin: 33px !important;
    }
    .ml-xxl-33 {
        margin-left: 33px !important;
    }
    .mr-xxl-33 {
        margin-right: 33px !important;
    }
    .mt-xxl-33 {
        margin-top: 33px !important;
    }
    .mb-xxl-33 {
        margin-bottom: 33px !important;
    }
    .mx-xxl-33 {
        margin-left: 33px !important;
        margin-right: 33px !important;
    }
    .my-xxl-33 {
        margin-top: 33px !important;
        margin-bottom: 33px !important;
    }
    .gx-xxl-33 {
        gap: 0 33px !important;
    }
    .gy-xxl-33 {
        gap: 33px !important;
    }
    .gap-xxl-33 {
        gap: 33px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-33 {
        padding: 33px !important;
    }
    .pl-xl-33 {
        padding-left: 33px !important;
    }
    .pr-xl-33 {
        padding-right: 33px !important;
    }
    .pt-xl-33 {
        padding-top: 33px !important;
    }
    .pb-xl-33 {
        padding-bottom: 33px !important;
    }
    .px-xl-33 {
        padding-left: 33px !important;
        padding-right: 33px !important;
    }
    .py-xl-33 {
        padding-top: 33px !important;
        padding-bottom: 33px !important;
    }
    .m-xl-33 {
        margin: 33px !important;
    }
    .ml-xl-33 {
        margin-left: 33px !important;
    }
    .mr-xl-33 {
        margin-right: 33px !important;
    }
    .mt-xl-33 {
        margin-top: 33px !important;
    }
    .mb-xl-33 {
        margin-bottom: 33px !important;
    }
    .mx-xl-33 {
        margin-left: 33px !important;
        margin-right: 33px !important;
    }
    .my-xl-33 {
        margin-top: 33px !important;
        margin-bottom: 33px !important;
    }
    .gx-xl-33 {
        gap: 0 33px !important;
    }
    .gy-xl-33 {
        gap: 33px !important;
    }
    .gap-xl-33 {
        gap: 33px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-33 {
        padding: 33px !important;
    }
    .pl-lg-33 {
        padding-left: 33px !important;
    }
    .pr-lg-33 {
        padding-right: 33px !important;
    }
    .pt-lg-33 {
        padding-top: 33px !important;
    }
    .pb-lg-33 {
        padding-bottom: 33px !important;
    }
    .px-lg-33 {
        padding-left: 33px !important;
        padding-right: 33px !important;
    }
    .py-lg-33 {
        padding-top: 33px !important;
        padding-bottom: 33px !important;
    }
    .m-lg-33 {
        margin: 33px !important;
    }
    .ml-lg-33 {
        margin-left: 33px !important;
    }
    .mr-lg-33 {
        margin-right: 33px !important;
    }
    .mt-lg-33 {
        margin-top: 33px !important;
    }
    .mb-lg-33 {
        margin-bottom: 33px !important;
    }
    .mx-lg-33 {
        margin-left: 33px !important;
        margin-right: 33px !important;
    }
    .my-lg-33 {
        margin-top: 33px !important;
        margin-bottom: 33px !important;
    }
    .gx-lg-33 {
        gap: 0 33px !important;
    }
    .gy-lg-33 {
        gap: 33px !important;
    }
    .gap-lg-33 {
        gap: 33px !important;
    }
}

@media (min-width: 576px) {
    .p-md-33 {
        padding: 33px !important;
    }
    .pl-md-33 {
        padding-left: 33px !important;
    }
    .pr-md-33 {
        padding-right: 33px !important;
    }
    .pt-md-33 {
        padding-top: 33px !important;
    }
    .pb-md-33 {
        padding-bottom: 33px !important;
    }
    .px-md-33 {
        padding-left: 33px !important;
        padding-right: 33px !important;
    }
    .py-md-33 {
        padding-top: 33px !important;
        padding-bottom: 33px !important;
    }
    .m-md-33 {
        margin: 33px !important;
    }
    .ml-md-33 {
        margin-left: 33px !important;
    }
    .mr-md-33 {
        margin-right: 33px !important;
    }
    .mt-md-33 {
        margin-top: 33px !important;
    }
    .mb-md-33 {
        margin-bottom: 33px !important;
    }
    .mx-md-33 {
        margin-left: 33px !important;
        margin-right: 33px !important;
    }
    .my-md-33 {
        margin-top: 33px !important;
        margin-bottom: 33px !important;
    }
    .gx-md-33 {
        gap: 0 33px !important;
    }
    .gy-md-33 {
        gap: 33px !important;
    }
    .gap-md-33 {
        gap: 33px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-33 {
        padding: 33px !important;
    }
    .pl-sm-33 {
        padding-left: 33px !important;
    }
    .pr-sm-33 {
        padding-right: 33px !important;
    }
    .pt-sm-33 {
        padding-top: 33px !important;
    }
    .pb-sm-33 {
        padding-bottom: 33px !important;
    }
    .px-sm-33 {
        padding-left: 33px !important;
        padding-right: 33px !important;
    }
    .py-sm-33 {
        padding-top: 33px !important;
        padding-bottom: 33px !important;
    }
    .m-sm-33 {
        margin: 33px !important;
    }
    .ml-sm-33 {
        margin-left: 33px !important;
    }
    .mr-sm-33 {
        margin-right: 33px !important;
    }
    .mt-sm-33 {
        margin-top: 33px !important;
    }
    .mb-sm-33 {
        margin-bottom: 33px !important;
    }
    .mx-sm-33 {
        margin-left: 33px !important;
        margin-right: 33px !important;
    }
    .my-sm-33 {
        margin-top: 33px !important;
        margin-bottom: 33px !important;
    }
    .gx-sm-33 {
        gap: 0 33px !important;
    }
    .gy-sm-33 {
        gap: 33px !important;
    }
    .gap-sm-33 {
        gap: 33px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-33 {
        padding: 33px !important;
    }
    .pl-xsm-33 {
        padding-left: 33px !important;
    }
    .pr-xsm-33 {
        padding-right: 33px !important;
    }
    .pt-xsm-33 {
        padding-top: 33px !important;
    }
    .pb-xsm-33 {
        padding-bottom: 33px !important;
    }
    .px-xsm-33 {
        padding-left: 33px !important;
        padding-right: 33px !important;
    }
    .py-xsm-33 {
        padding-top: 33px !important;
        padding-bottom: 33px !important;
    }
    .m-xsm-33 {
        margin: 33px !important;
    }
    .ml-xsm-33 {
        margin-left: 33px !important;
    }
    .mr-xsm-33 {
        margin-right: 33px !important;
    }
    .mt-xsm-33 {
        margin-top: 33px !important;
    }
    .mb-xsm-33 {
        margin-bottom: 33px !important;
    }
    .mx-xsm-33 {
        margin-left: 33px !important;
        margin-right: 33px !important;
    }
    .my-xsm-33 {
        margin-top: 33px !important;
        margin-bottom: 33px !important;
    }
    .gx-xsm-33 {
        gap: 0 33px !important;
    }
    .gy-xsm-33 {
        gap: 33px !important;
    }
    .gap-xsm-33 {
        gap: 33px !important;
    }
}

.p-33 {
    padding: 33px !important;
}

.pl-33 {
    padding-left: 33px !important;
}

.pr-33 {
    padding-right: 33px !important;
}

.pt-33 {
    padding-top: 33px !important;
}

.pb-33 {
    padding-bottom: 33px !important;
}

.px-33 {
    padding-left: 33px !important;
    padding-right: 33px !important;
}

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

.m-33 {
    margin: 33px !important;
}

.ml-33 {
    margin-left: 33px !important;
}

.mr-33 {
    margin-right: 33px !important;
}

.mt-33 {
    margin-top: 33px !important;
}

.mb-33 {
    margin-bottom: 33px !important;
}

.mx-33 {
    margin-left: 33px !important;
    margin-right: 33px !important;
}

.my-33 {
    margin-top: 33px !important;
    margin-bottom: 33px !important;
}

.gx-33 {
    gap: 0 33px !important;
}

.gy-33 {
    gap: 33px !important;
}

.gap-33 {
    gap: 33px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-33 {
        padding-left: 0 !important;
        padding-right: 33px !important;
    }
    .rtl .pr-xxl-33 {
        padding-right: 0 !important;
        padding-left: 33px !important;
    }
    .rtl .ml-xxl-33 {
        margin-left: 0 !important;
        margin-right: 33px !important;
    }
    .rtl .mr-xxl-33 {
        margin-right: 0 !important;
        margin-left: 33px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-33 {
        padding-left: 0 !important;
        padding-right: 33px !important;
    }
    .rtl .pr-xl-33 {
        padding-right: 0 !important;
        padding-left: 33px !important;
    }
    .rtl .ml-xl-33 {
        margin-left: 0 !important;
        margin-right: 33px !important;
    }
    .rtl .mr-xl-33 {
        margin-right: 0 !important;
        margin-left: 33px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-33 {
        padding-left: 0 !important;
        padding-right: 33px !important;
    }
    .rtl .pr-lg-33 {
        padding-right: 0 !important;
        padding-left: 33px !important;
    }
    .rtl .ml-lg-33 {
        margin-left: 0 !important;
        margin-right: 33px !important;
    }
    .rtl .mr-lg-33 {
        margin-right: 0 !important;
        margin-left: 33px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-33 {
        padding-left: 0 !important;
        padding-right: 33px !important;
    }
    .rtl .pr-md-33 {
        padding-right: 0 !important;
        padding-left: 33px !important;
    }
    .rtl .ml-md-33 {
        margin-left: 0 !important;
        margin-right: 33px !important;
    }
    .rtl .mr-md-33 {
        margin-right: 0 !important;
        margin-left: 33px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-33 {
        padding-left: 0 !important;
        padding-right: 33px !important;
    }
    .rtl .pr-sm-33 {
        padding-right: 0 !important;
        padding-left: 33px !important;
    }
    .rtl .ml-sm-33 {
        margin-left: 0 !important;
        margin-right: 33px !important;
    }
    .rtl .mr-sm-33 {
        margin-right: 0 !important;
        margin-left: 33px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-33 {
        padding-left: 0 !important;
        padding-right: 33px !important;
    }
    .rtl .pr-xsm-33 {
        padding-right: 0 !important;
        padding-left: 33px !important;
    }
    .rtl .ml-xsm-33 {
        margin-left: 0 !important;
        margin-right: 33px !important;
    }
    .rtl .mr-xsm-33 {
        margin-right: 0 !important;
        margin-left: 33px !important;
    }
}

.rtl .pl-33 {
    padding-left: 0 !important;
    padding-right: 33px !important;
}

.rtl .pr-33 {
    padding-right: 0 !important;
    padding-left: 33px !important;
}

.rtl .ml-33 {
    margin-left: 0 !important;
    margin-right: 33px !important;
}

.rtl .mr-33 {
    margin-right: 0 !important;
    margin-left: 33px !important;
}

@media (min-width: 1200px) {
    .p-xxl-34 {
        padding: 34px !important;
    }
    .pl-xxl-34 {
        padding-left: 34px !important;
    }
    .pr-xxl-34 {
        padding-right: 34px !important;
    }
    .pt-xxl-34 {
        padding-top: 34px !important;
    }
    .pb-xxl-34 {
        padding-bottom: 34px !important;
    }
    .px-xxl-34 {
        padding-left: 34px !important;
        padding-right: 34px !important;
    }
    .py-xxl-34 {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }
    .m-xxl-34 {
        margin: 34px !important;
    }
    .ml-xxl-34 {
        margin-left: 34px !important;
    }
    .mr-xxl-34 {
        margin-right: 34px !important;
    }
    .mt-xxl-34 {
        margin-top: 34px !important;
    }
    .mb-xxl-34 {
        margin-bottom: 34px !important;
    }
    .mx-xxl-34 {
        margin-left: 34px !important;
        margin-right: 34px !important;
    }
    .my-xxl-34 {
        margin-top: 34px !important;
        margin-bottom: 34px !important;
    }
    .gx-xxl-34 {
        gap: 0 34px !important;
    }
    .gy-xxl-34 {
        gap: 34px !important;
    }
    .gap-xxl-34 {
        gap: 34px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-34 {
        padding: 34px !important;
    }
    .pl-xl-34 {
        padding-left: 34px !important;
    }
    .pr-xl-34 {
        padding-right: 34px !important;
    }
    .pt-xl-34 {
        padding-top: 34px !important;
    }
    .pb-xl-34 {
        padding-bottom: 34px !important;
    }
    .px-xl-34 {
        padding-left: 34px !important;
        padding-right: 34px !important;
    }
    .py-xl-34 {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }
    .m-xl-34 {
        margin: 34px !important;
    }
    .ml-xl-34 {
        margin-left: 34px !important;
    }
    .mr-xl-34 {
        margin-right: 34px !important;
    }
    .mt-xl-34 {
        margin-top: 34px !important;
    }
    .mb-xl-34 {
        margin-bottom: 34px !important;
    }
    .mx-xl-34 {
        margin-left: 34px !important;
        margin-right: 34px !important;
    }
    .my-xl-34 {
        margin-top: 34px !important;
        margin-bottom: 34px !important;
    }
    .gx-xl-34 {
        gap: 0 34px !important;
    }
    .gy-xl-34 {
        gap: 34px !important;
    }
    .gap-xl-34 {
        gap: 34px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-34 {
        padding: 34px !important;
    }
    .pl-lg-34 {
        padding-left: 34px !important;
    }
    .pr-lg-34 {
        padding-right: 34px !important;
    }
    .pt-lg-34 {
        padding-top: 34px !important;
    }
    .pb-lg-34 {
        padding-bottom: 34px !important;
    }
    .px-lg-34 {
        padding-left: 34px !important;
        padding-right: 34px !important;
    }
    .py-lg-34 {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }
    .m-lg-34 {
        margin: 34px !important;
    }
    .ml-lg-34 {
        margin-left: 34px !important;
    }
    .mr-lg-34 {
        margin-right: 34px !important;
    }
    .mt-lg-34 {
        margin-top: 34px !important;
    }
    .mb-lg-34 {
        margin-bottom: 34px !important;
    }
    .mx-lg-34 {
        margin-left: 34px !important;
        margin-right: 34px !important;
    }
    .my-lg-34 {
        margin-top: 34px !important;
        margin-bottom: 34px !important;
    }
    .gx-lg-34 {
        gap: 0 34px !important;
    }
    .gy-lg-34 {
        gap: 34px !important;
    }
    .gap-lg-34 {
        gap: 34px !important;
    }
}

@media (min-width: 576px) {
    .p-md-34 {
        padding: 34px !important;
    }
    .pl-md-34 {
        padding-left: 34px !important;
    }
    .pr-md-34 {
        padding-right: 34px !important;
    }
    .pt-md-34 {
        padding-top: 34px !important;
    }
    .pb-md-34 {
        padding-bottom: 34px !important;
    }
    .px-md-34 {
        padding-left: 34px !important;
        padding-right: 34px !important;
    }
    .py-md-34 {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }
    .m-md-34 {
        margin: 34px !important;
    }
    .ml-md-34 {
        margin-left: 34px !important;
    }
    .mr-md-34 {
        margin-right: 34px !important;
    }
    .mt-md-34 {
        margin-top: 34px !important;
    }
    .mb-md-34 {
        margin-bottom: 34px !important;
    }
    .mx-md-34 {
        margin-left: 34px !important;
        margin-right: 34px !important;
    }
    .my-md-34 {
        margin-top: 34px !important;
        margin-bottom: 34px !important;
    }
    .gx-md-34 {
        gap: 0 34px !important;
    }
    .gy-md-34 {
        gap: 34px !important;
    }
    .gap-md-34 {
        gap: 34px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-34 {
        padding: 34px !important;
    }
    .pl-sm-34 {
        padding-left: 34px !important;
    }
    .pr-sm-34 {
        padding-right: 34px !important;
    }
    .pt-sm-34 {
        padding-top: 34px !important;
    }
    .pb-sm-34 {
        padding-bottom: 34px !important;
    }
    .px-sm-34 {
        padding-left: 34px !important;
        padding-right: 34px !important;
    }
    .py-sm-34 {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }
    .m-sm-34 {
        margin: 34px !important;
    }
    .ml-sm-34 {
        margin-left: 34px !important;
    }
    .mr-sm-34 {
        margin-right: 34px !important;
    }
    .mt-sm-34 {
        margin-top: 34px !important;
    }
    .mb-sm-34 {
        margin-bottom: 34px !important;
    }
    .mx-sm-34 {
        margin-left: 34px !important;
        margin-right: 34px !important;
    }
    .my-sm-34 {
        margin-top: 34px !important;
        margin-bottom: 34px !important;
    }
    .gx-sm-34 {
        gap: 0 34px !important;
    }
    .gy-sm-34 {
        gap: 34px !important;
    }
    .gap-sm-34 {
        gap: 34px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-34 {
        padding: 34px !important;
    }
    .pl-xsm-34 {
        padding-left: 34px !important;
    }
    .pr-xsm-34 {
        padding-right: 34px !important;
    }
    .pt-xsm-34 {
        padding-top: 34px !important;
    }
    .pb-xsm-34 {
        padding-bottom: 34px !important;
    }
    .px-xsm-34 {
        padding-left: 34px !important;
        padding-right: 34px !important;
    }
    .py-xsm-34 {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }
    .m-xsm-34 {
        margin: 34px !important;
    }
    .ml-xsm-34 {
        margin-left: 34px !important;
    }
    .mr-xsm-34 {
        margin-right: 34px !important;
    }
    .mt-xsm-34 {
        margin-top: 34px !important;
    }
    .mb-xsm-34 {
        margin-bottom: 34px !important;
    }
    .mx-xsm-34 {
        margin-left: 34px !important;
        margin-right: 34px !important;
    }
    .my-xsm-34 {
        margin-top: 34px !important;
        margin-bottom: 34px !important;
    }
    .gx-xsm-34 {
        gap: 0 34px !important;
    }
    .gy-xsm-34 {
        gap: 34px !important;
    }
    .gap-xsm-34 {
        gap: 34px !important;
    }
}

.p-34 {
    padding: 34px !important;
}

.pl-34 {
    padding-left: 34px !important;
}

.pr-34 {
    padding-right: 34px !important;
}

.pt-34 {
    padding-top: 34px !important;
}

.pb-34 {
    padding-bottom: 34px !important;
}

.px-34 {
    padding-left: 34px !important;
    padding-right: 34px !important;
}

.py-34 {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}

.m-34 {
    margin: 34px !important;
}

.ml-34 {
    margin-left: 34px !important;
}

.mr-34 {
    margin-right: 34px !important;
}

.mt-34 {
    margin-top: 34px !important;
}

.mb-34 {
    margin-bottom: 34px !important;
}

.mx-34 {
    margin-left: 34px !important;
    margin-right: 34px !important;
}

.my-34 {
    margin-top: 34px !important;
    margin-bottom: 34px !important;
}

.gx-34 {
    gap: 0 34px !important;
}

.gy-34 {
    gap: 34px !important;
}

.gap-34 {
    gap: 34px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-34 {
        padding-left: 0 !important;
        padding-right: 34px !important;
    }
    .rtl .pr-xxl-34 {
        padding-right: 0 !important;
        padding-left: 34px !important;
    }
    .rtl .ml-xxl-34 {
        margin-left: 0 !important;
        margin-right: 34px !important;
    }
    .rtl .mr-xxl-34 {
        margin-right: 0 !important;
        margin-left: 34px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-34 {
        padding-left: 0 !important;
        padding-right: 34px !important;
    }
    .rtl .pr-xl-34 {
        padding-right: 0 !important;
        padding-left: 34px !important;
    }
    .rtl .ml-xl-34 {
        margin-left: 0 !important;
        margin-right: 34px !important;
    }
    .rtl .mr-xl-34 {
        margin-right: 0 !important;
        margin-left: 34px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-34 {
        padding-left: 0 !important;
        padding-right: 34px !important;
    }
    .rtl .pr-lg-34 {
        padding-right: 0 !important;
        padding-left: 34px !important;
    }
    .rtl .ml-lg-34 {
        margin-left: 0 !important;
        margin-right: 34px !important;
    }
    .rtl .mr-lg-34 {
        margin-right: 0 !important;
        margin-left: 34px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-34 {
        padding-left: 0 !important;
        padding-right: 34px !important;
    }
    .rtl .pr-md-34 {
        padding-right: 0 !important;
        padding-left: 34px !important;
    }
    .rtl .ml-md-34 {
        margin-left: 0 !important;
        margin-right: 34px !important;
    }
    .rtl .mr-md-34 {
        margin-right: 0 !important;
        margin-left: 34px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-34 {
        padding-left: 0 !important;
        padding-right: 34px !important;
    }
    .rtl .pr-sm-34 {
        padding-right: 0 !important;
        padding-left: 34px !important;
    }
    .rtl .ml-sm-34 {
        margin-left: 0 !important;
        margin-right: 34px !important;
    }
    .rtl .mr-sm-34 {
        margin-right: 0 !important;
        margin-left: 34px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-34 {
        padding-left: 0 !important;
        padding-right: 34px !important;
    }
    .rtl .pr-xsm-34 {
        padding-right: 0 !important;
        padding-left: 34px !important;
    }
    .rtl .ml-xsm-34 {
        margin-left: 0 !important;
        margin-right: 34px !important;
    }
    .rtl .mr-xsm-34 {
        margin-right: 0 !important;
        margin-left: 34px !important;
    }
}

.rtl .pl-34 {
    padding-left: 0 !important;
    padding-right: 34px !important;
}

.rtl .pr-34 {
    padding-right: 0 !important;
    padding-left: 34px !important;
}

.rtl .ml-34 {
    margin-left: 0 !important;
    margin-right: 34px !important;
}

.rtl .mr-34 {
    margin-right: 0 !important;
    margin-left: 34px !important;
}

@media (min-width: 1200px) {
    .p-xxl-35 {
        padding: 35px !important;
    }
    .pl-xxl-35 {
        padding-left: 35px !important;
    }
    .pr-xxl-35 {
        padding-right: 35px !important;
    }
    .pt-xxl-35 {
        padding-top: 35px !important;
    }
    .pb-xxl-35 {
        padding-bottom: 35px !important;
    }
    .px-xxl-35 {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
    .py-xxl-35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
    .m-xxl-35 {
        margin: 35px !important;
    }
    .ml-xxl-35 {
        margin-left: 35px !important;
    }
    .mr-xxl-35 {
        margin-right: 35px !important;
    }
    .mt-xxl-35 {
        margin-top: 35px !important;
    }
    .mb-xxl-35 {
        margin-bottom: 35px !important;
    }
    .mx-xxl-35 {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }
    .my-xxl-35 {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }
    .gx-xxl-35 {
        gap: 0 35px !important;
    }
    .gy-xxl-35 {
        gap: 35px !important;
    }
    .gap-xxl-35 {
        gap: 35px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-35 {
        padding: 35px !important;
    }
    .pl-xl-35 {
        padding-left: 35px !important;
    }
    .pr-xl-35 {
        padding-right: 35px !important;
    }
    .pt-xl-35 {
        padding-top: 35px !important;
    }
    .pb-xl-35 {
        padding-bottom: 35px !important;
    }
    .px-xl-35 {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
    .py-xl-35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
    .m-xl-35 {
        margin: 35px !important;
    }
    .ml-xl-35 {
        margin-left: 35px !important;
    }
    .mr-xl-35 {
        margin-right: 35px !important;
    }
    .mt-xl-35 {
        margin-top: 35px !important;
    }
    .mb-xl-35 {
        margin-bottom: 35px !important;
    }
    .mx-xl-35 {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }
    .my-xl-35 {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }
    .gx-xl-35 {
        gap: 0 35px !important;
    }
    .gy-xl-35 {
        gap: 35px !important;
    }
    .gap-xl-35 {
        gap: 35px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-35 {
        padding: 35px !important;
    }
    .pl-lg-35 {
        padding-left: 35px !important;
    }
    .pr-lg-35 {
        padding-right: 35px !important;
    }
    .pt-lg-35 {
        padding-top: 35px !important;
    }
    .pb-lg-35 {
        padding-bottom: 35px !important;
    }
    .px-lg-35 {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
    .py-lg-35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
    .m-lg-35 {
        margin: 35px !important;
    }
    .ml-lg-35 {
        margin-left: 35px !important;
    }
    .mr-lg-35 {
        margin-right: 35px !important;
    }
    .mt-lg-35 {
        margin-top: 35px !important;
    }
    .mb-lg-35 {
        margin-bottom: 35px !important;
    }
    .mx-lg-35 {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }
    .my-lg-35 {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }
    .gx-lg-35 {
        gap: 0 35px !important;
    }
    .gy-lg-35 {
        gap: 35px !important;
    }
    .gap-lg-35 {
        gap: 35px !important;
    }
}

@media (min-width: 576px) {
    .p-md-35 {
        padding: 35px !important;
    }
    .pl-md-35 {
        padding-left: 35px !important;
    }
    .pr-md-35 {
        padding-right: 35px !important;
    }
    .pt-md-35 {
        padding-top: 35px !important;
    }
    .pb-md-35 {
        padding-bottom: 35px !important;
    }
    .px-md-35 {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
    .py-md-35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
    .m-md-35 {
        margin: 35px !important;
    }
    .ml-md-35 {
        margin-left: 35px !important;
    }
    .mr-md-35 {
        margin-right: 35px !important;
    }
    .mt-md-35 {
        margin-top: 35px !important;
    }
    .mb-md-35 {
        margin-bottom: 35px !important;
    }
    .mx-md-35 {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }
    .my-md-35 {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }
    .gx-md-35 {
        gap: 0 35px !important;
    }
    .gy-md-35 {
        gap: 35px !important;
    }
    .gap-md-35 {
        gap: 35px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-35 {
        padding: 35px !important;
    }
    .pl-sm-35 {
        padding-left: 35px !important;
    }
    .pr-sm-35 {
        padding-right: 35px !important;
    }
    .pt-sm-35 {
        padding-top: 35px !important;
    }
    .pb-sm-35 {
        padding-bottom: 35px !important;
    }
    .px-sm-35 {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
    .py-sm-35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
    .m-sm-35 {
        margin: 35px !important;
    }
    .ml-sm-35 {
        margin-left: 35px !important;
    }
    .mr-sm-35 {
        margin-right: 35px !important;
    }
    .mt-sm-35 {
        margin-top: 35px !important;
    }
    .mb-sm-35 {
        margin-bottom: 35px !important;
    }
    .mx-sm-35 {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }
    .my-sm-35 {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }
    .gx-sm-35 {
        gap: 0 35px !important;
    }
    .gy-sm-35 {
        gap: 35px !important;
    }
    .gap-sm-35 {
        gap: 35px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-35 {
        padding: 35px !important;
    }
    .pl-xsm-35 {
        padding-left: 35px !important;
    }
    .pr-xsm-35 {
        padding-right: 35px !important;
    }
    .pt-xsm-35 {
        padding-top: 35px !important;
    }
    .pb-xsm-35 {
        padding-bottom: 35px !important;
    }
    .px-xsm-35 {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
    .py-xsm-35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
    .m-xsm-35 {
        margin: 35px !important;
    }
    .ml-xsm-35 {
        margin-left: 35px !important;
    }
    .mr-xsm-35 {
        margin-right: 35px !important;
    }
    .mt-xsm-35 {
        margin-top: 35px !important;
    }
    .mb-xsm-35 {
        margin-bottom: 35px !important;
    }
    .mx-xsm-35 {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }
    .my-xsm-35 {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }
    .gx-xsm-35 {
        gap: 0 35px !important;
    }
    .gy-xsm-35 {
        gap: 35px !important;
    }
    .gap-xsm-35 {
        gap: 35px !important;
    }
}

.p-35 {
    padding: 35px !important;
}

.pl-35 {
    padding-left: 35px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

.py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.m-35 {
    margin: 35px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mx-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
}

.my-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.gx-35 {
    gap: 0 35px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-35 {
        padding-left: 0 !important;
        padding-right: 35px !important;
    }
    .rtl .pr-xxl-35 {
        padding-right: 0 !important;
        padding-left: 35px !important;
    }
    .rtl .ml-xxl-35 {
        margin-left: 0 !important;
        margin-right: 35px !important;
    }
    .rtl .mr-xxl-35 {
        margin-right: 0 !important;
        margin-left: 35px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-35 {
        padding-left: 0 !important;
        padding-right: 35px !important;
    }
    .rtl .pr-xl-35 {
        padding-right: 0 !important;
        padding-left: 35px !important;
    }
    .rtl .ml-xl-35 {
        margin-left: 0 !important;
        margin-right: 35px !important;
    }
    .rtl .mr-xl-35 {
        margin-right: 0 !important;
        margin-left: 35px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-35 {
        padding-left: 0 !important;
        padding-right: 35px !important;
    }
    .rtl .pr-lg-35 {
        padding-right: 0 !important;
        padding-left: 35px !important;
    }
    .rtl .ml-lg-35 {
        margin-left: 0 !important;
        margin-right: 35px !important;
    }
    .rtl .mr-lg-35 {
        margin-right: 0 !important;
        margin-left: 35px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-35 {
        padding-left: 0 !important;
        padding-right: 35px !important;
    }
    .rtl .pr-md-35 {
        padding-right: 0 !important;
        padding-left: 35px !important;
    }
    .rtl .ml-md-35 {
        margin-left: 0 !important;
        margin-right: 35px !important;
    }
    .rtl .mr-md-35 {
        margin-right: 0 !important;
        margin-left: 35px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-35 {
        padding-left: 0 !important;
        padding-right: 35px !important;
    }
    .rtl .pr-sm-35 {
        padding-right: 0 !important;
        padding-left: 35px !important;
    }
    .rtl .ml-sm-35 {
        margin-left: 0 !important;
        margin-right: 35px !important;
    }
    .rtl .mr-sm-35 {
        margin-right: 0 !important;
        margin-left: 35px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-35 {
        padding-left: 0 !important;
        padding-right: 35px !important;
    }
    .rtl .pr-xsm-35 {
        padding-right: 0 !important;
        padding-left: 35px !important;
    }
    .rtl .ml-xsm-35 {
        margin-left: 0 !important;
        margin-right: 35px !important;
    }
    .rtl .mr-xsm-35 {
        margin-right: 0 !important;
        margin-left: 35px !important;
    }
}

.rtl .pl-35 {
    padding-left: 0 !important;
    padding-right: 35px !important;
}

.rtl .pr-35 {
    padding-right: 0 !important;
    padding-left: 35px !important;
}

.rtl .ml-35 {
    margin-left: 0 !important;
    margin-right: 35px !important;
}

.rtl .mr-35 {
    margin-right: 0 !important;
    margin-left: 35px !important;
}

@media (min-width: 1200px) {
    .p-xxl-36 {
        padding: 36px !important;
    }
    .pl-xxl-36 {
        padding-left: 36px !important;
    }
    .pr-xxl-36 {
        padding-right: 36px !important;
    }
    .pt-xxl-36 {
        padding-top: 36px !important;
    }
    .pb-xxl-36 {
        padding-bottom: 36px !important;
    }
    .px-xxl-36 {
        padding-left: 36px !important;
        padding-right: 36px !important;
    }
    .py-xxl-36 {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .m-xxl-36 {
        margin: 36px !important;
    }
    .ml-xxl-36 {
        margin-left: 36px !important;
    }
    .mr-xxl-36 {
        margin-right: 36px !important;
    }
    .mt-xxl-36 {
        margin-top: 36px !important;
    }
    .mb-xxl-36 {
        margin-bottom: 36px !important;
    }
    .mx-xxl-36 {
        margin-left: 36px !important;
        margin-right: 36px !important;
    }
    .my-xxl-36 {
        margin-top: 36px !important;
        margin-bottom: 36px !important;
    }
    .gx-xxl-36 {
        gap: 0 36px !important;
    }
    .gy-xxl-36 {
        gap: 36px !important;
    }
    .gap-xxl-36 {
        gap: 36px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-36 {
        padding: 36px !important;
    }
    .pl-xl-36 {
        padding-left: 36px !important;
    }
    .pr-xl-36 {
        padding-right: 36px !important;
    }
    .pt-xl-36 {
        padding-top: 36px !important;
    }
    .pb-xl-36 {
        padding-bottom: 36px !important;
    }
    .px-xl-36 {
        padding-left: 36px !important;
        padding-right: 36px !important;
    }
    .py-xl-36 {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .m-xl-36 {
        margin: 36px !important;
    }
    .ml-xl-36 {
        margin-left: 36px !important;
    }
    .mr-xl-36 {
        margin-right: 36px !important;
    }
    .mt-xl-36 {
        margin-top: 36px !important;
    }
    .mb-xl-36 {
        margin-bottom: 36px !important;
    }
    .mx-xl-36 {
        margin-left: 36px !important;
        margin-right: 36px !important;
    }
    .my-xl-36 {
        margin-top: 36px !important;
        margin-bottom: 36px !important;
    }
    .gx-xl-36 {
        gap: 0 36px !important;
    }
    .gy-xl-36 {
        gap: 36px !important;
    }
    .gap-xl-36 {
        gap: 36px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-36 {
        padding: 36px !important;
    }
    .pl-lg-36 {
        padding-left: 36px !important;
    }
    .pr-lg-36 {
        padding-right: 36px !important;
    }
    .pt-lg-36 {
        padding-top: 36px !important;
    }
    .pb-lg-36 {
        padding-bottom: 36px !important;
    }
    .px-lg-36 {
        padding-left: 36px !important;
        padding-right: 36px !important;
    }
    .py-lg-36 {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .m-lg-36 {
        margin: 36px !important;
    }
    .ml-lg-36 {
        margin-left: 36px !important;
    }
    .mr-lg-36 {
        margin-right: 36px !important;
    }
    .mt-lg-36 {
        margin-top: 36px !important;
    }
    .mb-lg-36 {
        margin-bottom: 36px !important;
    }
    .mx-lg-36 {
        margin-left: 36px !important;
        margin-right: 36px !important;
    }
    .my-lg-36 {
        margin-top: 36px !important;
        margin-bottom: 36px !important;
    }
    .gx-lg-36 {
        gap: 0 36px !important;
    }
    .gy-lg-36 {
        gap: 36px !important;
    }
    .gap-lg-36 {
        gap: 36px !important;
    }
}

@media (min-width: 576px) {
    .p-md-36 {
        padding: 36px !important;
    }
    .pl-md-36 {
        padding-left: 36px !important;
    }
    .pr-md-36 {
        padding-right: 36px !important;
    }
    .pt-md-36 {
        padding-top: 36px !important;
    }
    .pb-md-36 {
        padding-bottom: 36px !important;
    }
    .px-md-36 {
        padding-left: 36px !important;
        padding-right: 36px !important;
    }
    .py-md-36 {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .m-md-36 {
        margin: 36px !important;
    }
    .ml-md-36 {
        margin-left: 36px !important;
    }
    .mr-md-36 {
        margin-right: 36px !important;
    }
    .mt-md-36 {
        margin-top: 36px !important;
    }
    .mb-md-36 {
        margin-bottom: 36px !important;
    }
    .mx-md-36 {
        margin-left: 36px !important;
        margin-right: 36px !important;
    }
    .my-md-36 {
        margin-top: 36px !important;
        margin-bottom: 36px !important;
    }
    .gx-md-36 {
        gap: 0 36px !important;
    }
    .gy-md-36 {
        gap: 36px !important;
    }
    .gap-md-36 {
        gap: 36px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-36 {
        padding: 36px !important;
    }
    .pl-sm-36 {
        padding-left: 36px !important;
    }
    .pr-sm-36 {
        padding-right: 36px !important;
    }
    .pt-sm-36 {
        padding-top: 36px !important;
    }
    .pb-sm-36 {
        padding-bottom: 36px !important;
    }
    .px-sm-36 {
        padding-left: 36px !important;
        padding-right: 36px !important;
    }
    .py-sm-36 {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .m-sm-36 {
        margin: 36px !important;
    }
    .ml-sm-36 {
        margin-left: 36px !important;
    }
    .mr-sm-36 {
        margin-right: 36px !important;
    }
    .mt-sm-36 {
        margin-top: 36px !important;
    }
    .mb-sm-36 {
        margin-bottom: 36px !important;
    }
    .mx-sm-36 {
        margin-left: 36px !important;
        margin-right: 36px !important;
    }
    .my-sm-36 {
        margin-top: 36px !important;
        margin-bottom: 36px !important;
    }
    .gx-sm-36 {
        gap: 0 36px !important;
    }
    .gy-sm-36 {
        gap: 36px !important;
    }
    .gap-sm-36 {
        gap: 36px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-36 {
        padding: 36px !important;
    }
    .pl-xsm-36 {
        padding-left: 36px !important;
    }
    .pr-xsm-36 {
        padding-right: 36px !important;
    }
    .pt-xsm-36 {
        padding-top: 36px !important;
    }
    .pb-xsm-36 {
        padding-bottom: 36px !important;
    }
    .px-xsm-36 {
        padding-left: 36px !important;
        padding-right: 36px !important;
    }
    .py-xsm-36 {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .m-xsm-36 {
        margin: 36px !important;
    }
    .ml-xsm-36 {
        margin-left: 36px !important;
    }
    .mr-xsm-36 {
        margin-right: 36px !important;
    }
    .mt-xsm-36 {
        margin-top: 36px !important;
    }
    .mb-xsm-36 {
        margin-bottom: 36px !important;
    }
    .mx-xsm-36 {
        margin-left: 36px !important;
        margin-right: 36px !important;
    }
    .my-xsm-36 {
        margin-top: 36px !important;
        margin-bottom: 36px !important;
    }
    .gx-xsm-36 {
        gap: 0 36px !important;
    }
    .gy-xsm-36 {
        gap: 36px !important;
    }
    .gap-xsm-36 {
        gap: 36px !important;
    }
}

.p-36 {
    padding: 36px !important;
}

.pl-36 {
    padding-left: 36px !important;
}

.pr-36 {
    padding-right: 36px !important;
}

.pt-36 {
    padding-top: 36px !important;
}

.pb-36 {
    padding-bottom: 36px !important;
}

.px-36 {
    padding-left: 36px !important;
    padding-right: 36px !important;
}

.py-36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
}

.m-36 {
    margin: 36px !important;
}

.ml-36 {
    margin-left: 36px !important;
}

.mr-36 {
    margin-right: 36px !important;
}

.mt-36 {
    margin-top: 36px !important;
}

.mb-36 {
    margin-bottom: 36px !important;
}

.mx-36 {
    margin-left: 36px !important;
    margin-right: 36px !important;
}

.my-36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
}

.gx-36 {
    gap: 0 36px !important;
}

.gy-36 {
    gap: 36px !important;
}

.gap-36 {
    gap: 36px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-36 {
        padding-left: 0 !important;
        padding-right: 36px !important;
    }
    .rtl .pr-xxl-36 {
        padding-right: 0 !important;
        padding-left: 36px !important;
    }
    .rtl .ml-xxl-36 {
        margin-left: 0 !important;
        margin-right: 36px !important;
    }
    .rtl .mr-xxl-36 {
        margin-right: 0 !important;
        margin-left: 36px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-36 {
        padding-left: 0 !important;
        padding-right: 36px !important;
    }
    .rtl .pr-xl-36 {
        padding-right: 0 !important;
        padding-left: 36px !important;
    }
    .rtl .ml-xl-36 {
        margin-left: 0 !important;
        margin-right: 36px !important;
    }
    .rtl .mr-xl-36 {
        margin-right: 0 !important;
        margin-left: 36px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-36 {
        padding-left: 0 !important;
        padding-right: 36px !important;
    }
    .rtl .pr-lg-36 {
        padding-right: 0 !important;
        padding-left: 36px !important;
    }
    .rtl .ml-lg-36 {
        margin-left: 0 !important;
        margin-right: 36px !important;
    }
    .rtl .mr-lg-36 {
        margin-right: 0 !important;
        margin-left: 36px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-36 {
        padding-left: 0 !important;
        padding-right: 36px !important;
    }
    .rtl .pr-md-36 {
        padding-right: 0 !important;
        padding-left: 36px !important;
    }
    .rtl .ml-md-36 {
        margin-left: 0 !important;
        margin-right: 36px !important;
    }
    .rtl .mr-md-36 {
        margin-right: 0 !important;
        margin-left: 36px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-36 {
        padding-left: 0 !important;
        padding-right: 36px !important;
    }
    .rtl .pr-sm-36 {
        padding-right: 0 !important;
        padding-left: 36px !important;
    }
    .rtl .ml-sm-36 {
        margin-left: 0 !important;
        margin-right: 36px !important;
    }
    .rtl .mr-sm-36 {
        margin-right: 0 !important;
        margin-left: 36px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-36 {
        padding-left: 0 !important;
        padding-right: 36px !important;
    }
    .rtl .pr-xsm-36 {
        padding-right: 0 !important;
        padding-left: 36px !important;
    }
    .rtl .ml-xsm-36 {
        margin-left: 0 !important;
        margin-right: 36px !important;
    }
    .rtl .mr-xsm-36 {
        margin-right: 0 !important;
        margin-left: 36px !important;
    }
}

.rtl .pl-36 {
    padding-left: 0 !important;
    padding-right: 36px !important;
}

.rtl .pr-36 {
    padding-right: 0 !important;
    padding-left: 36px !important;
}

.rtl .ml-36 {
    margin-left: 0 !important;
    margin-right: 36px !important;
}

.rtl .mr-36 {
    margin-right: 0 !important;
    margin-left: 36px !important;
}

@media (min-width: 1200px) {
    .p-xxl-37 {
        padding: 37px !important;
    }
    .pl-xxl-37 {
        padding-left: 37px !important;
    }
    .pr-xxl-37 {
        padding-right: 37px !important;
    }
    .pt-xxl-37 {
        padding-top: 37px !important;
    }
    .pb-xxl-37 {
        padding-bottom: 37px !important;
    }
    .px-xxl-37 {
        padding-left: 37px !important;
        padding-right: 37px !important;
    }
    .py-xxl-37 {
        padding-top: 37px !important;
        padding-bottom: 37px !important;
    }
    .m-xxl-37 {
        margin: 37px !important;
    }
    .ml-xxl-37 {
        margin-left: 37px !important;
    }
    .mr-xxl-37 {
        margin-right: 37px !important;
    }
    .mt-xxl-37 {
        margin-top: 37px !important;
    }
    .mb-xxl-37 {
        margin-bottom: 37px !important;
    }
    .mx-xxl-37 {
        margin-left: 37px !important;
        margin-right: 37px !important;
    }
    .my-xxl-37 {
        margin-top: 37px !important;
        margin-bottom: 37px !important;
    }
    .gx-xxl-37 {
        gap: 0 37px !important;
    }
    .gy-xxl-37 {
        gap: 37px !important;
    }
    .gap-xxl-37 {
        gap: 37px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-37 {
        padding: 37px !important;
    }
    .pl-xl-37 {
        padding-left: 37px !important;
    }
    .pr-xl-37 {
        padding-right: 37px !important;
    }
    .pt-xl-37 {
        padding-top: 37px !important;
    }
    .pb-xl-37 {
        padding-bottom: 37px !important;
    }
    .px-xl-37 {
        padding-left: 37px !important;
        padding-right: 37px !important;
    }
    .py-xl-37 {
        padding-top: 37px !important;
        padding-bottom: 37px !important;
    }
    .m-xl-37 {
        margin: 37px !important;
    }
    .ml-xl-37 {
        margin-left: 37px !important;
    }
    .mr-xl-37 {
        margin-right: 37px !important;
    }
    .mt-xl-37 {
        margin-top: 37px !important;
    }
    .mb-xl-37 {
        margin-bottom: 37px !important;
    }
    .mx-xl-37 {
        margin-left: 37px !important;
        margin-right: 37px !important;
    }
    .my-xl-37 {
        margin-top: 37px !important;
        margin-bottom: 37px !important;
    }
    .gx-xl-37 {
        gap: 0 37px !important;
    }
    .gy-xl-37 {
        gap: 37px !important;
    }
    .gap-xl-37 {
        gap: 37px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-37 {
        padding: 37px !important;
    }
    .pl-lg-37 {
        padding-left: 37px !important;
    }
    .pr-lg-37 {
        padding-right: 37px !important;
    }
    .pt-lg-37 {
        padding-top: 37px !important;
    }
    .pb-lg-37 {
        padding-bottom: 37px !important;
    }
    .px-lg-37 {
        padding-left: 37px !important;
        padding-right: 37px !important;
    }
    .py-lg-37 {
        padding-top: 37px !important;
        padding-bottom: 37px !important;
    }
    .m-lg-37 {
        margin: 37px !important;
    }
    .ml-lg-37 {
        margin-left: 37px !important;
    }
    .mr-lg-37 {
        margin-right: 37px !important;
    }
    .mt-lg-37 {
        margin-top: 37px !important;
    }
    .mb-lg-37 {
        margin-bottom: 37px !important;
    }
    .mx-lg-37 {
        margin-left: 37px !important;
        margin-right: 37px !important;
    }
    .my-lg-37 {
        margin-top: 37px !important;
        margin-bottom: 37px !important;
    }
    .gx-lg-37 {
        gap: 0 37px !important;
    }
    .gy-lg-37 {
        gap: 37px !important;
    }
    .gap-lg-37 {
        gap: 37px !important;
    }
}

@media (min-width: 576px) {
    .p-md-37 {
        padding: 37px !important;
    }
    .pl-md-37 {
        padding-left: 37px !important;
    }
    .pr-md-37 {
        padding-right: 37px !important;
    }
    .pt-md-37 {
        padding-top: 37px !important;
    }
    .pb-md-37 {
        padding-bottom: 37px !important;
    }
    .px-md-37 {
        padding-left: 37px !important;
        padding-right: 37px !important;
    }
    .py-md-37 {
        padding-top: 37px !important;
        padding-bottom: 37px !important;
    }
    .m-md-37 {
        margin: 37px !important;
    }
    .ml-md-37 {
        margin-left: 37px !important;
    }
    .mr-md-37 {
        margin-right: 37px !important;
    }
    .mt-md-37 {
        margin-top: 37px !important;
    }
    .mb-md-37 {
        margin-bottom: 37px !important;
    }
    .mx-md-37 {
        margin-left: 37px !important;
        margin-right: 37px !important;
    }
    .my-md-37 {
        margin-top: 37px !important;
        margin-bottom: 37px !important;
    }
    .gx-md-37 {
        gap: 0 37px !important;
    }
    .gy-md-37 {
        gap: 37px !important;
    }
    .gap-md-37 {
        gap: 37px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-37 {
        padding: 37px !important;
    }
    .pl-sm-37 {
        padding-left: 37px !important;
    }
    .pr-sm-37 {
        padding-right: 37px !important;
    }
    .pt-sm-37 {
        padding-top: 37px !important;
    }
    .pb-sm-37 {
        padding-bottom: 37px !important;
    }
    .px-sm-37 {
        padding-left: 37px !important;
        padding-right: 37px !important;
    }
    .py-sm-37 {
        padding-top: 37px !important;
        padding-bottom: 37px !important;
    }
    .m-sm-37 {
        margin: 37px !important;
    }
    .ml-sm-37 {
        margin-left: 37px !important;
    }
    .mr-sm-37 {
        margin-right: 37px !important;
    }
    .mt-sm-37 {
        margin-top: 37px !important;
    }
    .mb-sm-37 {
        margin-bottom: 37px !important;
    }
    .mx-sm-37 {
        margin-left: 37px !important;
        margin-right: 37px !important;
    }
    .my-sm-37 {
        margin-top: 37px !important;
        margin-bottom: 37px !important;
    }
    .gx-sm-37 {
        gap: 0 37px !important;
    }
    .gy-sm-37 {
        gap: 37px !important;
    }
    .gap-sm-37 {
        gap: 37px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-37 {
        padding: 37px !important;
    }
    .pl-xsm-37 {
        padding-left: 37px !important;
    }
    .pr-xsm-37 {
        padding-right: 37px !important;
    }
    .pt-xsm-37 {
        padding-top: 37px !important;
    }
    .pb-xsm-37 {
        padding-bottom: 37px !important;
    }
    .px-xsm-37 {
        padding-left: 37px !important;
        padding-right: 37px !important;
    }
    .py-xsm-37 {
        padding-top: 37px !important;
        padding-bottom: 37px !important;
    }
    .m-xsm-37 {
        margin: 37px !important;
    }
    .ml-xsm-37 {
        margin-left: 37px !important;
    }
    .mr-xsm-37 {
        margin-right: 37px !important;
    }
    .mt-xsm-37 {
        margin-top: 37px !important;
    }
    .mb-xsm-37 {
        margin-bottom: 37px !important;
    }
    .mx-xsm-37 {
        margin-left: 37px !important;
        margin-right: 37px !important;
    }
    .my-xsm-37 {
        margin-top: 37px !important;
        margin-bottom: 37px !important;
    }
    .gx-xsm-37 {
        gap: 0 37px !important;
    }
    .gy-xsm-37 {
        gap: 37px !important;
    }
    .gap-xsm-37 {
        gap: 37px !important;
    }
}

.p-37 {
    padding: 37px !important;
}

.pl-37 {
    padding-left: 37px !important;
}

.pr-37 {
    padding-right: 37px !important;
}

.pt-37 {
    padding-top: 37px !important;
}

.pb-37 {
    padding-bottom: 37px !important;
}

.px-37 {
    padding-left: 37px !important;
    padding-right: 37px !important;
}

.py-37 {
    padding-top: 37px !important;
    padding-bottom: 37px !important;
}

.m-37 {
    margin: 37px !important;
}

.ml-37 {
    margin-left: 37px !important;
}

.mr-37 {
    margin-right: 37px !important;
}

.mt-37 {
    margin-top: 37px !important;
}

.mb-37 {
    margin-bottom: 37px !important;
}

.mx-37 {
    margin-left: 37px !important;
    margin-right: 37px !important;
}

.my-37 {
    margin-top: 37px !important;
    margin-bottom: 37px !important;
}

.gx-37 {
    gap: 0 37px !important;
}

.gy-37 {
    gap: 37px !important;
}

.gap-37 {
    gap: 37px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-37 {
        padding-left: 0 !important;
        padding-right: 37px !important;
    }
    .rtl .pr-xxl-37 {
        padding-right: 0 !important;
        padding-left: 37px !important;
    }
    .rtl .ml-xxl-37 {
        margin-left: 0 !important;
        margin-right: 37px !important;
    }
    .rtl .mr-xxl-37 {
        margin-right: 0 !important;
        margin-left: 37px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-37 {
        padding-left: 0 !important;
        padding-right: 37px !important;
    }
    .rtl .pr-xl-37 {
        padding-right: 0 !important;
        padding-left: 37px !important;
    }
    .rtl .ml-xl-37 {
        margin-left: 0 !important;
        margin-right: 37px !important;
    }
    .rtl .mr-xl-37 {
        margin-right: 0 !important;
        margin-left: 37px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-37 {
        padding-left: 0 !important;
        padding-right: 37px !important;
    }
    .rtl .pr-lg-37 {
        padding-right: 0 !important;
        padding-left: 37px !important;
    }
    .rtl .ml-lg-37 {
        margin-left: 0 !important;
        margin-right: 37px !important;
    }
    .rtl .mr-lg-37 {
        margin-right: 0 !important;
        margin-left: 37px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-37 {
        padding-left: 0 !important;
        padding-right: 37px !important;
    }
    .rtl .pr-md-37 {
        padding-right: 0 !important;
        padding-left: 37px !important;
    }
    .rtl .ml-md-37 {
        margin-left: 0 !important;
        margin-right: 37px !important;
    }
    .rtl .mr-md-37 {
        margin-right: 0 !important;
        margin-left: 37px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-37 {
        padding-left: 0 !important;
        padding-right: 37px !important;
    }
    .rtl .pr-sm-37 {
        padding-right: 0 !important;
        padding-left: 37px !important;
    }
    .rtl .ml-sm-37 {
        margin-left: 0 !important;
        margin-right: 37px !important;
    }
    .rtl .mr-sm-37 {
        margin-right: 0 !important;
        margin-left: 37px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-37 {
        padding-left: 0 !important;
        padding-right: 37px !important;
    }
    .rtl .pr-xsm-37 {
        padding-right: 0 !important;
        padding-left: 37px !important;
    }
    .rtl .ml-xsm-37 {
        margin-left: 0 !important;
        margin-right: 37px !important;
    }
    .rtl .mr-xsm-37 {
        margin-right: 0 !important;
        margin-left: 37px !important;
    }
}

.rtl .pl-37 {
    padding-left: 0 !important;
    padding-right: 37px !important;
}

.rtl .pr-37 {
    padding-right: 0 !important;
    padding-left: 37px !important;
}

.rtl .ml-37 {
    margin-left: 0 !important;
    margin-right: 37px !important;
}

.rtl .mr-37 {
    margin-right: 0 !important;
    margin-left: 37px !important;
}

@media (min-width: 1200px) {
    .p-xxl-38 {
        padding: 38px !important;
    }
    .pl-xxl-38 {
        padding-left: 38px !important;
    }
    .pr-xxl-38 {
        padding-right: 38px !important;
    }
    .pt-xxl-38 {
        padding-top: 38px !important;
    }
    .pb-xxl-38 {
        padding-bottom: 38px !important;
    }
    .px-xxl-38 {
        padding-left: 38px !important;
        padding-right: 38px !important;
    }
    .py-xxl-38 {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }
    .m-xxl-38 {
        margin: 38px !important;
    }
    .ml-xxl-38 {
        margin-left: 38px !important;
    }
    .mr-xxl-38 {
        margin-right: 38px !important;
    }
    .mt-xxl-38 {
        margin-top: 38px !important;
    }
    .mb-xxl-38 {
        margin-bottom: 38px !important;
    }
    .mx-xxl-38 {
        margin-left: 38px !important;
        margin-right: 38px !important;
    }
    .my-xxl-38 {
        margin-top: 38px !important;
        margin-bottom: 38px !important;
    }
    .gx-xxl-38 {
        gap: 0 38px !important;
    }
    .gy-xxl-38 {
        gap: 38px !important;
    }
    .gap-xxl-38 {
        gap: 38px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-38 {
        padding: 38px !important;
    }
    .pl-xl-38 {
        padding-left: 38px !important;
    }
    .pr-xl-38 {
        padding-right: 38px !important;
    }
    .pt-xl-38 {
        padding-top: 38px !important;
    }
    .pb-xl-38 {
        padding-bottom: 38px !important;
    }
    .px-xl-38 {
        padding-left: 38px !important;
        padding-right: 38px !important;
    }
    .py-xl-38 {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }
    .m-xl-38 {
        margin: 38px !important;
    }
    .ml-xl-38 {
        margin-left: 38px !important;
    }
    .mr-xl-38 {
        margin-right: 38px !important;
    }
    .mt-xl-38 {
        margin-top: 38px !important;
    }
    .mb-xl-38 {
        margin-bottom: 38px !important;
    }
    .mx-xl-38 {
        margin-left: 38px !important;
        margin-right: 38px !important;
    }
    .my-xl-38 {
        margin-top: 38px !important;
        margin-bottom: 38px !important;
    }
    .gx-xl-38 {
        gap: 0 38px !important;
    }
    .gy-xl-38 {
        gap: 38px !important;
    }
    .gap-xl-38 {
        gap: 38px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-38 {
        padding: 38px !important;
    }
    .pl-lg-38 {
        padding-left: 38px !important;
    }
    .pr-lg-38 {
        padding-right: 38px !important;
    }
    .pt-lg-38 {
        padding-top: 38px !important;
    }
    .pb-lg-38 {
        padding-bottom: 38px !important;
    }
    .px-lg-38 {
        padding-left: 38px !important;
        padding-right: 38px !important;
    }
    .py-lg-38 {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }
    .m-lg-38 {
        margin: 38px !important;
    }
    .ml-lg-38 {
        margin-left: 38px !important;
    }
    .mr-lg-38 {
        margin-right: 38px !important;
    }
    .mt-lg-38 {
        margin-top: 38px !important;
    }
    .mb-lg-38 {
        margin-bottom: 38px !important;
    }
    .mx-lg-38 {
        margin-left: 38px !important;
        margin-right: 38px !important;
    }
    .my-lg-38 {
        margin-top: 38px !important;
        margin-bottom: 38px !important;
    }
    .gx-lg-38 {
        gap: 0 38px !important;
    }
    .gy-lg-38 {
        gap: 38px !important;
    }
    .gap-lg-38 {
        gap: 38px !important;
    }
}

@media (min-width: 576px) {
    .p-md-38 {
        padding: 38px !important;
    }
    .pl-md-38 {
        padding-left: 38px !important;
    }
    .pr-md-38 {
        padding-right: 38px !important;
    }
    .pt-md-38 {
        padding-top: 38px !important;
    }
    .pb-md-38 {
        padding-bottom: 38px !important;
    }
    .px-md-38 {
        padding-left: 38px !important;
        padding-right: 38px !important;
    }
    .py-md-38 {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }
    .m-md-38 {
        margin: 38px !important;
    }
    .ml-md-38 {
        margin-left: 38px !important;
    }
    .mr-md-38 {
        margin-right: 38px !important;
    }
    .mt-md-38 {
        margin-top: 38px !important;
    }
    .mb-md-38 {
        margin-bottom: 38px !important;
    }
    .mx-md-38 {
        margin-left: 38px !important;
        margin-right: 38px !important;
    }
    .my-md-38 {
        margin-top: 38px !important;
        margin-bottom: 38px !important;
    }
    .gx-md-38 {
        gap: 0 38px !important;
    }
    .gy-md-38 {
        gap: 38px !important;
    }
    .gap-md-38 {
        gap: 38px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-38 {
        padding: 38px !important;
    }
    .pl-sm-38 {
        padding-left: 38px !important;
    }
    .pr-sm-38 {
        padding-right: 38px !important;
    }
    .pt-sm-38 {
        padding-top: 38px !important;
    }
    .pb-sm-38 {
        padding-bottom: 38px !important;
    }
    .px-sm-38 {
        padding-left: 38px !important;
        padding-right: 38px !important;
    }
    .py-sm-38 {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }
    .m-sm-38 {
        margin: 38px !important;
    }
    .ml-sm-38 {
        margin-left: 38px !important;
    }
    .mr-sm-38 {
        margin-right: 38px !important;
    }
    .mt-sm-38 {
        margin-top: 38px !important;
    }
    .mb-sm-38 {
        margin-bottom: 38px !important;
    }
    .mx-sm-38 {
        margin-left: 38px !important;
        margin-right: 38px !important;
    }
    .my-sm-38 {
        margin-top: 38px !important;
        margin-bottom: 38px !important;
    }
    .gx-sm-38 {
        gap: 0 38px !important;
    }
    .gy-sm-38 {
        gap: 38px !important;
    }
    .gap-sm-38 {
        gap: 38px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-38 {
        padding: 38px !important;
    }
    .pl-xsm-38 {
        padding-left: 38px !important;
    }
    .pr-xsm-38 {
        padding-right: 38px !important;
    }
    .pt-xsm-38 {
        padding-top: 38px !important;
    }
    .pb-xsm-38 {
        padding-bottom: 38px !important;
    }
    .px-xsm-38 {
        padding-left: 38px !important;
        padding-right: 38px !important;
    }
    .py-xsm-38 {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }
    .m-xsm-38 {
        margin: 38px !important;
    }
    .ml-xsm-38 {
        margin-left: 38px !important;
    }
    .mr-xsm-38 {
        margin-right: 38px !important;
    }
    .mt-xsm-38 {
        margin-top: 38px !important;
    }
    .mb-xsm-38 {
        margin-bottom: 38px !important;
    }
    .mx-xsm-38 {
        margin-left: 38px !important;
        margin-right: 38px !important;
    }
    .my-xsm-38 {
        margin-top: 38px !important;
        margin-bottom: 38px !important;
    }
    .gx-xsm-38 {
        gap: 0 38px !important;
    }
    .gy-xsm-38 {
        gap: 38px !important;
    }
    .gap-xsm-38 {
        gap: 38px !important;
    }
}

.p-38 {
    padding: 38px !important;
}

.pl-38 {
    padding-left: 38px !important;
}

.pr-38 {
    padding-right: 38px !important;
}

.pt-38 {
    padding-top: 38px !important;
}

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

.px-38 {
    padding-left: 38px !important;
    padding-right: 38px !important;
}

.py-38 {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
}

.m-38 {
    margin: 38px !important;
}

.ml-38 {
    margin-left: 38px !important;
}

.mr-38 {
    margin-right: 38px !important;
}

.mt-38 {
    margin-top: 38px !important;
}

.mb-38 {
    margin-bottom: 38px !important;
}

.mx-38 {
    margin-left: 38px !important;
    margin-right: 38px !important;
}

.my-38 {
    margin-top: 38px !important;
    margin-bottom: 38px !important;
}

.gx-38 {
    gap: 0 38px !important;
}

.gy-38 {
    gap: 38px !important;
}

.gap-38 {
    gap: 38px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-38 {
        padding-left: 0 !important;
        padding-right: 38px !important;
    }
    .rtl .pr-xxl-38 {
        padding-right: 0 !important;
        padding-left: 38px !important;
    }
    .rtl .ml-xxl-38 {
        margin-left: 0 !important;
        margin-right: 38px !important;
    }
    .rtl .mr-xxl-38 {
        margin-right: 0 !important;
        margin-left: 38px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-38 {
        padding-left: 0 !important;
        padding-right: 38px !important;
    }
    .rtl .pr-xl-38 {
        padding-right: 0 !important;
        padding-left: 38px !important;
    }
    .rtl .ml-xl-38 {
        margin-left: 0 !important;
        margin-right: 38px !important;
    }
    .rtl .mr-xl-38 {
        margin-right: 0 !important;
        margin-left: 38px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-38 {
        padding-left: 0 !important;
        padding-right: 38px !important;
    }
    .rtl .pr-lg-38 {
        padding-right: 0 !important;
        padding-left: 38px !important;
    }
    .rtl .ml-lg-38 {
        margin-left: 0 !important;
        margin-right: 38px !important;
    }
    .rtl .mr-lg-38 {
        margin-right: 0 !important;
        margin-left: 38px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-38 {
        padding-left: 0 !important;
        padding-right: 38px !important;
    }
    .rtl .pr-md-38 {
        padding-right: 0 !important;
        padding-left: 38px !important;
    }
    .rtl .ml-md-38 {
        margin-left: 0 !important;
        margin-right: 38px !important;
    }
    .rtl .mr-md-38 {
        margin-right: 0 !important;
        margin-left: 38px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-38 {
        padding-left: 0 !important;
        padding-right: 38px !important;
    }
    .rtl .pr-sm-38 {
        padding-right: 0 !important;
        padding-left: 38px !important;
    }
    .rtl .ml-sm-38 {
        margin-left: 0 !important;
        margin-right: 38px !important;
    }
    .rtl .mr-sm-38 {
        margin-right: 0 !important;
        margin-left: 38px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-38 {
        padding-left: 0 !important;
        padding-right: 38px !important;
    }
    .rtl .pr-xsm-38 {
        padding-right: 0 !important;
        padding-left: 38px !important;
    }
    .rtl .ml-xsm-38 {
        margin-left: 0 !important;
        margin-right: 38px !important;
    }
    .rtl .mr-xsm-38 {
        margin-right: 0 !important;
        margin-left: 38px !important;
    }
}

.rtl .pl-38 {
    padding-left: 0 !important;
    padding-right: 38px !important;
}

.rtl .pr-38 {
    padding-right: 0 !important;
    padding-left: 38px !important;
}

.rtl .ml-38 {
    margin-left: 0 !important;
    margin-right: 38px !important;
}

.rtl .mr-38 {
    margin-right: 0 !important;
    margin-left: 38px !important;
}

@media (min-width: 1200px) {
    .p-xxl-39 {
        padding: 39px !important;
    }
    .pl-xxl-39 {
        padding-left: 39px !important;
    }
    .pr-xxl-39 {
        padding-right: 39px !important;
    }
    .pt-xxl-39 {
        padding-top: 39px !important;
    }
    .pb-xxl-39 {
        padding-bottom: 39px !important;
    }
    .px-xxl-39 {
        padding-left: 39px !important;
        padding-right: 39px !important;
    }
    .py-xxl-39 {
        padding-top: 39px !important;
        padding-bottom: 39px !important;
    }
    .m-xxl-39 {
        margin: 39px !important;
    }
    .ml-xxl-39 {
        margin-left: 39px !important;
    }
    .mr-xxl-39 {
        margin-right: 39px !important;
    }
    .mt-xxl-39 {
        margin-top: 39px !important;
    }
    .mb-xxl-39 {
        margin-bottom: 39px !important;
    }
    .mx-xxl-39 {
        margin-left: 39px !important;
        margin-right: 39px !important;
    }
    .my-xxl-39 {
        margin-top: 39px !important;
        margin-bottom: 39px !important;
    }
    .gx-xxl-39 {
        gap: 0 39px !important;
    }
    .gy-xxl-39 {
        gap: 39px !important;
    }
    .gap-xxl-39 {
        gap: 39px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-39 {
        padding: 39px !important;
    }
    .pl-xl-39 {
        padding-left: 39px !important;
    }
    .pr-xl-39 {
        padding-right: 39px !important;
    }
    .pt-xl-39 {
        padding-top: 39px !important;
    }
    .pb-xl-39 {
        padding-bottom: 39px !important;
    }
    .px-xl-39 {
        padding-left: 39px !important;
        padding-right: 39px !important;
    }
    .py-xl-39 {
        padding-top: 39px !important;
        padding-bottom: 39px !important;
    }
    .m-xl-39 {
        margin: 39px !important;
    }
    .ml-xl-39 {
        margin-left: 39px !important;
    }
    .mr-xl-39 {
        margin-right: 39px !important;
    }
    .mt-xl-39 {
        margin-top: 39px !important;
    }
    .mb-xl-39 {
        margin-bottom: 39px !important;
    }
    .mx-xl-39 {
        margin-left: 39px !important;
        margin-right: 39px !important;
    }
    .my-xl-39 {
        margin-top: 39px !important;
        margin-bottom: 39px !important;
    }
    .gx-xl-39 {
        gap: 0 39px !important;
    }
    .gy-xl-39 {
        gap: 39px !important;
    }
    .gap-xl-39 {
        gap: 39px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-39 {
        padding: 39px !important;
    }
    .pl-lg-39 {
        padding-left: 39px !important;
    }
    .pr-lg-39 {
        padding-right: 39px !important;
    }
    .pt-lg-39 {
        padding-top: 39px !important;
    }
    .pb-lg-39 {
        padding-bottom: 39px !important;
    }
    .px-lg-39 {
        padding-left: 39px !important;
        padding-right: 39px !important;
    }
    .py-lg-39 {
        padding-top: 39px !important;
        padding-bottom: 39px !important;
    }
    .m-lg-39 {
        margin: 39px !important;
    }
    .ml-lg-39 {
        margin-left: 39px !important;
    }
    .mr-lg-39 {
        margin-right: 39px !important;
    }
    .mt-lg-39 {
        margin-top: 39px !important;
    }
    .mb-lg-39 {
        margin-bottom: 39px !important;
    }
    .mx-lg-39 {
        margin-left: 39px !important;
        margin-right: 39px !important;
    }
    .my-lg-39 {
        margin-top: 39px !important;
        margin-bottom: 39px !important;
    }
    .gx-lg-39 {
        gap: 0 39px !important;
    }
    .gy-lg-39 {
        gap: 39px !important;
    }
    .gap-lg-39 {
        gap: 39px !important;
    }
}

@media (min-width: 576px) {
    .p-md-39 {
        padding: 39px !important;
    }
    .pl-md-39 {
        padding-left: 39px !important;
    }
    .pr-md-39 {
        padding-right: 39px !important;
    }
    .pt-md-39 {
        padding-top: 39px !important;
    }
    .pb-md-39 {
        padding-bottom: 39px !important;
    }
    .px-md-39 {
        padding-left: 39px !important;
        padding-right: 39px !important;
    }
    .py-md-39 {
        padding-top: 39px !important;
        padding-bottom: 39px !important;
    }
    .m-md-39 {
        margin: 39px !important;
    }
    .ml-md-39 {
        margin-left: 39px !important;
    }
    .mr-md-39 {
        margin-right: 39px !important;
    }
    .mt-md-39 {
        margin-top: 39px !important;
    }
    .mb-md-39 {
        margin-bottom: 39px !important;
    }
    .mx-md-39 {
        margin-left: 39px !important;
        margin-right: 39px !important;
    }
    .my-md-39 {
        margin-top: 39px !important;
        margin-bottom: 39px !important;
    }
    .gx-md-39 {
        gap: 0 39px !important;
    }
    .gy-md-39 {
        gap: 39px !important;
    }
    .gap-md-39 {
        gap: 39px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-39 {
        padding: 39px !important;
    }
    .pl-sm-39 {
        padding-left: 39px !important;
    }
    .pr-sm-39 {
        padding-right: 39px !important;
    }
    .pt-sm-39 {
        padding-top: 39px !important;
    }
    .pb-sm-39 {
        padding-bottom: 39px !important;
    }
    .px-sm-39 {
        padding-left: 39px !important;
        padding-right: 39px !important;
    }
    .py-sm-39 {
        padding-top: 39px !important;
        padding-bottom: 39px !important;
    }
    .m-sm-39 {
        margin: 39px !important;
    }
    .ml-sm-39 {
        margin-left: 39px !important;
    }
    .mr-sm-39 {
        margin-right: 39px !important;
    }
    .mt-sm-39 {
        margin-top: 39px !important;
    }
    .mb-sm-39 {
        margin-bottom: 39px !important;
    }
    .mx-sm-39 {
        margin-left: 39px !important;
        margin-right: 39px !important;
    }
    .my-sm-39 {
        margin-top: 39px !important;
        margin-bottom: 39px !important;
    }
    .gx-sm-39 {
        gap: 0 39px !important;
    }
    .gy-sm-39 {
        gap: 39px !important;
    }
    .gap-sm-39 {
        gap: 39px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-39 {
        padding: 39px !important;
    }
    .pl-xsm-39 {
        padding-left: 39px !important;
    }
    .pr-xsm-39 {
        padding-right: 39px !important;
    }
    .pt-xsm-39 {
        padding-top: 39px !important;
    }
    .pb-xsm-39 {
        padding-bottom: 39px !important;
    }
    .px-xsm-39 {
        padding-left: 39px !important;
        padding-right: 39px !important;
    }
    .py-xsm-39 {
        padding-top: 39px !important;
        padding-bottom: 39px !important;
    }
    .m-xsm-39 {
        margin: 39px !important;
    }
    .ml-xsm-39 {
        margin-left: 39px !important;
    }
    .mr-xsm-39 {
        margin-right: 39px !important;
    }
    .mt-xsm-39 {
        margin-top: 39px !important;
    }
    .mb-xsm-39 {
        margin-bottom: 39px !important;
    }
    .mx-xsm-39 {
        margin-left: 39px !important;
        margin-right: 39px !important;
    }
    .my-xsm-39 {
        margin-top: 39px !important;
        margin-bottom: 39px !important;
    }
    .gx-xsm-39 {
        gap: 0 39px !important;
    }
    .gy-xsm-39 {
        gap: 39px !important;
    }
    .gap-xsm-39 {
        gap: 39px !important;
    }
}

.p-39 {
    padding: 39px !important;
}

.pl-39 {
    padding-left: 39px !important;
}

.pr-39 {
    padding-right: 39px !important;
}

.pt-39 {
    padding-top: 39px !important;
}

.pb-39 {
    padding-bottom: 39px !important;
}

.px-39 {
    padding-left: 39px !important;
    padding-right: 39px !important;
}

.py-39 {
    padding-top: 39px !important;
    padding-bottom: 39px !important;
}

.m-39 {
    margin: 39px !important;
}

.ml-39 {
    margin-left: 39px !important;
}

.mr-39 {
    margin-right: 39px !important;
}

.mt-39 {
    margin-top: 39px !important;
}

.mb-39 {
    margin-bottom: 39px !important;
}

.mx-39 {
    margin-left: 39px !important;
    margin-right: 39px !important;
}

.my-39 {
    margin-top: 39px !important;
    margin-bottom: 39px !important;
}

.gx-39 {
    gap: 0 39px !important;
}

.gy-39 {
    gap: 39px !important;
}

.gap-39 {
    gap: 39px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-39 {
        padding-left: 0 !important;
        padding-right: 39px !important;
    }
    .rtl .pr-xxl-39 {
        padding-right: 0 !important;
        padding-left: 39px !important;
    }
    .rtl .ml-xxl-39 {
        margin-left: 0 !important;
        margin-right: 39px !important;
    }
    .rtl .mr-xxl-39 {
        margin-right: 0 !important;
        margin-left: 39px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-39 {
        padding-left: 0 !important;
        padding-right: 39px !important;
    }
    .rtl .pr-xl-39 {
        padding-right: 0 !important;
        padding-left: 39px !important;
    }
    .rtl .ml-xl-39 {
        margin-left: 0 !important;
        margin-right: 39px !important;
    }
    .rtl .mr-xl-39 {
        margin-right: 0 !important;
        margin-left: 39px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-39 {
        padding-left: 0 !important;
        padding-right: 39px !important;
    }
    .rtl .pr-lg-39 {
        padding-right: 0 !important;
        padding-left: 39px !important;
    }
    .rtl .ml-lg-39 {
        margin-left: 0 !important;
        margin-right: 39px !important;
    }
    .rtl .mr-lg-39 {
        margin-right: 0 !important;
        margin-left: 39px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-39 {
        padding-left: 0 !important;
        padding-right: 39px !important;
    }
    .rtl .pr-md-39 {
        padding-right: 0 !important;
        padding-left: 39px !important;
    }
    .rtl .ml-md-39 {
        margin-left: 0 !important;
        margin-right: 39px !important;
    }
    .rtl .mr-md-39 {
        margin-right: 0 !important;
        margin-left: 39px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-39 {
        padding-left: 0 !important;
        padding-right: 39px !important;
    }
    .rtl .pr-sm-39 {
        padding-right: 0 !important;
        padding-left: 39px !important;
    }
    .rtl .ml-sm-39 {
        margin-left: 0 !important;
        margin-right: 39px !important;
    }
    .rtl .mr-sm-39 {
        margin-right: 0 !important;
        margin-left: 39px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-39 {
        padding-left: 0 !important;
        padding-right: 39px !important;
    }
    .rtl .pr-xsm-39 {
        padding-right: 0 !important;
        padding-left: 39px !important;
    }
    .rtl .ml-xsm-39 {
        margin-left: 0 !important;
        margin-right: 39px !important;
    }
    .rtl .mr-xsm-39 {
        margin-right: 0 !important;
        margin-left: 39px !important;
    }
}

.rtl .pl-39 {
    padding-left: 0 !important;
    padding-right: 39px !important;
}

.rtl .pr-39 {
    padding-right: 0 !important;
    padding-left: 39px !important;
}

.rtl .ml-39 {
    margin-left: 0 !important;
    margin-right: 39px !important;
}

.rtl .mr-39 {
    margin-right: 0 !important;
    margin-left: 39px !important;
}

@media (min-width: 1200px) {
    .p-xxl-40 {
        padding: 40px !important;
    }
    .pl-xxl-40 {
        padding-left: 40px !important;
    }
    .pr-xxl-40 {
        padding-right: 40px !important;
    }
    .pt-xxl-40 {
        padding-top: 40px !important;
    }
    .pb-xxl-40 {
        padding-bottom: 40px !important;
    }
    .px-xxl-40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .py-xxl-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .m-xxl-40 {
        margin: 40px !important;
    }
    .ml-xxl-40 {
        margin-left: 40px !important;
    }
    .mr-xxl-40 {
        margin-right: 40px !important;
    }
    .mt-xxl-40 {
        margin-top: 40px !important;
    }
    .mb-xxl-40 {
        margin-bottom: 40px !important;
    }
    .mx-xxl-40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }
    .my-xxl-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .gx-xxl-40 {
        gap: 0 40px !important;
    }
    .gy-xxl-40 {
        gap: 40px !important;
    }
    .gap-xxl-40 {
        gap: 40px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-40 {
        padding: 40px !important;
    }
    .pl-xl-40 {
        padding-left: 40px !important;
    }
    .pr-xl-40 {
        padding-right: 40px !important;
    }
    .pt-xl-40 {
        padding-top: 40px !important;
    }
    .pb-xl-40 {
        padding-bottom: 40px !important;
    }
    .px-xl-40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .py-xl-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .m-xl-40 {
        margin: 40px !important;
    }
    .ml-xl-40 {
        margin-left: 40px !important;
    }
    .mr-xl-40 {
        margin-right: 40px !important;
    }
    .mt-xl-40 {
        margin-top: 40px !important;
    }
    .mb-xl-40 {
        margin-bottom: 40px !important;
    }
    .mx-xl-40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }
    .my-xl-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .gx-xl-40 {
        gap: 0 40px !important;
    }
    .gy-xl-40 {
        gap: 40px !important;
    }
    .gap-xl-40 {
        gap: 40px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-40 {
        padding: 40px !important;
    }
    .pl-lg-40 {
        padding-left: 40px !important;
    }
    .pr-lg-40 {
        padding-right: 40px !important;
    }
    .pt-lg-40 {
        padding-top: 40px !important;
    }
    .pb-lg-40 {
        padding-bottom: 40px !important;
    }
    .px-lg-40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .py-lg-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .m-lg-40 {
        margin: 40px !important;
    }
    .ml-lg-40 {
        margin-left: 40px !important;
    }
    .mr-lg-40 {
        margin-right: 40px !important;
    }
    .mt-lg-40 {
        margin-top: 40px !important;
    }
    .mb-lg-40 {
        margin-bottom: 40px !important;
    }
    .mx-lg-40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }
    .my-lg-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .gx-lg-40 {
        gap: 0 40px !important;
    }
    .gy-lg-40 {
        gap: 40px !important;
    }
    .gap-lg-40 {
        gap: 40px !important;
    }
}

@media (min-width: 576px) {
    .p-md-40 {
        padding: 40px !important;
    }
    .pl-md-40 {
        padding-left: 40px !important;
    }
    .pr-md-40 {
        padding-right: 40px !important;
    }
    .pt-md-40 {
        padding-top: 40px !important;
    }
    .pb-md-40 {
        padding-bottom: 40px !important;
    }
    .px-md-40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .py-md-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .m-md-40 {
        margin: 40px !important;
    }
    .ml-md-40 {
        margin-left: 40px !important;
    }
    .mr-md-40 {
        margin-right: 40px !important;
    }
    .mt-md-40 {
        margin-top: 40px !important;
    }
    .mb-md-40 {
        margin-bottom: 40px !important;
    }
    .mx-md-40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }
    .my-md-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .gx-md-40 {
        gap: 0 40px !important;
    }
    .gy-md-40 {
        gap: 40px !important;
    }
    .gap-md-40 {
        gap: 40px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-40 {
        padding: 40px !important;
    }
    .pl-sm-40 {
        padding-left: 40px !important;
    }
    .pr-sm-40 {
        padding-right: 40px !important;
    }
    .pt-sm-40 {
        padding-top: 40px !important;
    }
    .pb-sm-40 {
        padding-bottom: 40px !important;
    }
    .px-sm-40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .py-sm-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .m-sm-40 {
        margin: 40px !important;
    }
    .ml-sm-40 {
        margin-left: 40px !important;
    }
    .mr-sm-40 {
        margin-right: 40px !important;
    }
    .mt-sm-40 {
        margin-top: 40px !important;
    }
    .mb-sm-40 {
        margin-bottom: 40px !important;
    }
    .mx-sm-40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }
    .my-sm-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .gx-sm-40 {
        gap: 0 40px !important;
    }
    .gy-sm-40 {
        gap: 40px !important;
    }
    .gap-sm-40 {
        gap: 40px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-40 {
        padding: 40px !important;
    }
    .pl-xsm-40 {
        padding-left: 40px !important;
    }
    .pr-xsm-40 {
        padding-right: 40px !important;
    }
    .pt-xsm-40 {
        padding-top: 40px !important;
    }
    .pb-xsm-40 {
        padding-bottom: 40px !important;
    }
    .px-xsm-40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .py-xsm-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .m-xsm-40 {
        margin: 40px !important;
    }
    .ml-xsm-40 {
        margin-left: 40px !important;
    }
    .mr-xsm-40 {
        margin-right: 40px !important;
    }
    .mt-xsm-40 {
        margin-top: 40px !important;
    }
    .mb-xsm-40 {
        margin-bottom: 40px !important;
    }
    .mx-xsm-40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }
    .my-xsm-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .gx-xsm-40 {
        gap: 0 40px !important;
    }
    .gy-xsm-40 {
        gap: 40px !important;
    }
    .gap-xsm-40 {
        gap: 40px !important;
    }
}

.p-40 {
    padding: 40px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.m-40 {
    margin: 40px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mx-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.gx-40 {
    gap: 0 40px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-40 {
        padding-left: 0 !important;
        padding-right: 40px !important;
    }
    .rtl .pr-xxl-40 {
        padding-right: 0 !important;
        padding-left: 40px !important;
    }
    .rtl .ml-xxl-40 {
        margin-left: 0 !important;
        margin-right: 40px !important;
    }
    .rtl .mr-xxl-40 {
        margin-right: 0 !important;
        margin-left: 40px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-40 {
        padding-left: 0 !important;
        padding-right: 40px !important;
    }
    .rtl .pr-xl-40 {
        padding-right: 0 !important;
        padding-left: 40px !important;
    }
    .rtl .ml-xl-40 {
        margin-left: 0 !important;
        margin-right: 40px !important;
    }
    .rtl .mr-xl-40 {
        margin-right: 0 !important;
        margin-left: 40px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-40 {
        padding-left: 0 !important;
        padding-right: 40px !important;
    }
    .rtl .pr-lg-40 {
        padding-right: 0 !important;
        padding-left: 40px !important;
    }
    .rtl .ml-lg-40 {
        margin-left: 0 !important;
        margin-right: 40px !important;
    }
    .rtl .mr-lg-40 {
        margin-right: 0 !important;
        margin-left: 40px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-40 {
        padding-left: 0 !important;
        padding-right: 40px !important;
    }
    .rtl .pr-md-40 {
        padding-right: 0 !important;
        padding-left: 40px !important;
    }
    .rtl .ml-md-40 {
        margin-left: 0 !important;
        margin-right: 40px !important;
    }
    .rtl .mr-md-40 {
        margin-right: 0 !important;
        margin-left: 40px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-40 {
        padding-left: 0 !important;
        padding-right: 40px !important;
    }
    .rtl .pr-sm-40 {
        padding-right: 0 !important;
        padding-left: 40px !important;
    }
    .rtl .ml-sm-40 {
        margin-left: 0 !important;
        margin-right: 40px !important;
    }
    .rtl .mr-sm-40 {
        margin-right: 0 !important;
        margin-left: 40px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-40 {
        padding-left: 0 !important;
        padding-right: 40px !important;
    }
    .rtl .pr-xsm-40 {
        padding-right: 0 !important;
        padding-left: 40px !important;
    }
    .rtl .ml-xsm-40 {
        margin-left: 0 !important;
        margin-right: 40px !important;
    }
    .rtl .mr-xsm-40 {
        margin-right: 0 !important;
        margin-left: 40px !important;
    }
}

.rtl .pl-40 {
    padding-left: 0 !important;
    padding-right: 40px !important;
}

.rtl .pr-40 {
    padding-right: 0 !important;
    padding-left: 40px !important;
}

.rtl .ml-40 {
    margin-left: 0 !important;
    margin-right: 40px !important;
}

.rtl .mr-40 {
    margin-right: 0 !important;
    margin-left: 40px !important;
}

@media (min-width: 1200px) {
    .p-xxl-41 {
        padding: 41px !important;
    }
    .pl-xxl-41 {
        padding-left: 41px !important;
    }
    .pr-xxl-41 {
        padding-right: 41px !important;
    }
    .pt-xxl-41 {
        padding-top: 41px !important;
    }
    .pb-xxl-41 {
        padding-bottom: 41px !important;
    }
    .px-xxl-41 {
        padding-left: 41px !important;
        padding-right: 41px !important;
    }
    .py-xxl-41 {
        padding-top: 41px !important;
        padding-bottom: 41px !important;
    }
    .m-xxl-41 {
        margin: 41px !important;
    }
    .ml-xxl-41 {
        margin-left: 41px !important;
    }
    .mr-xxl-41 {
        margin-right: 41px !important;
    }
    .mt-xxl-41 {
        margin-top: 41px !important;
    }
    .mb-xxl-41 {
        margin-bottom: 41px !important;
    }
    .mx-xxl-41 {
        margin-left: 41px !important;
        margin-right: 41px !important;
    }
    .my-xxl-41 {
        margin-top: 41px !important;
        margin-bottom: 41px !important;
    }
    .gx-xxl-41 {
        gap: 0 41px !important;
    }
    .gy-xxl-41 {
        gap: 41px !important;
    }
    .gap-xxl-41 {
        gap: 41px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-41 {
        padding: 41px !important;
    }
    .pl-xl-41 {
        padding-left: 41px !important;
    }
    .pr-xl-41 {
        padding-right: 41px !important;
    }
    .pt-xl-41 {
        padding-top: 41px !important;
    }
    .pb-xl-41 {
        padding-bottom: 41px !important;
    }
    .px-xl-41 {
        padding-left: 41px !important;
        padding-right: 41px !important;
    }
    .py-xl-41 {
        padding-top: 41px !important;
        padding-bottom: 41px !important;
    }
    .m-xl-41 {
        margin: 41px !important;
    }
    .ml-xl-41 {
        margin-left: 41px !important;
    }
    .mr-xl-41 {
        margin-right: 41px !important;
    }
    .mt-xl-41 {
        margin-top: 41px !important;
    }
    .mb-xl-41 {
        margin-bottom: 41px !important;
    }
    .mx-xl-41 {
        margin-left: 41px !important;
        margin-right: 41px !important;
    }
    .my-xl-41 {
        margin-top: 41px !important;
        margin-bottom: 41px !important;
    }
    .gx-xl-41 {
        gap: 0 41px !important;
    }
    .gy-xl-41 {
        gap: 41px !important;
    }
    .gap-xl-41 {
        gap: 41px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-41 {
        padding: 41px !important;
    }
    .pl-lg-41 {
        padding-left: 41px !important;
    }
    .pr-lg-41 {
        padding-right: 41px !important;
    }
    .pt-lg-41 {
        padding-top: 41px !important;
    }
    .pb-lg-41 {
        padding-bottom: 41px !important;
    }
    .px-lg-41 {
        padding-left: 41px !important;
        padding-right: 41px !important;
    }
    .py-lg-41 {
        padding-top: 41px !important;
        padding-bottom: 41px !important;
    }
    .m-lg-41 {
        margin: 41px !important;
    }
    .ml-lg-41 {
        margin-left: 41px !important;
    }
    .mr-lg-41 {
        margin-right: 41px !important;
    }
    .mt-lg-41 {
        margin-top: 41px !important;
    }
    .mb-lg-41 {
        margin-bottom: 41px !important;
    }
    .mx-lg-41 {
        margin-left: 41px !important;
        margin-right: 41px !important;
    }
    .my-lg-41 {
        margin-top: 41px !important;
        margin-bottom: 41px !important;
    }
    .gx-lg-41 {
        gap: 0 41px !important;
    }
    .gy-lg-41 {
        gap: 41px !important;
    }
    .gap-lg-41 {
        gap: 41px !important;
    }
}

@media (min-width: 576px) {
    .p-md-41 {
        padding: 41px !important;
    }
    .pl-md-41 {
        padding-left: 41px !important;
    }
    .pr-md-41 {
        padding-right: 41px !important;
    }
    .pt-md-41 {
        padding-top: 41px !important;
    }
    .pb-md-41 {
        padding-bottom: 41px !important;
    }
    .px-md-41 {
        padding-left: 41px !important;
        padding-right: 41px !important;
    }
    .py-md-41 {
        padding-top: 41px !important;
        padding-bottom: 41px !important;
    }
    .m-md-41 {
        margin: 41px !important;
    }
    .ml-md-41 {
        margin-left: 41px !important;
    }
    .mr-md-41 {
        margin-right: 41px !important;
    }
    .mt-md-41 {
        margin-top: 41px !important;
    }
    .mb-md-41 {
        margin-bottom: 41px !important;
    }
    .mx-md-41 {
        margin-left: 41px !important;
        margin-right: 41px !important;
    }
    .my-md-41 {
        margin-top: 41px !important;
        margin-bottom: 41px !important;
    }
    .gx-md-41 {
        gap: 0 41px !important;
    }
    .gy-md-41 {
        gap: 41px !important;
    }
    .gap-md-41 {
        gap: 41px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-41 {
        padding: 41px !important;
    }
    .pl-sm-41 {
        padding-left: 41px !important;
    }
    .pr-sm-41 {
        padding-right: 41px !important;
    }
    .pt-sm-41 {
        padding-top: 41px !important;
    }
    .pb-sm-41 {
        padding-bottom: 41px !important;
    }
    .px-sm-41 {
        padding-left: 41px !important;
        padding-right: 41px !important;
    }
    .py-sm-41 {
        padding-top: 41px !important;
        padding-bottom: 41px !important;
    }
    .m-sm-41 {
        margin: 41px !important;
    }
    .ml-sm-41 {
        margin-left: 41px !important;
    }
    .mr-sm-41 {
        margin-right: 41px !important;
    }
    .mt-sm-41 {
        margin-top: 41px !important;
    }
    .mb-sm-41 {
        margin-bottom: 41px !important;
    }
    .mx-sm-41 {
        margin-left: 41px !important;
        margin-right: 41px !important;
    }
    .my-sm-41 {
        margin-top: 41px !important;
        margin-bottom: 41px !important;
    }
    .gx-sm-41 {
        gap: 0 41px !important;
    }
    .gy-sm-41 {
        gap: 41px !important;
    }
    .gap-sm-41 {
        gap: 41px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-41 {
        padding: 41px !important;
    }
    .pl-xsm-41 {
        padding-left: 41px !important;
    }
    .pr-xsm-41 {
        padding-right: 41px !important;
    }
    .pt-xsm-41 {
        padding-top: 41px !important;
    }
    .pb-xsm-41 {
        padding-bottom: 41px !important;
    }
    .px-xsm-41 {
        padding-left: 41px !important;
        padding-right: 41px !important;
    }
    .py-xsm-41 {
        padding-top: 41px !important;
        padding-bottom: 41px !important;
    }
    .m-xsm-41 {
        margin: 41px !important;
    }
    .ml-xsm-41 {
        margin-left: 41px !important;
    }
    .mr-xsm-41 {
        margin-right: 41px !important;
    }
    .mt-xsm-41 {
        margin-top: 41px !important;
    }
    .mb-xsm-41 {
        margin-bottom: 41px !important;
    }
    .mx-xsm-41 {
        margin-left: 41px !important;
        margin-right: 41px !important;
    }
    .my-xsm-41 {
        margin-top: 41px !important;
        margin-bottom: 41px !important;
    }
    .gx-xsm-41 {
        gap: 0 41px !important;
    }
    .gy-xsm-41 {
        gap: 41px !important;
    }
    .gap-xsm-41 {
        gap: 41px !important;
    }
}

.p-41 {
    padding: 41px !important;
}

.pl-41 {
    padding-left: 41px !important;
}

.pr-41 {
    padding-right: 41px !important;
}

.pt-41 {
    padding-top: 41px !important;
}

.pb-41 {
    padding-bottom: 41px !important;
}

.px-41 {
    padding-left: 41px !important;
    padding-right: 41px !important;
}

.py-41 {
    padding-top: 41px !important;
    padding-bottom: 41px !important;
}

.m-41 {
    margin: 41px !important;
}

.ml-41 {
    margin-left: 41px !important;
}

.mr-41 {
    margin-right: 41px !important;
}

.mt-41 {
    margin-top: 41px !important;
}

.mb-41 {
    margin-bottom: 41px !important;
}

.mx-41 {
    margin-left: 41px !important;
    margin-right: 41px !important;
}

.my-41 {
    margin-top: 41px !important;
    margin-bottom: 41px !important;
}

.gx-41 {
    gap: 0 41px !important;
}

.gy-41 {
    gap: 41px !important;
}

.gap-41 {
    gap: 41px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-41 {
        padding-left: 0 !important;
        padding-right: 41px !important;
    }
    .rtl .pr-xxl-41 {
        padding-right: 0 !important;
        padding-left: 41px !important;
    }
    .rtl .ml-xxl-41 {
        margin-left: 0 !important;
        margin-right: 41px !important;
    }
    .rtl .mr-xxl-41 {
        margin-right: 0 !important;
        margin-left: 41px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-41 {
        padding-left: 0 !important;
        padding-right: 41px !important;
    }
    .rtl .pr-xl-41 {
        padding-right: 0 !important;
        padding-left: 41px !important;
    }
    .rtl .ml-xl-41 {
        margin-left: 0 !important;
        margin-right: 41px !important;
    }
    .rtl .mr-xl-41 {
        margin-right: 0 !important;
        margin-left: 41px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-41 {
        padding-left: 0 !important;
        padding-right: 41px !important;
    }
    .rtl .pr-lg-41 {
        padding-right: 0 !important;
        padding-left: 41px !important;
    }
    .rtl .ml-lg-41 {
        margin-left: 0 !important;
        margin-right: 41px !important;
    }
    .rtl .mr-lg-41 {
        margin-right: 0 !important;
        margin-left: 41px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-41 {
        padding-left: 0 !important;
        padding-right: 41px !important;
    }
    .rtl .pr-md-41 {
        padding-right: 0 !important;
        padding-left: 41px !important;
    }
    .rtl .ml-md-41 {
        margin-left: 0 !important;
        margin-right: 41px !important;
    }
    .rtl .mr-md-41 {
        margin-right: 0 !important;
        margin-left: 41px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-41 {
        padding-left: 0 !important;
        padding-right: 41px !important;
    }
    .rtl .pr-sm-41 {
        padding-right: 0 !important;
        padding-left: 41px !important;
    }
    .rtl .ml-sm-41 {
        margin-left: 0 !important;
        margin-right: 41px !important;
    }
    .rtl .mr-sm-41 {
        margin-right: 0 !important;
        margin-left: 41px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-41 {
        padding-left: 0 !important;
        padding-right: 41px !important;
    }
    .rtl .pr-xsm-41 {
        padding-right: 0 !important;
        padding-left: 41px !important;
    }
    .rtl .ml-xsm-41 {
        margin-left: 0 !important;
        margin-right: 41px !important;
    }
    .rtl .mr-xsm-41 {
        margin-right: 0 !important;
        margin-left: 41px !important;
    }
}

.rtl .pl-41 {
    padding-left: 0 !important;
    padding-right: 41px !important;
}

.rtl .pr-41 {
    padding-right: 0 !important;
    padding-left: 41px !important;
}

.rtl .ml-41 {
    margin-left: 0 !important;
    margin-right: 41px !important;
}

.rtl .mr-41 {
    margin-right: 0 !important;
    margin-left: 41px !important;
}

@media (min-width: 1200px) {
    .p-xxl-42 {
        padding: 42px !important;
    }
    .pl-xxl-42 {
        padding-left: 42px !important;
    }
    .pr-xxl-42 {
        padding-right: 42px !important;
    }
    .pt-xxl-42 {
        padding-top: 42px !important;
    }
    .pb-xxl-42 {
        padding-bottom: 42px !important;
    }
    .px-xxl-42 {
        padding-left: 42px !important;
        padding-right: 42px !important;
    }
    .py-xxl-42 {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }
    .m-xxl-42 {
        margin: 42px !important;
    }
    .ml-xxl-42 {
        margin-left: 42px !important;
    }
    .mr-xxl-42 {
        margin-right: 42px !important;
    }
    .mt-xxl-42 {
        margin-top: 42px !important;
    }
    .mb-xxl-42 {
        margin-bottom: 42px !important;
    }
    .mx-xxl-42 {
        margin-left: 42px !important;
        margin-right: 42px !important;
    }
    .my-xxl-42 {
        margin-top: 42px !important;
        margin-bottom: 42px !important;
    }
    .gx-xxl-42 {
        gap: 0 42px !important;
    }
    .gy-xxl-42 {
        gap: 42px !important;
    }
    .gap-xxl-42 {
        gap: 42px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-42 {
        padding: 42px !important;
    }
    .pl-xl-42 {
        padding-left: 42px !important;
    }
    .pr-xl-42 {
        padding-right: 42px !important;
    }
    .pt-xl-42 {
        padding-top: 42px !important;
    }
    .pb-xl-42 {
        padding-bottom: 42px !important;
    }
    .px-xl-42 {
        padding-left: 42px !important;
        padding-right: 42px !important;
    }
    .py-xl-42 {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }
    .m-xl-42 {
        margin: 42px !important;
    }
    .ml-xl-42 {
        margin-left: 42px !important;
    }
    .mr-xl-42 {
        margin-right: 42px !important;
    }
    .mt-xl-42 {
        margin-top: 42px !important;
    }
    .mb-xl-42 {
        margin-bottom: 42px !important;
    }
    .mx-xl-42 {
        margin-left: 42px !important;
        margin-right: 42px !important;
    }
    .my-xl-42 {
        margin-top: 42px !important;
        margin-bottom: 42px !important;
    }
    .gx-xl-42 {
        gap: 0 42px !important;
    }
    .gy-xl-42 {
        gap: 42px !important;
    }
    .gap-xl-42 {
        gap: 42px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-42 {
        padding: 42px !important;
    }
    .pl-lg-42 {
        padding-left: 42px !important;
    }
    .pr-lg-42 {
        padding-right: 42px !important;
    }
    .pt-lg-42 {
        padding-top: 42px !important;
    }
    .pb-lg-42 {
        padding-bottom: 42px !important;
    }
    .px-lg-42 {
        padding-left: 42px !important;
        padding-right: 42px !important;
    }
    .py-lg-42 {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }
    .m-lg-42 {
        margin: 42px !important;
    }
    .ml-lg-42 {
        margin-left: 42px !important;
    }
    .mr-lg-42 {
        margin-right: 42px !important;
    }
    .mt-lg-42 {
        margin-top: 42px !important;
    }
    .mb-lg-42 {
        margin-bottom: 42px !important;
    }
    .mx-lg-42 {
        margin-left: 42px !important;
        margin-right: 42px !important;
    }
    .my-lg-42 {
        margin-top: 42px !important;
        margin-bottom: 42px !important;
    }
    .gx-lg-42 {
        gap: 0 42px !important;
    }
    .gy-lg-42 {
        gap: 42px !important;
    }
    .gap-lg-42 {
        gap: 42px !important;
    }
}

@media (min-width: 576px) {
    .p-md-42 {
        padding: 42px !important;
    }
    .pl-md-42 {
        padding-left: 42px !important;
    }
    .pr-md-42 {
        padding-right: 42px !important;
    }
    .pt-md-42 {
        padding-top: 42px !important;
    }
    .pb-md-42 {
        padding-bottom: 42px !important;
    }
    .px-md-42 {
        padding-left: 42px !important;
        padding-right: 42px !important;
    }
    .py-md-42 {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }
    .m-md-42 {
        margin: 42px !important;
    }
    .ml-md-42 {
        margin-left: 42px !important;
    }
    .mr-md-42 {
        margin-right: 42px !important;
    }
    .mt-md-42 {
        margin-top: 42px !important;
    }
    .mb-md-42 {
        margin-bottom: 42px !important;
    }
    .mx-md-42 {
        margin-left: 42px !important;
        margin-right: 42px !important;
    }
    .my-md-42 {
        margin-top: 42px !important;
        margin-bottom: 42px !important;
    }
    .gx-md-42 {
        gap: 0 42px !important;
    }
    .gy-md-42 {
        gap: 42px !important;
    }
    .gap-md-42 {
        gap: 42px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-42 {
        padding: 42px !important;
    }
    .pl-sm-42 {
        padding-left: 42px !important;
    }
    .pr-sm-42 {
        padding-right: 42px !important;
    }
    .pt-sm-42 {
        padding-top: 42px !important;
    }
    .pb-sm-42 {
        padding-bottom: 42px !important;
    }
    .px-sm-42 {
        padding-left: 42px !important;
        padding-right: 42px !important;
    }
    .py-sm-42 {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }
    .m-sm-42 {
        margin: 42px !important;
    }
    .ml-sm-42 {
        margin-left: 42px !important;
    }
    .mr-sm-42 {
        margin-right: 42px !important;
    }
    .mt-sm-42 {
        margin-top: 42px !important;
    }
    .mb-sm-42 {
        margin-bottom: 42px !important;
    }
    .mx-sm-42 {
        margin-left: 42px !important;
        margin-right: 42px !important;
    }
    .my-sm-42 {
        margin-top: 42px !important;
        margin-bottom: 42px !important;
    }
    .gx-sm-42 {
        gap: 0 42px !important;
    }
    .gy-sm-42 {
        gap: 42px !important;
    }
    .gap-sm-42 {
        gap: 42px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-42 {
        padding: 42px !important;
    }
    .pl-xsm-42 {
        padding-left: 42px !important;
    }
    .pr-xsm-42 {
        padding-right: 42px !important;
    }
    .pt-xsm-42 {
        padding-top: 42px !important;
    }
    .pb-xsm-42 {
        padding-bottom: 42px !important;
    }
    .px-xsm-42 {
        padding-left: 42px !important;
        padding-right: 42px !important;
    }
    .py-xsm-42 {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }
    .m-xsm-42 {
        margin: 42px !important;
    }
    .ml-xsm-42 {
        margin-left: 42px !important;
    }
    .mr-xsm-42 {
        margin-right: 42px !important;
    }
    .mt-xsm-42 {
        margin-top: 42px !important;
    }
    .mb-xsm-42 {
        margin-bottom: 42px !important;
    }
    .mx-xsm-42 {
        margin-left: 42px !important;
        margin-right: 42px !important;
    }
    .my-xsm-42 {
        margin-top: 42px !important;
        margin-bottom: 42px !important;
    }
    .gx-xsm-42 {
        gap: 0 42px !important;
    }
    .gy-xsm-42 {
        gap: 42px !important;
    }
    .gap-xsm-42 {
        gap: 42px !important;
    }
}

.p-42 {
    padding: 42px !important;
}

.pl-42 {
    padding-left: 42px !important;
}

.pr-42 {
    padding-right: 42px !important;
}

.pt-42 {
    padding-top: 42px !important;
}

.pb-42 {
    padding-bottom: 42px !important;
}

.px-42 {
    padding-left: 42px !important;
    padding-right: 42px !important;
}

.py-42 {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
}

.m-42 {
    margin: 42px !important;
}

.ml-42 {
    margin-left: 42px !important;
}

.mr-42 {
    margin-right: 42px !important;
}

.mt-42 {
    margin-top: 42px !important;
}

.mb-42 {
    margin-bottom: 42px !important;
}

.mx-42 {
    margin-left: 42px !important;
    margin-right: 42px !important;
}

.my-42 {
    margin-top: 42px !important;
    margin-bottom: 42px !important;
}

.gx-42 {
    gap: 0 42px !important;
}

.gy-42 {
    gap: 42px !important;
}

.gap-42 {
    gap: 42px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-42 {
        padding-left: 0 !important;
        padding-right: 42px !important;
    }
    .rtl .pr-xxl-42 {
        padding-right: 0 !important;
        padding-left: 42px !important;
    }
    .rtl .ml-xxl-42 {
        margin-left: 0 !important;
        margin-right: 42px !important;
    }
    .rtl .mr-xxl-42 {
        margin-right: 0 !important;
        margin-left: 42px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-42 {
        padding-left: 0 !important;
        padding-right: 42px !important;
    }
    .rtl .pr-xl-42 {
        padding-right: 0 !important;
        padding-left: 42px !important;
    }
    .rtl .ml-xl-42 {
        margin-left: 0 !important;
        margin-right: 42px !important;
    }
    .rtl .mr-xl-42 {
        margin-right: 0 !important;
        margin-left: 42px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-42 {
        padding-left: 0 !important;
        padding-right: 42px !important;
    }
    .rtl .pr-lg-42 {
        padding-right: 0 !important;
        padding-left: 42px !important;
    }
    .rtl .ml-lg-42 {
        margin-left: 0 !important;
        margin-right: 42px !important;
    }
    .rtl .mr-lg-42 {
        margin-right: 0 !important;
        margin-left: 42px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-42 {
        padding-left: 0 !important;
        padding-right: 42px !important;
    }
    .rtl .pr-md-42 {
        padding-right: 0 !important;
        padding-left: 42px !important;
    }
    .rtl .ml-md-42 {
        margin-left: 0 !important;
        margin-right: 42px !important;
    }
    .rtl .mr-md-42 {
        margin-right: 0 !important;
        margin-left: 42px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-42 {
        padding-left: 0 !important;
        padding-right: 42px !important;
    }
    .rtl .pr-sm-42 {
        padding-right: 0 !important;
        padding-left: 42px !important;
    }
    .rtl .ml-sm-42 {
        margin-left: 0 !important;
        margin-right: 42px !important;
    }
    .rtl .mr-sm-42 {
        margin-right: 0 !important;
        margin-left: 42px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-42 {
        padding-left: 0 !important;
        padding-right: 42px !important;
    }
    .rtl .pr-xsm-42 {
        padding-right: 0 !important;
        padding-left: 42px !important;
    }
    .rtl .ml-xsm-42 {
        margin-left: 0 !important;
        margin-right: 42px !important;
    }
    .rtl .mr-xsm-42 {
        margin-right: 0 !important;
        margin-left: 42px !important;
    }
}

.rtl .pl-42 {
    padding-left: 0 !important;
    padding-right: 42px !important;
}

.rtl .pr-42 {
    padding-right: 0 !important;
    padding-left: 42px !important;
}

.rtl .ml-42 {
    margin-left: 0 !important;
    margin-right: 42px !important;
}

.rtl .mr-42 {
    margin-right: 0 !important;
    margin-left: 42px !important;
}

@media (min-width: 1200px) {
    .p-xxl-43 {
        padding: 43px !important;
    }
    .pl-xxl-43 {
        padding-left: 43px !important;
    }
    .pr-xxl-43 {
        padding-right: 43px !important;
    }
    .pt-xxl-43 {
        padding-top: 43px !important;
    }
    .pb-xxl-43 {
        padding-bottom: 43px !important;
    }
    .px-xxl-43 {
        padding-left: 43px !important;
        padding-right: 43px !important;
    }
    .py-xxl-43 {
        padding-top: 43px !important;
        padding-bottom: 43px !important;
    }
    .m-xxl-43 {
        margin: 43px !important;
    }
    .ml-xxl-43 {
        margin-left: 43px !important;
    }
    .mr-xxl-43 {
        margin-right: 43px !important;
    }
    .mt-xxl-43 {
        margin-top: 43px !important;
    }
    .mb-xxl-43 {
        margin-bottom: 43px !important;
    }
    .mx-xxl-43 {
        margin-left: 43px !important;
        margin-right: 43px !important;
    }
    .my-xxl-43 {
        margin-top: 43px !important;
        margin-bottom: 43px !important;
    }
    .gx-xxl-43 {
        gap: 0 43px !important;
    }
    .gy-xxl-43 {
        gap: 43px !important;
    }
    .gap-xxl-43 {
        gap: 43px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-43 {
        padding: 43px !important;
    }
    .pl-xl-43 {
        padding-left: 43px !important;
    }
    .pr-xl-43 {
        padding-right: 43px !important;
    }
    .pt-xl-43 {
        padding-top: 43px !important;
    }
    .pb-xl-43 {
        padding-bottom: 43px !important;
    }
    .px-xl-43 {
        padding-left: 43px !important;
        padding-right: 43px !important;
    }
    .py-xl-43 {
        padding-top: 43px !important;
        padding-bottom: 43px !important;
    }
    .m-xl-43 {
        margin: 43px !important;
    }
    .ml-xl-43 {
        margin-left: 43px !important;
    }
    .mr-xl-43 {
        margin-right: 43px !important;
    }
    .mt-xl-43 {
        margin-top: 43px !important;
    }
    .mb-xl-43 {
        margin-bottom: 43px !important;
    }
    .mx-xl-43 {
        margin-left: 43px !important;
        margin-right: 43px !important;
    }
    .my-xl-43 {
        margin-top: 43px !important;
        margin-bottom: 43px !important;
    }
    .gx-xl-43 {
        gap: 0 43px !important;
    }
    .gy-xl-43 {
        gap: 43px !important;
    }
    .gap-xl-43 {
        gap: 43px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-43 {
        padding: 43px !important;
    }
    .pl-lg-43 {
        padding-left: 43px !important;
    }
    .pr-lg-43 {
        padding-right: 43px !important;
    }
    .pt-lg-43 {
        padding-top: 43px !important;
    }
    .pb-lg-43 {
        padding-bottom: 43px !important;
    }
    .px-lg-43 {
        padding-left: 43px !important;
        padding-right: 43px !important;
    }
    .py-lg-43 {
        padding-top: 43px !important;
        padding-bottom: 43px !important;
    }
    .m-lg-43 {
        margin: 43px !important;
    }
    .ml-lg-43 {
        margin-left: 43px !important;
    }
    .mr-lg-43 {
        margin-right: 43px !important;
    }
    .mt-lg-43 {
        margin-top: 43px !important;
    }
    .mb-lg-43 {
        margin-bottom: 43px !important;
    }
    .mx-lg-43 {
        margin-left: 43px !important;
        margin-right: 43px !important;
    }
    .my-lg-43 {
        margin-top: 43px !important;
        margin-bottom: 43px !important;
    }
    .gx-lg-43 {
        gap: 0 43px !important;
    }
    .gy-lg-43 {
        gap: 43px !important;
    }
    .gap-lg-43 {
        gap: 43px !important;
    }
}

@media (min-width: 576px) {
    .p-md-43 {
        padding: 43px !important;
    }
    .pl-md-43 {
        padding-left: 43px !important;
    }
    .pr-md-43 {
        padding-right: 43px !important;
    }
    .pt-md-43 {
        padding-top: 43px !important;
    }
    .pb-md-43 {
        padding-bottom: 43px !important;
    }
    .px-md-43 {
        padding-left: 43px !important;
        padding-right: 43px !important;
    }
    .py-md-43 {
        padding-top: 43px !important;
        padding-bottom: 43px !important;
    }
    .m-md-43 {
        margin: 43px !important;
    }
    .ml-md-43 {
        margin-left: 43px !important;
    }
    .mr-md-43 {
        margin-right: 43px !important;
    }
    .mt-md-43 {
        margin-top: 43px !important;
    }
    .mb-md-43 {
        margin-bottom: 43px !important;
    }
    .mx-md-43 {
        margin-left: 43px !important;
        margin-right: 43px !important;
    }
    .my-md-43 {
        margin-top: 43px !important;
        margin-bottom: 43px !important;
    }
    .gx-md-43 {
        gap: 0 43px !important;
    }
    .gy-md-43 {
        gap: 43px !important;
    }
    .gap-md-43 {
        gap: 43px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-43 {
        padding: 43px !important;
    }
    .pl-sm-43 {
        padding-left: 43px !important;
    }
    .pr-sm-43 {
        padding-right: 43px !important;
    }
    .pt-sm-43 {
        padding-top: 43px !important;
    }
    .pb-sm-43 {
        padding-bottom: 43px !important;
    }
    .px-sm-43 {
        padding-left: 43px !important;
        padding-right: 43px !important;
    }
    .py-sm-43 {
        padding-top: 43px !important;
        padding-bottom: 43px !important;
    }
    .m-sm-43 {
        margin: 43px !important;
    }
    .ml-sm-43 {
        margin-left: 43px !important;
    }
    .mr-sm-43 {
        margin-right: 43px !important;
    }
    .mt-sm-43 {
        margin-top: 43px !important;
    }
    .mb-sm-43 {
        margin-bottom: 43px !important;
    }
    .mx-sm-43 {
        margin-left: 43px !important;
        margin-right: 43px !important;
    }
    .my-sm-43 {
        margin-top: 43px !important;
        margin-bottom: 43px !important;
    }
    .gx-sm-43 {
        gap: 0 43px !important;
    }
    .gy-sm-43 {
        gap: 43px !important;
    }
    .gap-sm-43 {
        gap: 43px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-43 {
        padding: 43px !important;
    }
    .pl-xsm-43 {
        padding-left: 43px !important;
    }
    .pr-xsm-43 {
        padding-right: 43px !important;
    }
    .pt-xsm-43 {
        padding-top: 43px !important;
    }
    .pb-xsm-43 {
        padding-bottom: 43px !important;
    }
    .px-xsm-43 {
        padding-left: 43px !important;
        padding-right: 43px !important;
    }
    .py-xsm-43 {
        padding-top: 43px !important;
        padding-bottom: 43px !important;
    }
    .m-xsm-43 {
        margin: 43px !important;
    }
    .ml-xsm-43 {
        margin-left: 43px !important;
    }
    .mr-xsm-43 {
        margin-right: 43px !important;
    }
    .mt-xsm-43 {
        margin-top: 43px !important;
    }
    .mb-xsm-43 {
        margin-bottom: 43px !important;
    }
    .mx-xsm-43 {
        margin-left: 43px !important;
        margin-right: 43px !important;
    }
    .my-xsm-43 {
        margin-top: 43px !important;
        margin-bottom: 43px !important;
    }
    .gx-xsm-43 {
        gap: 0 43px !important;
    }
    .gy-xsm-43 {
        gap: 43px !important;
    }
    .gap-xsm-43 {
        gap: 43px !important;
    }
}

.p-43 {
    padding: 43px !important;
}

.pl-43 {
    padding-left: 43px !important;
}

.pr-43 {
    padding-right: 43px !important;
}

.pt-43 {
    padding-top: 43px !important;
}

.pb-43 {
    padding-bottom: 43px !important;
}

.px-43 {
    padding-left: 43px !important;
    padding-right: 43px !important;
}

.py-43 {
    padding-top: 43px !important;
    padding-bottom: 43px !important;
}

.m-43 {
    margin: 43px !important;
}

.ml-43 {
    margin-left: 43px !important;
}

.mr-43 {
    margin-right: 43px !important;
}

.mt-43 {
    margin-top: 43px !important;
}

.mb-43 {
    margin-bottom: 43px !important;
}

.mx-43 {
    margin-left: 43px !important;
    margin-right: 43px !important;
}

.my-43 {
    margin-top: 43px !important;
    margin-bottom: 43px !important;
}

.gx-43 {
    gap: 0 43px !important;
}

.gy-43 {
    gap: 43px !important;
}

.gap-43 {
    gap: 43px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-43 {
        padding-left: 0 !important;
        padding-right: 43px !important;
    }
    .rtl .pr-xxl-43 {
        padding-right: 0 !important;
        padding-left: 43px !important;
    }
    .rtl .ml-xxl-43 {
        margin-left: 0 !important;
        margin-right: 43px !important;
    }
    .rtl .mr-xxl-43 {
        margin-right: 0 !important;
        margin-left: 43px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-43 {
        padding-left: 0 !important;
        padding-right: 43px !important;
    }
    .rtl .pr-xl-43 {
        padding-right: 0 !important;
        padding-left: 43px !important;
    }
    .rtl .ml-xl-43 {
        margin-left: 0 !important;
        margin-right: 43px !important;
    }
    .rtl .mr-xl-43 {
        margin-right: 0 !important;
        margin-left: 43px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-43 {
        padding-left: 0 !important;
        padding-right: 43px !important;
    }
    .rtl .pr-lg-43 {
        padding-right: 0 !important;
        padding-left: 43px !important;
    }
    .rtl .ml-lg-43 {
        margin-left: 0 !important;
        margin-right: 43px !important;
    }
    .rtl .mr-lg-43 {
        margin-right: 0 !important;
        margin-left: 43px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-43 {
        padding-left: 0 !important;
        padding-right: 43px !important;
    }
    .rtl .pr-md-43 {
        padding-right: 0 !important;
        padding-left: 43px !important;
    }
    .rtl .ml-md-43 {
        margin-left: 0 !important;
        margin-right: 43px !important;
    }
    .rtl .mr-md-43 {
        margin-right: 0 !important;
        margin-left: 43px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-43 {
        padding-left: 0 !important;
        padding-right: 43px !important;
    }
    .rtl .pr-sm-43 {
        padding-right: 0 !important;
        padding-left: 43px !important;
    }
    .rtl .ml-sm-43 {
        margin-left: 0 !important;
        margin-right: 43px !important;
    }
    .rtl .mr-sm-43 {
        margin-right: 0 !important;
        margin-left: 43px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-43 {
        padding-left: 0 !important;
        padding-right: 43px !important;
    }
    .rtl .pr-xsm-43 {
        padding-right: 0 !important;
        padding-left: 43px !important;
    }
    .rtl .ml-xsm-43 {
        margin-left: 0 !important;
        margin-right: 43px !important;
    }
    .rtl .mr-xsm-43 {
        margin-right: 0 !important;
        margin-left: 43px !important;
    }
}

.rtl .pl-43 {
    padding-left: 0 !important;
    padding-right: 43px !important;
}

.rtl .pr-43 {
    padding-right: 0 !important;
    padding-left: 43px !important;
}

.rtl .ml-43 {
    margin-left: 0 !important;
    margin-right: 43px !important;
}

.rtl .mr-43 {
    margin-right: 0 !important;
    margin-left: 43px !important;
}

@media (min-width: 1200px) {
    .p-xxl-44 {
        padding: 44px !important;
    }
    .pl-xxl-44 {
        padding-left: 44px !important;
    }
    .pr-xxl-44 {
        padding-right: 44px !important;
    }
    .pt-xxl-44 {
        padding-top: 44px !important;
    }
    .pb-xxl-44 {
        padding-bottom: 44px !important;
    }
    .px-xxl-44 {
        padding-left: 44px !important;
        padding-right: 44px !important;
    }
    .py-xxl-44 {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }
    .m-xxl-44 {
        margin: 44px !important;
    }
    .ml-xxl-44 {
        margin-left: 44px !important;
    }
    .mr-xxl-44 {
        margin-right: 44px !important;
    }
    .mt-xxl-44 {
        margin-top: 44px !important;
    }
    .mb-xxl-44 {
        margin-bottom: 44px !important;
    }
    .mx-xxl-44 {
        margin-left: 44px !important;
        margin-right: 44px !important;
    }
    .my-xxl-44 {
        margin-top: 44px !important;
        margin-bottom: 44px !important;
    }
    .gx-xxl-44 {
        gap: 0 44px !important;
    }
    .gy-xxl-44 {
        gap: 44px !important;
    }
    .gap-xxl-44 {
        gap: 44px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-44 {
        padding: 44px !important;
    }
    .pl-xl-44 {
        padding-left: 44px !important;
    }
    .pr-xl-44 {
        padding-right: 44px !important;
    }
    .pt-xl-44 {
        padding-top: 44px !important;
    }
    .pb-xl-44 {
        padding-bottom: 44px !important;
    }
    .px-xl-44 {
        padding-left: 44px !important;
        padding-right: 44px !important;
    }
    .py-xl-44 {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }
    .m-xl-44 {
        margin: 44px !important;
    }
    .ml-xl-44 {
        margin-left: 44px !important;
    }
    .mr-xl-44 {
        margin-right: 44px !important;
    }
    .mt-xl-44 {
        margin-top: 44px !important;
    }
    .mb-xl-44 {
        margin-bottom: 44px !important;
    }
    .mx-xl-44 {
        margin-left: 44px !important;
        margin-right: 44px !important;
    }
    .my-xl-44 {
        margin-top: 44px !important;
        margin-bottom: 44px !important;
    }
    .gx-xl-44 {
        gap: 0 44px !important;
    }
    .gy-xl-44 {
        gap: 44px !important;
    }
    .gap-xl-44 {
        gap: 44px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-44 {
        padding: 44px !important;
    }
    .pl-lg-44 {
        padding-left: 44px !important;
    }
    .pr-lg-44 {
        padding-right: 44px !important;
    }
    .pt-lg-44 {
        padding-top: 44px !important;
    }
    .pb-lg-44 {
        padding-bottom: 44px !important;
    }
    .px-lg-44 {
        padding-left: 44px !important;
        padding-right: 44px !important;
    }
    .py-lg-44 {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }
    .m-lg-44 {
        margin: 44px !important;
    }
    .ml-lg-44 {
        margin-left: 44px !important;
    }
    .mr-lg-44 {
        margin-right: 44px !important;
    }
    .mt-lg-44 {
        margin-top: 44px !important;
    }
    .mb-lg-44 {
        margin-bottom: 44px !important;
    }
    .mx-lg-44 {
        margin-left: 44px !important;
        margin-right: 44px !important;
    }
    .my-lg-44 {
        margin-top: 44px !important;
        margin-bottom: 44px !important;
    }
    .gx-lg-44 {
        gap: 0 44px !important;
    }
    .gy-lg-44 {
        gap: 44px !important;
    }
    .gap-lg-44 {
        gap: 44px !important;
    }
}

@media (min-width: 576px) {
    .p-md-44 {
        padding: 44px !important;
    }
    .pl-md-44 {
        padding-left: 44px !important;
    }
    .pr-md-44 {
        padding-right: 44px !important;
    }
    .pt-md-44 {
        padding-top: 44px !important;
    }
    .pb-md-44 {
        padding-bottom: 44px !important;
    }
    .px-md-44 {
        padding-left: 44px !important;
        padding-right: 44px !important;
    }
    .py-md-44 {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }
    .m-md-44 {
        margin: 44px !important;
    }
    .ml-md-44 {
        margin-left: 44px !important;
    }
    .mr-md-44 {
        margin-right: 44px !important;
    }
    .mt-md-44 {
        margin-top: 44px !important;
    }
    .mb-md-44 {
        margin-bottom: 44px !important;
    }
    .mx-md-44 {
        margin-left: 44px !important;
        margin-right: 44px !important;
    }
    .my-md-44 {
        margin-top: 44px !important;
        margin-bottom: 44px !important;
    }
    .gx-md-44 {
        gap: 0 44px !important;
    }
    .gy-md-44 {
        gap: 44px !important;
    }
    .gap-md-44 {
        gap: 44px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-44 {
        padding: 44px !important;
    }
    .pl-sm-44 {
        padding-left: 44px !important;
    }
    .pr-sm-44 {
        padding-right: 44px !important;
    }
    .pt-sm-44 {
        padding-top: 44px !important;
    }
    .pb-sm-44 {
        padding-bottom: 44px !important;
    }
    .px-sm-44 {
        padding-left: 44px !important;
        padding-right: 44px !important;
    }
    .py-sm-44 {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }
    .m-sm-44 {
        margin: 44px !important;
    }
    .ml-sm-44 {
        margin-left: 44px !important;
    }
    .mr-sm-44 {
        margin-right: 44px !important;
    }
    .mt-sm-44 {
        margin-top: 44px !important;
    }
    .mb-sm-44 {
        margin-bottom: 44px !important;
    }
    .mx-sm-44 {
        margin-left: 44px !important;
        margin-right: 44px !important;
    }
    .my-sm-44 {
        margin-top: 44px !important;
        margin-bottom: 44px !important;
    }
    .gx-sm-44 {
        gap: 0 44px !important;
    }
    .gy-sm-44 {
        gap: 44px !important;
    }
    .gap-sm-44 {
        gap: 44px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-44 {
        padding: 44px !important;
    }
    .pl-xsm-44 {
        padding-left: 44px !important;
    }
    .pr-xsm-44 {
        padding-right: 44px !important;
    }
    .pt-xsm-44 {
        padding-top: 44px !important;
    }
    .pb-xsm-44 {
        padding-bottom: 44px !important;
    }
    .px-xsm-44 {
        padding-left: 44px !important;
        padding-right: 44px !important;
    }
    .py-xsm-44 {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }
    .m-xsm-44 {
        margin: 44px !important;
    }
    .ml-xsm-44 {
        margin-left: 44px !important;
    }
    .mr-xsm-44 {
        margin-right: 44px !important;
    }
    .mt-xsm-44 {
        margin-top: 44px !important;
    }
    .mb-xsm-44 {
        margin-bottom: 44px !important;
    }
    .mx-xsm-44 {
        margin-left: 44px !important;
        margin-right: 44px !important;
    }
    .my-xsm-44 {
        margin-top: 44px !important;
        margin-bottom: 44px !important;
    }
    .gx-xsm-44 {
        gap: 0 44px !important;
    }
    .gy-xsm-44 {
        gap: 44px !important;
    }
    .gap-xsm-44 {
        gap: 44px !important;
    }
}

.p-44 {
    padding: 44px !important;
}

.pl-44 {
    padding-left: 44px !important;
}

.pr-44 {
    padding-right: 44px !important;
}

.pt-44 {
    padding-top: 44px !important;
}

.pb-44 {
    padding-bottom: 44px !important;
}

.px-44 {
    padding-left: 44px !important;
    padding-right: 44px !important;
}

.py-44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
}

.m-44 {
    margin: 44px !important;
}

.ml-44 {
    margin-left: 44px !important;
}

.mr-44 {
    margin-right: 44px !important;
}

.mt-44 {
    margin-top: 44px !important;
}

.mb-44 {
    margin-bottom: 44px !important;
}

.mx-44 {
    margin-left: 44px !important;
    margin-right: 44px !important;
}

.my-44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
}

.gx-44 {
    gap: 0 44px !important;
}

.gy-44 {
    gap: 44px !important;
}

.gap-44 {
    gap: 44px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-44 {
        padding-left: 0 !important;
        padding-right: 44px !important;
    }
    .rtl .pr-xxl-44 {
        padding-right: 0 !important;
        padding-left: 44px !important;
    }
    .rtl .ml-xxl-44 {
        margin-left: 0 !important;
        margin-right: 44px !important;
    }
    .rtl .mr-xxl-44 {
        margin-right: 0 !important;
        margin-left: 44px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-44 {
        padding-left: 0 !important;
        padding-right: 44px !important;
    }
    .rtl .pr-xl-44 {
        padding-right: 0 !important;
        padding-left: 44px !important;
    }
    .rtl .ml-xl-44 {
        margin-left: 0 !important;
        margin-right: 44px !important;
    }
    .rtl .mr-xl-44 {
        margin-right: 0 !important;
        margin-left: 44px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-44 {
        padding-left: 0 !important;
        padding-right: 44px !important;
    }
    .rtl .pr-lg-44 {
        padding-right: 0 !important;
        padding-left: 44px !important;
    }
    .rtl .ml-lg-44 {
        margin-left: 0 !important;
        margin-right: 44px !important;
    }
    .rtl .mr-lg-44 {
        margin-right: 0 !important;
        margin-left: 44px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-44 {
        padding-left: 0 !important;
        padding-right: 44px !important;
    }
    .rtl .pr-md-44 {
        padding-right: 0 !important;
        padding-left: 44px !important;
    }
    .rtl .ml-md-44 {
        margin-left: 0 !important;
        margin-right: 44px !important;
    }
    .rtl .mr-md-44 {
        margin-right: 0 !important;
        margin-left: 44px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-44 {
        padding-left: 0 !important;
        padding-right: 44px !important;
    }
    .rtl .pr-sm-44 {
        padding-right: 0 !important;
        padding-left: 44px !important;
    }
    .rtl .ml-sm-44 {
        margin-left: 0 !important;
        margin-right: 44px !important;
    }
    .rtl .mr-sm-44 {
        margin-right: 0 !important;
        margin-left: 44px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-44 {
        padding-left: 0 !important;
        padding-right: 44px !important;
    }
    .rtl .pr-xsm-44 {
        padding-right: 0 !important;
        padding-left: 44px !important;
    }
    .rtl .ml-xsm-44 {
        margin-left: 0 !important;
        margin-right: 44px !important;
    }
    .rtl .mr-xsm-44 {
        margin-right: 0 !important;
        margin-left: 44px !important;
    }
}

.rtl .pl-44 {
    padding-left: 0 !important;
    padding-right: 44px !important;
}

.rtl .pr-44 {
    padding-right: 0 !important;
    padding-left: 44px !important;
}

.rtl .ml-44 {
    margin-left: 0 !important;
    margin-right: 44px !important;
}

.rtl .mr-44 {
    margin-right: 0 !important;
    margin-left: 44px !important;
}

@media (min-width: 1200px) {
    .p-xxl-45 {
        padding: 45px !important;
    }
    .pl-xxl-45 {
        padding-left: 45px !important;
    }
    .pr-xxl-45 {
        padding-right: 45px !important;
    }
    .pt-xxl-45 {
        padding-top: 45px !important;
    }
    .pb-xxl-45 {
        padding-bottom: 45px !important;
    }
    .px-xxl-45 {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
    .py-xxl-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
    .m-xxl-45 {
        margin: 45px !important;
    }
    .ml-xxl-45 {
        margin-left: 45px !important;
    }
    .mr-xxl-45 {
        margin-right: 45px !important;
    }
    .mt-xxl-45 {
        margin-top: 45px !important;
    }
    .mb-xxl-45 {
        margin-bottom: 45px !important;
    }
    .mx-xxl-45 {
        margin-left: 45px !important;
        margin-right: 45px !important;
    }
    .my-xxl-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
    .gx-xxl-45 {
        gap: 0 45px !important;
    }
    .gy-xxl-45 {
        gap: 45px !important;
    }
    .gap-xxl-45 {
        gap: 45px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-45 {
        padding: 45px !important;
    }
    .pl-xl-45 {
        padding-left: 45px !important;
    }
    .pr-xl-45 {
        padding-right: 45px !important;
    }
    .pt-xl-45 {
        padding-top: 45px !important;
    }
    .pb-xl-45 {
        padding-bottom: 45px !important;
    }
    .px-xl-45 {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
    .py-xl-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
    .m-xl-45 {
        margin: 45px !important;
    }
    .ml-xl-45 {
        margin-left: 45px !important;
    }
    .mr-xl-45 {
        margin-right: 45px !important;
    }
    .mt-xl-45 {
        margin-top: 45px !important;
    }
    .mb-xl-45 {
        margin-bottom: 45px !important;
    }
    .mx-xl-45 {
        margin-left: 45px !important;
        margin-right: 45px !important;
    }
    .my-xl-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
    .gx-xl-45 {
        gap: 0 45px !important;
    }
    .gy-xl-45 {
        gap: 45px !important;
    }
    .gap-xl-45 {
        gap: 45px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-45 {
        padding: 45px !important;
    }
    .pl-lg-45 {
        padding-left: 45px !important;
    }
    .pr-lg-45 {
        padding-right: 45px !important;
    }
    .pt-lg-45 {
        padding-top: 45px !important;
    }
    .pb-lg-45 {
        padding-bottom: 45px !important;
    }
    .px-lg-45 {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
    .py-lg-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
    .m-lg-45 {
        margin: 45px !important;
    }
    .ml-lg-45 {
        margin-left: 45px !important;
    }
    .mr-lg-45 {
        margin-right: 45px !important;
    }
    .mt-lg-45 {
        margin-top: 45px !important;
    }
    .mb-lg-45 {
        margin-bottom: 45px !important;
    }
    .mx-lg-45 {
        margin-left: 45px !important;
        margin-right: 45px !important;
    }
    .my-lg-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
    .gx-lg-45 {
        gap: 0 45px !important;
    }
    .gy-lg-45 {
        gap: 45px !important;
    }
    .gap-lg-45 {
        gap: 45px !important;
    }
}

@media (min-width: 576px) {
    .p-md-45 {
        padding: 45px !important;
    }
    .pl-md-45 {
        padding-left: 45px !important;
    }
    .pr-md-45 {
        padding-right: 45px !important;
    }
    .pt-md-45 {
        padding-top: 45px !important;
    }
    .pb-md-45 {
        padding-bottom: 45px !important;
    }
    .px-md-45 {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
    .py-md-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
    .m-md-45 {
        margin: 45px !important;
    }
    .ml-md-45 {
        margin-left: 45px !important;
    }
    .mr-md-45 {
        margin-right: 45px !important;
    }
    .mt-md-45 {
        margin-top: 45px !important;
    }
    .mb-md-45 {
        margin-bottom: 45px !important;
    }
    .mx-md-45 {
        margin-left: 45px !important;
        margin-right: 45px !important;
    }
    .my-md-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
    .gx-md-45 {
        gap: 0 45px !important;
    }
    .gy-md-45 {
        gap: 45px !important;
    }
    .gap-md-45 {
        gap: 45px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-45 {
        padding: 45px !important;
    }
    .pl-sm-45 {
        padding-left: 45px !important;
    }
    .pr-sm-45 {
        padding-right: 45px !important;
    }
    .pt-sm-45 {
        padding-top: 45px !important;
    }
    .pb-sm-45 {
        padding-bottom: 45px !important;
    }
    .px-sm-45 {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
    .py-sm-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
    .m-sm-45 {
        margin: 45px !important;
    }
    .ml-sm-45 {
        margin-left: 45px !important;
    }
    .mr-sm-45 {
        margin-right: 45px !important;
    }
    .mt-sm-45 {
        margin-top: 45px !important;
    }
    .mb-sm-45 {
        margin-bottom: 45px !important;
    }
    .mx-sm-45 {
        margin-left: 45px !important;
        margin-right: 45px !important;
    }
    .my-sm-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
    .gx-sm-45 {
        gap: 0 45px !important;
    }
    .gy-sm-45 {
        gap: 45px !important;
    }
    .gap-sm-45 {
        gap: 45px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-45 {
        padding: 45px !important;
    }
    .pl-xsm-45 {
        padding-left: 45px !important;
    }
    .pr-xsm-45 {
        padding-right: 45px !important;
    }
    .pt-xsm-45 {
        padding-top: 45px !important;
    }
    .pb-xsm-45 {
        padding-bottom: 45px !important;
    }
    .px-xsm-45 {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
    .py-xsm-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
    .m-xsm-45 {
        margin: 45px !important;
    }
    .ml-xsm-45 {
        margin-left: 45px !important;
    }
    .mr-xsm-45 {
        margin-right: 45px !important;
    }
    .mt-xsm-45 {
        margin-top: 45px !important;
    }
    .mb-xsm-45 {
        margin-bottom: 45px !important;
    }
    .mx-xsm-45 {
        margin-left: 45px !important;
        margin-right: 45px !important;
    }
    .my-xsm-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
    .gx-xsm-45 {
        gap: 0 45px !important;
    }
    .gy-xsm-45 {
        gap: 45px !important;
    }
    .gap-xsm-45 {
        gap: 45px !important;
    }
}

.p-45 {
    padding: 45px !important;
}

.pl-45 {
    padding-left: 45px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
}

.py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.m-45 {
    margin: 45px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.mr-45 {
    margin-right: 45px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mx-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
}

.my-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.gx-45 {
    gap: 0 45px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-45 {
        padding-left: 0 !important;
        padding-right: 45px !important;
    }
    .rtl .pr-xxl-45 {
        padding-right: 0 !important;
        padding-left: 45px !important;
    }
    .rtl .ml-xxl-45 {
        margin-left: 0 !important;
        margin-right: 45px !important;
    }
    .rtl .mr-xxl-45 {
        margin-right: 0 !important;
        margin-left: 45px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-45 {
        padding-left: 0 !important;
        padding-right: 45px !important;
    }
    .rtl .pr-xl-45 {
        padding-right: 0 !important;
        padding-left: 45px !important;
    }
    .rtl .ml-xl-45 {
        margin-left: 0 !important;
        margin-right: 45px !important;
    }
    .rtl .mr-xl-45 {
        margin-right: 0 !important;
        margin-left: 45px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-45 {
        padding-left: 0 !important;
        padding-right: 45px !important;
    }
    .rtl .pr-lg-45 {
        padding-right: 0 !important;
        padding-left: 45px !important;
    }
    .rtl .ml-lg-45 {
        margin-left: 0 !important;
        margin-right: 45px !important;
    }
    .rtl .mr-lg-45 {
        margin-right: 0 !important;
        margin-left: 45px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-45 {
        padding-left: 0 !important;
        padding-right: 45px !important;
    }
    .rtl .pr-md-45 {
        padding-right: 0 !important;
        padding-left: 45px !important;
    }
    .rtl .ml-md-45 {
        margin-left: 0 !important;
        margin-right: 45px !important;
    }
    .rtl .mr-md-45 {
        margin-right: 0 !important;
        margin-left: 45px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-45 {
        padding-left: 0 !important;
        padding-right: 45px !important;
    }
    .rtl .pr-sm-45 {
        padding-right: 0 !important;
        padding-left: 45px !important;
    }
    .rtl .ml-sm-45 {
        margin-left: 0 !important;
        margin-right: 45px !important;
    }
    .rtl .mr-sm-45 {
        margin-right: 0 !important;
        margin-left: 45px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-45 {
        padding-left: 0 !important;
        padding-right: 45px !important;
    }
    .rtl .pr-xsm-45 {
        padding-right: 0 !important;
        padding-left: 45px !important;
    }
    .rtl .ml-xsm-45 {
        margin-left: 0 !important;
        margin-right: 45px !important;
    }
    .rtl .mr-xsm-45 {
        margin-right: 0 !important;
        margin-left: 45px !important;
    }
}

.rtl .pl-45 {
    padding-left: 0 !important;
    padding-right: 45px !important;
}

.rtl .pr-45 {
    padding-right: 0 !important;
    padding-left: 45px !important;
}

.rtl .ml-45 {
    margin-left: 0 !important;
    margin-right: 45px !important;
}

.rtl .mr-45 {
    margin-right: 0 !important;
    margin-left: 45px !important;
}

@media (min-width: 1200px) {
    .p-xxl-46 {
        padding: 46px !important;
    }
    .pl-xxl-46 {
        padding-left: 46px !important;
    }
    .pr-xxl-46 {
        padding-right: 46px !important;
    }
    .pt-xxl-46 {
        padding-top: 46px !important;
    }
    .pb-xxl-46 {
        padding-bottom: 46px !important;
    }
    .px-xxl-46 {
        padding-left: 46px !important;
        padding-right: 46px !important;
    }
    .py-xxl-46 {
        padding-top: 46px !important;
        padding-bottom: 46px !important;
    }
    .m-xxl-46 {
        margin: 46px !important;
    }
    .ml-xxl-46 {
        margin-left: 46px !important;
    }
    .mr-xxl-46 {
        margin-right: 46px !important;
    }
    .mt-xxl-46 {
        margin-top: 46px !important;
    }
    .mb-xxl-46 {
        margin-bottom: 46px !important;
    }
    .mx-xxl-46 {
        margin-left: 46px !important;
        margin-right: 46px !important;
    }
    .my-xxl-46 {
        margin-top: 46px !important;
        margin-bottom: 46px !important;
    }
    .gx-xxl-46 {
        gap: 0 46px !important;
    }
    .gy-xxl-46 {
        gap: 46px !important;
    }
    .gap-xxl-46 {
        gap: 46px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-46 {
        padding: 46px !important;
    }
    .pl-xl-46 {
        padding-left: 46px !important;
    }
    .pr-xl-46 {
        padding-right: 46px !important;
    }
    .pt-xl-46 {
        padding-top: 46px !important;
    }
    .pb-xl-46 {
        padding-bottom: 46px !important;
    }
    .px-xl-46 {
        padding-left: 46px !important;
        padding-right: 46px !important;
    }
    .py-xl-46 {
        padding-top: 46px !important;
        padding-bottom: 46px !important;
    }
    .m-xl-46 {
        margin: 46px !important;
    }
    .ml-xl-46 {
        margin-left: 46px !important;
    }
    .mr-xl-46 {
        margin-right: 46px !important;
    }
    .mt-xl-46 {
        margin-top: 46px !important;
    }
    .mb-xl-46 {
        margin-bottom: 46px !important;
    }
    .mx-xl-46 {
        margin-left: 46px !important;
        margin-right: 46px !important;
    }
    .my-xl-46 {
        margin-top: 46px !important;
        margin-bottom: 46px !important;
    }
    .gx-xl-46 {
        gap: 0 46px !important;
    }
    .gy-xl-46 {
        gap: 46px !important;
    }
    .gap-xl-46 {
        gap: 46px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-46 {
        padding: 46px !important;
    }
    .pl-lg-46 {
        padding-left: 46px !important;
    }
    .pr-lg-46 {
        padding-right: 46px !important;
    }
    .pt-lg-46 {
        padding-top: 46px !important;
    }
    .pb-lg-46 {
        padding-bottom: 46px !important;
    }
    .px-lg-46 {
        padding-left: 46px !important;
        padding-right: 46px !important;
    }
    .py-lg-46 {
        padding-top: 46px !important;
        padding-bottom: 46px !important;
    }
    .m-lg-46 {
        margin: 46px !important;
    }
    .ml-lg-46 {
        margin-left: 46px !important;
    }
    .mr-lg-46 {
        margin-right: 46px !important;
    }
    .mt-lg-46 {
        margin-top: 46px !important;
    }
    .mb-lg-46 {
        margin-bottom: 46px !important;
    }
    .mx-lg-46 {
        margin-left: 46px !important;
        margin-right: 46px !important;
    }
    .my-lg-46 {
        margin-top: 46px !important;
        margin-bottom: 46px !important;
    }
    .gx-lg-46 {
        gap: 0 46px !important;
    }
    .gy-lg-46 {
        gap: 46px !important;
    }
    .gap-lg-46 {
        gap: 46px !important;
    }
}

@media (min-width: 576px) {
    .p-md-46 {
        padding: 46px !important;
    }
    .pl-md-46 {
        padding-left: 46px !important;
    }
    .pr-md-46 {
        padding-right: 46px !important;
    }
    .pt-md-46 {
        padding-top: 46px !important;
    }
    .pb-md-46 {
        padding-bottom: 46px !important;
    }
    .px-md-46 {
        padding-left: 46px !important;
        padding-right: 46px !important;
    }
    .py-md-46 {
        padding-top: 46px !important;
        padding-bottom: 46px !important;
    }
    .m-md-46 {
        margin: 46px !important;
    }
    .ml-md-46 {
        margin-left: 46px !important;
    }
    .mr-md-46 {
        margin-right: 46px !important;
    }
    .mt-md-46 {
        margin-top: 46px !important;
    }
    .mb-md-46 {
        margin-bottom: 46px !important;
    }
    .mx-md-46 {
        margin-left: 46px !important;
        margin-right: 46px !important;
    }
    .my-md-46 {
        margin-top: 46px !important;
        margin-bottom: 46px !important;
    }
    .gx-md-46 {
        gap: 0 46px !important;
    }
    .gy-md-46 {
        gap: 46px !important;
    }
    .gap-md-46 {
        gap: 46px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-46 {
        padding: 46px !important;
    }
    .pl-sm-46 {
        padding-left: 46px !important;
    }
    .pr-sm-46 {
        padding-right: 46px !important;
    }
    .pt-sm-46 {
        padding-top: 46px !important;
    }
    .pb-sm-46 {
        padding-bottom: 46px !important;
    }
    .px-sm-46 {
        padding-left: 46px !important;
        padding-right: 46px !important;
    }
    .py-sm-46 {
        padding-top: 46px !important;
        padding-bottom: 46px !important;
    }
    .m-sm-46 {
        margin: 46px !important;
    }
    .ml-sm-46 {
        margin-left: 46px !important;
    }
    .mr-sm-46 {
        margin-right: 46px !important;
    }
    .mt-sm-46 {
        margin-top: 46px !important;
    }
    .mb-sm-46 {
        margin-bottom: 46px !important;
    }
    .mx-sm-46 {
        margin-left: 46px !important;
        margin-right: 46px !important;
    }
    .my-sm-46 {
        margin-top: 46px !important;
        margin-bottom: 46px !important;
    }
    .gx-sm-46 {
        gap: 0 46px !important;
    }
    .gy-sm-46 {
        gap: 46px !important;
    }
    .gap-sm-46 {
        gap: 46px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-46 {
        padding: 46px !important;
    }
    .pl-xsm-46 {
        padding-left: 46px !important;
    }
    .pr-xsm-46 {
        padding-right: 46px !important;
    }
    .pt-xsm-46 {
        padding-top: 46px !important;
    }
    .pb-xsm-46 {
        padding-bottom: 46px !important;
    }
    .px-xsm-46 {
        padding-left: 46px !important;
        padding-right: 46px !important;
    }
    .py-xsm-46 {
        padding-top: 46px !important;
        padding-bottom: 46px !important;
    }
    .m-xsm-46 {
        margin: 46px !important;
    }
    .ml-xsm-46 {
        margin-left: 46px !important;
    }
    .mr-xsm-46 {
        margin-right: 46px !important;
    }
    .mt-xsm-46 {
        margin-top: 46px !important;
    }
    .mb-xsm-46 {
        margin-bottom: 46px !important;
    }
    .mx-xsm-46 {
        margin-left: 46px !important;
        margin-right: 46px !important;
    }
    .my-xsm-46 {
        margin-top: 46px !important;
        margin-bottom: 46px !important;
    }
    .gx-xsm-46 {
        gap: 0 46px !important;
    }
    .gy-xsm-46 {
        gap: 46px !important;
    }
    .gap-xsm-46 {
        gap: 46px !important;
    }
}

.p-46 {
    padding: 46px !important;
}

.pl-46 {
    padding-left: 46px !important;
}

.pr-46 {
    padding-right: 46px !important;
}

.pt-46 {
    padding-top: 46px !important;
}

.pb-46 {
    padding-bottom: 46px !important;
}

.px-46 {
    padding-left: 46px !important;
    padding-right: 46px !important;
}

.py-46 {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
}

.m-46 {
    margin: 46px !important;
}

.ml-46 {
    margin-left: 46px !important;
}

.mr-46 {
    margin-right: 46px !important;
}

.mt-46 {
    margin-top: 46px !important;
}

.mb-46 {
    margin-bottom: 46px !important;
}

.mx-46 {
    margin-left: 46px !important;
    margin-right: 46px !important;
}

.my-46 {
    margin-top: 46px !important;
    margin-bottom: 46px !important;
}

.gx-46 {
    gap: 0 46px !important;
}

.gy-46 {
    gap: 46px !important;
}

.gap-46 {
    gap: 46px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-46 {
        padding-left: 0 !important;
        padding-right: 46px !important;
    }
    .rtl .pr-xxl-46 {
        padding-right: 0 !important;
        padding-left: 46px !important;
    }
    .rtl .ml-xxl-46 {
        margin-left: 0 !important;
        margin-right: 46px !important;
    }
    .rtl .mr-xxl-46 {
        margin-right: 0 !important;
        margin-left: 46px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-46 {
        padding-left: 0 !important;
        padding-right: 46px !important;
    }
    .rtl .pr-xl-46 {
        padding-right: 0 !important;
        padding-left: 46px !important;
    }
    .rtl .ml-xl-46 {
        margin-left: 0 !important;
        margin-right: 46px !important;
    }
    .rtl .mr-xl-46 {
        margin-right: 0 !important;
        margin-left: 46px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-46 {
        padding-left: 0 !important;
        padding-right: 46px !important;
    }
    .rtl .pr-lg-46 {
        padding-right: 0 !important;
        padding-left: 46px !important;
    }
    .rtl .ml-lg-46 {
        margin-left: 0 !important;
        margin-right: 46px !important;
    }
    .rtl .mr-lg-46 {
        margin-right: 0 !important;
        margin-left: 46px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-46 {
        padding-left: 0 !important;
        padding-right: 46px !important;
    }
    .rtl .pr-md-46 {
        padding-right: 0 !important;
        padding-left: 46px !important;
    }
    .rtl .ml-md-46 {
        margin-left: 0 !important;
        margin-right: 46px !important;
    }
    .rtl .mr-md-46 {
        margin-right: 0 !important;
        margin-left: 46px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-46 {
        padding-left: 0 !important;
        padding-right: 46px !important;
    }
    .rtl .pr-sm-46 {
        padding-right: 0 !important;
        padding-left: 46px !important;
    }
    .rtl .ml-sm-46 {
        margin-left: 0 !important;
        margin-right: 46px !important;
    }
    .rtl .mr-sm-46 {
        margin-right: 0 !important;
        margin-left: 46px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-46 {
        padding-left: 0 !important;
        padding-right: 46px !important;
    }
    .rtl .pr-xsm-46 {
        padding-right: 0 !important;
        padding-left: 46px !important;
    }
    .rtl .ml-xsm-46 {
        margin-left: 0 !important;
        margin-right: 46px !important;
    }
    .rtl .mr-xsm-46 {
        margin-right: 0 !important;
        margin-left: 46px !important;
    }
}

.rtl .pl-46 {
    padding-left: 0 !important;
    padding-right: 46px !important;
}

.rtl .pr-46 {
    padding-right: 0 !important;
    padding-left: 46px !important;
}

.rtl .ml-46 {
    margin-left: 0 !important;
    margin-right: 46px !important;
}

.rtl .mr-46 {
    margin-right: 0 !important;
    margin-left: 46px !important;
}

@media (min-width: 1200px) {
    .p-xxl-47 {
        padding: 47px !important;
    }
    .pl-xxl-47 {
        padding-left: 47px !important;
    }
    .pr-xxl-47 {
        padding-right: 47px !important;
    }
    .pt-xxl-47 {
        padding-top: 47px !important;
    }
    .pb-xxl-47 {
        padding-bottom: 47px !important;
    }
    .px-xxl-47 {
        padding-left: 47px !important;
        padding-right: 47px !important;
    }
    .py-xxl-47 {
        padding-top: 47px !important;
        padding-bottom: 47px !important;
    }
    .m-xxl-47 {
        margin: 47px !important;
    }
    .ml-xxl-47 {
        margin-left: 47px !important;
    }
    .mr-xxl-47 {
        margin-right: 47px !important;
    }
    .mt-xxl-47 {
        margin-top: 47px !important;
    }
    .mb-xxl-47 {
        margin-bottom: 47px !important;
    }
    .mx-xxl-47 {
        margin-left: 47px !important;
        margin-right: 47px !important;
    }
    .my-xxl-47 {
        margin-top: 47px !important;
        margin-bottom: 47px !important;
    }
    .gx-xxl-47 {
        gap: 0 47px !important;
    }
    .gy-xxl-47 {
        gap: 47px !important;
    }
    .gap-xxl-47 {
        gap: 47px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-47 {
        padding: 47px !important;
    }
    .pl-xl-47 {
        padding-left: 47px !important;
    }
    .pr-xl-47 {
        padding-right: 47px !important;
    }
    .pt-xl-47 {
        padding-top: 47px !important;
    }
    .pb-xl-47 {
        padding-bottom: 47px !important;
    }
    .px-xl-47 {
        padding-left: 47px !important;
        padding-right: 47px !important;
    }
    .py-xl-47 {
        padding-top: 47px !important;
        padding-bottom: 47px !important;
    }
    .m-xl-47 {
        margin: 47px !important;
    }
    .ml-xl-47 {
        margin-left: 47px !important;
    }
    .mr-xl-47 {
        margin-right: 47px !important;
    }
    .mt-xl-47 {
        margin-top: 47px !important;
    }
    .mb-xl-47 {
        margin-bottom: 47px !important;
    }
    .mx-xl-47 {
        margin-left: 47px !important;
        margin-right: 47px !important;
    }
    .my-xl-47 {
        margin-top: 47px !important;
        margin-bottom: 47px !important;
    }
    .gx-xl-47 {
        gap: 0 47px !important;
    }
    .gy-xl-47 {
        gap: 47px !important;
    }
    .gap-xl-47 {
        gap: 47px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-47 {
        padding: 47px !important;
    }
    .pl-lg-47 {
        padding-left: 47px !important;
    }
    .pr-lg-47 {
        padding-right: 47px !important;
    }
    .pt-lg-47 {
        padding-top: 47px !important;
    }
    .pb-lg-47 {
        padding-bottom: 47px !important;
    }
    .px-lg-47 {
        padding-left: 47px !important;
        padding-right: 47px !important;
    }
    .py-lg-47 {
        padding-top: 47px !important;
        padding-bottom: 47px !important;
    }
    .m-lg-47 {
        margin: 47px !important;
    }
    .ml-lg-47 {
        margin-left: 47px !important;
    }
    .mr-lg-47 {
        margin-right: 47px !important;
    }
    .mt-lg-47 {
        margin-top: 47px !important;
    }
    .mb-lg-47 {
        margin-bottom: 47px !important;
    }
    .mx-lg-47 {
        margin-left: 47px !important;
        margin-right: 47px !important;
    }
    .my-lg-47 {
        margin-top: 47px !important;
        margin-bottom: 47px !important;
    }
    .gx-lg-47 {
        gap: 0 47px !important;
    }
    .gy-lg-47 {
        gap: 47px !important;
    }
    .gap-lg-47 {
        gap: 47px !important;
    }
}

@media (min-width: 576px) {
    .p-md-47 {
        padding: 47px !important;
    }
    .pl-md-47 {
        padding-left: 47px !important;
    }
    .pr-md-47 {
        padding-right: 47px !important;
    }
    .pt-md-47 {
        padding-top: 47px !important;
    }
    .pb-md-47 {
        padding-bottom: 47px !important;
    }
    .px-md-47 {
        padding-left: 47px !important;
        padding-right: 47px !important;
    }
    .py-md-47 {
        padding-top: 47px !important;
        padding-bottom: 47px !important;
    }
    .m-md-47 {
        margin: 47px !important;
    }
    .ml-md-47 {
        margin-left: 47px !important;
    }
    .mr-md-47 {
        margin-right: 47px !important;
    }
    .mt-md-47 {
        margin-top: 47px !important;
    }
    .mb-md-47 {
        margin-bottom: 47px !important;
    }
    .mx-md-47 {
        margin-left: 47px !important;
        margin-right: 47px !important;
    }
    .my-md-47 {
        margin-top: 47px !important;
        margin-bottom: 47px !important;
    }
    .gx-md-47 {
        gap: 0 47px !important;
    }
    .gy-md-47 {
        gap: 47px !important;
    }
    .gap-md-47 {
        gap: 47px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-47 {
        padding: 47px !important;
    }
    .pl-sm-47 {
        padding-left: 47px !important;
    }
    .pr-sm-47 {
        padding-right: 47px !important;
    }
    .pt-sm-47 {
        padding-top: 47px !important;
    }
    .pb-sm-47 {
        padding-bottom: 47px !important;
    }
    .px-sm-47 {
        padding-left: 47px !important;
        padding-right: 47px !important;
    }
    .py-sm-47 {
        padding-top: 47px !important;
        padding-bottom: 47px !important;
    }
    .m-sm-47 {
        margin: 47px !important;
    }
    .ml-sm-47 {
        margin-left: 47px !important;
    }
    .mr-sm-47 {
        margin-right: 47px !important;
    }
    .mt-sm-47 {
        margin-top: 47px !important;
    }
    .mb-sm-47 {
        margin-bottom: 47px !important;
    }
    .mx-sm-47 {
        margin-left: 47px !important;
        margin-right: 47px !important;
    }
    .my-sm-47 {
        margin-top: 47px !important;
        margin-bottom: 47px !important;
    }
    .gx-sm-47 {
        gap: 0 47px !important;
    }
    .gy-sm-47 {
        gap: 47px !important;
    }
    .gap-sm-47 {
        gap: 47px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-47 {
        padding: 47px !important;
    }
    .pl-xsm-47 {
        padding-left: 47px !important;
    }
    .pr-xsm-47 {
        padding-right: 47px !important;
    }
    .pt-xsm-47 {
        padding-top: 47px !important;
    }
    .pb-xsm-47 {
        padding-bottom: 47px !important;
    }
    .px-xsm-47 {
        padding-left: 47px !important;
        padding-right: 47px !important;
    }
    .py-xsm-47 {
        padding-top: 47px !important;
        padding-bottom: 47px !important;
    }
    .m-xsm-47 {
        margin: 47px !important;
    }
    .ml-xsm-47 {
        margin-left: 47px !important;
    }
    .mr-xsm-47 {
        margin-right: 47px !important;
    }
    .mt-xsm-47 {
        margin-top: 47px !important;
    }
    .mb-xsm-47 {
        margin-bottom: 47px !important;
    }
    .mx-xsm-47 {
        margin-left: 47px !important;
        margin-right: 47px !important;
    }
    .my-xsm-47 {
        margin-top: 47px !important;
        margin-bottom: 47px !important;
    }
    .gx-xsm-47 {
        gap: 0 47px !important;
    }
    .gy-xsm-47 {
        gap: 47px !important;
    }
    .gap-xsm-47 {
        gap: 47px !important;
    }
}

.p-47 {
    padding: 47px !important;
}

.pl-47 {
    padding-left: 47px !important;
}

.pr-47 {
    padding-right: 47px !important;
}

.pt-47 {
    padding-top: 47px !important;
}

.pb-47 {
    padding-bottom: 47px !important;
}

.px-47 {
    padding-left: 47px !important;
    padding-right: 47px !important;
}

.py-47 {
    padding-top: 47px !important;
    padding-bottom: 47px !important;
}

.m-47 {
    margin: 47px !important;
}

.ml-47 {
    margin-left: 47px !important;
}

.mr-47 {
    margin-right: 47px !important;
}

.mt-47 {
    margin-top: 47px !important;
}

.mb-47 {
    margin-bottom: 47px !important;
}

.mx-47 {
    margin-left: 47px !important;
    margin-right: 47px !important;
}

.my-47 {
    margin-top: 47px !important;
    margin-bottom: 47px !important;
}

.gx-47 {
    gap: 0 47px !important;
}

.gy-47 {
    gap: 47px !important;
}

.gap-47 {
    gap: 47px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-47 {
        padding-left: 0 !important;
        padding-right: 47px !important;
    }
    .rtl .pr-xxl-47 {
        padding-right: 0 !important;
        padding-left: 47px !important;
    }
    .rtl .ml-xxl-47 {
        margin-left: 0 !important;
        margin-right: 47px !important;
    }
    .rtl .mr-xxl-47 {
        margin-right: 0 !important;
        margin-left: 47px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-47 {
        padding-left: 0 !important;
        padding-right: 47px !important;
    }
    .rtl .pr-xl-47 {
        padding-right: 0 !important;
        padding-left: 47px !important;
    }
    .rtl .ml-xl-47 {
        margin-left: 0 !important;
        margin-right: 47px !important;
    }
    .rtl .mr-xl-47 {
        margin-right: 0 !important;
        margin-left: 47px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-47 {
        padding-left: 0 !important;
        padding-right: 47px !important;
    }
    .rtl .pr-lg-47 {
        padding-right: 0 !important;
        padding-left: 47px !important;
    }
    .rtl .ml-lg-47 {
        margin-left: 0 !important;
        margin-right: 47px !important;
    }
    .rtl .mr-lg-47 {
        margin-right: 0 !important;
        margin-left: 47px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-47 {
        padding-left: 0 !important;
        padding-right: 47px !important;
    }
    .rtl .pr-md-47 {
        padding-right: 0 !important;
        padding-left: 47px !important;
    }
    .rtl .ml-md-47 {
        margin-left: 0 !important;
        margin-right: 47px !important;
    }
    .rtl .mr-md-47 {
        margin-right: 0 !important;
        margin-left: 47px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-47 {
        padding-left: 0 !important;
        padding-right: 47px !important;
    }
    .rtl .pr-sm-47 {
        padding-right: 0 !important;
        padding-left: 47px !important;
    }
    .rtl .ml-sm-47 {
        margin-left: 0 !important;
        margin-right: 47px !important;
    }
    .rtl .mr-sm-47 {
        margin-right: 0 !important;
        margin-left: 47px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-47 {
        padding-left: 0 !important;
        padding-right: 47px !important;
    }
    .rtl .pr-xsm-47 {
        padding-right: 0 !important;
        padding-left: 47px !important;
    }
    .rtl .ml-xsm-47 {
        margin-left: 0 !important;
        margin-right: 47px !important;
    }
    .rtl .mr-xsm-47 {
        margin-right: 0 !important;
        margin-left: 47px !important;
    }
}

.rtl .pl-47 {
    padding-left: 0 !important;
    padding-right: 47px !important;
}

.rtl .pr-47 {
    padding-right: 0 !important;
    padding-left: 47px !important;
}

.rtl .ml-47 {
    margin-left: 0 !important;
    margin-right: 47px !important;
}

.rtl .mr-47 {
    margin-right: 0 !important;
    margin-left: 47px !important;
}

@media (min-width: 1200px) {
    .p-xxl-48 {
        padding: 48px !important;
    }
    .pl-xxl-48 {
        padding-left: 48px !important;
    }
    .pr-xxl-48 {
        padding-right: 48px !important;
    }
    .pt-xxl-48 {
        padding-top: 48px !important;
    }
    .pb-xxl-48 {
        padding-bottom: 48px !important;
    }
    .px-xxl-48 {
        padding-left: 48px !important;
        padding-right: 48px !important;
    }
    .py-xxl-48 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    .m-xxl-48 {
        margin: 48px !important;
    }
    .ml-xxl-48 {
        margin-left: 48px !important;
    }
    .mr-xxl-48 {
        margin-right: 48px !important;
    }
    .mt-xxl-48 {
        margin-top: 48px !important;
    }
    .mb-xxl-48 {
        margin-bottom: 48px !important;
    }
    .mx-xxl-48 {
        margin-left: 48px !important;
        margin-right: 48px !important;
    }
    .my-xxl-48 {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
    }
    .gx-xxl-48 {
        gap: 0 48px !important;
    }
    .gy-xxl-48 {
        gap: 48px !important;
    }
    .gap-xxl-48 {
        gap: 48px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-48 {
        padding: 48px !important;
    }
    .pl-xl-48 {
        padding-left: 48px !important;
    }
    .pr-xl-48 {
        padding-right: 48px !important;
    }
    .pt-xl-48 {
        padding-top: 48px !important;
    }
    .pb-xl-48 {
        padding-bottom: 48px !important;
    }
    .px-xl-48 {
        padding-left: 48px !important;
        padding-right: 48px !important;
    }
    .py-xl-48 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    .m-xl-48 {
        margin: 48px !important;
    }
    .ml-xl-48 {
        margin-left: 48px !important;
    }
    .mr-xl-48 {
        margin-right: 48px !important;
    }
    .mt-xl-48 {
        margin-top: 48px !important;
    }
    .mb-xl-48 {
        margin-bottom: 48px !important;
    }
    .mx-xl-48 {
        margin-left: 48px !important;
        margin-right: 48px !important;
    }
    .my-xl-48 {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
    }
    .gx-xl-48 {
        gap: 0 48px !important;
    }
    .gy-xl-48 {
        gap: 48px !important;
    }
    .gap-xl-48 {
        gap: 48px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-48 {
        padding: 48px !important;
    }
    .pl-lg-48 {
        padding-left: 48px !important;
    }
    .pr-lg-48 {
        padding-right: 48px !important;
    }
    .pt-lg-48 {
        padding-top: 48px !important;
    }
    .pb-lg-48 {
        padding-bottom: 48px !important;
    }
    .px-lg-48 {
        padding-left: 48px !important;
        padding-right: 48px !important;
    }
    .py-lg-48 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    .m-lg-48 {
        margin: 48px !important;
    }
    .ml-lg-48 {
        margin-left: 48px !important;
    }
    .mr-lg-48 {
        margin-right: 48px !important;
    }
    .mt-lg-48 {
        margin-top: 48px !important;
    }
    .mb-lg-48 {
        margin-bottom: 48px !important;
    }
    .mx-lg-48 {
        margin-left: 48px !important;
        margin-right: 48px !important;
    }
    .my-lg-48 {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
    }
    .gx-lg-48 {
        gap: 0 48px !important;
    }
    .gy-lg-48 {
        gap: 48px !important;
    }
    .gap-lg-48 {
        gap: 48px !important;
    }
}

@media (min-width: 576px) {
    .p-md-48 {
        padding: 48px !important;
    }
    .pl-md-48 {
        padding-left: 48px !important;
    }
    .pr-md-48 {
        padding-right: 48px !important;
    }
    .pt-md-48 {
        padding-top: 48px !important;
    }
    .pb-md-48 {
        padding-bottom: 48px !important;
    }
    .px-md-48 {
        padding-left: 48px !important;
        padding-right: 48px !important;
    }
    .py-md-48 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    .m-md-48 {
        margin: 48px !important;
    }
    .ml-md-48 {
        margin-left: 48px !important;
    }
    .mr-md-48 {
        margin-right: 48px !important;
    }
    .mt-md-48 {
        margin-top: 48px !important;
    }
    .mb-md-48 {
        margin-bottom: 48px !important;
    }
    .mx-md-48 {
        margin-left: 48px !important;
        margin-right: 48px !important;
    }
    .my-md-48 {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
    }
    .gx-md-48 {
        gap: 0 48px !important;
    }
    .gy-md-48 {
        gap: 48px !important;
    }
    .gap-md-48 {
        gap: 48px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-48 {
        padding: 48px !important;
    }
    .pl-sm-48 {
        padding-left: 48px !important;
    }
    .pr-sm-48 {
        padding-right: 48px !important;
    }
    .pt-sm-48 {
        padding-top: 48px !important;
    }
    .pb-sm-48 {
        padding-bottom: 48px !important;
    }
    .px-sm-48 {
        padding-left: 48px !important;
        padding-right: 48px !important;
    }
    .py-sm-48 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    .m-sm-48 {
        margin: 48px !important;
    }
    .ml-sm-48 {
        margin-left: 48px !important;
    }
    .mr-sm-48 {
        margin-right: 48px !important;
    }
    .mt-sm-48 {
        margin-top: 48px !important;
    }
    .mb-sm-48 {
        margin-bottom: 48px !important;
    }
    .mx-sm-48 {
        margin-left: 48px !important;
        margin-right: 48px !important;
    }
    .my-sm-48 {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
    }
    .gx-sm-48 {
        gap: 0 48px !important;
    }
    .gy-sm-48 {
        gap: 48px !important;
    }
    .gap-sm-48 {
        gap: 48px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-48 {
        padding: 48px !important;
    }
    .pl-xsm-48 {
        padding-left: 48px !important;
    }
    .pr-xsm-48 {
        padding-right: 48px !important;
    }
    .pt-xsm-48 {
        padding-top: 48px !important;
    }
    .pb-xsm-48 {
        padding-bottom: 48px !important;
    }
    .px-xsm-48 {
        padding-left: 48px !important;
        padding-right: 48px !important;
    }
    .py-xsm-48 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    .m-xsm-48 {
        margin: 48px !important;
    }
    .ml-xsm-48 {
        margin-left: 48px !important;
    }
    .mr-xsm-48 {
        margin-right: 48px !important;
    }
    .mt-xsm-48 {
        margin-top: 48px !important;
    }
    .mb-xsm-48 {
        margin-bottom: 48px !important;
    }
    .mx-xsm-48 {
        margin-left: 48px !important;
        margin-right: 48px !important;
    }
    .my-xsm-48 {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
    }
    .gx-xsm-48 {
        gap: 0 48px !important;
    }
    .gy-xsm-48 {
        gap: 48px !important;
    }
    .gap-xsm-48 {
        gap: 48px !important;
    }
}

.p-48 {
    padding: 48px !important;
}

.pl-48 {
    padding-left: 48px !important;
}

.pr-48 {
    padding-right: 48px !important;
}

.pt-48 {
    padding-top: 48px !important;
}

.pb-48 {
    padding-bottom: 48px !important;
}

.px-48 {
    padding-left: 48px !important;
    padding-right: 48px !important;
}

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

.m-48 {
    margin: 48px !important;
}

.ml-48 {
    margin-left: 48px !important;
}

.mr-48 {
    margin-right: 48px !important;
}

.mt-48 {
    margin-top: 48px !important;
}

.mb-48 {
    margin-bottom: 48px !important;
}

.mx-48 {
    margin-left: 48px !important;
    margin-right: 48px !important;
}

.my-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
}

.gx-48 {
    gap: 0 48px !important;
}

.gy-48 {
    gap: 48px !important;
}

.gap-48 {
    gap: 48px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-48 {
        padding-left: 0 !important;
        padding-right: 48px !important;
    }
    .rtl .pr-xxl-48 {
        padding-right: 0 !important;
        padding-left: 48px !important;
    }
    .rtl .ml-xxl-48 {
        margin-left: 0 !important;
        margin-right: 48px !important;
    }
    .rtl .mr-xxl-48 {
        margin-right: 0 !important;
        margin-left: 48px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-48 {
        padding-left: 0 !important;
        padding-right: 48px !important;
    }
    .rtl .pr-xl-48 {
        padding-right: 0 !important;
        padding-left: 48px !important;
    }
    .rtl .ml-xl-48 {
        margin-left: 0 !important;
        margin-right: 48px !important;
    }
    .rtl .mr-xl-48 {
        margin-right: 0 !important;
        margin-left: 48px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-48 {
        padding-left: 0 !important;
        padding-right: 48px !important;
    }
    .rtl .pr-lg-48 {
        padding-right: 0 !important;
        padding-left: 48px !important;
    }
    .rtl .ml-lg-48 {
        margin-left: 0 !important;
        margin-right: 48px !important;
    }
    .rtl .mr-lg-48 {
        margin-right: 0 !important;
        margin-left: 48px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-48 {
        padding-left: 0 !important;
        padding-right: 48px !important;
    }
    .rtl .pr-md-48 {
        padding-right: 0 !important;
        padding-left: 48px !important;
    }
    .rtl .ml-md-48 {
        margin-left: 0 !important;
        margin-right: 48px !important;
    }
    .rtl .mr-md-48 {
        margin-right: 0 !important;
        margin-left: 48px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-48 {
        padding-left: 0 !important;
        padding-right: 48px !important;
    }
    .rtl .pr-sm-48 {
        padding-right: 0 !important;
        padding-left: 48px !important;
    }
    .rtl .ml-sm-48 {
        margin-left: 0 !important;
        margin-right: 48px !important;
    }
    .rtl .mr-sm-48 {
        margin-right: 0 !important;
        margin-left: 48px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-48 {
        padding-left: 0 !important;
        padding-right: 48px !important;
    }
    .rtl .pr-xsm-48 {
        padding-right: 0 !important;
        padding-left: 48px !important;
    }
    .rtl .ml-xsm-48 {
        margin-left: 0 !important;
        margin-right: 48px !important;
    }
    .rtl .mr-xsm-48 {
        margin-right: 0 !important;
        margin-left: 48px !important;
    }
}

.rtl .pl-48 {
    padding-left: 0 !important;
    padding-right: 48px !important;
}

.rtl .pr-48 {
    padding-right: 0 !important;
    padding-left: 48px !important;
}

.rtl .ml-48 {
    margin-left: 0 !important;
    margin-right: 48px !important;
}

.rtl .mr-48 {
    margin-right: 0 !important;
    margin-left: 48px !important;
}

@media (min-width: 1200px) {
    .p-xxl-49 {
        padding: 49px !important;
    }
    .pl-xxl-49 {
        padding-left: 49px !important;
    }
    .pr-xxl-49 {
        padding-right: 49px !important;
    }
    .pt-xxl-49 {
        padding-top: 49px !important;
    }
    .pb-xxl-49 {
        padding-bottom: 49px !important;
    }
    .px-xxl-49 {
        padding-left: 49px !important;
        padding-right: 49px !important;
    }
    .py-xxl-49 {
        padding-top: 49px !important;
        padding-bottom: 49px !important;
    }
    .m-xxl-49 {
        margin: 49px !important;
    }
    .ml-xxl-49 {
        margin-left: 49px !important;
    }
    .mr-xxl-49 {
        margin-right: 49px !important;
    }
    .mt-xxl-49 {
        margin-top: 49px !important;
    }
    .mb-xxl-49 {
        margin-bottom: 49px !important;
    }
    .mx-xxl-49 {
        margin-left: 49px !important;
        margin-right: 49px !important;
    }
    .my-xxl-49 {
        margin-top: 49px !important;
        margin-bottom: 49px !important;
    }
    .gx-xxl-49 {
        gap: 0 49px !important;
    }
    .gy-xxl-49 {
        gap: 49px !important;
    }
    .gap-xxl-49 {
        gap: 49px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-49 {
        padding: 49px !important;
    }
    .pl-xl-49 {
        padding-left: 49px !important;
    }
    .pr-xl-49 {
        padding-right: 49px !important;
    }
    .pt-xl-49 {
        padding-top: 49px !important;
    }
    .pb-xl-49 {
        padding-bottom: 49px !important;
    }
    .px-xl-49 {
        padding-left: 49px !important;
        padding-right: 49px !important;
    }
    .py-xl-49 {
        padding-top: 49px !important;
        padding-bottom: 49px !important;
    }
    .m-xl-49 {
        margin: 49px !important;
    }
    .ml-xl-49 {
        margin-left: 49px !important;
    }
    .mr-xl-49 {
        margin-right: 49px !important;
    }
    .mt-xl-49 {
        margin-top: 49px !important;
    }
    .mb-xl-49 {
        margin-bottom: 49px !important;
    }
    .mx-xl-49 {
        margin-left: 49px !important;
        margin-right: 49px !important;
    }
    .my-xl-49 {
        margin-top: 49px !important;
        margin-bottom: 49px !important;
    }
    .gx-xl-49 {
        gap: 0 49px !important;
    }
    .gy-xl-49 {
        gap: 49px !important;
    }
    .gap-xl-49 {
        gap: 49px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-49 {
        padding: 49px !important;
    }
    .pl-lg-49 {
        padding-left: 49px !important;
    }
    .pr-lg-49 {
        padding-right: 49px !important;
    }
    .pt-lg-49 {
        padding-top: 49px !important;
    }
    .pb-lg-49 {
        padding-bottom: 49px !important;
    }
    .px-lg-49 {
        padding-left: 49px !important;
        padding-right: 49px !important;
    }
    .py-lg-49 {
        padding-top: 49px !important;
        padding-bottom: 49px !important;
    }
    .m-lg-49 {
        margin: 49px !important;
    }
    .ml-lg-49 {
        margin-left: 49px !important;
    }
    .mr-lg-49 {
        margin-right: 49px !important;
    }
    .mt-lg-49 {
        margin-top: 49px !important;
    }
    .mb-lg-49 {
        margin-bottom: 49px !important;
    }
    .mx-lg-49 {
        margin-left: 49px !important;
        margin-right: 49px !important;
    }
    .my-lg-49 {
        margin-top: 49px !important;
        margin-bottom: 49px !important;
    }
    .gx-lg-49 {
        gap: 0 49px !important;
    }
    .gy-lg-49 {
        gap: 49px !important;
    }
    .gap-lg-49 {
        gap: 49px !important;
    }
}

@media (min-width: 576px) {
    .p-md-49 {
        padding: 49px !important;
    }
    .pl-md-49 {
        padding-left: 49px !important;
    }
    .pr-md-49 {
        padding-right: 49px !important;
    }
    .pt-md-49 {
        padding-top: 49px !important;
    }
    .pb-md-49 {
        padding-bottom: 49px !important;
    }
    .px-md-49 {
        padding-left: 49px !important;
        padding-right: 49px !important;
    }
    .py-md-49 {
        padding-top: 49px !important;
        padding-bottom: 49px !important;
    }
    .m-md-49 {
        margin: 49px !important;
    }
    .ml-md-49 {
        margin-left: 49px !important;
    }
    .mr-md-49 {
        margin-right: 49px !important;
    }
    .mt-md-49 {
        margin-top: 49px !important;
    }
    .mb-md-49 {
        margin-bottom: 49px !important;
    }
    .mx-md-49 {
        margin-left: 49px !important;
        margin-right: 49px !important;
    }
    .my-md-49 {
        margin-top: 49px !important;
        margin-bottom: 49px !important;
    }
    .gx-md-49 {
        gap: 0 49px !important;
    }
    .gy-md-49 {
        gap: 49px !important;
    }
    .gap-md-49 {
        gap: 49px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-49 {
        padding: 49px !important;
    }
    .pl-sm-49 {
        padding-left: 49px !important;
    }
    .pr-sm-49 {
        padding-right: 49px !important;
    }
    .pt-sm-49 {
        padding-top: 49px !important;
    }
    .pb-sm-49 {
        padding-bottom: 49px !important;
    }
    .px-sm-49 {
        padding-left: 49px !important;
        padding-right: 49px !important;
    }
    .py-sm-49 {
        padding-top: 49px !important;
        padding-bottom: 49px !important;
    }
    .m-sm-49 {
        margin: 49px !important;
    }
    .ml-sm-49 {
        margin-left: 49px !important;
    }
    .mr-sm-49 {
        margin-right: 49px !important;
    }
    .mt-sm-49 {
        margin-top: 49px !important;
    }
    .mb-sm-49 {
        margin-bottom: 49px !important;
    }
    .mx-sm-49 {
        margin-left: 49px !important;
        margin-right: 49px !important;
    }
    .my-sm-49 {
        margin-top: 49px !important;
        margin-bottom: 49px !important;
    }
    .gx-sm-49 {
        gap: 0 49px !important;
    }
    .gy-sm-49 {
        gap: 49px !important;
    }
    .gap-sm-49 {
        gap: 49px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-49 {
        padding: 49px !important;
    }
    .pl-xsm-49 {
        padding-left: 49px !important;
    }
    .pr-xsm-49 {
        padding-right: 49px !important;
    }
    .pt-xsm-49 {
        padding-top: 49px !important;
    }
    .pb-xsm-49 {
        padding-bottom: 49px !important;
    }
    .px-xsm-49 {
        padding-left: 49px !important;
        padding-right: 49px !important;
    }
    .py-xsm-49 {
        padding-top: 49px !important;
        padding-bottom: 49px !important;
    }
    .m-xsm-49 {
        margin: 49px !important;
    }
    .ml-xsm-49 {
        margin-left: 49px !important;
    }
    .mr-xsm-49 {
        margin-right: 49px !important;
    }
    .mt-xsm-49 {
        margin-top: 49px !important;
    }
    .mb-xsm-49 {
        margin-bottom: 49px !important;
    }
    .mx-xsm-49 {
        margin-left: 49px !important;
        margin-right: 49px !important;
    }
    .my-xsm-49 {
        margin-top: 49px !important;
        margin-bottom: 49px !important;
    }
    .gx-xsm-49 {
        gap: 0 49px !important;
    }
    .gy-xsm-49 {
        gap: 49px !important;
    }
    .gap-xsm-49 {
        gap: 49px !important;
    }
}

.p-49 {
    padding: 49px !important;
}

.pl-49 {
    padding-left: 49px !important;
}

.pr-49 {
    padding-right: 49px !important;
}

.pt-49 {
    padding-top: 49px !important;
}

.pb-49 {
    padding-bottom: 49px !important;
}

.px-49 {
    padding-left: 49px !important;
    padding-right: 49px !important;
}

.py-49 {
    padding-top: 49px !important;
    padding-bottom: 49px !important;
}

.m-49 {
    margin: 49px !important;
}

.ml-49 {
    margin-left: 49px !important;
}

.mr-49 {
    margin-right: 49px !important;
}

.mt-49 {
    margin-top: 49px !important;
}

.mb-49 {
    margin-bottom: 49px !important;
}

.mx-49 {
    margin-left: 49px !important;
    margin-right: 49px !important;
}

.my-49 {
    margin-top: 49px !important;
    margin-bottom: 49px !important;
}

.gx-49 {
    gap: 0 49px !important;
}

.gy-49 {
    gap: 49px !important;
}

.gap-49 {
    gap: 49px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-49 {
        padding-left: 0 !important;
        padding-right: 49px !important;
    }
    .rtl .pr-xxl-49 {
        padding-right: 0 !important;
        padding-left: 49px !important;
    }
    .rtl .ml-xxl-49 {
        margin-left: 0 !important;
        margin-right: 49px !important;
    }
    .rtl .mr-xxl-49 {
        margin-right: 0 !important;
        margin-left: 49px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-49 {
        padding-left: 0 !important;
        padding-right: 49px !important;
    }
    .rtl .pr-xl-49 {
        padding-right: 0 !important;
        padding-left: 49px !important;
    }
    .rtl .ml-xl-49 {
        margin-left: 0 !important;
        margin-right: 49px !important;
    }
    .rtl .mr-xl-49 {
        margin-right: 0 !important;
        margin-left: 49px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-49 {
        padding-left: 0 !important;
        padding-right: 49px !important;
    }
    .rtl .pr-lg-49 {
        padding-right: 0 !important;
        padding-left: 49px !important;
    }
    .rtl .ml-lg-49 {
        margin-left: 0 !important;
        margin-right: 49px !important;
    }
    .rtl .mr-lg-49 {
        margin-right: 0 !important;
        margin-left: 49px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-49 {
        padding-left: 0 !important;
        padding-right: 49px !important;
    }
    .rtl .pr-md-49 {
        padding-right: 0 !important;
        padding-left: 49px !important;
    }
    .rtl .ml-md-49 {
        margin-left: 0 !important;
        margin-right: 49px !important;
    }
    .rtl .mr-md-49 {
        margin-right: 0 !important;
        margin-left: 49px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-49 {
        padding-left: 0 !important;
        padding-right: 49px !important;
    }
    .rtl .pr-sm-49 {
        padding-right: 0 !important;
        padding-left: 49px !important;
    }
    .rtl .ml-sm-49 {
        margin-left: 0 !important;
        margin-right: 49px !important;
    }
    .rtl .mr-sm-49 {
        margin-right: 0 !important;
        margin-left: 49px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-49 {
        padding-left: 0 !important;
        padding-right: 49px !important;
    }
    .rtl .pr-xsm-49 {
        padding-right: 0 !important;
        padding-left: 49px !important;
    }
    .rtl .ml-xsm-49 {
        margin-left: 0 !important;
        margin-right: 49px !important;
    }
    .rtl .mr-xsm-49 {
        margin-right: 0 !important;
        margin-left: 49px !important;
    }
}

.rtl .pl-49 {
    padding-left: 0 !important;
    padding-right: 49px !important;
}

.rtl .pr-49 {
    padding-right: 0 !important;
    padding-left: 49px !important;
}

.rtl .ml-49 {
    margin-left: 0 !important;
    margin-right: 49px !important;
}

.rtl .mr-49 {
    margin-right: 0 !important;
    margin-left: 49px !important;
}

@media (min-width: 1200px) {
    .p-xxl-50 {
        padding: 50px !important;
    }
    .pl-xxl-50 {
        padding-left: 50px !important;
    }
    .pr-xxl-50 {
        padding-right: 50px !important;
    }
    .pt-xxl-50 {
        padding-top: 50px !important;
    }
    .pb-xxl-50 {
        padding-bottom: 50px !important;
    }
    .px-xxl-50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    .py-xxl-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .m-xxl-50 {
        margin: 50px !important;
    }
    .ml-xxl-50 {
        margin-left: 50px !important;
    }
    .mr-xxl-50 {
        margin-right: 50px !important;
    }
    .mt-xxl-50 {
        margin-top: 50px !important;
    }
    .mb-xxl-50 {
        margin-bottom: 50px !important;
    }
    .mx-xxl-50 {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }
    .my-xxl-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .gx-xxl-50 {
        gap: 0 50px !important;
    }
    .gy-xxl-50 {
        gap: 50px !important;
    }
    .gap-xxl-50 {
        gap: 50px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-50 {
        padding: 50px !important;
    }
    .pl-xl-50 {
        padding-left: 50px !important;
    }
    .pr-xl-50 {
        padding-right: 50px !important;
    }
    .pt-xl-50 {
        padding-top: 50px !important;
    }
    .pb-xl-50 {
        padding-bottom: 50px !important;
    }
    .px-xl-50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    .py-xl-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .m-xl-50 {
        margin: 50px !important;
    }
    .ml-xl-50 {
        margin-left: 50px !important;
    }
    .mr-xl-50 {
        margin-right: 50px !important;
    }
    .mt-xl-50 {
        margin-top: 50px !important;
    }
    .mb-xl-50 {
        margin-bottom: 50px !important;
    }
    .mx-xl-50 {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }
    .my-xl-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .gx-xl-50 {
        gap: 0 50px !important;
    }
    .gy-xl-50 {
        gap: 50px !important;
    }
    .gap-xl-50 {
        gap: 50px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-50 {
        padding: 50px !important;
    }
    .pl-lg-50 {
        padding-left: 50px !important;
    }
    .pr-lg-50 {
        padding-right: 50px !important;
    }
    .pt-lg-50 {
        padding-top: 50px !important;
    }
    .pb-lg-50 {
        padding-bottom: 50px !important;
    }
    .px-lg-50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    .py-lg-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .m-lg-50 {
        margin: 50px !important;
    }
    .ml-lg-50 {
        margin-left: 50px !important;
    }
    .mr-lg-50 {
        margin-right: 50px !important;
    }
    .mt-lg-50 {
        margin-top: 50px !important;
    }
    .mb-lg-50 {
        margin-bottom: 50px !important;
    }
    .mx-lg-50 {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }
    .my-lg-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .gx-lg-50 {
        gap: 0 50px !important;
    }
    .gy-lg-50 {
        gap: 50px !important;
    }
    .gap-lg-50 {
        gap: 50px !important;
    }
}

@media (min-width: 576px) {
    .p-md-50 {
        padding: 50px !important;
    }
    .pl-md-50 {
        padding-left: 50px !important;
    }
    .pr-md-50 {
        padding-right: 50px !important;
    }
    .pt-md-50 {
        padding-top: 50px !important;
    }
    .pb-md-50 {
        padding-bottom: 50px !important;
    }
    .px-md-50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    .py-md-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .m-md-50 {
        margin: 50px !important;
    }
    .ml-md-50 {
        margin-left: 50px !important;
    }
    .mr-md-50 {
        margin-right: 50px !important;
    }
    .mt-md-50 {
        margin-top: 50px !important;
    }
    .mb-md-50 {
        margin-bottom: 50px !important;
    }
    .mx-md-50 {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }
    .my-md-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .gx-md-50 {
        gap: 0 50px !important;
    }
    .gy-md-50 {
        gap: 50px !important;
    }
    .gap-md-50 {
        gap: 50px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-50 {
        padding: 50px !important;
    }
    .pl-sm-50 {
        padding-left: 50px !important;
    }
    .pr-sm-50 {
        padding-right: 50px !important;
    }
    .pt-sm-50 {
        padding-top: 50px !important;
    }
    .pb-sm-50 {
        padding-bottom: 50px !important;
    }
    .px-sm-50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    .py-sm-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .m-sm-50 {
        margin: 50px !important;
    }
    .ml-sm-50 {
        margin-left: 50px !important;
    }
    .mr-sm-50 {
        margin-right: 50px !important;
    }
    .mt-sm-50 {
        margin-top: 50px !important;
    }
    .mb-sm-50 {
        margin-bottom: 50px !important;
    }
    .mx-sm-50 {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }
    .my-sm-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .gx-sm-50 {
        gap: 0 50px !important;
    }
    .gy-sm-50 {
        gap: 50px !important;
    }
    .gap-sm-50 {
        gap: 50px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-50 {
        padding: 50px !important;
    }
    .pl-xsm-50 {
        padding-left: 50px !important;
    }
    .pr-xsm-50 {
        padding-right: 50px !important;
    }
    .pt-xsm-50 {
        padding-top: 50px !important;
    }
    .pb-xsm-50 {
        padding-bottom: 50px !important;
    }
    .px-xsm-50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    .py-xsm-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .m-xsm-50 {
        margin: 50px !important;
    }
    .ml-xsm-50 {
        margin-left: 50px !important;
    }
    .mr-xsm-50 {
        margin-right: 50px !important;
    }
    .mt-xsm-50 {
        margin-top: 50px !important;
    }
    .mb-xsm-50 {
        margin-bottom: 50px !important;
    }
    .mx-xsm-50 {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }
    .my-xsm-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .gx-xsm-50 {
        gap: 0 50px !important;
    }
    .gy-xsm-50 {
        gap: 50px !important;
    }
    .gap-xsm-50 {
        gap: 50px !important;
    }
}

.p-50 {
    padding: 50px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.m-50 {
    margin: 50px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mx-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.gx-50 {
    gap: 0 50px !important;
}

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

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

@media (min-width: 1200px) {
    .rtl .pl-xxl-50 {
        padding-left: 0 !important;
        padding-right: 50px !important;
    }
    .rtl .pr-xxl-50 {
        padding-right: 0 !important;
        padding-left: 50px !important;
    }
    .rtl .ml-xxl-50 {
        margin-left: 0 !important;
        margin-right: 50px !important;
    }
    .rtl .mr-xxl-50 {
        margin-right: 0 !important;
        margin-left: 50px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-50 {
        padding-left: 0 !important;
        padding-right: 50px !important;
    }
    .rtl .pr-xl-50 {
        padding-right: 0 !important;
        padding-left: 50px !important;
    }
    .rtl .ml-xl-50 {
        margin-left: 0 !important;
        margin-right: 50px !important;
    }
    .rtl .mr-xl-50 {
        margin-right: 0 !important;
        margin-left: 50px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-50 {
        padding-left: 0 !important;
        padding-right: 50px !important;
    }
    .rtl .pr-lg-50 {
        padding-right: 0 !important;
        padding-left: 50px !important;
    }
    .rtl .ml-lg-50 {
        margin-left: 0 !important;
        margin-right: 50px !important;
    }
    .rtl .mr-lg-50 {
        margin-right: 0 !important;
        margin-left: 50px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-50 {
        padding-left: 0 !important;
        padding-right: 50px !important;
    }
    .rtl .pr-md-50 {
        padding-right: 0 !important;
        padding-left: 50px !important;
    }
    .rtl .ml-md-50 {
        margin-left: 0 !important;
        margin-right: 50px !important;
    }
    .rtl .mr-md-50 {
        margin-right: 0 !important;
        margin-left: 50px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-50 {
        padding-left: 0 !important;
        padding-right: 50px !important;
    }
    .rtl .pr-sm-50 {
        padding-right: 0 !important;
        padding-left: 50px !important;
    }
    .rtl .ml-sm-50 {
        margin-left: 0 !important;
        margin-right: 50px !important;
    }
    .rtl .mr-sm-50 {
        margin-right: 0 !important;
        margin-left: 50px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-50 {
        padding-left: 0 !important;
        padding-right: 50px !important;
    }
    .rtl .pr-xsm-50 {
        padding-right: 0 !important;
        padding-left: 50px !important;
    }
    .rtl .ml-xsm-50 {
        margin-left: 0 !important;
        margin-right: 50px !important;
    }
    .rtl .mr-xsm-50 {
        margin-right: 0 !important;
        margin-left: 50px !important;
    }
}

.rtl .pl-50 {
    padding-left: 0 !important;
    padding-right: 50px !important;
}

.rtl .pr-50 {
    padding-right: 0 !important;
    padding-left: 50px !important;
}

.rtl .ml-50 {
    margin-left: 0 !important;
    margin-right: 50px !important;
}

.rtl .mr-50 {
    margin-right: 0 !important;
    margin-left: 50px !important;
}

@media (min-width: 1200px) {
    .p-xxl-51 {
        padding: 51px !important;
    }
    .pl-xxl-51 {
        padding-left: 51px !important;
    }
    .pr-xxl-51 {
        padding-right: 51px !important;
    }
    .pt-xxl-51 {
        padding-top: 51px !important;
    }
    .pb-xxl-51 {
        padding-bottom: 51px !important;
    }
    .px-xxl-51 {
        padding-left: 51px !important;
        padding-right: 51px !important;
    }
    .py-xxl-51 {
        padding-top: 51px !important;
        padding-bottom: 51px !important;
    }
    .m-xxl-51 {
        margin: 51px !important;
    }
    .ml-xxl-51 {
        margin-left: 51px !important;
    }
    .mr-xxl-51 {
        margin-right: 51px !important;
    }
    .mt-xxl-51 {
        margin-top: 51px !important;
    }
    .mb-xxl-51 {
        margin-bottom: 51px !important;
    }
    .mx-xxl-51 {
        margin-left: 51px !important;
        margin-right: 51px !important;
    }
    .my-xxl-51 {
        margin-top: 51px !important;
        margin-bottom: 51px !important;
    }
    .gx-xxl-51 {
        gap: 0 51px !important;
    }
    .gy-xxl-51 {
        gap: 51px !important;
    }
    .gap-xxl-51 {
        gap: 51px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-51 {
        padding: 51px !important;
    }
    .pl-xl-51 {
        padding-left: 51px !important;
    }
    .pr-xl-51 {
        padding-right: 51px !important;
    }
    .pt-xl-51 {
        padding-top: 51px !important;
    }
    .pb-xl-51 {
        padding-bottom: 51px !important;
    }
    .px-xl-51 {
        padding-left: 51px !important;
        padding-right: 51px !important;
    }
    .py-xl-51 {
        padding-top: 51px !important;
        padding-bottom: 51px !important;
    }
    .m-xl-51 {
        margin: 51px !important;
    }
    .ml-xl-51 {
        margin-left: 51px !important;
    }
    .mr-xl-51 {
        margin-right: 51px !important;
    }
    .mt-xl-51 {
        margin-top: 51px !important;
    }
    .mb-xl-51 {
        margin-bottom: 51px !important;
    }
    .mx-xl-51 {
        margin-left: 51px !important;
        margin-right: 51px !important;
    }
    .my-xl-51 {
        margin-top: 51px !important;
        margin-bottom: 51px !important;
    }
    .gx-xl-51 {
        gap: 0 51px !important;
    }
    .gy-xl-51 {
        gap: 51px !important;
    }
    .gap-xl-51 {
        gap: 51px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-51 {
        padding: 51px !important;
    }
    .pl-lg-51 {
        padding-left: 51px !important;
    }
    .pr-lg-51 {
        padding-right: 51px !important;
    }
    .pt-lg-51 {
        padding-top: 51px !important;
    }
    .pb-lg-51 {
        padding-bottom: 51px !important;
    }
    .px-lg-51 {
        padding-left: 51px !important;
        padding-right: 51px !important;
    }
    .py-lg-51 {
        padding-top: 51px !important;
        padding-bottom: 51px !important;
    }
    .m-lg-51 {
        margin: 51px !important;
    }
    .ml-lg-51 {
        margin-left: 51px !important;
    }
    .mr-lg-51 {
        margin-right: 51px !important;
    }
    .mt-lg-51 {
        margin-top: 51px !important;
    }
    .mb-lg-51 {
        margin-bottom: 51px !important;
    }
    .mx-lg-51 {
        margin-left: 51px !important;
        margin-right: 51px !important;
    }
    .my-lg-51 {
        margin-top: 51px !important;
        margin-bottom: 51px !important;
    }
    .gx-lg-51 {
        gap: 0 51px !important;
    }
    .gy-lg-51 {
        gap: 51px !important;
    }
    .gap-lg-51 {
        gap: 51px !important;
    }
}

@media (min-width: 576px) {
    .p-md-51 {
        padding: 51px !important;
    }
    .pl-md-51 {
        padding-left: 51px !important;
    }
    .pr-md-51 {
        padding-right: 51px !important;
    }
    .pt-md-51 {
        padding-top: 51px !important;
    }
    .pb-md-51 {
        padding-bottom: 51px !important;
    }
    .px-md-51 {
        padding-left: 51px !important;
        padding-right: 51px !important;
    }
    .py-md-51 {
        padding-top: 51px !important;
        padding-bottom: 51px !important;
    }
    .m-md-51 {
        margin: 51px !important;
    }
    .ml-md-51 {
        margin-left: 51px !important;
    }
    .mr-md-51 {
        margin-right: 51px !important;
    }
    .mt-md-51 {
        margin-top: 51px !important;
    }
    .mb-md-51 {
        margin-bottom: 51px !important;
    }
    .mx-md-51 {
        margin-left: 51px !important;
        margin-right: 51px !important;
    }
    .my-md-51 {
        margin-top: 51px !important;
        margin-bottom: 51px !important;
    }
    .gx-md-51 {
        gap: 0 51px !important;
    }
    .gy-md-51 {
        gap: 51px !important;
    }
    .gap-md-51 {
        gap: 51px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-51 {
        padding: 51px !important;
    }
    .pl-sm-51 {
        padding-left: 51px !important;
    }
    .pr-sm-51 {
        padding-right: 51px !important;
    }
    .pt-sm-51 {
        padding-top: 51px !important;
    }
    .pb-sm-51 {
        padding-bottom: 51px !important;
    }
    .px-sm-51 {
        padding-left: 51px !important;
        padding-right: 51px !important;
    }
    .py-sm-51 {
        padding-top: 51px !important;
        padding-bottom: 51px !important;
    }
    .m-sm-51 {
        margin: 51px !important;
    }
    .ml-sm-51 {
        margin-left: 51px !important;
    }
    .mr-sm-51 {
        margin-right: 51px !important;
    }
    .mt-sm-51 {
        margin-top: 51px !important;
    }
    .mb-sm-51 {
        margin-bottom: 51px !important;
    }
    .mx-sm-51 {
        margin-left: 51px !important;
        margin-right: 51px !important;
    }
    .my-sm-51 {
        margin-top: 51px !important;
        margin-bottom: 51px !important;
    }
    .gx-sm-51 {
        gap: 0 51px !important;
    }
    .gy-sm-51 {
        gap: 51px !important;
    }
    .gap-sm-51 {
        gap: 51px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-51 {
        padding: 51px !important;
    }
    .pl-xsm-51 {
        padding-left: 51px !important;
    }
    .pr-xsm-51 {
        padding-right: 51px !important;
    }
    .pt-xsm-51 {
        padding-top: 51px !important;
    }
    .pb-xsm-51 {
        padding-bottom: 51px !important;
    }
    .px-xsm-51 {
        padding-left: 51px !important;
        padding-right: 51px !important;
    }
    .py-xsm-51 {
        padding-top: 51px !important;
        padding-bottom: 51px !important;
    }
    .m-xsm-51 {
        margin: 51px !important;
    }
    .ml-xsm-51 {
        margin-left: 51px !important;
    }
    .mr-xsm-51 {
        margin-right: 51px !important;
    }
    .mt-xsm-51 {
        margin-top: 51px !important;
    }
    .mb-xsm-51 {
        margin-bottom: 51px !important;
    }
    .mx-xsm-51 {
        margin-left: 51px !important;
        margin-right: 51px !important;
    }
    .my-xsm-51 {
        margin-top: 51px !important;
        margin-bottom: 51px !important;
    }
    .gx-xsm-51 {
        gap: 0 51px !important;
    }
    .gy-xsm-51 {
        gap: 51px !important;
    }
    .gap-xsm-51 {
        gap: 51px !important;
    }
}

.p-51 {
    padding: 51px !important;
}

.pl-51 {
    padding-left: 51px !important;
}

.pr-51 {
    padding-right: 51px !important;
}

.pt-51 {
    padding-top: 51px !important;
}

.pb-51 {
    padding-bottom: 51px !important;
}

.px-51 {
    padding-left: 51px !important;
    padding-right: 51px !important;
}

.py-51 {
    padding-top: 51px !important;
    padding-bottom: 51px !important;
}

.m-51 {
    margin: 51px !important;
}

.ml-51 {
    margin-left: 51px !important;
}

.mr-51 {
    margin-right: 51px !important;
}

.mt-51 {
    margin-top: 51px !important;
}

.mb-51 {
    margin-bottom: 51px !important;
}

.mx-51 {
    margin-left: 51px !important;
    margin-right: 51px !important;
}

.my-51 {
    margin-top: 51px !important;
    margin-bottom: 51px !important;
}

.gx-51 {
    gap: 0 51px !important;
}

.gy-51 {
    gap: 51px !important;
}

.gap-51 {
    gap: 51px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-51 {
        padding-left: 0 !important;
        padding-right: 51px !important;
    }
    .rtl .pr-xxl-51 {
        padding-right: 0 !important;
        padding-left: 51px !important;
    }
    .rtl .ml-xxl-51 {
        margin-left: 0 !important;
        margin-right: 51px !important;
    }
    .rtl .mr-xxl-51 {
        margin-right: 0 !important;
        margin-left: 51px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-51 {
        padding-left: 0 !important;
        padding-right: 51px !important;
    }
    .rtl .pr-xl-51 {
        padding-right: 0 !important;
        padding-left: 51px !important;
    }
    .rtl .ml-xl-51 {
        margin-left: 0 !important;
        margin-right: 51px !important;
    }
    .rtl .mr-xl-51 {
        margin-right: 0 !important;
        margin-left: 51px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-51 {
        padding-left: 0 !important;
        padding-right: 51px !important;
    }
    .rtl .pr-lg-51 {
        padding-right: 0 !important;
        padding-left: 51px !important;
    }
    .rtl .ml-lg-51 {
        margin-left: 0 !important;
        margin-right: 51px !important;
    }
    .rtl .mr-lg-51 {
        margin-right: 0 !important;
        margin-left: 51px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-51 {
        padding-left: 0 !important;
        padding-right: 51px !important;
    }
    .rtl .pr-md-51 {
        padding-right: 0 !important;
        padding-left: 51px !important;
    }
    .rtl .ml-md-51 {
        margin-left: 0 !important;
        margin-right: 51px !important;
    }
    .rtl .mr-md-51 {
        margin-right: 0 !important;
        margin-left: 51px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-51 {
        padding-left: 0 !important;
        padding-right: 51px !important;
    }
    .rtl .pr-sm-51 {
        padding-right: 0 !important;
        padding-left: 51px !important;
    }
    .rtl .ml-sm-51 {
        margin-left: 0 !important;
        margin-right: 51px !important;
    }
    .rtl .mr-sm-51 {
        margin-right: 0 !important;
        margin-left: 51px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-51 {
        padding-left: 0 !important;
        padding-right: 51px !important;
    }
    .rtl .pr-xsm-51 {
        padding-right: 0 !important;
        padding-left: 51px !important;
    }
    .rtl .ml-xsm-51 {
        margin-left: 0 !important;
        margin-right: 51px !important;
    }
    .rtl .mr-xsm-51 {
        margin-right: 0 !important;
        margin-left: 51px !important;
    }
}

.rtl .pl-51 {
    padding-left: 0 !important;
    padding-right: 51px !important;
}

.rtl .pr-51 {
    padding-right: 0 !important;
    padding-left: 51px !important;
}

.rtl .ml-51 {
    margin-left: 0 !important;
    margin-right: 51px !important;
}

.rtl .mr-51 {
    margin-right: 0 !important;
    margin-left: 51px !important;
}

@media (min-width: 1200px) {
    .p-xxl-52 {
        padding: 52px !important;
    }
    .pl-xxl-52 {
        padding-left: 52px !important;
    }
    .pr-xxl-52 {
        padding-right: 52px !important;
    }
    .pt-xxl-52 {
        padding-top: 52px !important;
    }
    .pb-xxl-52 {
        padding-bottom: 52px !important;
    }
    .px-xxl-52 {
        padding-left: 52px !important;
        padding-right: 52px !important;
    }
    .py-xxl-52 {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }
    .m-xxl-52 {
        margin: 52px !important;
    }
    .ml-xxl-52 {
        margin-left: 52px !important;
    }
    .mr-xxl-52 {
        margin-right: 52px !important;
    }
    .mt-xxl-52 {
        margin-top: 52px !important;
    }
    .mb-xxl-52 {
        margin-bottom: 52px !important;
    }
    .mx-xxl-52 {
        margin-left: 52px !important;
        margin-right: 52px !important;
    }
    .my-xxl-52 {
        margin-top: 52px !important;
        margin-bottom: 52px !important;
    }
    .gx-xxl-52 {
        gap: 0 52px !important;
    }
    .gy-xxl-52 {
        gap: 52px !important;
    }
    .gap-xxl-52 {
        gap: 52px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-52 {
        padding: 52px !important;
    }
    .pl-xl-52 {
        padding-left: 52px !important;
    }
    .pr-xl-52 {
        padding-right: 52px !important;
    }
    .pt-xl-52 {
        padding-top: 52px !important;
    }
    .pb-xl-52 {
        padding-bottom: 52px !important;
    }
    .px-xl-52 {
        padding-left: 52px !important;
        padding-right: 52px !important;
    }
    .py-xl-52 {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }
    .m-xl-52 {
        margin: 52px !important;
    }
    .ml-xl-52 {
        margin-left: 52px !important;
    }
    .mr-xl-52 {
        margin-right: 52px !important;
    }
    .mt-xl-52 {
        margin-top: 52px !important;
    }
    .mb-xl-52 {
        margin-bottom: 52px !important;
    }
    .mx-xl-52 {
        margin-left: 52px !important;
        margin-right: 52px !important;
    }
    .my-xl-52 {
        margin-top: 52px !important;
        margin-bottom: 52px !important;
    }
    .gx-xl-52 {
        gap: 0 52px !important;
    }
    .gy-xl-52 {
        gap: 52px !important;
    }
    .gap-xl-52 {
        gap: 52px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-52 {
        padding: 52px !important;
    }
    .pl-lg-52 {
        padding-left: 52px !important;
    }
    .pr-lg-52 {
        padding-right: 52px !important;
    }
    .pt-lg-52 {
        padding-top: 52px !important;
    }
    .pb-lg-52 {
        padding-bottom: 52px !important;
    }
    .px-lg-52 {
        padding-left: 52px !important;
        padding-right: 52px !important;
    }
    .py-lg-52 {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }
    .m-lg-52 {
        margin: 52px !important;
    }
    .ml-lg-52 {
        margin-left: 52px !important;
    }
    .mr-lg-52 {
        margin-right: 52px !important;
    }
    .mt-lg-52 {
        margin-top: 52px !important;
    }
    .mb-lg-52 {
        margin-bottom: 52px !important;
    }
    .mx-lg-52 {
        margin-left: 52px !important;
        margin-right: 52px !important;
    }
    .my-lg-52 {
        margin-top: 52px !important;
        margin-bottom: 52px !important;
    }
    .gx-lg-52 {
        gap: 0 52px !important;
    }
    .gy-lg-52 {
        gap: 52px !important;
    }
    .gap-lg-52 {
        gap: 52px !important;
    }
}

@media (min-width: 576px) {
    .p-md-52 {
        padding: 52px !important;
    }
    .pl-md-52 {
        padding-left: 52px !important;
    }
    .pr-md-52 {
        padding-right: 52px !important;
    }
    .pt-md-52 {
        padding-top: 52px !important;
    }
    .pb-md-52 {
        padding-bottom: 52px !important;
    }
    .px-md-52 {
        padding-left: 52px !important;
        padding-right: 52px !important;
    }
    .py-md-52 {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }
    .m-md-52 {
        margin: 52px !important;
    }
    .ml-md-52 {
        margin-left: 52px !important;
    }
    .mr-md-52 {
        margin-right: 52px !important;
    }
    .mt-md-52 {
        margin-top: 52px !important;
    }
    .mb-md-52 {
        margin-bottom: 52px !important;
    }
    .mx-md-52 {
        margin-left: 52px !important;
        margin-right: 52px !important;
    }
    .my-md-52 {
        margin-top: 52px !important;
        margin-bottom: 52px !important;
    }
    .gx-md-52 {
        gap: 0 52px !important;
    }
    .gy-md-52 {
        gap: 52px !important;
    }
    .gap-md-52 {
        gap: 52px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-52 {
        padding: 52px !important;
    }
    .pl-sm-52 {
        padding-left: 52px !important;
    }
    .pr-sm-52 {
        padding-right: 52px !important;
    }
    .pt-sm-52 {
        padding-top: 52px !important;
    }
    .pb-sm-52 {
        padding-bottom: 52px !important;
    }
    .px-sm-52 {
        padding-left: 52px !important;
        padding-right: 52px !important;
    }
    .py-sm-52 {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }
    .m-sm-52 {
        margin: 52px !important;
    }
    .ml-sm-52 {
        margin-left: 52px !important;
    }
    .mr-sm-52 {
        margin-right: 52px !important;
    }
    .mt-sm-52 {
        margin-top: 52px !important;
    }
    .mb-sm-52 {
        margin-bottom: 52px !important;
    }
    .mx-sm-52 {
        margin-left: 52px !important;
        margin-right: 52px !important;
    }
    .my-sm-52 {
        margin-top: 52px !important;
        margin-bottom: 52px !important;
    }
    .gx-sm-52 {
        gap: 0 52px !important;
    }
    .gy-sm-52 {
        gap: 52px !important;
    }
    .gap-sm-52 {
        gap: 52px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-52 {
        padding: 52px !important;
    }
    .pl-xsm-52 {
        padding-left: 52px !important;
    }
    .pr-xsm-52 {
        padding-right: 52px !important;
    }
    .pt-xsm-52 {
        padding-top: 52px !important;
    }
    .pb-xsm-52 {
        padding-bottom: 52px !important;
    }
    .px-xsm-52 {
        padding-left: 52px !important;
        padding-right: 52px !important;
    }
    .py-xsm-52 {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }
    .m-xsm-52 {
        margin: 52px !important;
    }
    .ml-xsm-52 {
        margin-left: 52px !important;
    }
    .mr-xsm-52 {
        margin-right: 52px !important;
    }
    .mt-xsm-52 {
        margin-top: 52px !important;
    }
    .mb-xsm-52 {
        margin-bottom: 52px !important;
    }
    .mx-xsm-52 {
        margin-left: 52px !important;
        margin-right: 52px !important;
    }
    .my-xsm-52 {
        margin-top: 52px !important;
        margin-bottom: 52px !important;
    }
    .gx-xsm-52 {
        gap: 0 52px !important;
    }
    .gy-xsm-52 {
        gap: 52px !important;
    }
    .gap-xsm-52 {
        gap: 52px !important;
    }
}

.p-52 {
    padding: 52px !important;
}

.pl-52 {
    padding-left: 52px !important;
}

.pr-52 {
    padding-right: 52px !important;
}

.pt-52 {
    padding-top: 52px !important;
}

.pb-52 {
    padding-bottom: 52px !important;
}

.px-52 {
    padding-left: 52px !important;
    padding-right: 52px !important;
}

.py-52 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
}

.m-52 {
    margin: 52px !important;
}

.ml-52 {
    margin-left: 52px !important;
}

.mr-52 {
    margin-right: 52px !important;
}

.mt-52 {
    margin-top: 52px !important;
}

.mb-52 {
    margin-bottom: 52px !important;
}

.mx-52 {
    margin-left: 52px !important;
    margin-right: 52px !important;
}

.my-52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
}

.gx-52 {
    gap: 0 52px !important;
}

.gy-52 {
    gap: 52px !important;
}

.gap-52 {
    gap: 52px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-52 {
        padding-left: 0 !important;
        padding-right: 52px !important;
    }
    .rtl .pr-xxl-52 {
        padding-right: 0 !important;
        padding-left: 52px !important;
    }
    .rtl .ml-xxl-52 {
        margin-left: 0 !important;
        margin-right: 52px !important;
    }
    .rtl .mr-xxl-52 {
        margin-right: 0 !important;
        margin-left: 52px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-52 {
        padding-left: 0 !important;
        padding-right: 52px !important;
    }
    .rtl .pr-xl-52 {
        padding-right: 0 !important;
        padding-left: 52px !important;
    }
    .rtl .ml-xl-52 {
        margin-left: 0 !important;
        margin-right: 52px !important;
    }
    .rtl .mr-xl-52 {
        margin-right: 0 !important;
        margin-left: 52px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-52 {
        padding-left: 0 !important;
        padding-right: 52px !important;
    }
    .rtl .pr-lg-52 {
        padding-right: 0 !important;
        padding-left: 52px !important;
    }
    .rtl .ml-lg-52 {
        margin-left: 0 !important;
        margin-right: 52px !important;
    }
    .rtl .mr-lg-52 {
        margin-right: 0 !important;
        margin-left: 52px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-52 {
        padding-left: 0 !important;
        padding-right: 52px !important;
    }
    .rtl .pr-md-52 {
        padding-right: 0 !important;
        padding-left: 52px !important;
    }
    .rtl .ml-md-52 {
        margin-left: 0 !important;
        margin-right: 52px !important;
    }
    .rtl .mr-md-52 {
        margin-right: 0 !important;
        margin-left: 52px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-52 {
        padding-left: 0 !important;
        padding-right: 52px !important;
    }
    .rtl .pr-sm-52 {
        padding-right: 0 !important;
        padding-left: 52px !important;
    }
    .rtl .ml-sm-52 {
        margin-left: 0 !important;
        margin-right: 52px !important;
    }
    .rtl .mr-sm-52 {
        margin-right: 0 !important;
        margin-left: 52px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-52 {
        padding-left: 0 !important;
        padding-right: 52px !important;
    }
    .rtl .pr-xsm-52 {
        padding-right: 0 !important;
        padding-left: 52px !important;
    }
    .rtl .ml-xsm-52 {
        margin-left: 0 !important;
        margin-right: 52px !important;
    }
    .rtl .mr-xsm-52 {
        margin-right: 0 !important;
        margin-left: 52px !important;
    }
}

.rtl .pl-52 {
    padding-left: 0 !important;
    padding-right: 52px !important;
}

.rtl .pr-52 {
    padding-right: 0 !important;
    padding-left: 52px !important;
}

.rtl .ml-52 {
    margin-left: 0 !important;
    margin-right: 52px !important;
}

.rtl .mr-52 {
    margin-right: 0 !important;
    margin-left: 52px !important;
}

@media (min-width: 1200px) {
    .p-xxl-53 {
        padding: 53px !important;
    }
    .pl-xxl-53 {
        padding-left: 53px !important;
    }
    .pr-xxl-53 {
        padding-right: 53px !important;
    }
    .pt-xxl-53 {
        padding-top: 53px !important;
    }
    .pb-xxl-53 {
        padding-bottom: 53px !important;
    }
    .px-xxl-53 {
        padding-left: 53px !important;
        padding-right: 53px !important;
    }
    .py-xxl-53 {
        padding-top: 53px !important;
        padding-bottom: 53px !important;
    }
    .m-xxl-53 {
        margin: 53px !important;
    }
    .ml-xxl-53 {
        margin-left: 53px !important;
    }
    .mr-xxl-53 {
        margin-right: 53px !important;
    }
    .mt-xxl-53 {
        margin-top: 53px !important;
    }
    .mb-xxl-53 {
        margin-bottom: 53px !important;
    }
    .mx-xxl-53 {
        margin-left: 53px !important;
        margin-right: 53px !important;
    }
    .my-xxl-53 {
        margin-top: 53px !important;
        margin-bottom: 53px !important;
    }
    .gx-xxl-53 {
        gap: 0 53px !important;
    }
    .gy-xxl-53 {
        gap: 53px !important;
    }
    .gap-xxl-53 {
        gap: 53px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-53 {
        padding: 53px !important;
    }
    .pl-xl-53 {
        padding-left: 53px !important;
    }
    .pr-xl-53 {
        padding-right: 53px !important;
    }
    .pt-xl-53 {
        padding-top: 53px !important;
    }
    .pb-xl-53 {
        padding-bottom: 53px !important;
    }
    .px-xl-53 {
        padding-left: 53px !important;
        padding-right: 53px !important;
    }
    .py-xl-53 {
        padding-top: 53px !important;
        padding-bottom: 53px !important;
    }
    .m-xl-53 {
        margin: 53px !important;
    }
    .ml-xl-53 {
        margin-left: 53px !important;
    }
    .mr-xl-53 {
        margin-right: 53px !important;
    }
    .mt-xl-53 {
        margin-top: 53px !important;
    }
    .mb-xl-53 {
        margin-bottom: 53px !important;
    }
    .mx-xl-53 {
        margin-left: 53px !important;
        margin-right: 53px !important;
    }
    .my-xl-53 {
        margin-top: 53px !important;
        margin-bottom: 53px !important;
    }
    .gx-xl-53 {
        gap: 0 53px !important;
    }
    .gy-xl-53 {
        gap: 53px !important;
    }
    .gap-xl-53 {
        gap: 53px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-53 {
        padding: 53px !important;
    }
    .pl-lg-53 {
        padding-left: 53px !important;
    }
    .pr-lg-53 {
        padding-right: 53px !important;
    }
    .pt-lg-53 {
        padding-top: 53px !important;
    }
    .pb-lg-53 {
        padding-bottom: 53px !important;
    }
    .px-lg-53 {
        padding-left: 53px !important;
        padding-right: 53px !important;
    }
    .py-lg-53 {
        padding-top: 53px !important;
        padding-bottom: 53px !important;
    }
    .m-lg-53 {
        margin: 53px !important;
    }
    .ml-lg-53 {
        margin-left: 53px !important;
    }
    .mr-lg-53 {
        margin-right: 53px !important;
    }
    .mt-lg-53 {
        margin-top: 53px !important;
    }
    .mb-lg-53 {
        margin-bottom: 53px !important;
    }
    .mx-lg-53 {
        margin-left: 53px !important;
        margin-right: 53px !important;
    }
    .my-lg-53 {
        margin-top: 53px !important;
        margin-bottom: 53px !important;
    }
    .gx-lg-53 {
        gap: 0 53px !important;
    }
    .gy-lg-53 {
        gap: 53px !important;
    }
    .gap-lg-53 {
        gap: 53px !important;
    }
}

@media (min-width: 576px) {
    .p-md-53 {
        padding: 53px !important;
    }
    .pl-md-53 {
        padding-left: 53px !important;
    }
    .pr-md-53 {
        padding-right: 53px !important;
    }
    .pt-md-53 {
        padding-top: 53px !important;
    }
    .pb-md-53 {
        padding-bottom: 53px !important;
    }
    .px-md-53 {
        padding-left: 53px !important;
        padding-right: 53px !important;
    }
    .py-md-53 {
        padding-top: 53px !important;
        padding-bottom: 53px !important;
    }
    .m-md-53 {
        margin: 53px !important;
    }
    .ml-md-53 {
        margin-left: 53px !important;
    }
    .mr-md-53 {
        margin-right: 53px !important;
    }
    .mt-md-53 {
        margin-top: 53px !important;
    }
    .mb-md-53 {
        margin-bottom: 53px !important;
    }
    .mx-md-53 {
        margin-left: 53px !important;
        margin-right: 53px !important;
    }
    .my-md-53 {
        margin-top: 53px !important;
        margin-bottom: 53px !important;
    }
    .gx-md-53 {
        gap: 0 53px !important;
    }
    .gy-md-53 {
        gap: 53px !important;
    }
    .gap-md-53 {
        gap: 53px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-53 {
        padding: 53px !important;
    }
    .pl-sm-53 {
        padding-left: 53px !important;
    }
    .pr-sm-53 {
        padding-right: 53px !important;
    }
    .pt-sm-53 {
        padding-top: 53px !important;
    }
    .pb-sm-53 {
        padding-bottom: 53px !important;
    }
    .px-sm-53 {
        padding-left: 53px !important;
        padding-right: 53px !important;
    }
    .py-sm-53 {
        padding-top: 53px !important;
        padding-bottom: 53px !important;
    }
    .m-sm-53 {
        margin: 53px !important;
    }
    .ml-sm-53 {
        margin-left: 53px !important;
    }
    .mr-sm-53 {
        margin-right: 53px !important;
    }
    .mt-sm-53 {
        margin-top: 53px !important;
    }
    .mb-sm-53 {
        margin-bottom: 53px !important;
    }
    .mx-sm-53 {
        margin-left: 53px !important;
        margin-right: 53px !important;
    }
    .my-sm-53 {
        margin-top: 53px !important;
        margin-bottom: 53px !important;
    }
    .gx-sm-53 {
        gap: 0 53px !important;
    }
    .gy-sm-53 {
        gap: 53px !important;
    }
    .gap-sm-53 {
        gap: 53px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-53 {
        padding: 53px !important;
    }
    .pl-xsm-53 {
        padding-left: 53px !important;
    }
    .pr-xsm-53 {
        padding-right: 53px !important;
    }
    .pt-xsm-53 {
        padding-top: 53px !important;
    }
    .pb-xsm-53 {
        padding-bottom: 53px !important;
    }
    .px-xsm-53 {
        padding-left: 53px !important;
        padding-right: 53px !important;
    }
    .py-xsm-53 {
        padding-top: 53px !important;
        padding-bottom: 53px !important;
    }
    .m-xsm-53 {
        margin: 53px !important;
    }
    .ml-xsm-53 {
        margin-left: 53px !important;
    }
    .mr-xsm-53 {
        margin-right: 53px !important;
    }
    .mt-xsm-53 {
        margin-top: 53px !important;
    }
    .mb-xsm-53 {
        margin-bottom: 53px !important;
    }
    .mx-xsm-53 {
        margin-left: 53px !important;
        margin-right: 53px !important;
    }
    .my-xsm-53 {
        margin-top: 53px !important;
        margin-bottom: 53px !important;
    }
    .gx-xsm-53 {
        gap: 0 53px !important;
    }
    .gy-xsm-53 {
        gap: 53px !important;
    }
    .gap-xsm-53 {
        gap: 53px !important;
    }
}

.p-53 {
    padding: 53px !important;
}

.pl-53 {
    padding-left: 53px !important;
}

.pr-53 {
    padding-right: 53px !important;
}

.pt-53 {
    padding-top: 53px !important;
}

.pb-53 {
    padding-bottom: 53px !important;
}

.px-53 {
    padding-left: 53px !important;
    padding-right: 53px !important;
}

.py-53 {
    padding-top: 53px !important;
    padding-bottom: 53px !important;
}

.m-53 {
    margin: 53px !important;
}

.ml-53 {
    margin-left: 53px !important;
}

.mr-53 {
    margin-right: 53px !important;
}

.mt-53 {
    margin-top: 53px !important;
}

.mb-53 {
    margin-bottom: 53px !important;
}

.mx-53 {
    margin-left: 53px !important;
    margin-right: 53px !important;
}

.my-53 {
    margin-top: 53px !important;
    margin-bottom: 53px !important;
}

.gx-53 {
    gap: 0 53px !important;
}

.gy-53 {
    gap: 53px !important;
}

.gap-53 {
    gap: 53px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-53 {
        padding-left: 0 !important;
        padding-right: 53px !important;
    }
    .rtl .pr-xxl-53 {
        padding-right: 0 !important;
        padding-left: 53px !important;
    }
    .rtl .ml-xxl-53 {
        margin-left: 0 !important;
        margin-right: 53px !important;
    }
    .rtl .mr-xxl-53 {
        margin-right: 0 !important;
        margin-left: 53px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-53 {
        padding-left: 0 !important;
        padding-right: 53px !important;
    }
    .rtl .pr-xl-53 {
        padding-right: 0 !important;
        padding-left: 53px !important;
    }
    .rtl .ml-xl-53 {
        margin-left: 0 !important;
        margin-right: 53px !important;
    }
    .rtl .mr-xl-53 {
        margin-right: 0 !important;
        margin-left: 53px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-53 {
        padding-left: 0 !important;
        padding-right: 53px !important;
    }
    .rtl .pr-lg-53 {
        padding-right: 0 !important;
        padding-left: 53px !important;
    }
    .rtl .ml-lg-53 {
        margin-left: 0 !important;
        margin-right: 53px !important;
    }
    .rtl .mr-lg-53 {
        margin-right: 0 !important;
        margin-left: 53px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-53 {
        padding-left: 0 !important;
        padding-right: 53px !important;
    }
    .rtl .pr-md-53 {
        padding-right: 0 !important;
        padding-left: 53px !important;
    }
    .rtl .ml-md-53 {
        margin-left: 0 !important;
        margin-right: 53px !important;
    }
    .rtl .mr-md-53 {
        margin-right: 0 !important;
        margin-left: 53px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-53 {
        padding-left: 0 !important;
        padding-right: 53px !important;
    }
    .rtl .pr-sm-53 {
        padding-right: 0 !important;
        padding-left: 53px !important;
    }
    .rtl .ml-sm-53 {
        margin-left: 0 !important;
        margin-right: 53px !important;
    }
    .rtl .mr-sm-53 {
        margin-right: 0 !important;
        margin-left: 53px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-53 {
        padding-left: 0 !important;
        padding-right: 53px !important;
    }
    .rtl .pr-xsm-53 {
        padding-right: 0 !important;
        padding-left: 53px !important;
    }
    .rtl .ml-xsm-53 {
        margin-left: 0 !important;
        margin-right: 53px !important;
    }
    .rtl .mr-xsm-53 {
        margin-right: 0 !important;
        margin-left: 53px !important;
    }
}

.rtl .pl-53 {
    padding-left: 0 !important;
    padding-right: 53px !important;
}

.rtl .pr-53 {
    padding-right: 0 !important;
    padding-left: 53px !important;
}

.rtl .ml-53 {
    margin-left: 0 !important;
    margin-right: 53px !important;
}

.rtl .mr-53 {
    margin-right: 0 !important;
    margin-left: 53px !important;
}

@media (min-width: 1200px) {
    .p-xxl-54 {
        padding: 54px !important;
    }
    .pl-xxl-54 {
        padding-left: 54px !important;
    }
    .pr-xxl-54 {
        padding-right: 54px !important;
    }
    .pt-xxl-54 {
        padding-top: 54px !important;
    }
    .pb-xxl-54 {
        padding-bottom: 54px !important;
    }
    .px-xxl-54 {
        padding-left: 54px !important;
        padding-right: 54px !important;
    }
    .py-xxl-54 {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
    .m-xxl-54 {
        margin: 54px !important;
    }
    .ml-xxl-54 {
        margin-left: 54px !important;
    }
    .mr-xxl-54 {
        margin-right: 54px !important;
    }
    .mt-xxl-54 {
        margin-top: 54px !important;
    }
    .mb-xxl-54 {
        margin-bottom: 54px !important;
    }
    .mx-xxl-54 {
        margin-left: 54px !important;
        margin-right: 54px !important;
    }
    .my-xxl-54 {
        margin-top: 54px !important;
        margin-bottom: 54px !important;
    }
    .gx-xxl-54 {
        gap: 0 54px !important;
    }
    .gy-xxl-54 {
        gap: 54px !important;
    }
    .gap-xxl-54 {
        gap: 54px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-54 {
        padding: 54px !important;
    }
    .pl-xl-54 {
        padding-left: 54px !important;
    }
    .pr-xl-54 {
        padding-right: 54px !important;
    }
    .pt-xl-54 {
        padding-top: 54px !important;
    }
    .pb-xl-54 {
        padding-bottom: 54px !important;
    }
    .px-xl-54 {
        padding-left: 54px !important;
        padding-right: 54px !important;
    }
    .py-xl-54 {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
    .m-xl-54 {
        margin: 54px !important;
    }
    .ml-xl-54 {
        margin-left: 54px !important;
    }
    .mr-xl-54 {
        margin-right: 54px !important;
    }
    .mt-xl-54 {
        margin-top: 54px !important;
    }
    .mb-xl-54 {
        margin-bottom: 54px !important;
    }
    .mx-xl-54 {
        margin-left: 54px !important;
        margin-right: 54px !important;
    }
    .my-xl-54 {
        margin-top: 54px !important;
        margin-bottom: 54px !important;
    }
    .gx-xl-54 {
        gap: 0 54px !important;
    }
    .gy-xl-54 {
        gap: 54px !important;
    }
    .gap-xl-54 {
        gap: 54px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-54 {
        padding: 54px !important;
    }
    .pl-lg-54 {
        padding-left: 54px !important;
    }
    .pr-lg-54 {
        padding-right: 54px !important;
    }
    .pt-lg-54 {
        padding-top: 54px !important;
    }
    .pb-lg-54 {
        padding-bottom: 54px !important;
    }
    .px-lg-54 {
        padding-left: 54px !important;
        padding-right: 54px !important;
    }
    .py-lg-54 {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
    .m-lg-54 {
        margin: 54px !important;
    }
    .ml-lg-54 {
        margin-left: 54px !important;
    }
    .mr-lg-54 {
        margin-right: 54px !important;
    }
    .mt-lg-54 {
        margin-top: 54px !important;
    }
    .mb-lg-54 {
        margin-bottom: 54px !important;
    }
    .mx-lg-54 {
        margin-left: 54px !important;
        margin-right: 54px !important;
    }
    .my-lg-54 {
        margin-top: 54px !important;
        margin-bottom: 54px !important;
    }
    .gx-lg-54 {
        gap: 0 54px !important;
    }
    .gy-lg-54 {
        gap: 54px !important;
    }
    .gap-lg-54 {
        gap: 54px !important;
    }
}

@media (min-width: 576px) {
    .p-md-54 {
        padding: 54px !important;
    }
    .pl-md-54 {
        padding-left: 54px !important;
    }
    .pr-md-54 {
        padding-right: 54px !important;
    }
    .pt-md-54 {
        padding-top: 54px !important;
    }
    .pb-md-54 {
        padding-bottom: 54px !important;
    }
    .px-md-54 {
        padding-left: 54px !important;
        padding-right: 54px !important;
    }
    .py-md-54 {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
    .m-md-54 {
        margin: 54px !important;
    }
    .ml-md-54 {
        margin-left: 54px !important;
    }
    .mr-md-54 {
        margin-right: 54px !important;
    }
    .mt-md-54 {
        margin-top: 54px !important;
    }
    .mb-md-54 {
        margin-bottom: 54px !important;
    }
    .mx-md-54 {
        margin-left: 54px !important;
        margin-right: 54px !important;
    }
    .my-md-54 {
        margin-top: 54px !important;
        margin-bottom: 54px !important;
    }
    .gx-md-54 {
        gap: 0 54px !important;
    }
    .gy-md-54 {
        gap: 54px !important;
    }
    .gap-md-54 {
        gap: 54px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-54 {
        padding: 54px !important;
    }
    .pl-sm-54 {
        padding-left: 54px !important;
    }
    .pr-sm-54 {
        padding-right: 54px !important;
    }
    .pt-sm-54 {
        padding-top: 54px !important;
    }
    .pb-sm-54 {
        padding-bottom: 54px !important;
    }
    .px-sm-54 {
        padding-left: 54px !important;
        padding-right: 54px !important;
    }
    .py-sm-54 {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
    .m-sm-54 {
        margin: 54px !important;
    }
    .ml-sm-54 {
        margin-left: 54px !important;
    }
    .mr-sm-54 {
        margin-right: 54px !important;
    }
    .mt-sm-54 {
        margin-top: 54px !important;
    }
    .mb-sm-54 {
        margin-bottom: 54px !important;
    }
    .mx-sm-54 {
        margin-left: 54px !important;
        margin-right: 54px !important;
    }
    .my-sm-54 {
        margin-top: 54px !important;
        margin-bottom: 54px !important;
    }
    .gx-sm-54 {
        gap: 0 54px !important;
    }
    .gy-sm-54 {
        gap: 54px !important;
    }
    .gap-sm-54 {
        gap: 54px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-54 {
        padding: 54px !important;
    }
    .pl-xsm-54 {
        padding-left: 54px !important;
    }
    .pr-xsm-54 {
        padding-right: 54px !important;
    }
    .pt-xsm-54 {
        padding-top: 54px !important;
    }
    .pb-xsm-54 {
        padding-bottom: 54px !important;
    }
    .px-xsm-54 {
        padding-left: 54px !important;
        padding-right: 54px !important;
    }
    .py-xsm-54 {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
    .m-xsm-54 {
        margin: 54px !important;
    }
    .ml-xsm-54 {
        margin-left: 54px !important;
    }
    .mr-xsm-54 {
        margin-right: 54px !important;
    }
    .mt-xsm-54 {
        margin-top: 54px !important;
    }
    .mb-xsm-54 {
        margin-bottom: 54px !important;
    }
    .mx-xsm-54 {
        margin-left: 54px !important;
        margin-right: 54px !important;
    }
    .my-xsm-54 {
        margin-top: 54px !important;
        margin-bottom: 54px !important;
    }
    .gx-xsm-54 {
        gap: 0 54px !important;
    }
    .gy-xsm-54 {
        gap: 54px !important;
    }
    .gap-xsm-54 {
        gap: 54px !important;
    }
}

.p-54 {
    padding: 54px !important;
}

.pl-54 {
    padding-left: 54px !important;
}

.pr-54 {
    padding-right: 54px !important;
}

.pt-54 {
    padding-top: 54px !important;
}

.pb-54 {
    padding-bottom: 54px !important;
}

.px-54 {
    padding-left: 54px !important;
    padding-right: 54px !important;
}

.py-54 {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
}

.m-54 {
    margin: 54px !important;
}

.ml-54 {
    margin-left: 54px !important;
}

.mr-54 {
    margin-right: 54px !important;
}

.mt-54 {
    margin-top: 54px !important;
}

.mb-54 {
    margin-bottom: 54px !important;
}

.mx-54 {
    margin-left: 54px !important;
    margin-right: 54px !important;
}

.my-54 {
    margin-top: 54px !important;
    margin-bottom: 54px !important;
}

.gx-54 {
    gap: 0 54px !important;
}

.gy-54 {
    gap: 54px !important;
}

.gap-54 {
    gap: 54px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-54 {
        padding-left: 0 !important;
        padding-right: 54px !important;
    }
    .rtl .pr-xxl-54 {
        padding-right: 0 !important;
        padding-left: 54px !important;
    }
    .rtl .ml-xxl-54 {
        margin-left: 0 !important;
        margin-right: 54px !important;
    }
    .rtl .mr-xxl-54 {
        margin-right: 0 !important;
        margin-left: 54px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-54 {
        padding-left: 0 !important;
        padding-right: 54px !important;
    }
    .rtl .pr-xl-54 {
        padding-right: 0 !important;
        padding-left: 54px !important;
    }
    .rtl .ml-xl-54 {
        margin-left: 0 !important;
        margin-right: 54px !important;
    }
    .rtl .mr-xl-54 {
        margin-right: 0 !important;
        margin-left: 54px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-54 {
        padding-left: 0 !important;
        padding-right: 54px !important;
    }
    .rtl .pr-lg-54 {
        padding-right: 0 !important;
        padding-left: 54px !important;
    }
    .rtl .ml-lg-54 {
        margin-left: 0 !important;
        margin-right: 54px !important;
    }
    .rtl .mr-lg-54 {
        margin-right: 0 !important;
        margin-left: 54px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-54 {
        padding-left: 0 !important;
        padding-right: 54px !important;
    }
    .rtl .pr-md-54 {
        padding-right: 0 !important;
        padding-left: 54px !important;
    }
    .rtl .ml-md-54 {
        margin-left: 0 !important;
        margin-right: 54px !important;
    }
    .rtl .mr-md-54 {
        margin-right: 0 !important;
        margin-left: 54px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-54 {
        padding-left: 0 !important;
        padding-right: 54px !important;
    }
    .rtl .pr-sm-54 {
        padding-right: 0 !important;
        padding-left: 54px !important;
    }
    .rtl .ml-sm-54 {
        margin-left: 0 !important;
        margin-right: 54px !important;
    }
    .rtl .mr-sm-54 {
        margin-right: 0 !important;
        margin-left: 54px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-54 {
        padding-left: 0 !important;
        padding-right: 54px !important;
    }
    .rtl .pr-xsm-54 {
        padding-right: 0 !important;
        padding-left: 54px !important;
    }
    .rtl .ml-xsm-54 {
        margin-left: 0 !important;
        margin-right: 54px !important;
    }
    .rtl .mr-xsm-54 {
        margin-right: 0 !important;
        margin-left: 54px !important;
    }
}

.rtl .pl-54 {
    padding-left: 0 !important;
    padding-right: 54px !important;
}

.rtl .pr-54 {
    padding-right: 0 !important;
    padding-left: 54px !important;
}

.rtl .ml-54 {
    margin-left: 0 !important;
    margin-right: 54px !important;
}

.rtl .mr-54 {
    margin-right: 0 !important;
    margin-left: 54px !important;
}

@media (min-width: 1200px) {
    .p-xxl-55 {
        padding: 55px !important;
    }
    .pl-xxl-55 {
        padding-left: 55px !important;
    }
    .pr-xxl-55 {
        padding-right: 55px !important;
    }
    .pt-xxl-55 {
        padding-top: 55px !important;
    }
    .pb-xxl-55 {
        padding-bottom: 55px !important;
    }
    .px-xxl-55 {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }
    .py-xxl-55 {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
    .m-xxl-55 {
        margin: 55px !important;
    }
    .ml-xxl-55 {
        margin-left: 55px !important;
    }
    .mr-xxl-55 {
        margin-right: 55px !important;
    }
    .mt-xxl-55 {
        margin-top: 55px !important;
    }
    .mb-xxl-55 {
        margin-bottom: 55px !important;
    }
    .mx-xxl-55 {
        margin-left: 55px !important;
        margin-right: 55px !important;
    }
    .my-xxl-55 {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }
    .gx-xxl-55 {
        gap: 0 55px !important;
    }
    .gy-xxl-55 {
        gap: 55px !important;
    }
    .gap-xxl-55 {
        gap: 55px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-55 {
        padding: 55px !important;
    }
    .pl-xl-55 {
        padding-left: 55px !important;
    }
    .pr-xl-55 {
        padding-right: 55px !important;
    }
    .pt-xl-55 {
        padding-top: 55px !important;
    }
    .pb-xl-55 {
        padding-bottom: 55px !important;
    }
    .px-xl-55 {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }
    .py-xl-55 {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
    .m-xl-55 {
        margin: 55px !important;
    }
    .ml-xl-55 {
        margin-left: 55px !important;
    }
    .mr-xl-55 {
        margin-right: 55px !important;
    }
    .mt-xl-55 {
        margin-top: 55px !important;
    }
    .mb-xl-55 {
        margin-bottom: 55px !important;
    }
    .mx-xl-55 {
        margin-left: 55px !important;
        margin-right: 55px !important;
    }
    .my-xl-55 {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }
    .gx-xl-55 {
        gap: 0 55px !important;
    }
    .gy-xl-55 {
        gap: 55px !important;
    }
    .gap-xl-55 {
        gap: 55px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-55 {
        padding: 55px !important;
    }
    .pl-lg-55 {
        padding-left: 55px !important;
    }
    .pr-lg-55 {
        padding-right: 55px !important;
    }
    .pt-lg-55 {
        padding-top: 55px !important;
    }
    .pb-lg-55 {
        padding-bottom: 55px !important;
    }
    .px-lg-55 {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }
    .py-lg-55 {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
    .m-lg-55 {
        margin: 55px !important;
    }
    .ml-lg-55 {
        margin-left: 55px !important;
    }
    .mr-lg-55 {
        margin-right: 55px !important;
    }
    .mt-lg-55 {
        margin-top: 55px !important;
    }
    .mb-lg-55 {
        margin-bottom: 55px !important;
    }
    .mx-lg-55 {
        margin-left: 55px !important;
        margin-right: 55px !important;
    }
    .my-lg-55 {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }
    .gx-lg-55 {
        gap: 0 55px !important;
    }
    .gy-lg-55 {
        gap: 55px !important;
    }
    .gap-lg-55 {
        gap: 55px !important;
    }
}

@media (min-width: 576px) {
    .p-md-55 {
        padding: 55px !important;
    }
    .pl-md-55 {
        padding-left: 55px !important;
    }
    .pr-md-55 {
        padding-right: 55px !important;
    }
    .pt-md-55 {
        padding-top: 55px !important;
    }
    .pb-md-55 {
        padding-bottom: 55px !important;
    }
    .px-md-55 {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }
    .py-md-55 {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
    .m-md-55 {
        margin: 55px !important;
    }
    .ml-md-55 {
        margin-left: 55px !important;
    }
    .mr-md-55 {
        margin-right: 55px !important;
    }
    .mt-md-55 {
        margin-top: 55px !important;
    }
    .mb-md-55 {
        margin-bottom: 55px !important;
    }
    .mx-md-55 {
        margin-left: 55px !important;
        margin-right: 55px !important;
    }
    .my-md-55 {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }
    .gx-md-55 {
        gap: 0 55px !important;
    }
    .gy-md-55 {
        gap: 55px !important;
    }
    .gap-md-55 {
        gap: 55px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-55 {
        padding: 55px !important;
    }
    .pl-sm-55 {
        padding-left: 55px !important;
    }
    .pr-sm-55 {
        padding-right: 55px !important;
    }
    .pt-sm-55 {
        padding-top: 55px !important;
    }
    .pb-sm-55 {
        padding-bottom: 55px !important;
    }
    .px-sm-55 {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }
    .py-sm-55 {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
    .m-sm-55 {
        margin: 55px !important;
    }
    .ml-sm-55 {
        margin-left: 55px !important;
    }
    .mr-sm-55 {
        margin-right: 55px !important;
    }
    .mt-sm-55 {
        margin-top: 55px !important;
    }
    .mb-sm-55 {
        margin-bottom: 55px !important;
    }
    .mx-sm-55 {
        margin-left: 55px !important;
        margin-right: 55px !important;
    }
    .my-sm-55 {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }
    .gx-sm-55 {
        gap: 0 55px !important;
    }
    .gy-sm-55 {
        gap: 55px !important;
    }
    .gap-sm-55 {
        gap: 55px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-55 {
        padding: 55px !important;
    }
    .pl-xsm-55 {
        padding-left: 55px !important;
    }
    .pr-xsm-55 {
        padding-right: 55px !important;
    }
    .pt-xsm-55 {
        padding-top: 55px !important;
    }
    .pb-xsm-55 {
        padding-bottom: 55px !important;
    }
    .px-xsm-55 {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }
    .py-xsm-55 {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
    .m-xsm-55 {
        margin: 55px !important;
    }
    .ml-xsm-55 {
        margin-left: 55px !important;
    }
    .mr-xsm-55 {
        margin-right: 55px !important;
    }
    .mt-xsm-55 {
        margin-top: 55px !important;
    }
    .mb-xsm-55 {
        margin-bottom: 55px !important;
    }
    .mx-xsm-55 {
        margin-left: 55px !important;
        margin-right: 55px !important;
    }
    .my-xsm-55 {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }
    .gx-xsm-55 {
        gap: 0 55px !important;
    }
    .gy-xsm-55 {
        gap: 55px !important;
    }
    .gap-xsm-55 {
        gap: 55px !important;
    }
}

.p-55 {
    padding: 55px !important;
}

.pl-55 {
    padding-left: 55px !important;
}

.pr-55 {
    padding-right: 55px !important;
}

.pt-55 {
    padding-top: 55px !important;
}

.pb-55 {
    padding-bottom: 55px !important;
}

.px-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
}

.py-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

.m-55 {
    margin: 55px !important;
}

.ml-55 {
    margin-left: 55px !important;
}

.mr-55 {
    margin-right: 55px !important;
}

.mt-55 {
    margin-top: 55px !important;
}

.mb-55 {
    margin-bottom: 55px !important;
}

.mx-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
}

.my-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
}

.gx-55 {
    gap: 0 55px !important;
}

.gy-55 {
    gap: 55px !important;
}

.gap-55 {
    gap: 55px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-55 {
        padding-left: 0 !important;
        padding-right: 55px !important;
    }
    .rtl .pr-xxl-55 {
        padding-right: 0 !important;
        padding-left: 55px !important;
    }
    .rtl .ml-xxl-55 {
        margin-left: 0 !important;
        margin-right: 55px !important;
    }
    .rtl .mr-xxl-55 {
        margin-right: 0 !important;
        margin-left: 55px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-55 {
        padding-left: 0 !important;
        padding-right: 55px !important;
    }
    .rtl .pr-xl-55 {
        padding-right: 0 !important;
        padding-left: 55px !important;
    }
    .rtl .ml-xl-55 {
        margin-left: 0 !important;
        margin-right: 55px !important;
    }
    .rtl .mr-xl-55 {
        margin-right: 0 !important;
        margin-left: 55px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-55 {
        padding-left: 0 !important;
        padding-right: 55px !important;
    }
    .rtl .pr-lg-55 {
        padding-right: 0 !important;
        padding-left: 55px !important;
    }
    .rtl .ml-lg-55 {
        margin-left: 0 !important;
        margin-right: 55px !important;
    }
    .rtl .mr-lg-55 {
        margin-right: 0 !important;
        margin-left: 55px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-55 {
        padding-left: 0 !important;
        padding-right: 55px !important;
    }
    .rtl .pr-md-55 {
        padding-right: 0 !important;
        padding-left: 55px !important;
    }
    .rtl .ml-md-55 {
        margin-left: 0 !important;
        margin-right: 55px !important;
    }
    .rtl .mr-md-55 {
        margin-right: 0 !important;
        margin-left: 55px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-55 {
        padding-left: 0 !important;
        padding-right: 55px !important;
    }
    .rtl .pr-sm-55 {
        padding-right: 0 !important;
        padding-left: 55px !important;
    }
    .rtl .ml-sm-55 {
        margin-left: 0 !important;
        margin-right: 55px !important;
    }
    .rtl .mr-sm-55 {
        margin-right: 0 !important;
        margin-left: 55px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-55 {
        padding-left: 0 !important;
        padding-right: 55px !important;
    }
    .rtl .pr-xsm-55 {
        padding-right: 0 !important;
        padding-left: 55px !important;
    }
    .rtl .ml-xsm-55 {
        margin-left: 0 !important;
        margin-right: 55px !important;
    }
    .rtl .mr-xsm-55 {
        margin-right: 0 !important;
        margin-left: 55px !important;
    }
}

.rtl .pl-55 {
    padding-left: 0 !important;
    padding-right: 55px !important;
}

.rtl .pr-55 {
    padding-right: 0 !important;
    padding-left: 55px !important;
}

.rtl .ml-55 {
    margin-left: 0 !important;
    margin-right: 55px !important;
}

.rtl .mr-55 {
    margin-right: 0 !important;
    margin-left: 55px !important;
}

@media (min-width: 1200px) {
    .p-xxl-56 {
        padding: 56px !important;
    }
    .pl-xxl-56 {
        padding-left: 56px !important;
    }
    .pr-xxl-56 {
        padding-right: 56px !important;
    }
    .pt-xxl-56 {
        padding-top: 56px !important;
    }
    .pb-xxl-56 {
        padding-bottom: 56px !important;
    }
    .px-xxl-56 {
        padding-left: 56px !important;
        padding-right: 56px !important;
    }
    .py-xxl-56 {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
    .m-xxl-56 {
        margin: 56px !important;
    }
    .ml-xxl-56 {
        margin-left: 56px !important;
    }
    .mr-xxl-56 {
        margin-right: 56px !important;
    }
    .mt-xxl-56 {
        margin-top: 56px !important;
    }
    .mb-xxl-56 {
        margin-bottom: 56px !important;
    }
    .mx-xxl-56 {
        margin-left: 56px !important;
        margin-right: 56px !important;
    }
    .my-xxl-56 {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
    .gx-xxl-56 {
        gap: 0 56px !important;
    }
    .gy-xxl-56 {
        gap: 56px !important;
    }
    .gap-xxl-56 {
        gap: 56px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-56 {
        padding: 56px !important;
    }
    .pl-xl-56 {
        padding-left: 56px !important;
    }
    .pr-xl-56 {
        padding-right: 56px !important;
    }
    .pt-xl-56 {
        padding-top: 56px !important;
    }
    .pb-xl-56 {
        padding-bottom: 56px !important;
    }
    .px-xl-56 {
        padding-left: 56px !important;
        padding-right: 56px !important;
    }
    .py-xl-56 {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
    .m-xl-56 {
        margin: 56px !important;
    }
    .ml-xl-56 {
        margin-left: 56px !important;
    }
    .mr-xl-56 {
        margin-right: 56px !important;
    }
    .mt-xl-56 {
        margin-top: 56px !important;
    }
    .mb-xl-56 {
        margin-bottom: 56px !important;
    }
    .mx-xl-56 {
        margin-left: 56px !important;
        margin-right: 56px !important;
    }
    .my-xl-56 {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
    .gx-xl-56 {
        gap: 0 56px !important;
    }
    .gy-xl-56 {
        gap: 56px !important;
    }
    .gap-xl-56 {
        gap: 56px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-56 {
        padding: 56px !important;
    }
    .pl-lg-56 {
        padding-left: 56px !important;
    }
    .pr-lg-56 {
        padding-right: 56px !important;
    }
    .pt-lg-56 {
        padding-top: 56px !important;
    }
    .pb-lg-56 {
        padding-bottom: 56px !important;
    }
    .px-lg-56 {
        padding-left: 56px !important;
        padding-right: 56px !important;
    }
    .py-lg-56 {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
    .m-lg-56 {
        margin: 56px !important;
    }
    .ml-lg-56 {
        margin-left: 56px !important;
    }
    .mr-lg-56 {
        margin-right: 56px !important;
    }
    .mt-lg-56 {
        margin-top: 56px !important;
    }
    .mb-lg-56 {
        margin-bottom: 56px !important;
    }
    .mx-lg-56 {
        margin-left: 56px !important;
        margin-right: 56px !important;
    }
    .my-lg-56 {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
    .gx-lg-56 {
        gap: 0 56px !important;
    }
    .gy-lg-56 {
        gap: 56px !important;
    }
    .gap-lg-56 {
        gap: 56px !important;
    }
}

@media (min-width: 576px) {
    .p-md-56 {
        padding: 56px !important;
    }
    .pl-md-56 {
        padding-left: 56px !important;
    }
    .pr-md-56 {
        padding-right: 56px !important;
    }
    .pt-md-56 {
        padding-top: 56px !important;
    }
    .pb-md-56 {
        padding-bottom: 56px !important;
    }
    .px-md-56 {
        padding-left: 56px !important;
        padding-right: 56px !important;
    }
    .py-md-56 {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
    .m-md-56 {
        margin: 56px !important;
    }
    .ml-md-56 {
        margin-left: 56px !important;
    }
    .mr-md-56 {
        margin-right: 56px !important;
    }
    .mt-md-56 {
        margin-top: 56px !important;
    }
    .mb-md-56 {
        margin-bottom: 56px !important;
    }
    .mx-md-56 {
        margin-left: 56px !important;
        margin-right: 56px !important;
    }
    .my-md-56 {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
    .gx-md-56 {
        gap: 0 56px !important;
    }
    .gy-md-56 {
        gap: 56px !important;
    }
    .gap-md-56 {
        gap: 56px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-56 {
        padding: 56px !important;
    }
    .pl-sm-56 {
        padding-left: 56px !important;
    }
    .pr-sm-56 {
        padding-right: 56px !important;
    }
    .pt-sm-56 {
        padding-top: 56px !important;
    }
    .pb-sm-56 {
        padding-bottom: 56px !important;
    }
    .px-sm-56 {
        padding-left: 56px !important;
        padding-right: 56px !important;
    }
    .py-sm-56 {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
    .m-sm-56 {
        margin: 56px !important;
    }
    .ml-sm-56 {
        margin-left: 56px !important;
    }
    .mr-sm-56 {
        margin-right: 56px !important;
    }
    .mt-sm-56 {
        margin-top: 56px !important;
    }
    .mb-sm-56 {
        margin-bottom: 56px !important;
    }
    .mx-sm-56 {
        margin-left: 56px !important;
        margin-right: 56px !important;
    }
    .my-sm-56 {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
    .gx-sm-56 {
        gap: 0 56px !important;
    }
    .gy-sm-56 {
        gap: 56px !important;
    }
    .gap-sm-56 {
        gap: 56px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-56 {
        padding: 56px !important;
    }
    .pl-xsm-56 {
        padding-left: 56px !important;
    }
    .pr-xsm-56 {
        padding-right: 56px !important;
    }
    .pt-xsm-56 {
        padding-top: 56px !important;
    }
    .pb-xsm-56 {
        padding-bottom: 56px !important;
    }
    .px-xsm-56 {
        padding-left: 56px !important;
        padding-right: 56px !important;
    }
    .py-xsm-56 {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
    .m-xsm-56 {
        margin: 56px !important;
    }
    .ml-xsm-56 {
        margin-left: 56px !important;
    }
    .mr-xsm-56 {
        margin-right: 56px !important;
    }
    .mt-xsm-56 {
        margin-top: 56px !important;
    }
    .mb-xsm-56 {
        margin-bottom: 56px !important;
    }
    .mx-xsm-56 {
        margin-left: 56px !important;
        margin-right: 56px !important;
    }
    .my-xsm-56 {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
    .gx-xsm-56 {
        gap: 0 56px !important;
    }
    .gy-xsm-56 {
        gap: 56px !important;
    }
    .gap-xsm-56 {
        gap: 56px !important;
    }
}

.p-56 {
    padding: 56px !important;
}

.pl-56 {
    padding-left: 56px !important;
}

.pr-56 {
    padding-right: 56px !important;
}

.pt-56 {
    padding-top: 56px !important;
}

.pb-56 {
    padding-bottom: 56px !important;
}

.px-56 {
    padding-left: 56px !important;
    padding-right: 56px !important;
}

.py-56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
}

.m-56 {
    margin: 56px !important;
}

.ml-56 {
    margin-left: 56px !important;
}

.mr-56 {
    margin-right: 56px !important;
}

.mt-56 {
    margin-top: 56px !important;
}

.mb-56 {
    margin-bottom: 56px !important;
}

.mx-56 {
    margin-left: 56px !important;
    margin-right: 56px !important;
}

.my-56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
}

.gx-56 {
    gap: 0 56px !important;
}

.gy-56 {
    gap: 56px !important;
}

.gap-56 {
    gap: 56px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-56 {
        padding-left: 0 !important;
        padding-right: 56px !important;
    }
    .rtl .pr-xxl-56 {
        padding-right: 0 !important;
        padding-left: 56px !important;
    }
    .rtl .ml-xxl-56 {
        margin-left: 0 !important;
        margin-right: 56px !important;
    }
    .rtl .mr-xxl-56 {
        margin-right: 0 !important;
        margin-left: 56px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-56 {
        padding-left: 0 !important;
        padding-right: 56px !important;
    }
    .rtl .pr-xl-56 {
        padding-right: 0 !important;
        padding-left: 56px !important;
    }
    .rtl .ml-xl-56 {
        margin-left: 0 !important;
        margin-right: 56px !important;
    }
    .rtl .mr-xl-56 {
        margin-right: 0 !important;
        margin-left: 56px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-56 {
        padding-left: 0 !important;
        padding-right: 56px !important;
    }
    .rtl .pr-lg-56 {
        padding-right: 0 !important;
        padding-left: 56px !important;
    }
    .rtl .ml-lg-56 {
        margin-left: 0 !important;
        margin-right: 56px !important;
    }
    .rtl .mr-lg-56 {
        margin-right: 0 !important;
        margin-left: 56px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-56 {
        padding-left: 0 !important;
        padding-right: 56px !important;
    }
    .rtl .pr-md-56 {
        padding-right: 0 !important;
        padding-left: 56px !important;
    }
    .rtl .ml-md-56 {
        margin-left: 0 !important;
        margin-right: 56px !important;
    }
    .rtl .mr-md-56 {
        margin-right: 0 !important;
        margin-left: 56px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-56 {
        padding-left: 0 !important;
        padding-right: 56px !important;
    }
    .rtl .pr-sm-56 {
        padding-right: 0 !important;
        padding-left: 56px !important;
    }
    .rtl .ml-sm-56 {
        margin-left: 0 !important;
        margin-right: 56px !important;
    }
    .rtl .mr-sm-56 {
        margin-right: 0 !important;
        margin-left: 56px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-56 {
        padding-left: 0 !important;
        padding-right: 56px !important;
    }
    .rtl .pr-xsm-56 {
        padding-right: 0 !important;
        padding-left: 56px !important;
    }
    .rtl .ml-xsm-56 {
        margin-left: 0 !important;
        margin-right: 56px !important;
    }
    .rtl .mr-xsm-56 {
        margin-right: 0 !important;
        margin-left: 56px !important;
    }
}

.rtl .pl-56 {
    padding-left: 0 !important;
    padding-right: 56px !important;
}

.rtl .pr-56 {
    padding-right: 0 !important;
    padding-left: 56px !important;
}

.rtl .ml-56 {
    margin-left: 0 !important;
    margin-right: 56px !important;
}

.rtl .mr-56 {
    margin-right: 0 !important;
    margin-left: 56px !important;
}

@media (min-width: 1200px) {
    .p-xxl-57 {
        padding: 57px !important;
    }
    .pl-xxl-57 {
        padding-left: 57px !important;
    }
    .pr-xxl-57 {
        padding-right: 57px !important;
    }
    .pt-xxl-57 {
        padding-top: 57px !important;
    }
    .pb-xxl-57 {
        padding-bottom: 57px !important;
    }
    .px-xxl-57 {
        padding-left: 57px !important;
        padding-right: 57px !important;
    }
    .py-xxl-57 {
        padding-top: 57px !important;
        padding-bottom: 57px !important;
    }
    .m-xxl-57 {
        margin: 57px !important;
    }
    .ml-xxl-57 {
        margin-left: 57px !important;
    }
    .mr-xxl-57 {
        margin-right: 57px !important;
    }
    .mt-xxl-57 {
        margin-top: 57px !important;
    }
    .mb-xxl-57 {
        margin-bottom: 57px !important;
    }
    .mx-xxl-57 {
        margin-left: 57px !important;
        margin-right: 57px !important;
    }
    .my-xxl-57 {
        margin-top: 57px !important;
        margin-bottom: 57px !important;
    }
    .gx-xxl-57 {
        gap: 0 57px !important;
    }
    .gy-xxl-57 {
        gap: 57px !important;
    }
    .gap-xxl-57 {
        gap: 57px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-57 {
        padding: 57px !important;
    }
    .pl-xl-57 {
        padding-left: 57px !important;
    }
    .pr-xl-57 {
        padding-right: 57px !important;
    }
    .pt-xl-57 {
        padding-top: 57px !important;
    }
    .pb-xl-57 {
        padding-bottom: 57px !important;
    }
    .px-xl-57 {
        padding-left: 57px !important;
        padding-right: 57px !important;
    }
    .py-xl-57 {
        padding-top: 57px !important;
        padding-bottom: 57px !important;
    }
    .m-xl-57 {
        margin: 57px !important;
    }
    .ml-xl-57 {
        margin-left: 57px !important;
    }
    .mr-xl-57 {
        margin-right: 57px !important;
    }
    .mt-xl-57 {
        margin-top: 57px !important;
    }
    .mb-xl-57 {
        margin-bottom: 57px !important;
    }
    .mx-xl-57 {
        margin-left: 57px !important;
        margin-right: 57px !important;
    }
    .my-xl-57 {
        margin-top: 57px !important;
        margin-bottom: 57px !important;
    }
    .gx-xl-57 {
        gap: 0 57px !important;
    }
    .gy-xl-57 {
        gap: 57px !important;
    }
    .gap-xl-57 {
        gap: 57px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-57 {
        padding: 57px !important;
    }
    .pl-lg-57 {
        padding-left: 57px !important;
    }
    .pr-lg-57 {
        padding-right: 57px !important;
    }
    .pt-lg-57 {
        padding-top: 57px !important;
    }
    .pb-lg-57 {
        padding-bottom: 57px !important;
    }
    .px-lg-57 {
        padding-left: 57px !important;
        padding-right: 57px !important;
    }
    .py-lg-57 {
        padding-top: 57px !important;
        padding-bottom: 57px !important;
    }
    .m-lg-57 {
        margin: 57px !important;
    }
    .ml-lg-57 {
        margin-left: 57px !important;
    }
    .mr-lg-57 {
        margin-right: 57px !important;
    }
    .mt-lg-57 {
        margin-top: 57px !important;
    }
    .mb-lg-57 {
        margin-bottom: 57px !important;
    }
    .mx-lg-57 {
        margin-left: 57px !important;
        margin-right: 57px !important;
    }
    .my-lg-57 {
        margin-top: 57px !important;
        margin-bottom: 57px !important;
    }
    .gx-lg-57 {
        gap: 0 57px !important;
    }
    .gy-lg-57 {
        gap: 57px !important;
    }
    .gap-lg-57 {
        gap: 57px !important;
    }
}

@media (min-width: 576px) {
    .p-md-57 {
        padding: 57px !important;
    }
    .pl-md-57 {
        padding-left: 57px !important;
    }
    .pr-md-57 {
        padding-right: 57px !important;
    }
    .pt-md-57 {
        padding-top: 57px !important;
    }
    .pb-md-57 {
        padding-bottom: 57px !important;
    }
    .px-md-57 {
        padding-left: 57px !important;
        padding-right: 57px !important;
    }
    .py-md-57 {
        padding-top: 57px !important;
        padding-bottom: 57px !important;
    }
    .m-md-57 {
        margin: 57px !important;
    }
    .ml-md-57 {
        margin-left: 57px !important;
    }
    .mr-md-57 {
        margin-right: 57px !important;
    }
    .mt-md-57 {
        margin-top: 57px !important;
    }
    .mb-md-57 {
        margin-bottom: 57px !important;
    }
    .mx-md-57 {
        margin-left: 57px !important;
        margin-right: 57px !important;
    }
    .my-md-57 {
        margin-top: 57px !important;
        margin-bottom: 57px !important;
    }
    .gx-md-57 {
        gap: 0 57px !important;
    }
    .gy-md-57 {
        gap: 57px !important;
    }
    .gap-md-57 {
        gap: 57px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-57 {
        padding: 57px !important;
    }
    .pl-sm-57 {
        padding-left: 57px !important;
    }
    .pr-sm-57 {
        padding-right: 57px !important;
    }
    .pt-sm-57 {
        padding-top: 57px !important;
    }
    .pb-sm-57 {
        padding-bottom: 57px !important;
    }
    .px-sm-57 {
        padding-left: 57px !important;
        padding-right: 57px !important;
    }
    .py-sm-57 {
        padding-top: 57px !important;
        padding-bottom: 57px !important;
    }
    .m-sm-57 {
        margin: 57px !important;
    }
    .ml-sm-57 {
        margin-left: 57px !important;
    }
    .mr-sm-57 {
        margin-right: 57px !important;
    }
    .mt-sm-57 {
        margin-top: 57px !important;
    }
    .mb-sm-57 {
        margin-bottom: 57px !important;
    }
    .mx-sm-57 {
        margin-left: 57px !important;
        margin-right: 57px !important;
    }
    .my-sm-57 {
        margin-top: 57px !important;
        margin-bottom: 57px !important;
    }
    .gx-sm-57 {
        gap: 0 57px !important;
    }
    .gy-sm-57 {
        gap: 57px !important;
    }
    .gap-sm-57 {
        gap: 57px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-57 {
        padding: 57px !important;
    }
    .pl-xsm-57 {
        padding-left: 57px !important;
    }
    .pr-xsm-57 {
        padding-right: 57px !important;
    }
    .pt-xsm-57 {
        padding-top: 57px !important;
    }
    .pb-xsm-57 {
        padding-bottom: 57px !important;
    }
    .px-xsm-57 {
        padding-left: 57px !important;
        padding-right: 57px !important;
    }
    .py-xsm-57 {
        padding-top: 57px !important;
        padding-bottom: 57px !important;
    }
    .m-xsm-57 {
        margin: 57px !important;
    }
    .ml-xsm-57 {
        margin-left: 57px !important;
    }
    .mr-xsm-57 {
        margin-right: 57px !important;
    }
    .mt-xsm-57 {
        margin-top: 57px !important;
    }
    .mb-xsm-57 {
        margin-bottom: 57px !important;
    }
    .mx-xsm-57 {
        margin-left: 57px !important;
        margin-right: 57px !important;
    }
    .my-xsm-57 {
        margin-top: 57px !important;
        margin-bottom: 57px !important;
    }
    .gx-xsm-57 {
        gap: 0 57px !important;
    }
    .gy-xsm-57 {
        gap: 57px !important;
    }
    .gap-xsm-57 {
        gap: 57px !important;
    }
}

.p-57 {
    padding: 57px !important;
}

.pl-57 {
    padding-left: 57px !important;
}

.pr-57 {
    padding-right: 57px !important;
}

.pt-57 {
    padding-top: 57px !important;
}

.pb-57 {
    padding-bottom: 57px !important;
}

.px-57 {
    padding-left: 57px !important;
    padding-right: 57px !important;
}

.py-57 {
    padding-top: 57px !important;
    padding-bottom: 57px !important;
}

.m-57 {
    margin: 57px !important;
}

.ml-57 {
    margin-left: 57px !important;
}

.mr-57 {
    margin-right: 57px !important;
}

.mt-57 {
    margin-top: 57px !important;
}

.mb-57 {
    margin-bottom: 57px !important;
}

.mx-57 {
    margin-left: 57px !important;
    margin-right: 57px !important;
}

.my-57 {
    margin-top: 57px !important;
    margin-bottom: 57px !important;
}

.gx-57 {
    gap: 0 57px !important;
}

.gy-57 {
    gap: 57px !important;
}

.gap-57 {
    gap: 57px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-57 {
        padding-left: 0 !important;
        padding-right: 57px !important;
    }
    .rtl .pr-xxl-57 {
        padding-right: 0 !important;
        padding-left: 57px !important;
    }
    .rtl .ml-xxl-57 {
        margin-left: 0 !important;
        margin-right: 57px !important;
    }
    .rtl .mr-xxl-57 {
        margin-right: 0 !important;
        margin-left: 57px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-57 {
        padding-left: 0 !important;
        padding-right: 57px !important;
    }
    .rtl .pr-xl-57 {
        padding-right: 0 !important;
        padding-left: 57px !important;
    }
    .rtl .ml-xl-57 {
        margin-left: 0 !important;
        margin-right: 57px !important;
    }
    .rtl .mr-xl-57 {
        margin-right: 0 !important;
        margin-left: 57px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-57 {
        padding-left: 0 !important;
        padding-right: 57px !important;
    }
    .rtl .pr-lg-57 {
        padding-right: 0 !important;
        padding-left: 57px !important;
    }
    .rtl .ml-lg-57 {
        margin-left: 0 !important;
        margin-right: 57px !important;
    }
    .rtl .mr-lg-57 {
        margin-right: 0 !important;
        margin-left: 57px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-57 {
        padding-left: 0 !important;
        padding-right: 57px !important;
    }
    .rtl .pr-md-57 {
        padding-right: 0 !important;
        padding-left: 57px !important;
    }
    .rtl .ml-md-57 {
        margin-left: 0 !important;
        margin-right: 57px !important;
    }
    .rtl .mr-md-57 {
        margin-right: 0 !important;
        margin-left: 57px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-57 {
        padding-left: 0 !important;
        padding-right: 57px !important;
    }
    .rtl .pr-sm-57 {
        padding-right: 0 !important;
        padding-left: 57px !important;
    }
    .rtl .ml-sm-57 {
        margin-left: 0 !important;
        margin-right: 57px !important;
    }
    .rtl .mr-sm-57 {
        margin-right: 0 !important;
        margin-left: 57px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-57 {
        padding-left: 0 !important;
        padding-right: 57px !important;
    }
    .rtl .pr-xsm-57 {
        padding-right: 0 !important;
        padding-left: 57px !important;
    }
    .rtl .ml-xsm-57 {
        margin-left: 0 !important;
        margin-right: 57px !important;
    }
    .rtl .mr-xsm-57 {
        margin-right: 0 !important;
        margin-left: 57px !important;
    }
}

.rtl .pl-57 {
    padding-left: 0 !important;
    padding-right: 57px !important;
}

.rtl .pr-57 {
    padding-right: 0 !important;
    padding-left: 57px !important;
}

.rtl .ml-57 {
    margin-left: 0 !important;
    margin-right: 57px !important;
}

.rtl .mr-57 {
    margin-right: 0 !important;
    margin-left: 57px !important;
}

@media (min-width: 1200px) {
    .p-xxl-58 {
        padding: 58px !important;
    }
    .pl-xxl-58 {
        padding-left: 58px !important;
    }
    .pr-xxl-58 {
        padding-right: 58px !important;
    }
    .pt-xxl-58 {
        padding-top: 58px !important;
    }
    .pb-xxl-58 {
        padding-bottom: 58px !important;
    }
    .px-xxl-58 {
        padding-left: 58px !important;
        padding-right: 58px !important;
    }
    .py-xxl-58 {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }
    .m-xxl-58 {
        margin: 58px !important;
    }
    .ml-xxl-58 {
        margin-left: 58px !important;
    }
    .mr-xxl-58 {
        margin-right: 58px !important;
    }
    .mt-xxl-58 {
        margin-top: 58px !important;
    }
    .mb-xxl-58 {
        margin-bottom: 58px !important;
    }
    .mx-xxl-58 {
        margin-left: 58px !important;
        margin-right: 58px !important;
    }
    .my-xxl-58 {
        margin-top: 58px !important;
        margin-bottom: 58px !important;
    }
    .gx-xxl-58 {
        gap: 0 58px !important;
    }
    .gy-xxl-58 {
        gap: 58px !important;
    }
    .gap-xxl-58 {
        gap: 58px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-58 {
        padding: 58px !important;
    }
    .pl-xl-58 {
        padding-left: 58px !important;
    }
    .pr-xl-58 {
        padding-right: 58px !important;
    }
    .pt-xl-58 {
        padding-top: 58px !important;
    }
    .pb-xl-58 {
        padding-bottom: 58px !important;
    }
    .px-xl-58 {
        padding-left: 58px !important;
        padding-right: 58px !important;
    }
    .py-xl-58 {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }
    .m-xl-58 {
        margin: 58px !important;
    }
    .ml-xl-58 {
        margin-left: 58px !important;
    }
    .mr-xl-58 {
        margin-right: 58px !important;
    }
    .mt-xl-58 {
        margin-top: 58px !important;
    }
    .mb-xl-58 {
        margin-bottom: 58px !important;
    }
    .mx-xl-58 {
        margin-left: 58px !important;
        margin-right: 58px !important;
    }
    .my-xl-58 {
        margin-top: 58px !important;
        margin-bottom: 58px !important;
    }
    .gx-xl-58 {
        gap: 0 58px !important;
    }
    .gy-xl-58 {
        gap: 58px !important;
    }
    .gap-xl-58 {
        gap: 58px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-58 {
        padding: 58px !important;
    }
    .pl-lg-58 {
        padding-left: 58px !important;
    }
    .pr-lg-58 {
        padding-right: 58px !important;
    }
    .pt-lg-58 {
        padding-top: 58px !important;
    }
    .pb-lg-58 {
        padding-bottom: 58px !important;
    }
    .px-lg-58 {
        padding-left: 58px !important;
        padding-right: 58px !important;
    }
    .py-lg-58 {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }
    .m-lg-58 {
        margin: 58px !important;
    }
    .ml-lg-58 {
        margin-left: 58px !important;
    }
    .mr-lg-58 {
        margin-right: 58px !important;
    }
    .mt-lg-58 {
        margin-top: 58px !important;
    }
    .mb-lg-58 {
        margin-bottom: 58px !important;
    }
    .mx-lg-58 {
        margin-left: 58px !important;
        margin-right: 58px !important;
    }
    .my-lg-58 {
        margin-top: 58px !important;
        margin-bottom: 58px !important;
    }
    .gx-lg-58 {
        gap: 0 58px !important;
    }
    .gy-lg-58 {
        gap: 58px !important;
    }
    .gap-lg-58 {
        gap: 58px !important;
    }
}

@media (min-width: 576px) {
    .p-md-58 {
        padding: 58px !important;
    }
    .pl-md-58 {
        padding-left: 58px !important;
    }
    .pr-md-58 {
        padding-right: 58px !important;
    }
    .pt-md-58 {
        padding-top: 58px !important;
    }
    .pb-md-58 {
        padding-bottom: 58px !important;
    }
    .px-md-58 {
        padding-left: 58px !important;
        padding-right: 58px !important;
    }
    .py-md-58 {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }
    .m-md-58 {
        margin: 58px !important;
    }
    .ml-md-58 {
        margin-left: 58px !important;
    }
    .mr-md-58 {
        margin-right: 58px !important;
    }
    .mt-md-58 {
        margin-top: 58px !important;
    }
    .mb-md-58 {
        margin-bottom: 58px !important;
    }
    .mx-md-58 {
        margin-left: 58px !important;
        margin-right: 58px !important;
    }
    .my-md-58 {
        margin-top: 58px !important;
        margin-bottom: 58px !important;
    }
    .gx-md-58 {
        gap: 0 58px !important;
    }
    .gy-md-58 {
        gap: 58px !important;
    }
    .gap-md-58 {
        gap: 58px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-58 {
        padding: 58px !important;
    }
    .pl-sm-58 {
        padding-left: 58px !important;
    }
    .pr-sm-58 {
        padding-right: 58px !important;
    }
    .pt-sm-58 {
        padding-top: 58px !important;
    }
    .pb-sm-58 {
        padding-bottom: 58px !important;
    }
    .px-sm-58 {
        padding-left: 58px !important;
        padding-right: 58px !important;
    }
    .py-sm-58 {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }
    .m-sm-58 {
        margin: 58px !important;
    }
    .ml-sm-58 {
        margin-left: 58px !important;
    }
    .mr-sm-58 {
        margin-right: 58px !important;
    }
    .mt-sm-58 {
        margin-top: 58px !important;
    }
    .mb-sm-58 {
        margin-bottom: 58px !important;
    }
    .mx-sm-58 {
        margin-left: 58px !important;
        margin-right: 58px !important;
    }
    .my-sm-58 {
        margin-top: 58px !important;
        margin-bottom: 58px !important;
    }
    .gx-sm-58 {
        gap: 0 58px !important;
    }
    .gy-sm-58 {
        gap: 58px !important;
    }
    .gap-sm-58 {
        gap: 58px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-58 {
        padding: 58px !important;
    }
    .pl-xsm-58 {
        padding-left: 58px !important;
    }
    .pr-xsm-58 {
        padding-right: 58px !important;
    }
    .pt-xsm-58 {
        padding-top: 58px !important;
    }
    .pb-xsm-58 {
        padding-bottom: 58px !important;
    }
    .px-xsm-58 {
        padding-left: 58px !important;
        padding-right: 58px !important;
    }
    .py-xsm-58 {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }
    .m-xsm-58 {
        margin: 58px !important;
    }
    .ml-xsm-58 {
        margin-left: 58px !important;
    }
    .mr-xsm-58 {
        margin-right: 58px !important;
    }
    .mt-xsm-58 {
        margin-top: 58px !important;
    }
    .mb-xsm-58 {
        margin-bottom: 58px !important;
    }
    .mx-xsm-58 {
        margin-left: 58px !important;
        margin-right: 58px !important;
    }
    .my-xsm-58 {
        margin-top: 58px !important;
        margin-bottom: 58px !important;
    }
    .gx-xsm-58 {
        gap: 0 58px !important;
    }
    .gy-xsm-58 {
        gap: 58px !important;
    }
    .gap-xsm-58 {
        gap: 58px !important;
    }
}

.p-58 {
    padding: 58px !important;
}

.pl-58 {
    padding-left: 58px !important;
}

.pr-58 {
    padding-right: 58px !important;
}

.pt-58 {
    padding-top: 58px !important;
}

.pb-58 {
    padding-bottom: 58px !important;
}

.px-58 {
    padding-left: 58px !important;
    padding-right: 58px !important;
}

.py-58 {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
}

.m-58 {
    margin: 58px !important;
}

.ml-58 {
    margin-left: 58px !important;
}

.mr-58 {
    margin-right: 58px !important;
}

.mt-58 {
    margin-top: 58px !important;
}

.mb-58 {
    margin-bottom: 58px !important;
}

.mx-58 {
    margin-left: 58px !important;
    margin-right: 58px !important;
}

.my-58 {
    margin-top: 58px !important;
    margin-bottom: 58px !important;
}

.gx-58 {
    gap: 0 58px !important;
}

.gy-58 {
    gap: 58px !important;
}

.gap-58 {
    gap: 58px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-58 {
        padding-left: 0 !important;
        padding-right: 58px !important;
    }
    .rtl .pr-xxl-58 {
        padding-right: 0 !important;
        padding-left: 58px !important;
    }
    .rtl .ml-xxl-58 {
        margin-left: 0 !important;
        margin-right: 58px !important;
    }
    .rtl .mr-xxl-58 {
        margin-right: 0 !important;
        margin-left: 58px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-58 {
        padding-left: 0 !important;
        padding-right: 58px !important;
    }
    .rtl .pr-xl-58 {
        padding-right: 0 !important;
        padding-left: 58px !important;
    }
    .rtl .ml-xl-58 {
        margin-left: 0 !important;
        margin-right: 58px !important;
    }
    .rtl .mr-xl-58 {
        margin-right: 0 !important;
        margin-left: 58px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-58 {
        padding-left: 0 !important;
        padding-right: 58px !important;
    }
    .rtl .pr-lg-58 {
        padding-right: 0 !important;
        padding-left: 58px !important;
    }
    .rtl .ml-lg-58 {
        margin-left: 0 !important;
        margin-right: 58px !important;
    }
    .rtl .mr-lg-58 {
        margin-right: 0 !important;
        margin-left: 58px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-58 {
        padding-left: 0 !important;
        padding-right: 58px !important;
    }
    .rtl .pr-md-58 {
        padding-right: 0 !important;
        padding-left: 58px !important;
    }
    .rtl .ml-md-58 {
        margin-left: 0 !important;
        margin-right: 58px !important;
    }
    .rtl .mr-md-58 {
        margin-right: 0 !important;
        margin-left: 58px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-58 {
        padding-left: 0 !important;
        padding-right: 58px !important;
    }
    .rtl .pr-sm-58 {
        padding-right: 0 !important;
        padding-left: 58px !important;
    }
    .rtl .ml-sm-58 {
        margin-left: 0 !important;
        margin-right: 58px !important;
    }
    .rtl .mr-sm-58 {
        margin-right: 0 !important;
        margin-left: 58px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-58 {
        padding-left: 0 !important;
        padding-right: 58px !important;
    }
    .rtl .pr-xsm-58 {
        padding-right: 0 !important;
        padding-left: 58px !important;
    }
    .rtl .ml-xsm-58 {
        margin-left: 0 !important;
        margin-right: 58px !important;
    }
    .rtl .mr-xsm-58 {
        margin-right: 0 !important;
        margin-left: 58px !important;
    }
}

.rtl .pl-58 {
    padding-left: 0 !important;
    padding-right: 58px !important;
}

.rtl .pr-58 {
    padding-right: 0 !important;
    padding-left: 58px !important;
}

.rtl .ml-58 {
    margin-left: 0 !important;
    margin-right: 58px !important;
}

.rtl .mr-58 {
    margin-right: 0 !important;
    margin-left: 58px !important;
}

@media (min-width: 1200px) {
    .p-xxl-59 {
        padding: 59px !important;
    }
    .pl-xxl-59 {
        padding-left: 59px !important;
    }
    .pr-xxl-59 {
        padding-right: 59px !important;
    }
    .pt-xxl-59 {
        padding-top: 59px !important;
    }
    .pb-xxl-59 {
        padding-bottom: 59px !important;
    }
    .px-xxl-59 {
        padding-left: 59px !important;
        padding-right: 59px !important;
    }
    .py-xxl-59 {
        padding-top: 59px !important;
        padding-bottom: 59px !important;
    }
    .m-xxl-59 {
        margin: 59px !important;
    }
    .ml-xxl-59 {
        margin-left: 59px !important;
    }
    .mr-xxl-59 {
        margin-right: 59px !important;
    }
    .mt-xxl-59 {
        margin-top: 59px !important;
    }
    .mb-xxl-59 {
        margin-bottom: 59px !important;
    }
    .mx-xxl-59 {
        margin-left: 59px !important;
        margin-right: 59px !important;
    }
    .my-xxl-59 {
        margin-top: 59px !important;
        margin-bottom: 59px !important;
    }
    .gx-xxl-59 {
        gap: 0 59px !important;
    }
    .gy-xxl-59 {
        gap: 59px !important;
    }
    .gap-xxl-59 {
        gap: 59px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-59 {
        padding: 59px !important;
    }
    .pl-xl-59 {
        padding-left: 59px !important;
    }
    .pr-xl-59 {
        padding-right: 59px !important;
    }
    .pt-xl-59 {
        padding-top: 59px !important;
    }
    .pb-xl-59 {
        padding-bottom: 59px !important;
    }
    .px-xl-59 {
        padding-left: 59px !important;
        padding-right: 59px !important;
    }
    .py-xl-59 {
        padding-top: 59px !important;
        padding-bottom: 59px !important;
    }
    .m-xl-59 {
        margin: 59px !important;
    }
    .ml-xl-59 {
        margin-left: 59px !important;
    }
    .mr-xl-59 {
        margin-right: 59px !important;
    }
    .mt-xl-59 {
        margin-top: 59px !important;
    }
    .mb-xl-59 {
        margin-bottom: 59px !important;
    }
    .mx-xl-59 {
        margin-left: 59px !important;
        margin-right: 59px !important;
    }
    .my-xl-59 {
        margin-top: 59px !important;
        margin-bottom: 59px !important;
    }
    .gx-xl-59 {
        gap: 0 59px !important;
    }
    .gy-xl-59 {
        gap: 59px !important;
    }
    .gap-xl-59 {
        gap: 59px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-59 {
        padding: 59px !important;
    }
    .pl-lg-59 {
        padding-left: 59px !important;
    }
    .pr-lg-59 {
        padding-right: 59px !important;
    }
    .pt-lg-59 {
        padding-top: 59px !important;
    }
    .pb-lg-59 {
        padding-bottom: 59px !important;
    }
    .px-lg-59 {
        padding-left: 59px !important;
        padding-right: 59px !important;
    }
    .py-lg-59 {
        padding-top: 59px !important;
        padding-bottom: 59px !important;
    }
    .m-lg-59 {
        margin: 59px !important;
    }
    .ml-lg-59 {
        margin-left: 59px !important;
    }
    .mr-lg-59 {
        margin-right: 59px !important;
    }
    .mt-lg-59 {
        margin-top: 59px !important;
    }
    .mb-lg-59 {
        margin-bottom: 59px !important;
    }
    .mx-lg-59 {
        margin-left: 59px !important;
        margin-right: 59px !important;
    }
    .my-lg-59 {
        margin-top: 59px !important;
        margin-bottom: 59px !important;
    }
    .gx-lg-59 {
        gap: 0 59px !important;
    }
    .gy-lg-59 {
        gap: 59px !important;
    }
    .gap-lg-59 {
        gap: 59px !important;
    }
}

@media (min-width: 576px) {
    .p-md-59 {
        padding: 59px !important;
    }
    .pl-md-59 {
        padding-left: 59px !important;
    }
    .pr-md-59 {
        padding-right: 59px !important;
    }
    .pt-md-59 {
        padding-top: 59px !important;
    }
    .pb-md-59 {
        padding-bottom: 59px !important;
    }
    .px-md-59 {
        padding-left: 59px !important;
        padding-right: 59px !important;
    }
    .py-md-59 {
        padding-top: 59px !important;
        padding-bottom: 59px !important;
    }
    .m-md-59 {
        margin: 59px !important;
    }
    .ml-md-59 {
        margin-left: 59px !important;
    }
    .mr-md-59 {
        margin-right: 59px !important;
    }
    .mt-md-59 {
        margin-top: 59px !important;
    }
    .mb-md-59 {
        margin-bottom: 59px !important;
    }
    .mx-md-59 {
        margin-left: 59px !important;
        margin-right: 59px !important;
    }
    .my-md-59 {
        margin-top: 59px !important;
        margin-bottom: 59px !important;
    }
    .gx-md-59 {
        gap: 0 59px !important;
    }
    .gy-md-59 {
        gap: 59px !important;
    }
    .gap-md-59 {
        gap: 59px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-59 {
        padding: 59px !important;
    }
    .pl-sm-59 {
        padding-left: 59px !important;
    }
    .pr-sm-59 {
        padding-right: 59px !important;
    }
    .pt-sm-59 {
        padding-top: 59px !important;
    }
    .pb-sm-59 {
        padding-bottom: 59px !important;
    }
    .px-sm-59 {
        padding-left: 59px !important;
        padding-right: 59px !important;
    }
    .py-sm-59 {
        padding-top: 59px !important;
        padding-bottom: 59px !important;
    }
    .m-sm-59 {
        margin: 59px !important;
    }
    .ml-sm-59 {
        margin-left: 59px !important;
    }
    .mr-sm-59 {
        margin-right: 59px !important;
    }
    .mt-sm-59 {
        margin-top: 59px !important;
    }
    .mb-sm-59 {
        margin-bottom: 59px !important;
    }
    .mx-sm-59 {
        margin-left: 59px !important;
        margin-right: 59px !important;
    }
    .my-sm-59 {
        margin-top: 59px !important;
        margin-bottom: 59px !important;
    }
    .gx-sm-59 {
        gap: 0 59px !important;
    }
    .gy-sm-59 {
        gap: 59px !important;
    }
    .gap-sm-59 {
        gap: 59px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-59 {
        padding: 59px !important;
    }
    .pl-xsm-59 {
        padding-left: 59px !important;
    }
    .pr-xsm-59 {
        padding-right: 59px !important;
    }
    .pt-xsm-59 {
        padding-top: 59px !important;
    }
    .pb-xsm-59 {
        padding-bottom: 59px !important;
    }
    .px-xsm-59 {
        padding-left: 59px !important;
        padding-right: 59px !important;
    }
    .py-xsm-59 {
        padding-top: 59px !important;
        padding-bottom: 59px !important;
    }
    .m-xsm-59 {
        margin: 59px !important;
    }
    .ml-xsm-59 {
        margin-left: 59px !important;
    }
    .mr-xsm-59 {
        margin-right: 59px !important;
    }
    .mt-xsm-59 {
        margin-top: 59px !important;
    }
    .mb-xsm-59 {
        margin-bottom: 59px !important;
    }
    .mx-xsm-59 {
        margin-left: 59px !important;
        margin-right: 59px !important;
    }
    .my-xsm-59 {
        margin-top: 59px !important;
        margin-bottom: 59px !important;
    }
    .gx-xsm-59 {
        gap: 0 59px !important;
    }
    .gy-xsm-59 {
        gap: 59px !important;
    }
    .gap-xsm-59 {
        gap: 59px !important;
    }
}

.p-59 {
    padding: 59px !important;
}

.pl-59 {
    padding-left: 59px !important;
}

.pr-59 {
    padding-right: 59px !important;
}

.pt-59 {
    padding-top: 59px !important;
}

.pb-59 {
    padding-bottom: 59px !important;
}

.px-59 {
    padding-left: 59px !important;
    padding-right: 59px !important;
}

.py-59 {
    padding-top: 59px !important;
    padding-bottom: 59px !important;
}

.m-59 {
    margin: 59px !important;
}

.ml-59 {
    margin-left: 59px !important;
}

.mr-59 {
    margin-right: 59px !important;
}

.mt-59 {
    margin-top: 59px !important;
}

.mb-59 {
    margin-bottom: 59px !important;
}

.mx-59 {
    margin-left: 59px !important;
    margin-right: 59px !important;
}

.my-59 {
    margin-top: 59px !important;
    margin-bottom: 59px !important;
}

.gx-59 {
    gap: 0 59px !important;
}

.gy-59 {
    gap: 59px !important;
}

.gap-59 {
    gap: 59px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-59 {
        padding-left: 0 !important;
        padding-right: 59px !important;
    }
    .rtl .pr-xxl-59 {
        padding-right: 0 !important;
        padding-left: 59px !important;
    }
    .rtl .ml-xxl-59 {
        margin-left: 0 !important;
        margin-right: 59px !important;
    }
    .rtl .mr-xxl-59 {
        margin-right: 0 !important;
        margin-left: 59px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-59 {
        padding-left: 0 !important;
        padding-right: 59px !important;
    }
    .rtl .pr-xl-59 {
        padding-right: 0 !important;
        padding-left: 59px !important;
    }
    .rtl .ml-xl-59 {
        margin-left: 0 !important;
        margin-right: 59px !important;
    }
    .rtl .mr-xl-59 {
        margin-right: 0 !important;
        margin-left: 59px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-59 {
        padding-left: 0 !important;
        padding-right: 59px !important;
    }
    .rtl .pr-lg-59 {
        padding-right: 0 !important;
        padding-left: 59px !important;
    }
    .rtl .ml-lg-59 {
        margin-left: 0 !important;
        margin-right: 59px !important;
    }
    .rtl .mr-lg-59 {
        margin-right: 0 !important;
        margin-left: 59px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-59 {
        padding-left: 0 !important;
        padding-right: 59px !important;
    }
    .rtl .pr-md-59 {
        padding-right: 0 !important;
        padding-left: 59px !important;
    }
    .rtl .ml-md-59 {
        margin-left: 0 !important;
        margin-right: 59px !important;
    }
    .rtl .mr-md-59 {
        margin-right: 0 !important;
        margin-left: 59px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-59 {
        padding-left: 0 !important;
        padding-right: 59px !important;
    }
    .rtl .pr-sm-59 {
        padding-right: 0 !important;
        padding-left: 59px !important;
    }
    .rtl .ml-sm-59 {
        margin-left: 0 !important;
        margin-right: 59px !important;
    }
    .rtl .mr-sm-59 {
        margin-right: 0 !important;
        margin-left: 59px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-59 {
        padding-left: 0 !important;
        padding-right: 59px !important;
    }
    .rtl .pr-xsm-59 {
        padding-right: 0 !important;
        padding-left: 59px !important;
    }
    .rtl .ml-xsm-59 {
        margin-left: 0 !important;
        margin-right: 59px !important;
    }
    .rtl .mr-xsm-59 {
        margin-right: 0 !important;
        margin-left: 59px !important;
    }
}

.rtl .pl-59 {
    padding-left: 0 !important;
    padding-right: 59px !important;
}

.rtl .pr-59 {
    padding-right: 0 !important;
    padding-left: 59px !important;
}

.rtl .ml-59 {
    margin-left: 0 !important;
    margin-right: 59px !important;
}

.rtl .mr-59 {
    margin-right: 0 !important;
    margin-left: 59px !important;
}

@media (min-width: 1200px) {
    .p-xxl-60 {
        padding: 60px !important;
    }
    .pl-xxl-60 {
        padding-left: 60px !important;
    }
    .pr-xxl-60 {
        padding-right: 60px !important;
    }
    .pt-xxl-60 {
        padding-top: 60px !important;
    }
    .pb-xxl-60 {
        padding-bottom: 60px !important;
    }
    .px-xxl-60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
    .py-xxl-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .m-xxl-60 {
        margin: 60px !important;
    }
    .ml-xxl-60 {
        margin-left: 60px !important;
    }
    .mr-xxl-60 {
        margin-right: 60px !important;
    }
    .mt-xxl-60 {
        margin-top: 60px !important;
    }
    .mb-xxl-60 {
        margin-bottom: 60px !important;
    }
    .mx-xxl-60 {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }
    .my-xxl-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .gx-xxl-60 {
        gap: 0 60px !important;
    }
    .gy-xxl-60 {
        gap: 60px !important;
    }
    .gap-xxl-60 {
        gap: 60px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-60 {
        padding: 60px !important;
    }
    .pl-xl-60 {
        padding-left: 60px !important;
    }
    .pr-xl-60 {
        padding-right: 60px !important;
    }
    .pt-xl-60 {
        padding-top: 60px !important;
    }
    .pb-xl-60 {
        padding-bottom: 60px !important;
    }
    .px-xl-60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
    .py-xl-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .m-xl-60 {
        margin: 60px !important;
    }
    .ml-xl-60 {
        margin-left: 60px !important;
    }
    .mr-xl-60 {
        margin-right: 60px !important;
    }
    .mt-xl-60 {
        margin-top: 60px !important;
    }
    .mb-xl-60 {
        margin-bottom: 60px !important;
    }
    .mx-xl-60 {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }
    .my-xl-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .gx-xl-60 {
        gap: 0 60px !important;
    }
    .gy-xl-60 {
        gap: 60px !important;
    }
    .gap-xl-60 {
        gap: 60px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-60 {
        padding: 60px !important;
    }
    .pl-lg-60 {
        padding-left: 60px !important;
    }
    .pr-lg-60 {
        padding-right: 60px !important;
    }
    .pt-lg-60 {
        padding-top: 60px !important;
    }
    .pb-lg-60 {
        padding-bottom: 60px !important;
    }
    .px-lg-60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
    .py-lg-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .m-lg-60 {
        margin: 60px !important;
    }
    .ml-lg-60 {
        margin-left: 60px !important;
    }
    .mr-lg-60 {
        margin-right: 60px !important;
    }
    .mt-lg-60 {
        margin-top: 60px !important;
    }
    .mb-lg-60 {
        margin-bottom: 60px !important;
    }
    .mx-lg-60 {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }
    .my-lg-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .gx-lg-60 {
        gap: 0 60px !important;
    }
    .gy-lg-60 {
        gap: 60px !important;
    }
    .gap-lg-60 {
        gap: 60px !important;
    }
}

@media (min-width: 576px) {
    .p-md-60 {
        padding: 60px !important;
    }
    .pl-md-60 {
        padding-left: 60px !important;
    }
    .pr-md-60 {
        padding-right: 60px !important;
    }
    .pt-md-60 {
        padding-top: 60px !important;
    }
    .pb-md-60 {
        padding-bottom: 60px !important;
    }
    .px-md-60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
    .py-md-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .m-md-60 {
        margin: 60px !important;
    }
    .ml-md-60 {
        margin-left: 60px !important;
    }
    .mr-md-60 {
        margin-right: 60px !important;
    }
    .mt-md-60 {
        margin-top: 60px !important;
    }
    .mb-md-60 {
        margin-bottom: 60px !important;
    }
    .mx-md-60 {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }
    .my-md-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .gx-md-60 {
        gap: 0 60px !important;
    }
    .gy-md-60 {
        gap: 60px !important;
    }
    .gap-md-60 {
        gap: 60px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-60 {
        padding: 60px !important;
    }
    .pl-sm-60 {
        padding-left: 60px !important;
    }
    .pr-sm-60 {
        padding-right: 60px !important;
    }
    .pt-sm-60 {
        padding-top: 60px !important;
    }
    .pb-sm-60 {
        padding-bottom: 60px !important;
    }
    .px-sm-60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
    .py-sm-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .m-sm-60 {
        margin: 60px !important;
    }
    .ml-sm-60 {
        margin-left: 60px !important;
    }
    .mr-sm-60 {
        margin-right: 60px !important;
    }
    .mt-sm-60 {
        margin-top: 60px !important;
    }
    .mb-sm-60 {
        margin-bottom: 60px !important;
    }
    .mx-sm-60 {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }
    .my-sm-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .gx-sm-60 {
        gap: 0 60px !important;
    }
    .gy-sm-60 {
        gap: 60px !important;
    }
    .gap-sm-60 {
        gap: 60px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-60 {
        padding: 60px !important;
    }
    .pl-xsm-60 {
        padding-left: 60px !important;
    }
    .pr-xsm-60 {
        padding-right: 60px !important;
    }
    .pt-xsm-60 {
        padding-top: 60px !important;
    }
    .pb-xsm-60 {
        padding-bottom: 60px !important;
    }
    .px-xsm-60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
    .py-xsm-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .m-xsm-60 {
        margin: 60px !important;
    }
    .ml-xsm-60 {
        margin-left: 60px !important;
    }
    .mr-xsm-60 {
        margin-right: 60px !important;
    }
    .mt-xsm-60 {
        margin-top: 60px !important;
    }
    .mb-xsm-60 {
        margin-bottom: 60px !important;
    }
    .mx-xsm-60 {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }
    .my-xsm-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .gx-xsm-60 {
        gap: 0 60px !important;
    }
    .gy-xsm-60 {
        gap: 60px !important;
    }
    .gap-xsm-60 {
        gap: 60px !important;
    }
}

.p-60 {
    padding: 60px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

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

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

.m-60 {
    margin: 60px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mx-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

.my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.gx-60 {
    gap: 0 60px !important;
}

.gy-60 {
    gap: 60px !important;
}

.gap-60 {
    gap: 60px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-60 {
        padding-left: 0 !important;
        padding-right: 60px !important;
    }
    .rtl .pr-xxl-60 {
        padding-right: 0 !important;
        padding-left: 60px !important;
    }
    .rtl .ml-xxl-60 {
        margin-left: 0 !important;
        margin-right: 60px !important;
    }
    .rtl .mr-xxl-60 {
        margin-right: 0 !important;
        margin-left: 60px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-60 {
        padding-left: 0 !important;
        padding-right: 60px !important;
    }
    .rtl .pr-xl-60 {
        padding-right: 0 !important;
        padding-left: 60px !important;
    }
    .rtl .ml-xl-60 {
        margin-left: 0 !important;
        margin-right: 60px !important;
    }
    .rtl .mr-xl-60 {
        margin-right: 0 !important;
        margin-left: 60px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-60 {
        padding-left: 0 !important;
        padding-right: 60px !important;
    }
    .rtl .pr-lg-60 {
        padding-right: 0 !important;
        padding-left: 60px !important;
    }
    .rtl .ml-lg-60 {
        margin-left: 0 !important;
        margin-right: 60px !important;
    }
    .rtl .mr-lg-60 {
        margin-right: 0 !important;
        margin-left: 60px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-60 {
        padding-left: 0 !important;
        padding-right: 60px !important;
    }
    .rtl .pr-md-60 {
        padding-right: 0 !important;
        padding-left: 60px !important;
    }
    .rtl .ml-md-60 {
        margin-left: 0 !important;
        margin-right: 60px !important;
    }
    .rtl .mr-md-60 {
        margin-right: 0 !important;
        margin-left: 60px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-60 {
        padding-left: 0 !important;
        padding-right: 60px !important;
    }
    .rtl .pr-sm-60 {
        padding-right: 0 !important;
        padding-left: 60px !important;
    }
    .rtl .ml-sm-60 {
        margin-left: 0 !important;
        margin-right: 60px !important;
    }
    .rtl .mr-sm-60 {
        margin-right: 0 !important;
        margin-left: 60px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-60 {
        padding-left: 0 !important;
        padding-right: 60px !important;
    }
    .rtl .pr-xsm-60 {
        padding-right: 0 !important;
        padding-left: 60px !important;
    }
    .rtl .ml-xsm-60 {
        margin-left: 0 !important;
        margin-right: 60px !important;
    }
    .rtl .mr-xsm-60 {
        margin-right: 0 !important;
        margin-left: 60px !important;
    }
}

.rtl .pl-60 {
    padding-left: 0 !important;
    padding-right: 60px !important;
}

.rtl .pr-60 {
    padding-right: 0 !important;
    padding-left: 60px !important;
}

.rtl .ml-60 {
    margin-left: 0 !important;
    margin-right: 60px !important;
}

.rtl .mr-60 {
    margin-right: 0 !important;
    margin-left: 60px !important;
}

@media (min-width: 1200px) {
    .p-xxl-61 {
        padding: 61px !important;
    }
    .pl-xxl-61 {
        padding-left: 61px !important;
    }
    .pr-xxl-61 {
        padding-right: 61px !important;
    }
    .pt-xxl-61 {
        padding-top: 61px !important;
    }
    .pb-xxl-61 {
        padding-bottom: 61px !important;
    }
    .px-xxl-61 {
        padding-left: 61px !important;
        padding-right: 61px !important;
    }
    .py-xxl-61 {
        padding-top: 61px !important;
        padding-bottom: 61px !important;
    }
    .m-xxl-61 {
        margin: 61px !important;
    }
    .ml-xxl-61 {
        margin-left: 61px !important;
    }
    .mr-xxl-61 {
        margin-right: 61px !important;
    }
    .mt-xxl-61 {
        margin-top: 61px !important;
    }
    .mb-xxl-61 {
        margin-bottom: 61px !important;
    }
    .mx-xxl-61 {
        margin-left: 61px !important;
        margin-right: 61px !important;
    }
    .my-xxl-61 {
        margin-top: 61px !important;
        margin-bottom: 61px !important;
    }
    .gx-xxl-61 {
        gap: 0 61px !important;
    }
    .gy-xxl-61 {
        gap: 61px !important;
    }
    .gap-xxl-61 {
        gap: 61px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-61 {
        padding: 61px !important;
    }
    .pl-xl-61 {
        padding-left: 61px !important;
    }
    .pr-xl-61 {
        padding-right: 61px !important;
    }
    .pt-xl-61 {
        padding-top: 61px !important;
    }
    .pb-xl-61 {
        padding-bottom: 61px !important;
    }
    .px-xl-61 {
        padding-left: 61px !important;
        padding-right: 61px !important;
    }
    .py-xl-61 {
        padding-top: 61px !important;
        padding-bottom: 61px !important;
    }
    .m-xl-61 {
        margin: 61px !important;
    }
    .ml-xl-61 {
        margin-left: 61px !important;
    }
    .mr-xl-61 {
        margin-right: 61px !important;
    }
    .mt-xl-61 {
        margin-top: 61px !important;
    }
    .mb-xl-61 {
        margin-bottom: 61px !important;
    }
    .mx-xl-61 {
        margin-left: 61px !important;
        margin-right: 61px !important;
    }
    .my-xl-61 {
        margin-top: 61px !important;
        margin-bottom: 61px !important;
    }
    .gx-xl-61 {
        gap: 0 61px !important;
    }
    .gy-xl-61 {
        gap: 61px !important;
    }
    .gap-xl-61 {
        gap: 61px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-61 {
        padding: 61px !important;
    }
    .pl-lg-61 {
        padding-left: 61px !important;
    }
    .pr-lg-61 {
        padding-right: 61px !important;
    }
    .pt-lg-61 {
        padding-top: 61px !important;
    }
    .pb-lg-61 {
        padding-bottom: 61px !important;
    }
    .px-lg-61 {
        padding-left: 61px !important;
        padding-right: 61px !important;
    }
    .py-lg-61 {
        padding-top: 61px !important;
        padding-bottom: 61px !important;
    }
    .m-lg-61 {
        margin: 61px !important;
    }
    .ml-lg-61 {
        margin-left: 61px !important;
    }
    .mr-lg-61 {
        margin-right: 61px !important;
    }
    .mt-lg-61 {
        margin-top: 61px !important;
    }
    .mb-lg-61 {
        margin-bottom: 61px !important;
    }
    .mx-lg-61 {
        margin-left: 61px !important;
        margin-right: 61px !important;
    }
    .my-lg-61 {
        margin-top: 61px !important;
        margin-bottom: 61px !important;
    }
    .gx-lg-61 {
        gap: 0 61px !important;
    }
    .gy-lg-61 {
        gap: 61px !important;
    }
    .gap-lg-61 {
        gap: 61px !important;
    }
}

@media (min-width: 576px) {
    .p-md-61 {
        padding: 61px !important;
    }
    .pl-md-61 {
        padding-left: 61px !important;
    }
    .pr-md-61 {
        padding-right: 61px !important;
    }
    .pt-md-61 {
        padding-top: 61px !important;
    }
    .pb-md-61 {
        padding-bottom: 61px !important;
    }
    .px-md-61 {
        padding-left: 61px !important;
        padding-right: 61px !important;
    }
    .py-md-61 {
        padding-top: 61px !important;
        padding-bottom: 61px !important;
    }
    .m-md-61 {
        margin: 61px !important;
    }
    .ml-md-61 {
        margin-left: 61px !important;
    }
    .mr-md-61 {
        margin-right: 61px !important;
    }
    .mt-md-61 {
        margin-top: 61px !important;
    }
    .mb-md-61 {
        margin-bottom: 61px !important;
    }
    .mx-md-61 {
        margin-left: 61px !important;
        margin-right: 61px !important;
    }
    .my-md-61 {
        margin-top: 61px !important;
        margin-bottom: 61px !important;
    }
    .gx-md-61 {
        gap: 0 61px !important;
    }
    .gy-md-61 {
        gap: 61px !important;
    }
    .gap-md-61 {
        gap: 61px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-61 {
        padding: 61px !important;
    }
    .pl-sm-61 {
        padding-left: 61px !important;
    }
    .pr-sm-61 {
        padding-right: 61px !important;
    }
    .pt-sm-61 {
        padding-top: 61px !important;
    }
    .pb-sm-61 {
        padding-bottom: 61px !important;
    }
    .px-sm-61 {
        padding-left: 61px !important;
        padding-right: 61px !important;
    }
    .py-sm-61 {
        padding-top: 61px !important;
        padding-bottom: 61px !important;
    }
    .m-sm-61 {
        margin: 61px !important;
    }
    .ml-sm-61 {
        margin-left: 61px !important;
    }
    .mr-sm-61 {
        margin-right: 61px !important;
    }
    .mt-sm-61 {
        margin-top: 61px !important;
    }
    .mb-sm-61 {
        margin-bottom: 61px !important;
    }
    .mx-sm-61 {
        margin-left: 61px !important;
        margin-right: 61px !important;
    }
    .my-sm-61 {
        margin-top: 61px !important;
        margin-bottom: 61px !important;
    }
    .gx-sm-61 {
        gap: 0 61px !important;
    }
    .gy-sm-61 {
        gap: 61px !important;
    }
    .gap-sm-61 {
        gap: 61px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-61 {
        padding: 61px !important;
    }
    .pl-xsm-61 {
        padding-left: 61px !important;
    }
    .pr-xsm-61 {
        padding-right: 61px !important;
    }
    .pt-xsm-61 {
        padding-top: 61px !important;
    }
    .pb-xsm-61 {
        padding-bottom: 61px !important;
    }
    .px-xsm-61 {
        padding-left: 61px !important;
        padding-right: 61px !important;
    }
    .py-xsm-61 {
        padding-top: 61px !important;
        padding-bottom: 61px !important;
    }
    .m-xsm-61 {
        margin: 61px !important;
    }
    .ml-xsm-61 {
        margin-left: 61px !important;
    }
    .mr-xsm-61 {
        margin-right: 61px !important;
    }
    .mt-xsm-61 {
        margin-top: 61px !important;
    }
    .mb-xsm-61 {
        margin-bottom: 61px !important;
    }
    .mx-xsm-61 {
        margin-left: 61px !important;
        margin-right: 61px !important;
    }
    .my-xsm-61 {
        margin-top: 61px !important;
        margin-bottom: 61px !important;
    }
    .gx-xsm-61 {
        gap: 0 61px !important;
    }
    .gy-xsm-61 {
        gap: 61px !important;
    }
    .gap-xsm-61 {
        gap: 61px !important;
    }
}

.p-61 {
    padding: 61px !important;
}

.pl-61 {
    padding-left: 61px !important;
}

.pr-61 {
    padding-right: 61px !important;
}

.pt-61 {
    padding-top: 61px !important;
}

.pb-61 {
    padding-bottom: 61px !important;
}

.px-61 {
    padding-left: 61px !important;
    padding-right: 61px !important;
}

.py-61 {
    padding-top: 61px !important;
    padding-bottom: 61px !important;
}

.m-61 {
    margin: 61px !important;
}

.ml-61 {
    margin-left: 61px !important;
}

.mr-61 {
    margin-right: 61px !important;
}

.mt-61 {
    margin-top: 61px !important;
}

.mb-61 {
    margin-bottom: 61px !important;
}

.mx-61 {
    margin-left: 61px !important;
    margin-right: 61px !important;
}

.my-61 {
    margin-top: 61px !important;
    margin-bottom: 61px !important;
}

.gx-61 {
    gap: 0 61px !important;
}

.gy-61 {
    gap: 61px !important;
}

.gap-61 {
    gap: 61px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-61 {
        padding-left: 0 !important;
        padding-right: 61px !important;
    }
    .rtl .pr-xxl-61 {
        padding-right: 0 !important;
        padding-left: 61px !important;
    }
    .rtl .ml-xxl-61 {
        margin-left: 0 !important;
        margin-right: 61px !important;
    }
    .rtl .mr-xxl-61 {
        margin-right: 0 !important;
        margin-left: 61px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-61 {
        padding-left: 0 !important;
        padding-right: 61px !important;
    }
    .rtl .pr-xl-61 {
        padding-right: 0 !important;
        padding-left: 61px !important;
    }
    .rtl .ml-xl-61 {
        margin-left: 0 !important;
        margin-right: 61px !important;
    }
    .rtl .mr-xl-61 {
        margin-right: 0 !important;
        margin-left: 61px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-61 {
        padding-left: 0 !important;
        padding-right: 61px !important;
    }
    .rtl .pr-lg-61 {
        padding-right: 0 !important;
        padding-left: 61px !important;
    }
    .rtl .ml-lg-61 {
        margin-left: 0 !important;
        margin-right: 61px !important;
    }
    .rtl .mr-lg-61 {
        margin-right: 0 !important;
        margin-left: 61px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-61 {
        padding-left: 0 !important;
        padding-right: 61px !important;
    }
    .rtl .pr-md-61 {
        padding-right: 0 !important;
        padding-left: 61px !important;
    }
    .rtl .ml-md-61 {
        margin-left: 0 !important;
        margin-right: 61px !important;
    }
    .rtl .mr-md-61 {
        margin-right: 0 !important;
        margin-left: 61px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-61 {
        padding-left: 0 !important;
        padding-right: 61px !important;
    }
    .rtl .pr-sm-61 {
        padding-right: 0 !important;
        padding-left: 61px !important;
    }
    .rtl .ml-sm-61 {
        margin-left: 0 !important;
        margin-right: 61px !important;
    }
    .rtl .mr-sm-61 {
        margin-right: 0 !important;
        margin-left: 61px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-61 {
        padding-left: 0 !important;
        padding-right: 61px !important;
    }
    .rtl .pr-xsm-61 {
        padding-right: 0 !important;
        padding-left: 61px !important;
    }
    .rtl .ml-xsm-61 {
        margin-left: 0 !important;
        margin-right: 61px !important;
    }
    .rtl .mr-xsm-61 {
        margin-right: 0 !important;
        margin-left: 61px !important;
    }
}

.rtl .pl-61 {
    padding-left: 0 !important;
    padding-right: 61px !important;
}

.rtl .pr-61 {
    padding-right: 0 !important;
    padding-left: 61px !important;
}

.rtl .ml-61 {
    margin-left: 0 !important;
    margin-right: 61px !important;
}

.rtl .mr-61 {
    margin-right: 0 !important;
    margin-left: 61px !important;
}

@media (min-width: 1200px) {
    .p-xxl-62 {
        padding: 62px !important;
    }
    .pl-xxl-62 {
        padding-left: 62px !important;
    }
    .pr-xxl-62 {
        padding-right: 62px !important;
    }
    .pt-xxl-62 {
        padding-top: 62px !important;
    }
    .pb-xxl-62 {
        padding-bottom: 62px !important;
    }
    .px-xxl-62 {
        padding-left: 62px !important;
        padding-right: 62px !important;
    }
    .py-xxl-62 {
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }
    .m-xxl-62 {
        margin: 62px !important;
    }
    .ml-xxl-62 {
        margin-left: 62px !important;
    }
    .mr-xxl-62 {
        margin-right: 62px !important;
    }
    .mt-xxl-62 {
        margin-top: 62px !important;
    }
    .mb-xxl-62 {
        margin-bottom: 62px !important;
    }
    .mx-xxl-62 {
        margin-left: 62px !important;
        margin-right: 62px !important;
    }
    .my-xxl-62 {
        margin-top: 62px !important;
        margin-bottom: 62px !important;
    }
    .gx-xxl-62 {
        gap: 0 62px !important;
    }
    .gy-xxl-62 {
        gap: 62px !important;
    }
    .gap-xxl-62 {
        gap: 62px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-62 {
        padding: 62px !important;
    }
    .pl-xl-62 {
        padding-left: 62px !important;
    }
    .pr-xl-62 {
        padding-right: 62px !important;
    }
    .pt-xl-62 {
        padding-top: 62px !important;
    }
    .pb-xl-62 {
        padding-bottom: 62px !important;
    }
    .px-xl-62 {
        padding-left: 62px !important;
        padding-right: 62px !important;
    }
    .py-xl-62 {
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }
    .m-xl-62 {
        margin: 62px !important;
    }
    .ml-xl-62 {
        margin-left: 62px !important;
    }
    .mr-xl-62 {
        margin-right: 62px !important;
    }
    .mt-xl-62 {
        margin-top: 62px !important;
    }
    .mb-xl-62 {
        margin-bottom: 62px !important;
    }
    .mx-xl-62 {
        margin-left: 62px !important;
        margin-right: 62px !important;
    }
    .my-xl-62 {
        margin-top: 62px !important;
        margin-bottom: 62px !important;
    }
    .gx-xl-62 {
        gap: 0 62px !important;
    }
    .gy-xl-62 {
        gap: 62px !important;
    }
    .gap-xl-62 {
        gap: 62px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-62 {
        padding: 62px !important;
    }
    .pl-lg-62 {
        padding-left: 62px !important;
    }
    .pr-lg-62 {
        padding-right: 62px !important;
    }
    .pt-lg-62 {
        padding-top: 62px !important;
    }
    .pb-lg-62 {
        padding-bottom: 62px !important;
    }
    .px-lg-62 {
        padding-left: 62px !important;
        padding-right: 62px !important;
    }
    .py-lg-62 {
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }
    .m-lg-62 {
        margin: 62px !important;
    }
    .ml-lg-62 {
        margin-left: 62px !important;
    }
    .mr-lg-62 {
        margin-right: 62px !important;
    }
    .mt-lg-62 {
        margin-top: 62px !important;
    }
    .mb-lg-62 {
        margin-bottom: 62px !important;
    }
    .mx-lg-62 {
        margin-left: 62px !important;
        margin-right: 62px !important;
    }
    .my-lg-62 {
        margin-top: 62px !important;
        margin-bottom: 62px !important;
    }
    .gx-lg-62 {
        gap: 0 62px !important;
    }
    .gy-lg-62 {
        gap: 62px !important;
    }
    .gap-lg-62 {
        gap: 62px !important;
    }
}

@media (min-width: 576px) {
    .p-md-62 {
        padding: 62px !important;
    }
    .pl-md-62 {
        padding-left: 62px !important;
    }
    .pr-md-62 {
        padding-right: 62px !important;
    }
    .pt-md-62 {
        padding-top: 62px !important;
    }
    .pb-md-62 {
        padding-bottom: 62px !important;
    }
    .px-md-62 {
        padding-left: 62px !important;
        padding-right: 62px !important;
    }
    .py-md-62 {
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }
    .m-md-62 {
        margin: 62px !important;
    }
    .ml-md-62 {
        margin-left: 62px !important;
    }
    .mr-md-62 {
        margin-right: 62px !important;
    }
    .mt-md-62 {
        margin-top: 62px !important;
    }
    .mb-md-62 {
        margin-bottom: 62px !important;
    }
    .mx-md-62 {
        margin-left: 62px !important;
        margin-right: 62px !important;
    }
    .my-md-62 {
        margin-top: 62px !important;
        margin-bottom: 62px !important;
    }
    .gx-md-62 {
        gap: 0 62px !important;
    }
    .gy-md-62 {
        gap: 62px !important;
    }
    .gap-md-62 {
        gap: 62px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-62 {
        padding: 62px !important;
    }
    .pl-sm-62 {
        padding-left: 62px !important;
    }
    .pr-sm-62 {
        padding-right: 62px !important;
    }
    .pt-sm-62 {
        padding-top: 62px !important;
    }
    .pb-sm-62 {
        padding-bottom: 62px !important;
    }
    .px-sm-62 {
        padding-left: 62px !important;
        padding-right: 62px !important;
    }
    .py-sm-62 {
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }
    .m-sm-62 {
        margin: 62px !important;
    }
    .ml-sm-62 {
        margin-left: 62px !important;
    }
    .mr-sm-62 {
        margin-right: 62px !important;
    }
    .mt-sm-62 {
        margin-top: 62px !important;
    }
    .mb-sm-62 {
        margin-bottom: 62px !important;
    }
    .mx-sm-62 {
        margin-left: 62px !important;
        margin-right: 62px !important;
    }
    .my-sm-62 {
        margin-top: 62px !important;
        margin-bottom: 62px !important;
    }
    .gx-sm-62 {
        gap: 0 62px !important;
    }
    .gy-sm-62 {
        gap: 62px !important;
    }
    .gap-sm-62 {
        gap: 62px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-62 {
        padding: 62px !important;
    }
    .pl-xsm-62 {
        padding-left: 62px !important;
    }
    .pr-xsm-62 {
        padding-right: 62px !important;
    }
    .pt-xsm-62 {
        padding-top: 62px !important;
    }
    .pb-xsm-62 {
        padding-bottom: 62px !important;
    }
    .px-xsm-62 {
        padding-left: 62px !important;
        padding-right: 62px !important;
    }
    .py-xsm-62 {
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }
    .m-xsm-62 {
        margin: 62px !important;
    }
    .ml-xsm-62 {
        margin-left: 62px !important;
    }
    .mr-xsm-62 {
        margin-right: 62px !important;
    }
    .mt-xsm-62 {
        margin-top: 62px !important;
    }
    .mb-xsm-62 {
        margin-bottom: 62px !important;
    }
    .mx-xsm-62 {
        margin-left: 62px !important;
        margin-right: 62px !important;
    }
    .my-xsm-62 {
        margin-top: 62px !important;
        margin-bottom: 62px !important;
    }
    .gx-xsm-62 {
        gap: 0 62px !important;
    }
    .gy-xsm-62 {
        gap: 62px !important;
    }
    .gap-xsm-62 {
        gap: 62px !important;
    }
}

.p-62 {
    padding: 62px !important;
}

.pl-62 {
    padding-left: 62px !important;
}

.pr-62 {
    padding-right: 62px !important;
}

.pt-62 {
    padding-top: 62px !important;
}

.pb-62 {
    padding-bottom: 62px !important;
}

.px-62 {
    padding-left: 62px !important;
    padding-right: 62px !important;
}

.py-62 {
    padding-top: 62px !important;
    padding-bottom: 62px !important;
}

.m-62 {
    margin: 62px !important;
}

.ml-62 {
    margin-left: 62px !important;
}

.mr-62 {
    margin-right: 62px !important;
}

.mt-62 {
    margin-top: 62px !important;
}

.mb-62 {
    margin-bottom: 62px !important;
}

.mx-62 {
    margin-left: 62px !important;
    margin-right: 62px !important;
}

.my-62 {
    margin-top: 62px !important;
    margin-bottom: 62px !important;
}

.gx-62 {
    gap: 0 62px !important;
}

.gy-62 {
    gap: 62px !important;
}

.gap-62 {
    gap: 62px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-62 {
        padding-left: 0 !important;
        padding-right: 62px !important;
    }
    .rtl .pr-xxl-62 {
        padding-right: 0 !important;
        padding-left: 62px !important;
    }
    .rtl .ml-xxl-62 {
        margin-left: 0 !important;
        margin-right: 62px !important;
    }
    .rtl .mr-xxl-62 {
        margin-right: 0 !important;
        margin-left: 62px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-62 {
        padding-left: 0 !important;
        padding-right: 62px !important;
    }
    .rtl .pr-xl-62 {
        padding-right: 0 !important;
        padding-left: 62px !important;
    }
    .rtl .ml-xl-62 {
        margin-left: 0 !important;
        margin-right: 62px !important;
    }
    .rtl .mr-xl-62 {
        margin-right: 0 !important;
        margin-left: 62px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-62 {
        padding-left: 0 !important;
        padding-right: 62px !important;
    }
    .rtl .pr-lg-62 {
        padding-right: 0 !important;
        padding-left: 62px !important;
    }
    .rtl .ml-lg-62 {
        margin-left: 0 !important;
        margin-right: 62px !important;
    }
    .rtl .mr-lg-62 {
        margin-right: 0 !important;
        margin-left: 62px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-62 {
        padding-left: 0 !important;
        padding-right: 62px !important;
    }
    .rtl .pr-md-62 {
        padding-right: 0 !important;
        padding-left: 62px !important;
    }
    .rtl .ml-md-62 {
        margin-left: 0 !important;
        margin-right: 62px !important;
    }
    .rtl .mr-md-62 {
        margin-right: 0 !important;
        margin-left: 62px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-62 {
        padding-left: 0 !important;
        padding-right: 62px !important;
    }
    .rtl .pr-sm-62 {
        padding-right: 0 !important;
        padding-left: 62px !important;
    }
    .rtl .ml-sm-62 {
        margin-left: 0 !important;
        margin-right: 62px !important;
    }
    .rtl .mr-sm-62 {
        margin-right: 0 !important;
        margin-left: 62px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-62 {
        padding-left: 0 !important;
        padding-right: 62px !important;
    }
    .rtl .pr-xsm-62 {
        padding-right: 0 !important;
        padding-left: 62px !important;
    }
    .rtl .ml-xsm-62 {
        margin-left: 0 !important;
        margin-right: 62px !important;
    }
    .rtl .mr-xsm-62 {
        margin-right: 0 !important;
        margin-left: 62px !important;
    }
}

.rtl .pl-62 {
    padding-left: 0 !important;
    padding-right: 62px !important;
}

.rtl .pr-62 {
    padding-right: 0 !important;
    padding-left: 62px !important;
}

.rtl .ml-62 {
    margin-left: 0 !important;
    margin-right: 62px !important;
}

.rtl .mr-62 {
    margin-right: 0 !important;
    margin-left: 62px !important;
}

@media (min-width: 1200px) {
    .p-xxl-63 {
        padding: 63px !important;
    }
    .pl-xxl-63 {
        padding-left: 63px !important;
    }
    .pr-xxl-63 {
        padding-right: 63px !important;
    }
    .pt-xxl-63 {
        padding-top: 63px !important;
    }
    .pb-xxl-63 {
        padding-bottom: 63px !important;
    }
    .px-xxl-63 {
        padding-left: 63px !important;
        padding-right: 63px !important;
    }
    .py-xxl-63 {
        padding-top: 63px !important;
        padding-bottom: 63px !important;
    }
    .m-xxl-63 {
        margin: 63px !important;
    }
    .ml-xxl-63 {
        margin-left: 63px !important;
    }
    .mr-xxl-63 {
        margin-right: 63px !important;
    }
    .mt-xxl-63 {
        margin-top: 63px !important;
    }
    .mb-xxl-63 {
        margin-bottom: 63px !important;
    }
    .mx-xxl-63 {
        margin-left: 63px !important;
        margin-right: 63px !important;
    }
    .my-xxl-63 {
        margin-top: 63px !important;
        margin-bottom: 63px !important;
    }
    .gx-xxl-63 {
        gap: 0 63px !important;
    }
    .gy-xxl-63 {
        gap: 63px !important;
    }
    .gap-xxl-63 {
        gap: 63px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-63 {
        padding: 63px !important;
    }
    .pl-xl-63 {
        padding-left: 63px !important;
    }
    .pr-xl-63 {
        padding-right: 63px !important;
    }
    .pt-xl-63 {
        padding-top: 63px !important;
    }
    .pb-xl-63 {
        padding-bottom: 63px !important;
    }
    .px-xl-63 {
        padding-left: 63px !important;
        padding-right: 63px !important;
    }
    .py-xl-63 {
        padding-top: 63px !important;
        padding-bottom: 63px !important;
    }
    .m-xl-63 {
        margin: 63px !important;
    }
    .ml-xl-63 {
        margin-left: 63px !important;
    }
    .mr-xl-63 {
        margin-right: 63px !important;
    }
    .mt-xl-63 {
        margin-top: 63px !important;
    }
    .mb-xl-63 {
        margin-bottom: 63px !important;
    }
    .mx-xl-63 {
        margin-left: 63px !important;
        margin-right: 63px !important;
    }
    .my-xl-63 {
        margin-top: 63px !important;
        margin-bottom: 63px !important;
    }
    .gx-xl-63 {
        gap: 0 63px !important;
    }
    .gy-xl-63 {
        gap: 63px !important;
    }
    .gap-xl-63 {
        gap: 63px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-63 {
        padding: 63px !important;
    }
    .pl-lg-63 {
        padding-left: 63px !important;
    }
    .pr-lg-63 {
        padding-right: 63px !important;
    }
    .pt-lg-63 {
        padding-top: 63px !important;
    }
    .pb-lg-63 {
        padding-bottom: 63px !important;
    }
    .px-lg-63 {
        padding-left: 63px !important;
        padding-right: 63px !important;
    }
    .py-lg-63 {
        padding-top: 63px !important;
        padding-bottom: 63px !important;
    }
    .m-lg-63 {
        margin: 63px !important;
    }
    .ml-lg-63 {
        margin-left: 63px !important;
    }
    .mr-lg-63 {
        margin-right: 63px !important;
    }
    .mt-lg-63 {
        margin-top: 63px !important;
    }
    .mb-lg-63 {
        margin-bottom: 63px !important;
    }
    .mx-lg-63 {
        margin-left: 63px !important;
        margin-right: 63px !important;
    }
    .my-lg-63 {
        margin-top: 63px !important;
        margin-bottom: 63px !important;
    }
    .gx-lg-63 {
        gap: 0 63px !important;
    }
    .gy-lg-63 {
        gap: 63px !important;
    }
    .gap-lg-63 {
        gap: 63px !important;
    }
}

@media (min-width: 576px) {
    .p-md-63 {
        padding: 63px !important;
    }
    .pl-md-63 {
        padding-left: 63px !important;
    }
    .pr-md-63 {
        padding-right: 63px !important;
    }
    .pt-md-63 {
        padding-top: 63px !important;
    }
    .pb-md-63 {
        padding-bottom: 63px !important;
    }
    .px-md-63 {
        padding-left: 63px !important;
        padding-right: 63px !important;
    }
    .py-md-63 {
        padding-top: 63px !important;
        padding-bottom: 63px !important;
    }
    .m-md-63 {
        margin: 63px !important;
    }
    .ml-md-63 {
        margin-left: 63px !important;
    }
    .mr-md-63 {
        margin-right: 63px !important;
    }
    .mt-md-63 {
        margin-top: 63px !important;
    }
    .mb-md-63 {
        margin-bottom: 63px !important;
    }
    .mx-md-63 {
        margin-left: 63px !important;
        margin-right: 63px !important;
    }
    .my-md-63 {
        margin-top: 63px !important;
        margin-bottom: 63px !important;
    }
    .gx-md-63 {
        gap: 0 63px !important;
    }
    .gy-md-63 {
        gap: 63px !important;
    }
    .gap-md-63 {
        gap: 63px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-63 {
        padding: 63px !important;
    }
    .pl-sm-63 {
        padding-left: 63px !important;
    }
    .pr-sm-63 {
        padding-right: 63px !important;
    }
    .pt-sm-63 {
        padding-top: 63px !important;
    }
    .pb-sm-63 {
        padding-bottom: 63px !important;
    }
    .px-sm-63 {
        padding-left: 63px !important;
        padding-right: 63px !important;
    }
    .py-sm-63 {
        padding-top: 63px !important;
        padding-bottom: 63px !important;
    }
    .m-sm-63 {
        margin: 63px !important;
    }
    .ml-sm-63 {
        margin-left: 63px !important;
    }
    .mr-sm-63 {
        margin-right: 63px !important;
    }
    .mt-sm-63 {
        margin-top: 63px !important;
    }
    .mb-sm-63 {
        margin-bottom: 63px !important;
    }
    .mx-sm-63 {
        margin-left: 63px !important;
        margin-right: 63px !important;
    }
    .my-sm-63 {
        margin-top: 63px !important;
        margin-bottom: 63px !important;
    }
    .gx-sm-63 {
        gap: 0 63px !important;
    }
    .gy-sm-63 {
        gap: 63px !important;
    }
    .gap-sm-63 {
        gap: 63px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-63 {
        padding: 63px !important;
    }
    .pl-xsm-63 {
        padding-left: 63px !important;
    }
    .pr-xsm-63 {
        padding-right: 63px !important;
    }
    .pt-xsm-63 {
        padding-top: 63px !important;
    }
    .pb-xsm-63 {
        padding-bottom: 63px !important;
    }
    .px-xsm-63 {
        padding-left: 63px !important;
        padding-right: 63px !important;
    }
    .py-xsm-63 {
        padding-top: 63px !important;
        padding-bottom: 63px !important;
    }
    .m-xsm-63 {
        margin: 63px !important;
    }
    .ml-xsm-63 {
        margin-left: 63px !important;
    }
    .mr-xsm-63 {
        margin-right: 63px !important;
    }
    .mt-xsm-63 {
        margin-top: 63px !important;
    }
    .mb-xsm-63 {
        margin-bottom: 63px !important;
    }
    .mx-xsm-63 {
        margin-left: 63px !important;
        margin-right: 63px !important;
    }
    .my-xsm-63 {
        margin-top: 63px !important;
        margin-bottom: 63px !important;
    }
    .gx-xsm-63 {
        gap: 0 63px !important;
    }
    .gy-xsm-63 {
        gap: 63px !important;
    }
    .gap-xsm-63 {
        gap: 63px !important;
    }
}

.p-63 {
    padding: 63px !important;
}

.pl-63 {
    padding-left: 63px !important;
}

.pr-63 {
    padding-right: 63px !important;
}

.pt-63 {
    padding-top: 63px !important;
}

.pb-63 {
    padding-bottom: 63px !important;
}

.px-63 {
    padding-left: 63px !important;
    padding-right: 63px !important;
}

.py-63 {
    padding-top: 63px !important;
    padding-bottom: 63px !important;
}

.m-63 {
    margin: 63px !important;
}

.ml-63 {
    margin-left: 63px !important;
}

.mr-63 {
    margin-right: 63px !important;
}

.mt-63 {
    margin-top: 63px !important;
}

.mb-63 {
    margin-bottom: 63px !important;
}

.mx-63 {
    margin-left: 63px !important;
    margin-right: 63px !important;
}

.my-63 {
    margin-top: 63px !important;
    margin-bottom: 63px !important;
}

.gx-63 {
    gap: 0 63px !important;
}

.gy-63 {
    gap: 63px !important;
}

.gap-63 {
    gap: 63px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-63 {
        padding-left: 0 !important;
        padding-right: 63px !important;
    }
    .rtl .pr-xxl-63 {
        padding-right: 0 !important;
        padding-left: 63px !important;
    }
    .rtl .ml-xxl-63 {
        margin-left: 0 !important;
        margin-right: 63px !important;
    }
    .rtl .mr-xxl-63 {
        margin-right: 0 !important;
        margin-left: 63px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-63 {
        padding-left: 0 !important;
        padding-right: 63px !important;
    }
    .rtl .pr-xl-63 {
        padding-right: 0 !important;
        padding-left: 63px !important;
    }
    .rtl .ml-xl-63 {
        margin-left: 0 !important;
        margin-right: 63px !important;
    }
    .rtl .mr-xl-63 {
        margin-right: 0 !important;
        margin-left: 63px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-63 {
        padding-left: 0 !important;
        padding-right: 63px !important;
    }
    .rtl .pr-lg-63 {
        padding-right: 0 !important;
        padding-left: 63px !important;
    }
    .rtl .ml-lg-63 {
        margin-left: 0 !important;
        margin-right: 63px !important;
    }
    .rtl .mr-lg-63 {
        margin-right: 0 !important;
        margin-left: 63px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-63 {
        padding-left: 0 !important;
        padding-right: 63px !important;
    }
    .rtl .pr-md-63 {
        padding-right: 0 !important;
        padding-left: 63px !important;
    }
    .rtl .ml-md-63 {
        margin-left: 0 !important;
        margin-right: 63px !important;
    }
    .rtl .mr-md-63 {
        margin-right: 0 !important;
        margin-left: 63px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-63 {
        padding-left: 0 !important;
        padding-right: 63px !important;
    }
    .rtl .pr-sm-63 {
        padding-right: 0 !important;
        padding-left: 63px !important;
    }
    .rtl .ml-sm-63 {
        margin-left: 0 !important;
        margin-right: 63px !important;
    }
    .rtl .mr-sm-63 {
        margin-right: 0 !important;
        margin-left: 63px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-63 {
        padding-left: 0 !important;
        padding-right: 63px !important;
    }
    .rtl .pr-xsm-63 {
        padding-right: 0 !important;
        padding-left: 63px !important;
    }
    .rtl .ml-xsm-63 {
        margin-left: 0 !important;
        margin-right: 63px !important;
    }
    .rtl .mr-xsm-63 {
        margin-right: 0 !important;
        margin-left: 63px !important;
    }
}

.rtl .pl-63 {
    padding-left: 0 !important;
    padding-right: 63px !important;
}

.rtl .pr-63 {
    padding-right: 0 !important;
    padding-left: 63px !important;
}

.rtl .ml-63 {
    margin-left: 0 !important;
    margin-right: 63px !important;
}

.rtl .mr-63 {
    margin-right: 0 !important;
    margin-left: 63px !important;
}

@media (min-width: 1200px) {
    .p-xxl-64 {
        padding: 64px !important;
    }
    .pl-xxl-64 {
        padding-left: 64px !important;
    }
    .pr-xxl-64 {
        padding-right: 64px !important;
    }
    .pt-xxl-64 {
        padding-top: 64px !important;
    }
    .pb-xxl-64 {
        padding-bottom: 64px !important;
    }
    .px-xxl-64 {
        padding-left: 64px !important;
        padding-right: 64px !important;
    }
    .py-xxl-64 {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
    .m-xxl-64 {
        margin: 64px !important;
    }
    .ml-xxl-64 {
        margin-left: 64px !important;
    }
    .mr-xxl-64 {
        margin-right: 64px !important;
    }
    .mt-xxl-64 {
        margin-top: 64px !important;
    }
    .mb-xxl-64 {
        margin-bottom: 64px !important;
    }
    .mx-xxl-64 {
        margin-left: 64px !important;
        margin-right: 64px !important;
    }
    .my-xxl-64 {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
    }
    .gx-xxl-64 {
        gap: 0 64px !important;
    }
    .gy-xxl-64 {
        gap: 64px !important;
    }
    .gap-xxl-64 {
        gap: 64px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-64 {
        padding: 64px !important;
    }
    .pl-xl-64 {
        padding-left: 64px !important;
    }
    .pr-xl-64 {
        padding-right: 64px !important;
    }
    .pt-xl-64 {
        padding-top: 64px !important;
    }
    .pb-xl-64 {
        padding-bottom: 64px !important;
    }
    .px-xl-64 {
        padding-left: 64px !important;
        padding-right: 64px !important;
    }
    .py-xl-64 {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
    .m-xl-64 {
        margin: 64px !important;
    }
    .ml-xl-64 {
        margin-left: 64px !important;
    }
    .mr-xl-64 {
        margin-right: 64px !important;
    }
    .mt-xl-64 {
        margin-top: 64px !important;
    }
    .mb-xl-64 {
        margin-bottom: 64px !important;
    }
    .mx-xl-64 {
        margin-left: 64px !important;
        margin-right: 64px !important;
    }
    .my-xl-64 {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
    }
    .gx-xl-64 {
        gap: 0 64px !important;
    }
    .gy-xl-64 {
        gap: 64px !important;
    }
    .gap-xl-64 {
        gap: 64px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-64 {
        padding: 64px !important;
    }
    .pl-lg-64 {
        padding-left: 64px !important;
    }
    .pr-lg-64 {
        padding-right: 64px !important;
    }
    .pt-lg-64 {
        padding-top: 64px !important;
    }
    .pb-lg-64 {
        padding-bottom: 64px !important;
    }
    .px-lg-64 {
        padding-left: 64px !important;
        padding-right: 64px !important;
    }
    .py-lg-64 {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
    .m-lg-64 {
        margin: 64px !important;
    }
    .ml-lg-64 {
        margin-left: 64px !important;
    }
    .mr-lg-64 {
        margin-right: 64px !important;
    }
    .mt-lg-64 {
        margin-top: 64px !important;
    }
    .mb-lg-64 {
        margin-bottom: 64px !important;
    }
    .mx-lg-64 {
        margin-left: 64px !important;
        margin-right: 64px !important;
    }
    .my-lg-64 {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
    }
    .gx-lg-64 {
        gap: 0 64px !important;
    }
    .gy-lg-64 {
        gap: 64px !important;
    }
    .gap-lg-64 {
        gap: 64px !important;
    }
}

@media (min-width: 576px) {
    .p-md-64 {
        padding: 64px !important;
    }
    .pl-md-64 {
        padding-left: 64px !important;
    }
    .pr-md-64 {
        padding-right: 64px !important;
    }
    .pt-md-64 {
        padding-top: 64px !important;
    }
    .pb-md-64 {
        padding-bottom: 64px !important;
    }
    .px-md-64 {
        padding-left: 64px !important;
        padding-right: 64px !important;
    }
    .py-md-64 {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
    .m-md-64 {
        margin: 64px !important;
    }
    .ml-md-64 {
        margin-left: 64px !important;
    }
    .mr-md-64 {
        margin-right: 64px !important;
    }
    .mt-md-64 {
        margin-top: 64px !important;
    }
    .mb-md-64 {
        margin-bottom: 64px !important;
    }
    .mx-md-64 {
        margin-left: 64px !important;
        margin-right: 64px !important;
    }
    .my-md-64 {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
    }
    .gx-md-64 {
        gap: 0 64px !important;
    }
    .gy-md-64 {
        gap: 64px !important;
    }
    .gap-md-64 {
        gap: 64px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-64 {
        padding: 64px !important;
    }
    .pl-sm-64 {
        padding-left: 64px !important;
    }
    .pr-sm-64 {
        padding-right: 64px !important;
    }
    .pt-sm-64 {
        padding-top: 64px !important;
    }
    .pb-sm-64 {
        padding-bottom: 64px !important;
    }
    .px-sm-64 {
        padding-left: 64px !important;
        padding-right: 64px !important;
    }
    .py-sm-64 {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
    .m-sm-64 {
        margin: 64px !important;
    }
    .ml-sm-64 {
        margin-left: 64px !important;
    }
    .mr-sm-64 {
        margin-right: 64px !important;
    }
    .mt-sm-64 {
        margin-top: 64px !important;
    }
    .mb-sm-64 {
        margin-bottom: 64px !important;
    }
    .mx-sm-64 {
        margin-left: 64px !important;
        margin-right: 64px !important;
    }
    .my-sm-64 {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
    }
    .gx-sm-64 {
        gap: 0 64px !important;
    }
    .gy-sm-64 {
        gap: 64px !important;
    }
    .gap-sm-64 {
        gap: 64px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-64 {
        padding: 64px !important;
    }
    .pl-xsm-64 {
        padding-left: 64px !important;
    }
    .pr-xsm-64 {
        padding-right: 64px !important;
    }
    .pt-xsm-64 {
        padding-top: 64px !important;
    }
    .pb-xsm-64 {
        padding-bottom: 64px !important;
    }
    .px-xsm-64 {
        padding-left: 64px !important;
        padding-right: 64px !important;
    }
    .py-xsm-64 {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
    .m-xsm-64 {
        margin: 64px !important;
    }
    .ml-xsm-64 {
        margin-left: 64px !important;
    }
    .mr-xsm-64 {
        margin-right: 64px !important;
    }
    .mt-xsm-64 {
        margin-top: 64px !important;
    }
    .mb-xsm-64 {
        margin-bottom: 64px !important;
    }
    .mx-xsm-64 {
        margin-left: 64px !important;
        margin-right: 64px !important;
    }
    .my-xsm-64 {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
    }
    .gx-xsm-64 {
        gap: 0 64px !important;
    }
    .gy-xsm-64 {
        gap: 64px !important;
    }
    .gap-xsm-64 {
        gap: 64px !important;
    }
}

.p-64 {
    padding: 64px !important;
}

.pl-64 {
    padding-left: 64px !important;
}

.pr-64 {
    padding-right: 64px !important;
}

.pt-64 {
    padding-top: 64px !important;
}

.pb-64 {
    padding-bottom: 64px !important;
}

.px-64 {
    padding-left: 64px !important;
    padding-right: 64px !important;
}

.py-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}

.m-64 {
    margin: 64px !important;
}

.ml-64 {
    margin-left: 64px !important;
}

.mr-64 {
    margin-right: 64px !important;
}

.mt-64 {
    margin-top: 64px !important;
}

.mb-64 {
    margin-bottom: 64px !important;
}

.mx-64 {
    margin-left: 64px !important;
    margin-right: 64px !important;
}

.my-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
}

.gx-64 {
    gap: 0 64px !important;
}

.gy-64 {
    gap: 64px !important;
}

.gap-64 {
    gap: 64px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-64 {
        padding-left: 0 !important;
        padding-right: 64px !important;
    }
    .rtl .pr-xxl-64 {
        padding-right: 0 !important;
        padding-left: 64px !important;
    }
    .rtl .ml-xxl-64 {
        margin-left: 0 !important;
        margin-right: 64px !important;
    }
    .rtl .mr-xxl-64 {
        margin-right: 0 !important;
        margin-left: 64px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-64 {
        padding-left: 0 !important;
        padding-right: 64px !important;
    }
    .rtl .pr-xl-64 {
        padding-right: 0 !important;
        padding-left: 64px !important;
    }
    .rtl .ml-xl-64 {
        margin-left: 0 !important;
        margin-right: 64px !important;
    }
    .rtl .mr-xl-64 {
        margin-right: 0 !important;
        margin-left: 64px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-64 {
        padding-left: 0 !important;
        padding-right: 64px !important;
    }
    .rtl .pr-lg-64 {
        padding-right: 0 !important;
        padding-left: 64px !important;
    }
    .rtl .ml-lg-64 {
        margin-left: 0 !important;
        margin-right: 64px !important;
    }
    .rtl .mr-lg-64 {
        margin-right: 0 !important;
        margin-left: 64px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-64 {
        padding-left: 0 !important;
        padding-right: 64px !important;
    }
    .rtl .pr-md-64 {
        padding-right: 0 !important;
        padding-left: 64px !important;
    }
    .rtl .ml-md-64 {
        margin-left: 0 !important;
        margin-right: 64px !important;
    }
    .rtl .mr-md-64 {
        margin-right: 0 !important;
        margin-left: 64px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-64 {
        padding-left: 0 !important;
        padding-right: 64px !important;
    }
    .rtl .pr-sm-64 {
        padding-right: 0 !important;
        padding-left: 64px !important;
    }
    .rtl .ml-sm-64 {
        margin-left: 0 !important;
        margin-right: 64px !important;
    }
    .rtl .mr-sm-64 {
        margin-right: 0 !important;
        margin-left: 64px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-64 {
        padding-left: 0 !important;
        padding-right: 64px !important;
    }
    .rtl .pr-xsm-64 {
        padding-right: 0 !important;
        padding-left: 64px !important;
    }
    .rtl .ml-xsm-64 {
        margin-left: 0 !important;
        margin-right: 64px !important;
    }
    .rtl .mr-xsm-64 {
        margin-right: 0 !important;
        margin-left: 64px !important;
    }
}

.rtl .pl-64 {
    padding-left: 0 !important;
    padding-right: 64px !important;
}

.rtl .pr-64 {
    padding-right: 0 !important;
    padding-left: 64px !important;
}

.rtl .ml-64 {
    margin-left: 0 !important;
    margin-right: 64px !important;
}

.rtl .mr-64 {
    margin-right: 0 !important;
    margin-left: 64px !important;
}

@media (min-width: 1200px) {
    .p-xxl-65 {
        padding: 65px !important;
    }
    .pl-xxl-65 {
        padding-left: 65px !important;
    }
    .pr-xxl-65 {
        padding-right: 65px !important;
    }
    .pt-xxl-65 {
        padding-top: 65px !important;
    }
    .pb-xxl-65 {
        padding-bottom: 65px !important;
    }
    .px-xxl-65 {
        padding-left: 65px !important;
        padding-right: 65px !important;
    }
    .py-xxl-65 {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }
    .m-xxl-65 {
        margin: 65px !important;
    }
    .ml-xxl-65 {
        margin-left: 65px !important;
    }
    .mr-xxl-65 {
        margin-right: 65px !important;
    }
    .mt-xxl-65 {
        margin-top: 65px !important;
    }
    .mb-xxl-65 {
        margin-bottom: 65px !important;
    }
    .mx-xxl-65 {
        margin-left: 65px !important;
        margin-right: 65px !important;
    }
    .my-xxl-65 {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }
    .gx-xxl-65 {
        gap: 0 65px !important;
    }
    .gy-xxl-65 {
        gap: 65px !important;
    }
    .gap-xxl-65 {
        gap: 65px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-65 {
        padding: 65px !important;
    }
    .pl-xl-65 {
        padding-left: 65px !important;
    }
    .pr-xl-65 {
        padding-right: 65px !important;
    }
    .pt-xl-65 {
        padding-top: 65px !important;
    }
    .pb-xl-65 {
        padding-bottom: 65px !important;
    }
    .px-xl-65 {
        padding-left: 65px !important;
        padding-right: 65px !important;
    }
    .py-xl-65 {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }
    .m-xl-65 {
        margin: 65px !important;
    }
    .ml-xl-65 {
        margin-left: 65px !important;
    }
    .mr-xl-65 {
        margin-right: 65px !important;
    }
    .mt-xl-65 {
        margin-top: 65px !important;
    }
    .mb-xl-65 {
        margin-bottom: 65px !important;
    }
    .mx-xl-65 {
        margin-left: 65px !important;
        margin-right: 65px !important;
    }
    .my-xl-65 {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }
    .gx-xl-65 {
        gap: 0 65px !important;
    }
    .gy-xl-65 {
        gap: 65px !important;
    }
    .gap-xl-65 {
        gap: 65px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-65 {
        padding: 65px !important;
    }
    .pl-lg-65 {
        padding-left: 65px !important;
    }
    .pr-lg-65 {
        padding-right: 65px !important;
    }
    .pt-lg-65 {
        padding-top: 65px !important;
    }
    .pb-lg-65 {
        padding-bottom: 65px !important;
    }
    .px-lg-65 {
        padding-left: 65px !important;
        padding-right: 65px !important;
    }
    .py-lg-65 {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }
    .m-lg-65 {
        margin: 65px !important;
    }
    .ml-lg-65 {
        margin-left: 65px !important;
    }
    .mr-lg-65 {
        margin-right: 65px !important;
    }
    .mt-lg-65 {
        margin-top: 65px !important;
    }
    .mb-lg-65 {
        margin-bottom: 65px !important;
    }
    .mx-lg-65 {
        margin-left: 65px !important;
        margin-right: 65px !important;
    }
    .my-lg-65 {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }
    .gx-lg-65 {
        gap: 0 65px !important;
    }
    .gy-lg-65 {
        gap: 65px !important;
    }
    .gap-lg-65 {
        gap: 65px !important;
    }
}

@media (min-width: 576px) {
    .p-md-65 {
        padding: 65px !important;
    }
    .pl-md-65 {
        padding-left: 65px !important;
    }
    .pr-md-65 {
        padding-right: 65px !important;
    }
    .pt-md-65 {
        padding-top: 65px !important;
    }
    .pb-md-65 {
        padding-bottom: 65px !important;
    }
    .px-md-65 {
        padding-left: 65px !important;
        padding-right: 65px !important;
    }
    .py-md-65 {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }
    .m-md-65 {
        margin: 65px !important;
    }
    .ml-md-65 {
        margin-left: 65px !important;
    }
    .mr-md-65 {
        margin-right: 65px !important;
    }
    .mt-md-65 {
        margin-top: 65px !important;
    }
    .mb-md-65 {
        margin-bottom: 65px !important;
    }
    .mx-md-65 {
        margin-left: 65px !important;
        margin-right: 65px !important;
    }
    .my-md-65 {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }
    .gx-md-65 {
        gap: 0 65px !important;
    }
    .gy-md-65 {
        gap: 65px !important;
    }
    .gap-md-65 {
        gap: 65px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-65 {
        padding: 65px !important;
    }
    .pl-sm-65 {
        padding-left: 65px !important;
    }
    .pr-sm-65 {
        padding-right: 65px !important;
    }
    .pt-sm-65 {
        padding-top: 65px !important;
    }
    .pb-sm-65 {
        padding-bottom: 65px !important;
    }
    .px-sm-65 {
        padding-left: 65px !important;
        padding-right: 65px !important;
    }
    .py-sm-65 {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }
    .m-sm-65 {
        margin: 65px !important;
    }
    .ml-sm-65 {
        margin-left: 65px !important;
    }
    .mr-sm-65 {
        margin-right: 65px !important;
    }
    .mt-sm-65 {
        margin-top: 65px !important;
    }
    .mb-sm-65 {
        margin-bottom: 65px !important;
    }
    .mx-sm-65 {
        margin-left: 65px !important;
        margin-right: 65px !important;
    }
    .my-sm-65 {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }
    .gx-sm-65 {
        gap: 0 65px !important;
    }
    .gy-sm-65 {
        gap: 65px !important;
    }
    .gap-sm-65 {
        gap: 65px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-65 {
        padding: 65px !important;
    }
    .pl-xsm-65 {
        padding-left: 65px !important;
    }
    .pr-xsm-65 {
        padding-right: 65px !important;
    }
    .pt-xsm-65 {
        padding-top: 65px !important;
    }
    .pb-xsm-65 {
        padding-bottom: 65px !important;
    }
    .px-xsm-65 {
        padding-left: 65px !important;
        padding-right: 65px !important;
    }
    .py-xsm-65 {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }
    .m-xsm-65 {
        margin: 65px !important;
    }
    .ml-xsm-65 {
        margin-left: 65px !important;
    }
    .mr-xsm-65 {
        margin-right: 65px !important;
    }
    .mt-xsm-65 {
        margin-top: 65px !important;
    }
    .mb-xsm-65 {
        margin-bottom: 65px !important;
    }
    .mx-xsm-65 {
        margin-left: 65px !important;
        margin-right: 65px !important;
    }
    .my-xsm-65 {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }
    .gx-xsm-65 {
        gap: 0 65px !important;
    }
    .gy-xsm-65 {
        gap: 65px !important;
    }
    .gap-xsm-65 {
        gap: 65px !important;
    }
}

.p-65 {
    padding: 65px !important;
}

.pl-65 {
    padding-left: 65px !important;
}

.pr-65 {
    padding-right: 65px !important;
}

.pt-65 {
    padding-top: 65px !important;
}

.pb-65 {
    padding-bottom: 65px !important;
}

.px-65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
}

.py-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
}

.m-65 {
    margin: 65px !important;
}

.ml-65 {
    margin-left: 65px !important;
}

.mr-65 {
    margin-right: 65px !important;
}

.mt-65 {
    margin-top: 65px !important;
}

.mb-65 {
    margin-bottom: 65px !important;
}

.mx-65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
}

.my-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
}

.gx-65 {
    gap: 0 65px !important;
}

.gy-65 {
    gap: 65px !important;
}

.gap-65 {
    gap: 65px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-65 {
        padding-left: 0 !important;
        padding-right: 65px !important;
    }
    .rtl .pr-xxl-65 {
        padding-right: 0 !important;
        padding-left: 65px !important;
    }
    .rtl .ml-xxl-65 {
        margin-left: 0 !important;
        margin-right: 65px !important;
    }
    .rtl .mr-xxl-65 {
        margin-right: 0 !important;
        margin-left: 65px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-65 {
        padding-left: 0 !important;
        padding-right: 65px !important;
    }
    .rtl .pr-xl-65 {
        padding-right: 0 !important;
        padding-left: 65px !important;
    }
    .rtl .ml-xl-65 {
        margin-left: 0 !important;
        margin-right: 65px !important;
    }
    .rtl .mr-xl-65 {
        margin-right: 0 !important;
        margin-left: 65px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-65 {
        padding-left: 0 !important;
        padding-right: 65px !important;
    }
    .rtl .pr-lg-65 {
        padding-right: 0 !important;
        padding-left: 65px !important;
    }
    .rtl .ml-lg-65 {
        margin-left: 0 !important;
        margin-right: 65px !important;
    }
    .rtl .mr-lg-65 {
        margin-right: 0 !important;
        margin-left: 65px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-65 {
        padding-left: 0 !important;
        padding-right: 65px !important;
    }
    .rtl .pr-md-65 {
        padding-right: 0 !important;
        padding-left: 65px !important;
    }
    .rtl .ml-md-65 {
        margin-left: 0 !important;
        margin-right: 65px !important;
    }
    .rtl .mr-md-65 {
        margin-right: 0 !important;
        margin-left: 65px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-65 {
        padding-left: 0 !important;
        padding-right: 65px !important;
    }
    .rtl .pr-sm-65 {
        padding-right: 0 !important;
        padding-left: 65px !important;
    }
    .rtl .ml-sm-65 {
        margin-left: 0 !important;
        margin-right: 65px !important;
    }
    .rtl .mr-sm-65 {
        margin-right: 0 !important;
        margin-left: 65px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-65 {
        padding-left: 0 !important;
        padding-right: 65px !important;
    }
    .rtl .pr-xsm-65 {
        padding-right: 0 !important;
        padding-left: 65px !important;
    }
    .rtl .ml-xsm-65 {
        margin-left: 0 !important;
        margin-right: 65px !important;
    }
    .rtl .mr-xsm-65 {
        margin-right: 0 !important;
        margin-left: 65px !important;
    }
}

.rtl .pl-65 {
    padding-left: 0 !important;
    padding-right: 65px !important;
}

.rtl .pr-65 {
    padding-right: 0 !important;
    padding-left: 65px !important;
}

.rtl .ml-65 {
    margin-left: 0 !important;
    margin-right: 65px !important;
}

.rtl .mr-65 {
    margin-right: 0 !important;
    margin-left: 65px !important;
}

@media (min-width: 1200px) {
    .p-xxl-66 {
        padding: 66px !important;
    }
    .pl-xxl-66 {
        padding-left: 66px !important;
    }
    .pr-xxl-66 {
        padding-right: 66px !important;
    }
    .pt-xxl-66 {
        padding-top: 66px !important;
    }
    .pb-xxl-66 {
        padding-bottom: 66px !important;
    }
    .px-xxl-66 {
        padding-left: 66px !important;
        padding-right: 66px !important;
    }
    .py-xxl-66 {
        padding-top: 66px !important;
        padding-bottom: 66px !important;
    }
    .m-xxl-66 {
        margin: 66px !important;
    }
    .ml-xxl-66 {
        margin-left: 66px !important;
    }
    .mr-xxl-66 {
        margin-right: 66px !important;
    }
    .mt-xxl-66 {
        margin-top: 66px !important;
    }
    .mb-xxl-66 {
        margin-bottom: 66px !important;
    }
    .mx-xxl-66 {
        margin-left: 66px !important;
        margin-right: 66px !important;
    }
    .my-xxl-66 {
        margin-top: 66px !important;
        margin-bottom: 66px !important;
    }
    .gx-xxl-66 {
        gap: 0 66px !important;
    }
    .gy-xxl-66 {
        gap: 66px !important;
    }
    .gap-xxl-66 {
        gap: 66px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-66 {
        padding: 66px !important;
    }
    .pl-xl-66 {
        padding-left: 66px !important;
    }
    .pr-xl-66 {
        padding-right: 66px !important;
    }
    .pt-xl-66 {
        padding-top: 66px !important;
    }
    .pb-xl-66 {
        padding-bottom: 66px !important;
    }
    .px-xl-66 {
        padding-left: 66px !important;
        padding-right: 66px !important;
    }
    .py-xl-66 {
        padding-top: 66px !important;
        padding-bottom: 66px !important;
    }
    .m-xl-66 {
        margin: 66px !important;
    }
    .ml-xl-66 {
        margin-left: 66px !important;
    }
    .mr-xl-66 {
        margin-right: 66px !important;
    }
    .mt-xl-66 {
        margin-top: 66px !important;
    }
    .mb-xl-66 {
        margin-bottom: 66px !important;
    }
    .mx-xl-66 {
        margin-left: 66px !important;
        margin-right: 66px !important;
    }
    .my-xl-66 {
        margin-top: 66px !important;
        margin-bottom: 66px !important;
    }
    .gx-xl-66 {
        gap: 0 66px !important;
    }
    .gy-xl-66 {
        gap: 66px !important;
    }
    .gap-xl-66 {
        gap: 66px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-66 {
        padding: 66px !important;
    }
    .pl-lg-66 {
        padding-left: 66px !important;
    }
    .pr-lg-66 {
        padding-right: 66px !important;
    }
    .pt-lg-66 {
        padding-top: 66px !important;
    }
    .pb-lg-66 {
        padding-bottom: 66px !important;
    }
    .px-lg-66 {
        padding-left: 66px !important;
        padding-right: 66px !important;
    }
    .py-lg-66 {
        padding-top: 66px !important;
        padding-bottom: 66px !important;
    }
    .m-lg-66 {
        margin: 66px !important;
    }
    .ml-lg-66 {
        margin-left: 66px !important;
    }
    .mr-lg-66 {
        margin-right: 66px !important;
    }
    .mt-lg-66 {
        margin-top: 66px !important;
    }
    .mb-lg-66 {
        margin-bottom: 66px !important;
    }
    .mx-lg-66 {
        margin-left: 66px !important;
        margin-right: 66px !important;
    }
    .my-lg-66 {
        margin-top: 66px !important;
        margin-bottom: 66px !important;
    }
    .gx-lg-66 {
        gap: 0 66px !important;
    }
    .gy-lg-66 {
        gap: 66px !important;
    }
    .gap-lg-66 {
        gap: 66px !important;
    }
}

@media (min-width: 576px) {
    .p-md-66 {
        padding: 66px !important;
    }
    .pl-md-66 {
        padding-left: 66px !important;
    }
    .pr-md-66 {
        padding-right: 66px !important;
    }
    .pt-md-66 {
        padding-top: 66px !important;
    }
    .pb-md-66 {
        padding-bottom: 66px !important;
    }
    .px-md-66 {
        padding-left: 66px !important;
        padding-right: 66px !important;
    }
    .py-md-66 {
        padding-top: 66px !important;
        padding-bottom: 66px !important;
    }
    .m-md-66 {
        margin: 66px !important;
    }
    .ml-md-66 {
        margin-left: 66px !important;
    }
    .mr-md-66 {
        margin-right: 66px !important;
    }
    .mt-md-66 {
        margin-top: 66px !important;
    }
    .mb-md-66 {
        margin-bottom: 66px !important;
    }
    .mx-md-66 {
        margin-left: 66px !important;
        margin-right: 66px !important;
    }
    .my-md-66 {
        margin-top: 66px !important;
        margin-bottom: 66px !important;
    }
    .gx-md-66 {
        gap: 0 66px !important;
    }
    .gy-md-66 {
        gap: 66px !important;
    }
    .gap-md-66 {
        gap: 66px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-66 {
        padding: 66px !important;
    }
    .pl-sm-66 {
        padding-left: 66px !important;
    }
    .pr-sm-66 {
        padding-right: 66px !important;
    }
    .pt-sm-66 {
        padding-top: 66px !important;
    }
    .pb-sm-66 {
        padding-bottom: 66px !important;
    }
    .px-sm-66 {
        padding-left: 66px !important;
        padding-right: 66px !important;
    }
    .py-sm-66 {
        padding-top: 66px !important;
        padding-bottom: 66px !important;
    }
    .m-sm-66 {
        margin: 66px !important;
    }
    .ml-sm-66 {
        margin-left: 66px !important;
    }
    .mr-sm-66 {
        margin-right: 66px !important;
    }
    .mt-sm-66 {
        margin-top: 66px !important;
    }
    .mb-sm-66 {
        margin-bottom: 66px !important;
    }
    .mx-sm-66 {
        margin-left: 66px !important;
        margin-right: 66px !important;
    }
    .my-sm-66 {
        margin-top: 66px !important;
        margin-bottom: 66px !important;
    }
    .gx-sm-66 {
        gap: 0 66px !important;
    }
    .gy-sm-66 {
        gap: 66px !important;
    }
    .gap-sm-66 {
        gap: 66px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-66 {
        padding: 66px !important;
    }
    .pl-xsm-66 {
        padding-left: 66px !important;
    }
    .pr-xsm-66 {
        padding-right: 66px !important;
    }
    .pt-xsm-66 {
        padding-top: 66px !important;
    }
    .pb-xsm-66 {
        padding-bottom: 66px !important;
    }
    .px-xsm-66 {
        padding-left: 66px !important;
        padding-right: 66px !important;
    }
    .py-xsm-66 {
        padding-top: 66px !important;
        padding-bottom: 66px !important;
    }
    .m-xsm-66 {
        margin: 66px !important;
    }
    .ml-xsm-66 {
        margin-left: 66px !important;
    }
    .mr-xsm-66 {
        margin-right: 66px !important;
    }
    .mt-xsm-66 {
        margin-top: 66px !important;
    }
    .mb-xsm-66 {
        margin-bottom: 66px !important;
    }
    .mx-xsm-66 {
        margin-left: 66px !important;
        margin-right: 66px !important;
    }
    .my-xsm-66 {
        margin-top: 66px !important;
        margin-bottom: 66px !important;
    }
    .gx-xsm-66 {
        gap: 0 66px !important;
    }
    .gy-xsm-66 {
        gap: 66px !important;
    }
    .gap-xsm-66 {
        gap: 66px !important;
    }
}

.p-66 {
    padding: 66px !important;
}

.pl-66 {
    padding-left: 66px !important;
}

.pr-66 {
    padding-right: 66px !important;
}

.pt-66 {
    padding-top: 66px !important;
}

.pb-66 {
    padding-bottom: 66px !important;
}

.px-66 {
    padding-left: 66px !important;
    padding-right: 66px !important;
}

.py-66 {
    padding-top: 66px !important;
    padding-bottom: 66px !important;
}

.m-66 {
    margin: 66px !important;
}

.ml-66 {
    margin-left: 66px !important;
}

.mr-66 {
    margin-right: 66px !important;
}

.mt-66 {
    margin-top: 66px !important;
}

.mb-66 {
    margin-bottom: 66px !important;
}

.mx-66 {
    margin-left: 66px !important;
    margin-right: 66px !important;
}

.my-66 {
    margin-top: 66px !important;
    margin-bottom: 66px !important;
}

.gx-66 {
    gap: 0 66px !important;
}

.gy-66 {
    gap: 66px !important;
}

.gap-66 {
    gap: 66px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-66 {
        padding-left: 0 !important;
        padding-right: 66px !important;
    }
    .rtl .pr-xxl-66 {
        padding-right: 0 !important;
        padding-left: 66px !important;
    }
    .rtl .ml-xxl-66 {
        margin-left: 0 !important;
        margin-right: 66px !important;
    }
    .rtl .mr-xxl-66 {
        margin-right: 0 !important;
        margin-left: 66px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-66 {
        padding-left: 0 !important;
        padding-right: 66px !important;
    }
    .rtl .pr-xl-66 {
        padding-right: 0 !important;
        padding-left: 66px !important;
    }
    .rtl .ml-xl-66 {
        margin-left: 0 !important;
        margin-right: 66px !important;
    }
    .rtl .mr-xl-66 {
        margin-right: 0 !important;
        margin-left: 66px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-66 {
        padding-left: 0 !important;
        padding-right: 66px !important;
    }
    .rtl .pr-lg-66 {
        padding-right: 0 !important;
        padding-left: 66px !important;
    }
    .rtl .ml-lg-66 {
        margin-left: 0 !important;
        margin-right: 66px !important;
    }
    .rtl .mr-lg-66 {
        margin-right: 0 !important;
        margin-left: 66px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-66 {
        padding-left: 0 !important;
        padding-right: 66px !important;
    }
    .rtl .pr-md-66 {
        padding-right: 0 !important;
        padding-left: 66px !important;
    }
    .rtl .ml-md-66 {
        margin-left: 0 !important;
        margin-right: 66px !important;
    }
    .rtl .mr-md-66 {
        margin-right: 0 !important;
        margin-left: 66px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-66 {
        padding-left: 0 !important;
        padding-right: 66px !important;
    }
    .rtl .pr-sm-66 {
        padding-right: 0 !important;
        padding-left: 66px !important;
    }
    .rtl .ml-sm-66 {
        margin-left: 0 !important;
        margin-right: 66px !important;
    }
    .rtl .mr-sm-66 {
        margin-right: 0 !important;
        margin-left: 66px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-66 {
        padding-left: 0 !important;
        padding-right: 66px !important;
    }
    .rtl .pr-xsm-66 {
        padding-right: 0 !important;
        padding-left: 66px !important;
    }
    .rtl .ml-xsm-66 {
        margin-left: 0 !important;
        margin-right: 66px !important;
    }
    .rtl .mr-xsm-66 {
        margin-right: 0 !important;
        margin-left: 66px !important;
    }
}

.rtl .pl-66 {
    padding-left: 0 !important;
    padding-right: 66px !important;
}

.rtl .pr-66 {
    padding-right: 0 !important;
    padding-left: 66px !important;
}

.rtl .ml-66 {
    margin-left: 0 !important;
    margin-right: 66px !important;
}

.rtl .mr-66 {
    margin-right: 0 !important;
    margin-left: 66px !important;
}

@media (min-width: 1200px) {
    .p-xxl-67 {
        padding: 67px !important;
    }
    .pl-xxl-67 {
        padding-left: 67px !important;
    }
    .pr-xxl-67 {
        padding-right: 67px !important;
    }
    .pt-xxl-67 {
        padding-top: 67px !important;
    }
    .pb-xxl-67 {
        padding-bottom: 67px !important;
    }
    .px-xxl-67 {
        padding-left: 67px !important;
        padding-right: 67px !important;
    }
    .py-xxl-67 {
        padding-top: 67px !important;
        padding-bottom: 67px !important;
    }
    .m-xxl-67 {
        margin: 67px !important;
    }
    .ml-xxl-67 {
        margin-left: 67px !important;
    }
    .mr-xxl-67 {
        margin-right: 67px !important;
    }
    .mt-xxl-67 {
        margin-top: 67px !important;
    }
    .mb-xxl-67 {
        margin-bottom: 67px !important;
    }
    .mx-xxl-67 {
        margin-left: 67px !important;
        margin-right: 67px !important;
    }
    .my-xxl-67 {
        margin-top: 67px !important;
        margin-bottom: 67px !important;
    }
    .gx-xxl-67 {
        gap: 0 67px !important;
    }
    .gy-xxl-67 {
        gap: 67px !important;
    }
    .gap-xxl-67 {
        gap: 67px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-67 {
        padding: 67px !important;
    }
    .pl-xl-67 {
        padding-left: 67px !important;
    }
    .pr-xl-67 {
        padding-right: 67px !important;
    }
    .pt-xl-67 {
        padding-top: 67px !important;
    }
    .pb-xl-67 {
        padding-bottom: 67px !important;
    }
    .px-xl-67 {
        padding-left: 67px !important;
        padding-right: 67px !important;
    }
    .py-xl-67 {
        padding-top: 67px !important;
        padding-bottom: 67px !important;
    }
    .m-xl-67 {
        margin: 67px !important;
    }
    .ml-xl-67 {
        margin-left: 67px !important;
    }
    .mr-xl-67 {
        margin-right: 67px !important;
    }
    .mt-xl-67 {
        margin-top: 67px !important;
    }
    .mb-xl-67 {
        margin-bottom: 67px !important;
    }
    .mx-xl-67 {
        margin-left: 67px !important;
        margin-right: 67px !important;
    }
    .my-xl-67 {
        margin-top: 67px !important;
        margin-bottom: 67px !important;
    }
    .gx-xl-67 {
        gap: 0 67px !important;
    }
    .gy-xl-67 {
        gap: 67px !important;
    }
    .gap-xl-67 {
        gap: 67px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-67 {
        padding: 67px !important;
    }
    .pl-lg-67 {
        padding-left: 67px !important;
    }
    .pr-lg-67 {
        padding-right: 67px !important;
    }
    .pt-lg-67 {
        padding-top: 67px !important;
    }
    .pb-lg-67 {
        padding-bottom: 67px !important;
    }
    .px-lg-67 {
        padding-left: 67px !important;
        padding-right: 67px !important;
    }
    .py-lg-67 {
        padding-top: 67px !important;
        padding-bottom: 67px !important;
    }
    .m-lg-67 {
        margin: 67px !important;
    }
    .ml-lg-67 {
        margin-left: 67px !important;
    }
    .mr-lg-67 {
        margin-right: 67px !important;
    }
    .mt-lg-67 {
        margin-top: 67px !important;
    }
    .mb-lg-67 {
        margin-bottom: 67px !important;
    }
    .mx-lg-67 {
        margin-left: 67px !important;
        margin-right: 67px !important;
    }
    .my-lg-67 {
        margin-top: 67px !important;
        margin-bottom: 67px !important;
    }
    .gx-lg-67 {
        gap: 0 67px !important;
    }
    .gy-lg-67 {
        gap: 67px !important;
    }
    .gap-lg-67 {
        gap: 67px !important;
    }
}

@media (min-width: 576px) {
    .p-md-67 {
        padding: 67px !important;
    }
    .pl-md-67 {
        padding-left: 67px !important;
    }
    .pr-md-67 {
        padding-right: 67px !important;
    }
    .pt-md-67 {
        padding-top: 67px !important;
    }
    .pb-md-67 {
        padding-bottom: 67px !important;
    }
    .px-md-67 {
        padding-left: 67px !important;
        padding-right: 67px !important;
    }
    .py-md-67 {
        padding-top: 67px !important;
        padding-bottom: 67px !important;
    }
    .m-md-67 {
        margin: 67px !important;
    }
    .ml-md-67 {
        margin-left: 67px !important;
    }
    .mr-md-67 {
        margin-right: 67px !important;
    }
    .mt-md-67 {
        margin-top: 67px !important;
    }
    .mb-md-67 {
        margin-bottom: 67px !important;
    }
    .mx-md-67 {
        margin-left: 67px !important;
        margin-right: 67px !important;
    }
    .my-md-67 {
        margin-top: 67px !important;
        margin-bottom: 67px !important;
    }
    .gx-md-67 {
        gap: 0 67px !important;
    }
    .gy-md-67 {
        gap: 67px !important;
    }
    .gap-md-67 {
        gap: 67px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-67 {
        padding: 67px !important;
    }
    .pl-sm-67 {
        padding-left: 67px !important;
    }
    .pr-sm-67 {
        padding-right: 67px !important;
    }
    .pt-sm-67 {
        padding-top: 67px !important;
    }
    .pb-sm-67 {
        padding-bottom: 67px !important;
    }
    .px-sm-67 {
        padding-left: 67px !important;
        padding-right: 67px !important;
    }
    .py-sm-67 {
        padding-top: 67px !important;
        padding-bottom: 67px !important;
    }
    .m-sm-67 {
        margin: 67px !important;
    }
    .ml-sm-67 {
        margin-left: 67px !important;
    }
    .mr-sm-67 {
        margin-right: 67px !important;
    }
    .mt-sm-67 {
        margin-top: 67px !important;
    }
    .mb-sm-67 {
        margin-bottom: 67px !important;
    }
    .mx-sm-67 {
        margin-left: 67px !important;
        margin-right: 67px !important;
    }
    .my-sm-67 {
        margin-top: 67px !important;
        margin-bottom: 67px !important;
    }
    .gx-sm-67 {
        gap: 0 67px !important;
    }
    .gy-sm-67 {
        gap: 67px !important;
    }
    .gap-sm-67 {
        gap: 67px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-67 {
        padding: 67px !important;
    }
    .pl-xsm-67 {
        padding-left: 67px !important;
    }
    .pr-xsm-67 {
        padding-right: 67px !important;
    }
    .pt-xsm-67 {
        padding-top: 67px !important;
    }
    .pb-xsm-67 {
        padding-bottom: 67px !important;
    }
    .px-xsm-67 {
        padding-left: 67px !important;
        padding-right: 67px !important;
    }
    .py-xsm-67 {
        padding-top: 67px !important;
        padding-bottom: 67px !important;
    }
    .m-xsm-67 {
        margin: 67px !important;
    }
    .ml-xsm-67 {
        margin-left: 67px !important;
    }
    .mr-xsm-67 {
        margin-right: 67px !important;
    }
    .mt-xsm-67 {
        margin-top: 67px !important;
    }
    .mb-xsm-67 {
        margin-bottom: 67px !important;
    }
    .mx-xsm-67 {
        margin-left: 67px !important;
        margin-right: 67px !important;
    }
    .my-xsm-67 {
        margin-top: 67px !important;
        margin-bottom: 67px !important;
    }
    .gx-xsm-67 {
        gap: 0 67px !important;
    }
    .gy-xsm-67 {
        gap: 67px !important;
    }
    .gap-xsm-67 {
        gap: 67px !important;
    }
}

.p-67 {
    padding: 67px !important;
}

.pl-67 {
    padding-left: 67px !important;
}

.pr-67 {
    padding-right: 67px !important;
}

.pt-67 {
    padding-top: 67px !important;
}

.pb-67 {
    padding-bottom: 67px !important;
}

.px-67 {
    padding-left: 67px !important;
    padding-right: 67px !important;
}

.py-67 {
    padding-top: 67px !important;
    padding-bottom: 67px !important;
}

.m-67 {
    margin: 67px !important;
}

.ml-67 {
    margin-left: 67px !important;
}

.mr-67 {
    margin-right: 67px !important;
}

.mt-67 {
    margin-top: 67px !important;
}

.mb-67 {
    margin-bottom: 67px !important;
}

.mx-67 {
    margin-left: 67px !important;
    margin-right: 67px !important;
}

.my-67 {
    margin-top: 67px !important;
    margin-bottom: 67px !important;
}

.gx-67 {
    gap: 0 67px !important;
}

.gy-67 {
    gap: 67px !important;
}

.gap-67 {
    gap: 67px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-67 {
        padding-left: 0 !important;
        padding-right: 67px !important;
    }
    .rtl .pr-xxl-67 {
        padding-right: 0 !important;
        padding-left: 67px !important;
    }
    .rtl .ml-xxl-67 {
        margin-left: 0 !important;
        margin-right: 67px !important;
    }
    .rtl .mr-xxl-67 {
        margin-right: 0 !important;
        margin-left: 67px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-67 {
        padding-left: 0 !important;
        padding-right: 67px !important;
    }
    .rtl .pr-xl-67 {
        padding-right: 0 !important;
        padding-left: 67px !important;
    }
    .rtl .ml-xl-67 {
        margin-left: 0 !important;
        margin-right: 67px !important;
    }
    .rtl .mr-xl-67 {
        margin-right: 0 !important;
        margin-left: 67px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-67 {
        padding-left: 0 !important;
        padding-right: 67px !important;
    }
    .rtl .pr-lg-67 {
        padding-right: 0 !important;
        padding-left: 67px !important;
    }
    .rtl .ml-lg-67 {
        margin-left: 0 !important;
        margin-right: 67px !important;
    }
    .rtl .mr-lg-67 {
        margin-right: 0 !important;
        margin-left: 67px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-67 {
        padding-left: 0 !important;
        padding-right: 67px !important;
    }
    .rtl .pr-md-67 {
        padding-right: 0 !important;
        padding-left: 67px !important;
    }
    .rtl .ml-md-67 {
        margin-left: 0 !important;
        margin-right: 67px !important;
    }
    .rtl .mr-md-67 {
        margin-right: 0 !important;
        margin-left: 67px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-67 {
        padding-left: 0 !important;
        padding-right: 67px !important;
    }
    .rtl .pr-sm-67 {
        padding-right: 0 !important;
        padding-left: 67px !important;
    }
    .rtl .ml-sm-67 {
        margin-left: 0 !important;
        margin-right: 67px !important;
    }
    .rtl .mr-sm-67 {
        margin-right: 0 !important;
        margin-left: 67px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-67 {
        padding-left: 0 !important;
        padding-right: 67px !important;
    }
    .rtl .pr-xsm-67 {
        padding-right: 0 !important;
        padding-left: 67px !important;
    }
    .rtl .ml-xsm-67 {
        margin-left: 0 !important;
        margin-right: 67px !important;
    }
    .rtl .mr-xsm-67 {
        margin-right: 0 !important;
        margin-left: 67px !important;
    }
}

.rtl .pl-67 {
    padding-left: 0 !important;
    padding-right: 67px !important;
}

.rtl .pr-67 {
    padding-right: 0 !important;
    padding-left: 67px !important;
}

.rtl .ml-67 {
    margin-left: 0 !important;
    margin-right: 67px !important;
}

.rtl .mr-67 {
    margin-right: 0 !important;
    margin-left: 67px !important;
}

@media (min-width: 1200px) {
    .p-xxl-68 {
        padding: 68px !important;
    }
    .pl-xxl-68 {
        padding-left: 68px !important;
    }
    .pr-xxl-68 {
        padding-right: 68px !important;
    }
    .pt-xxl-68 {
        padding-top: 68px !important;
    }
    .pb-xxl-68 {
        padding-bottom: 68px !important;
    }
    .px-xxl-68 {
        padding-left: 68px !important;
        padding-right: 68px !important;
    }
    .py-xxl-68 {
        padding-top: 68px !important;
        padding-bottom: 68px !important;
    }
    .m-xxl-68 {
        margin: 68px !important;
    }
    .ml-xxl-68 {
        margin-left: 68px !important;
    }
    .mr-xxl-68 {
        margin-right: 68px !important;
    }
    .mt-xxl-68 {
        margin-top: 68px !important;
    }
    .mb-xxl-68 {
        margin-bottom: 68px !important;
    }
    .mx-xxl-68 {
        margin-left: 68px !important;
        margin-right: 68px !important;
    }
    .my-xxl-68 {
        margin-top: 68px !important;
        margin-bottom: 68px !important;
    }
    .gx-xxl-68 {
        gap: 0 68px !important;
    }
    .gy-xxl-68 {
        gap: 68px !important;
    }
    .gap-xxl-68 {
        gap: 68px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-68 {
        padding: 68px !important;
    }
    .pl-xl-68 {
        padding-left: 68px !important;
    }
    .pr-xl-68 {
        padding-right: 68px !important;
    }
    .pt-xl-68 {
        padding-top: 68px !important;
    }
    .pb-xl-68 {
        padding-bottom: 68px !important;
    }
    .px-xl-68 {
        padding-left: 68px !important;
        padding-right: 68px !important;
    }
    .py-xl-68 {
        padding-top: 68px !important;
        padding-bottom: 68px !important;
    }
    .m-xl-68 {
        margin: 68px !important;
    }
    .ml-xl-68 {
        margin-left: 68px !important;
    }
    .mr-xl-68 {
        margin-right: 68px !important;
    }
    .mt-xl-68 {
        margin-top: 68px !important;
    }
    .mb-xl-68 {
        margin-bottom: 68px !important;
    }
    .mx-xl-68 {
        margin-left: 68px !important;
        margin-right: 68px !important;
    }
    .my-xl-68 {
        margin-top: 68px !important;
        margin-bottom: 68px !important;
    }
    .gx-xl-68 {
        gap: 0 68px !important;
    }
    .gy-xl-68 {
        gap: 68px !important;
    }
    .gap-xl-68 {
        gap: 68px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-68 {
        padding: 68px !important;
    }
    .pl-lg-68 {
        padding-left: 68px !important;
    }
    .pr-lg-68 {
        padding-right: 68px !important;
    }
    .pt-lg-68 {
        padding-top: 68px !important;
    }
    .pb-lg-68 {
        padding-bottom: 68px !important;
    }
    .px-lg-68 {
        padding-left: 68px !important;
        padding-right: 68px !important;
    }
    .py-lg-68 {
        padding-top: 68px !important;
        padding-bottom: 68px !important;
    }
    .m-lg-68 {
        margin: 68px !important;
    }
    .ml-lg-68 {
        margin-left: 68px !important;
    }
    .mr-lg-68 {
        margin-right: 68px !important;
    }
    .mt-lg-68 {
        margin-top: 68px !important;
    }
    .mb-lg-68 {
        margin-bottom: 68px !important;
    }
    .mx-lg-68 {
        margin-left: 68px !important;
        margin-right: 68px !important;
    }
    .my-lg-68 {
        margin-top: 68px !important;
        margin-bottom: 68px !important;
    }
    .gx-lg-68 {
        gap: 0 68px !important;
    }
    .gy-lg-68 {
        gap: 68px !important;
    }
    .gap-lg-68 {
        gap: 68px !important;
    }
}

@media (min-width: 576px) {
    .p-md-68 {
        padding: 68px !important;
    }
    .pl-md-68 {
        padding-left: 68px !important;
    }
    .pr-md-68 {
        padding-right: 68px !important;
    }
    .pt-md-68 {
        padding-top: 68px !important;
    }
    .pb-md-68 {
        padding-bottom: 68px !important;
    }
    .px-md-68 {
        padding-left: 68px !important;
        padding-right: 68px !important;
    }
    .py-md-68 {
        padding-top: 68px !important;
        padding-bottom: 68px !important;
    }
    .m-md-68 {
        margin: 68px !important;
    }
    .ml-md-68 {
        margin-left: 68px !important;
    }
    .mr-md-68 {
        margin-right: 68px !important;
    }
    .mt-md-68 {
        margin-top: 68px !important;
    }
    .mb-md-68 {
        margin-bottom: 68px !important;
    }
    .mx-md-68 {
        margin-left: 68px !important;
        margin-right: 68px !important;
    }
    .my-md-68 {
        margin-top: 68px !important;
        margin-bottom: 68px !important;
    }
    .gx-md-68 {
        gap: 0 68px !important;
    }
    .gy-md-68 {
        gap: 68px !important;
    }
    .gap-md-68 {
        gap: 68px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-68 {
        padding: 68px !important;
    }
    .pl-sm-68 {
        padding-left: 68px !important;
    }
    .pr-sm-68 {
        padding-right: 68px !important;
    }
    .pt-sm-68 {
        padding-top: 68px !important;
    }
    .pb-sm-68 {
        padding-bottom: 68px !important;
    }
    .px-sm-68 {
        padding-left: 68px !important;
        padding-right: 68px !important;
    }
    .py-sm-68 {
        padding-top: 68px !important;
        padding-bottom: 68px !important;
    }
    .m-sm-68 {
        margin: 68px !important;
    }
    .ml-sm-68 {
        margin-left: 68px !important;
    }
    .mr-sm-68 {
        margin-right: 68px !important;
    }
    .mt-sm-68 {
        margin-top: 68px !important;
    }
    .mb-sm-68 {
        margin-bottom: 68px !important;
    }
    .mx-sm-68 {
        margin-left: 68px !important;
        margin-right: 68px !important;
    }
    .my-sm-68 {
        margin-top: 68px !important;
        margin-bottom: 68px !important;
    }
    .gx-sm-68 {
        gap: 0 68px !important;
    }
    .gy-sm-68 {
        gap: 68px !important;
    }
    .gap-sm-68 {
        gap: 68px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-68 {
        padding: 68px !important;
    }
    .pl-xsm-68 {
        padding-left: 68px !important;
    }
    .pr-xsm-68 {
        padding-right: 68px !important;
    }
    .pt-xsm-68 {
        padding-top: 68px !important;
    }
    .pb-xsm-68 {
        padding-bottom: 68px !important;
    }
    .px-xsm-68 {
        padding-left: 68px !important;
        padding-right: 68px !important;
    }
    .py-xsm-68 {
        padding-top: 68px !important;
        padding-bottom: 68px !important;
    }
    .m-xsm-68 {
        margin: 68px !important;
    }
    .ml-xsm-68 {
        margin-left: 68px !important;
    }
    .mr-xsm-68 {
        margin-right: 68px !important;
    }
    .mt-xsm-68 {
        margin-top: 68px !important;
    }
    .mb-xsm-68 {
        margin-bottom: 68px !important;
    }
    .mx-xsm-68 {
        margin-left: 68px !important;
        margin-right: 68px !important;
    }
    .my-xsm-68 {
        margin-top: 68px !important;
        margin-bottom: 68px !important;
    }
    .gx-xsm-68 {
        gap: 0 68px !important;
    }
    .gy-xsm-68 {
        gap: 68px !important;
    }
    .gap-xsm-68 {
        gap: 68px !important;
    }
}

.p-68 {
    padding: 68px !important;
}

.pl-68 {
    padding-left: 68px !important;
}

.pr-68 {
    padding-right: 68px !important;
}

.pt-68 {
    padding-top: 68px !important;
}

.pb-68 {
    padding-bottom: 68px !important;
}

.px-68 {
    padding-left: 68px !important;
    padding-right: 68px !important;
}

.py-68 {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
}

.m-68 {
    margin: 68px !important;
}

.ml-68 {
    margin-left: 68px !important;
}

.mr-68 {
    margin-right: 68px !important;
}

.mt-68 {
    margin-top: 68px !important;
}

.mb-68 {
    margin-bottom: 68px !important;
}

.mx-68 {
    margin-left: 68px !important;
    margin-right: 68px !important;
}

.my-68 {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
}

.gx-68 {
    gap: 0 68px !important;
}

.gy-68 {
    gap: 68px !important;
}

.gap-68 {
    gap: 68px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-68 {
        padding-left: 0 !important;
        padding-right: 68px !important;
    }
    .rtl .pr-xxl-68 {
        padding-right: 0 !important;
        padding-left: 68px !important;
    }
    .rtl .ml-xxl-68 {
        margin-left: 0 !important;
        margin-right: 68px !important;
    }
    .rtl .mr-xxl-68 {
        margin-right: 0 !important;
        margin-left: 68px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-68 {
        padding-left: 0 !important;
        padding-right: 68px !important;
    }
    .rtl .pr-xl-68 {
        padding-right: 0 !important;
        padding-left: 68px !important;
    }
    .rtl .ml-xl-68 {
        margin-left: 0 !important;
        margin-right: 68px !important;
    }
    .rtl .mr-xl-68 {
        margin-right: 0 !important;
        margin-left: 68px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-68 {
        padding-left: 0 !important;
        padding-right: 68px !important;
    }
    .rtl .pr-lg-68 {
        padding-right: 0 !important;
        padding-left: 68px !important;
    }
    .rtl .ml-lg-68 {
        margin-left: 0 !important;
        margin-right: 68px !important;
    }
    .rtl .mr-lg-68 {
        margin-right: 0 !important;
        margin-left: 68px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-68 {
        padding-left: 0 !important;
        padding-right: 68px !important;
    }
    .rtl .pr-md-68 {
        padding-right: 0 !important;
        padding-left: 68px !important;
    }
    .rtl .ml-md-68 {
        margin-left: 0 !important;
        margin-right: 68px !important;
    }
    .rtl .mr-md-68 {
        margin-right: 0 !important;
        margin-left: 68px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-68 {
        padding-left: 0 !important;
        padding-right: 68px !important;
    }
    .rtl .pr-sm-68 {
        padding-right: 0 !important;
        padding-left: 68px !important;
    }
    .rtl .ml-sm-68 {
        margin-left: 0 !important;
        margin-right: 68px !important;
    }
    .rtl .mr-sm-68 {
        margin-right: 0 !important;
        margin-left: 68px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-68 {
        padding-left: 0 !important;
        padding-right: 68px !important;
    }
    .rtl .pr-xsm-68 {
        padding-right: 0 !important;
        padding-left: 68px !important;
    }
    .rtl .ml-xsm-68 {
        margin-left: 0 !important;
        margin-right: 68px !important;
    }
    .rtl .mr-xsm-68 {
        margin-right: 0 !important;
        margin-left: 68px !important;
    }
}

.rtl .pl-68 {
    padding-left: 0 !important;
    padding-right: 68px !important;
}

.rtl .pr-68 {
    padding-right: 0 !important;
    padding-left: 68px !important;
}

.rtl .ml-68 {
    margin-left: 0 !important;
    margin-right: 68px !important;
}

.rtl .mr-68 {
    margin-right: 0 !important;
    margin-left: 68px !important;
}

@media (min-width: 1200px) {
    .p-xxl-69 {
        padding: 69px !important;
    }
    .pl-xxl-69 {
        padding-left: 69px !important;
    }
    .pr-xxl-69 {
        padding-right: 69px !important;
    }
    .pt-xxl-69 {
        padding-top: 69px !important;
    }
    .pb-xxl-69 {
        padding-bottom: 69px !important;
    }
    .px-xxl-69 {
        padding-left: 69px !important;
        padding-right: 69px !important;
    }
    .py-xxl-69 {
        padding-top: 69px !important;
        padding-bottom: 69px !important;
    }
    .m-xxl-69 {
        margin: 69px !important;
    }
    .ml-xxl-69 {
        margin-left: 69px !important;
    }
    .mr-xxl-69 {
        margin-right: 69px !important;
    }
    .mt-xxl-69 {
        margin-top: 69px !important;
    }
    .mb-xxl-69 {
        margin-bottom: 69px !important;
    }
    .mx-xxl-69 {
        margin-left: 69px !important;
        margin-right: 69px !important;
    }
    .my-xxl-69 {
        margin-top: 69px !important;
        margin-bottom: 69px !important;
    }
    .gx-xxl-69 {
        gap: 0 69px !important;
    }
    .gy-xxl-69 {
        gap: 69px !important;
    }
    .gap-xxl-69 {
        gap: 69px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-69 {
        padding: 69px !important;
    }
    .pl-xl-69 {
        padding-left: 69px !important;
    }
    .pr-xl-69 {
        padding-right: 69px !important;
    }
    .pt-xl-69 {
        padding-top: 69px !important;
    }
    .pb-xl-69 {
        padding-bottom: 69px !important;
    }
    .px-xl-69 {
        padding-left: 69px !important;
        padding-right: 69px !important;
    }
    .py-xl-69 {
        padding-top: 69px !important;
        padding-bottom: 69px !important;
    }
    .m-xl-69 {
        margin: 69px !important;
    }
    .ml-xl-69 {
        margin-left: 69px !important;
    }
    .mr-xl-69 {
        margin-right: 69px !important;
    }
    .mt-xl-69 {
        margin-top: 69px !important;
    }
    .mb-xl-69 {
        margin-bottom: 69px !important;
    }
    .mx-xl-69 {
        margin-left: 69px !important;
        margin-right: 69px !important;
    }
    .my-xl-69 {
        margin-top: 69px !important;
        margin-bottom: 69px !important;
    }
    .gx-xl-69 {
        gap: 0 69px !important;
    }
    .gy-xl-69 {
        gap: 69px !important;
    }
    .gap-xl-69 {
        gap: 69px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-69 {
        padding: 69px !important;
    }
    .pl-lg-69 {
        padding-left: 69px !important;
    }
    .pr-lg-69 {
        padding-right: 69px !important;
    }
    .pt-lg-69 {
        padding-top: 69px !important;
    }
    .pb-lg-69 {
        padding-bottom: 69px !important;
    }
    .px-lg-69 {
        padding-left: 69px !important;
        padding-right: 69px !important;
    }
    .py-lg-69 {
        padding-top: 69px !important;
        padding-bottom: 69px !important;
    }
    .m-lg-69 {
        margin: 69px !important;
    }
    .ml-lg-69 {
        margin-left: 69px !important;
    }
    .mr-lg-69 {
        margin-right: 69px !important;
    }
    .mt-lg-69 {
        margin-top: 69px !important;
    }
    .mb-lg-69 {
        margin-bottom: 69px !important;
    }
    .mx-lg-69 {
        margin-left: 69px !important;
        margin-right: 69px !important;
    }
    .my-lg-69 {
        margin-top: 69px !important;
        margin-bottom: 69px !important;
    }
    .gx-lg-69 {
        gap: 0 69px !important;
    }
    .gy-lg-69 {
        gap: 69px !important;
    }
    .gap-lg-69 {
        gap: 69px !important;
    }
}

@media (min-width: 576px) {
    .p-md-69 {
        padding: 69px !important;
    }
    .pl-md-69 {
        padding-left: 69px !important;
    }
    .pr-md-69 {
        padding-right: 69px !important;
    }
    .pt-md-69 {
        padding-top: 69px !important;
    }
    .pb-md-69 {
        padding-bottom: 69px !important;
    }
    .px-md-69 {
        padding-left: 69px !important;
        padding-right: 69px !important;
    }
    .py-md-69 {
        padding-top: 69px !important;
        padding-bottom: 69px !important;
    }
    .m-md-69 {
        margin: 69px !important;
    }
    .ml-md-69 {
        margin-left: 69px !important;
    }
    .mr-md-69 {
        margin-right: 69px !important;
    }
    .mt-md-69 {
        margin-top: 69px !important;
    }
    .mb-md-69 {
        margin-bottom: 69px !important;
    }
    .mx-md-69 {
        margin-left: 69px !important;
        margin-right: 69px !important;
    }
    .my-md-69 {
        margin-top: 69px !important;
        margin-bottom: 69px !important;
    }
    .gx-md-69 {
        gap: 0 69px !important;
    }
    .gy-md-69 {
        gap: 69px !important;
    }
    .gap-md-69 {
        gap: 69px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-69 {
        padding: 69px !important;
    }
    .pl-sm-69 {
        padding-left: 69px !important;
    }
    .pr-sm-69 {
        padding-right: 69px !important;
    }
    .pt-sm-69 {
        padding-top: 69px !important;
    }
    .pb-sm-69 {
        padding-bottom: 69px !important;
    }
    .px-sm-69 {
        padding-left: 69px !important;
        padding-right: 69px !important;
    }
    .py-sm-69 {
        padding-top: 69px !important;
        padding-bottom: 69px !important;
    }
    .m-sm-69 {
        margin: 69px !important;
    }
    .ml-sm-69 {
        margin-left: 69px !important;
    }
    .mr-sm-69 {
        margin-right: 69px !important;
    }
    .mt-sm-69 {
        margin-top: 69px !important;
    }
    .mb-sm-69 {
        margin-bottom: 69px !important;
    }
    .mx-sm-69 {
        margin-left: 69px !important;
        margin-right: 69px !important;
    }
    .my-sm-69 {
        margin-top: 69px !important;
        margin-bottom: 69px !important;
    }
    .gx-sm-69 {
        gap: 0 69px !important;
    }
    .gy-sm-69 {
        gap: 69px !important;
    }
    .gap-sm-69 {
        gap: 69px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-69 {
        padding: 69px !important;
    }
    .pl-xsm-69 {
        padding-left: 69px !important;
    }
    .pr-xsm-69 {
        padding-right: 69px !important;
    }
    .pt-xsm-69 {
        padding-top: 69px !important;
    }
    .pb-xsm-69 {
        padding-bottom: 69px !important;
    }
    .px-xsm-69 {
        padding-left: 69px !important;
        padding-right: 69px !important;
    }
    .py-xsm-69 {
        padding-top: 69px !important;
        padding-bottom: 69px !important;
    }
    .m-xsm-69 {
        margin: 69px !important;
    }
    .ml-xsm-69 {
        margin-left: 69px !important;
    }
    .mr-xsm-69 {
        margin-right: 69px !important;
    }
    .mt-xsm-69 {
        margin-top: 69px !important;
    }
    .mb-xsm-69 {
        margin-bottom: 69px !important;
    }
    .mx-xsm-69 {
        margin-left: 69px !important;
        margin-right: 69px !important;
    }
    .my-xsm-69 {
        margin-top: 69px !important;
        margin-bottom: 69px !important;
    }
    .gx-xsm-69 {
        gap: 0 69px !important;
    }
    .gy-xsm-69 {
        gap: 69px !important;
    }
    .gap-xsm-69 {
        gap: 69px !important;
    }
}

.p-69 {
    padding: 69px !important;
}

.pl-69 {
    padding-left: 69px !important;
}

.pr-69 {
    padding-right: 69px !important;
}

.pt-69 {
    padding-top: 69px !important;
}

.pb-69 {
    padding-bottom: 69px !important;
}

.px-69 {
    padding-left: 69px !important;
    padding-right: 69px !important;
}

.py-69 {
    padding-top: 69px !important;
    padding-bottom: 69px !important;
}

.m-69 {
    margin: 69px !important;
}

.ml-69 {
    margin-left: 69px !important;
}

.mr-69 {
    margin-right: 69px !important;
}

.mt-69 {
    margin-top: 69px !important;
}

.mb-69 {
    margin-bottom: 69px !important;
}

.mx-69 {
    margin-left: 69px !important;
    margin-right: 69px !important;
}

.my-69 {
    margin-top: 69px !important;
    margin-bottom: 69px !important;
}

.gx-69 {
    gap: 0 69px !important;
}

.gy-69 {
    gap: 69px !important;
}

.gap-69 {
    gap: 69px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-69 {
        padding-left: 0 !important;
        padding-right: 69px !important;
    }
    .rtl .pr-xxl-69 {
        padding-right: 0 !important;
        padding-left: 69px !important;
    }
    .rtl .ml-xxl-69 {
        margin-left: 0 !important;
        margin-right: 69px !important;
    }
    .rtl .mr-xxl-69 {
        margin-right: 0 !important;
        margin-left: 69px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-69 {
        padding-left: 0 !important;
        padding-right: 69px !important;
    }
    .rtl .pr-xl-69 {
        padding-right: 0 !important;
        padding-left: 69px !important;
    }
    .rtl .ml-xl-69 {
        margin-left: 0 !important;
        margin-right: 69px !important;
    }
    .rtl .mr-xl-69 {
        margin-right: 0 !important;
        margin-left: 69px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-69 {
        padding-left: 0 !important;
        padding-right: 69px !important;
    }
    .rtl .pr-lg-69 {
        padding-right: 0 !important;
        padding-left: 69px !important;
    }
    .rtl .ml-lg-69 {
        margin-left: 0 !important;
        margin-right: 69px !important;
    }
    .rtl .mr-lg-69 {
        margin-right: 0 !important;
        margin-left: 69px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-69 {
        padding-left: 0 !important;
        padding-right: 69px !important;
    }
    .rtl .pr-md-69 {
        padding-right: 0 !important;
        padding-left: 69px !important;
    }
    .rtl .ml-md-69 {
        margin-left: 0 !important;
        margin-right: 69px !important;
    }
    .rtl .mr-md-69 {
        margin-right: 0 !important;
        margin-left: 69px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-69 {
        padding-left: 0 !important;
        padding-right: 69px !important;
    }
    .rtl .pr-sm-69 {
        padding-right: 0 !important;
        padding-left: 69px !important;
    }
    .rtl .ml-sm-69 {
        margin-left: 0 !important;
        margin-right: 69px !important;
    }
    .rtl .mr-sm-69 {
        margin-right: 0 !important;
        margin-left: 69px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-69 {
        padding-left: 0 !important;
        padding-right: 69px !important;
    }
    .rtl .pr-xsm-69 {
        padding-right: 0 !important;
        padding-left: 69px !important;
    }
    .rtl .ml-xsm-69 {
        margin-left: 0 !important;
        margin-right: 69px !important;
    }
    .rtl .mr-xsm-69 {
        margin-right: 0 !important;
        margin-left: 69px !important;
    }
}

.rtl .pl-69 {
    padding-left: 0 !important;
    padding-right: 69px !important;
}

.rtl .pr-69 {
    padding-right: 0 !important;
    padding-left: 69px !important;
}

.rtl .ml-69 {
    margin-left: 0 !important;
    margin-right: 69px !important;
}

.rtl .mr-69 {
    margin-right: 0 !important;
    margin-left: 69px !important;
}

@media (min-width: 1200px) {
    .p-xxl-70 {
        padding: 70px !important;
    }
    .pl-xxl-70 {
        padding-left: 70px !important;
    }
    .pr-xxl-70 {
        padding-right: 70px !important;
    }
    .pt-xxl-70 {
        padding-top: 70px !important;
    }
    .pb-xxl-70 {
        padding-bottom: 70px !important;
    }
    .px-xxl-70 {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
    .py-xxl-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .m-xxl-70 {
        margin: 70px !important;
    }
    .ml-xxl-70 {
        margin-left: 70px !important;
    }
    .mr-xxl-70 {
        margin-right: 70px !important;
    }
    .mt-xxl-70 {
        margin-top: 70px !important;
    }
    .mb-xxl-70 {
        margin-bottom: 70px !important;
    }
    .mx-xxl-70 {
        margin-left: 70px !important;
        margin-right: 70px !important;
    }
    .my-xxl-70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
    .gx-xxl-70 {
        gap: 0 70px !important;
    }
    .gy-xxl-70 {
        gap: 70px !important;
    }
    .gap-xxl-70 {
        gap: 70px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-70 {
        padding: 70px !important;
    }
    .pl-xl-70 {
        padding-left: 70px !important;
    }
    .pr-xl-70 {
        padding-right: 70px !important;
    }
    .pt-xl-70 {
        padding-top: 70px !important;
    }
    .pb-xl-70 {
        padding-bottom: 70px !important;
    }
    .px-xl-70 {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
    .py-xl-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .m-xl-70 {
        margin: 70px !important;
    }
    .ml-xl-70 {
        margin-left: 70px !important;
    }
    .mr-xl-70 {
        margin-right: 70px !important;
    }
    .mt-xl-70 {
        margin-top: 70px !important;
    }
    .mb-xl-70 {
        margin-bottom: 70px !important;
    }
    .mx-xl-70 {
        margin-left: 70px !important;
        margin-right: 70px !important;
    }
    .my-xl-70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
    .gx-xl-70 {
        gap: 0 70px !important;
    }
    .gy-xl-70 {
        gap: 70px !important;
    }
    .gap-xl-70 {
        gap: 70px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-70 {
        padding: 70px !important;
    }
    .pl-lg-70 {
        padding-left: 70px !important;
    }
    .pr-lg-70 {
        padding-right: 70px !important;
    }
    .pt-lg-70 {
        padding-top: 70px !important;
    }
    .pb-lg-70 {
        padding-bottom: 70px !important;
    }
    .px-lg-70 {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
    .py-lg-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .m-lg-70 {
        margin: 70px !important;
    }
    .ml-lg-70 {
        margin-left: 70px !important;
    }
    .mr-lg-70 {
        margin-right: 70px !important;
    }
    .mt-lg-70 {
        margin-top: 70px !important;
    }
    .mb-lg-70 {
        margin-bottom: 70px !important;
    }
    .mx-lg-70 {
        margin-left: 70px !important;
        margin-right: 70px !important;
    }
    .my-lg-70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
    .gx-lg-70 {
        gap: 0 70px !important;
    }
    .gy-lg-70 {
        gap: 70px !important;
    }
    .gap-lg-70 {
        gap: 70px !important;
    }
}

@media (min-width: 576px) {
    .p-md-70 {
        padding: 70px !important;
    }
    .pl-md-70 {
        padding-left: 70px !important;
    }
    .pr-md-70 {
        padding-right: 70px !important;
    }
    .pt-md-70 {
        padding-top: 70px !important;
    }
    .pb-md-70 {
        padding-bottom: 70px !important;
    }
    .px-md-70 {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
    .py-md-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .m-md-70 {
        margin: 70px !important;
    }
    .ml-md-70 {
        margin-left: 70px !important;
    }
    .mr-md-70 {
        margin-right: 70px !important;
    }
    .mt-md-70 {
        margin-top: 70px !important;
    }
    .mb-md-70 {
        margin-bottom: 70px !important;
    }
    .mx-md-70 {
        margin-left: 70px !important;
        margin-right: 70px !important;
    }
    .my-md-70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
    .gx-md-70 {
        gap: 0 70px !important;
    }
    .gy-md-70 {
        gap: 70px !important;
    }
    .gap-md-70 {
        gap: 70px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-70 {
        padding: 70px !important;
    }
    .pl-sm-70 {
        padding-left: 70px !important;
    }
    .pr-sm-70 {
        padding-right: 70px !important;
    }
    .pt-sm-70 {
        padding-top: 70px !important;
    }
    .pb-sm-70 {
        padding-bottom: 70px !important;
    }
    .px-sm-70 {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
    .py-sm-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .m-sm-70 {
        margin: 70px !important;
    }
    .ml-sm-70 {
        margin-left: 70px !important;
    }
    .mr-sm-70 {
        margin-right: 70px !important;
    }
    .mt-sm-70 {
        margin-top: 70px !important;
    }
    .mb-sm-70 {
        margin-bottom: 70px !important;
    }
    .mx-sm-70 {
        margin-left: 70px !important;
        margin-right: 70px !important;
    }
    .my-sm-70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
    .gx-sm-70 {
        gap: 0 70px !important;
    }
    .gy-sm-70 {
        gap: 70px !important;
    }
    .gap-sm-70 {
        gap: 70px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-70 {
        padding: 70px !important;
    }
    .pl-xsm-70 {
        padding-left: 70px !important;
    }
    .pr-xsm-70 {
        padding-right: 70px !important;
    }
    .pt-xsm-70 {
        padding-top: 70px !important;
    }
    .pb-xsm-70 {
        padding-bottom: 70px !important;
    }
    .px-xsm-70 {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
    .py-xsm-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .m-xsm-70 {
        margin: 70px !important;
    }
    .ml-xsm-70 {
        margin-left: 70px !important;
    }
    .mr-xsm-70 {
        margin-right: 70px !important;
    }
    .mt-xsm-70 {
        margin-top: 70px !important;
    }
    .mb-xsm-70 {
        margin-bottom: 70px !important;
    }
    .mx-xsm-70 {
        margin-left: 70px !important;
        margin-right: 70px !important;
    }
    .my-xsm-70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
    .gx-xsm-70 {
        gap: 0 70px !important;
    }
    .gy-xsm-70 {
        gap: 70px !important;
    }
    .gap-xsm-70 {
        gap: 70px !important;
    }
}

.p-70 {
    padding: 70px !important;
}

.pl-70 {
    padding-left: 70px !important;
}

.pr-70 {
    padding-right: 70px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.px-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
}

.py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.m-70 {
    margin: 70px !important;
}

.ml-70 {
    margin-left: 70px !important;
}

.mr-70 {
    margin-right: 70px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mx-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
}

.my-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.gx-70 {
    gap: 0 70px !important;
}

.gy-70 {
    gap: 70px !important;
}

.gap-70 {
    gap: 70px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-70 {
        padding-left: 0 !important;
        padding-right: 70px !important;
    }
    .rtl .pr-xxl-70 {
        padding-right: 0 !important;
        padding-left: 70px !important;
    }
    .rtl .ml-xxl-70 {
        margin-left: 0 !important;
        margin-right: 70px !important;
    }
    .rtl .mr-xxl-70 {
        margin-right: 0 !important;
        margin-left: 70px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-70 {
        padding-left: 0 !important;
        padding-right: 70px !important;
    }
    .rtl .pr-xl-70 {
        padding-right: 0 !important;
        padding-left: 70px !important;
    }
    .rtl .ml-xl-70 {
        margin-left: 0 !important;
        margin-right: 70px !important;
    }
    .rtl .mr-xl-70 {
        margin-right: 0 !important;
        margin-left: 70px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-70 {
        padding-left: 0 !important;
        padding-right: 70px !important;
    }
    .rtl .pr-lg-70 {
        padding-right: 0 !important;
        padding-left: 70px !important;
    }
    .rtl .ml-lg-70 {
        margin-left: 0 !important;
        margin-right: 70px !important;
    }
    .rtl .mr-lg-70 {
        margin-right: 0 !important;
        margin-left: 70px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-70 {
        padding-left: 0 !important;
        padding-right: 70px !important;
    }
    .rtl .pr-md-70 {
        padding-right: 0 !important;
        padding-left: 70px !important;
    }
    .rtl .ml-md-70 {
        margin-left: 0 !important;
        margin-right: 70px !important;
    }
    .rtl .mr-md-70 {
        margin-right: 0 !important;
        margin-left: 70px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-70 {
        padding-left: 0 !important;
        padding-right: 70px !important;
    }
    .rtl .pr-sm-70 {
        padding-right: 0 !important;
        padding-left: 70px !important;
    }
    .rtl .ml-sm-70 {
        margin-left: 0 !important;
        margin-right: 70px !important;
    }
    .rtl .mr-sm-70 {
        margin-right: 0 !important;
        margin-left: 70px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-70 {
        padding-left: 0 !important;
        padding-right: 70px !important;
    }
    .rtl .pr-xsm-70 {
        padding-right: 0 !important;
        padding-left: 70px !important;
    }
    .rtl .ml-xsm-70 {
        margin-left: 0 !important;
        margin-right: 70px !important;
    }
    .rtl .mr-xsm-70 {
        margin-right: 0 !important;
        margin-left: 70px !important;
    }
}

.rtl .pl-70 {
    padding-left: 0 !important;
    padding-right: 70px !important;
}

.rtl .pr-70 {
    padding-right: 0 !important;
    padding-left: 70px !important;
}

.rtl .ml-70 {
    margin-left: 0 !important;
    margin-right: 70px !important;
}

.rtl .mr-70 {
    margin-right: 0 !important;
    margin-left: 70px !important;
}

@media (min-width: 1200px) {
    .p-xxl-71 {
        padding: 71px !important;
    }
    .pl-xxl-71 {
        padding-left: 71px !important;
    }
    .pr-xxl-71 {
        padding-right: 71px !important;
    }
    .pt-xxl-71 {
        padding-top: 71px !important;
    }
    .pb-xxl-71 {
        padding-bottom: 71px !important;
    }
    .px-xxl-71 {
        padding-left: 71px !important;
        padding-right: 71px !important;
    }
    .py-xxl-71 {
        padding-top: 71px !important;
        padding-bottom: 71px !important;
    }
    .m-xxl-71 {
        margin: 71px !important;
    }
    .ml-xxl-71 {
        margin-left: 71px !important;
    }
    .mr-xxl-71 {
        margin-right: 71px !important;
    }
    .mt-xxl-71 {
        margin-top: 71px !important;
    }
    .mb-xxl-71 {
        margin-bottom: 71px !important;
    }
    .mx-xxl-71 {
        margin-left: 71px !important;
        margin-right: 71px !important;
    }
    .my-xxl-71 {
        margin-top: 71px !important;
        margin-bottom: 71px !important;
    }
    .gx-xxl-71 {
        gap: 0 71px !important;
    }
    .gy-xxl-71 {
        gap: 71px !important;
    }
    .gap-xxl-71 {
        gap: 71px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-71 {
        padding: 71px !important;
    }
    .pl-xl-71 {
        padding-left: 71px !important;
    }
    .pr-xl-71 {
        padding-right: 71px !important;
    }
    .pt-xl-71 {
        padding-top: 71px !important;
    }
    .pb-xl-71 {
        padding-bottom: 71px !important;
    }
    .px-xl-71 {
        padding-left: 71px !important;
        padding-right: 71px !important;
    }
    .py-xl-71 {
        padding-top: 71px !important;
        padding-bottom: 71px !important;
    }
    .m-xl-71 {
        margin: 71px !important;
    }
    .ml-xl-71 {
        margin-left: 71px !important;
    }
    .mr-xl-71 {
        margin-right: 71px !important;
    }
    .mt-xl-71 {
        margin-top: 71px !important;
    }
    .mb-xl-71 {
        margin-bottom: 71px !important;
    }
    .mx-xl-71 {
        margin-left: 71px !important;
        margin-right: 71px !important;
    }
    .my-xl-71 {
        margin-top: 71px !important;
        margin-bottom: 71px !important;
    }
    .gx-xl-71 {
        gap: 0 71px !important;
    }
    .gy-xl-71 {
        gap: 71px !important;
    }
    .gap-xl-71 {
        gap: 71px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-71 {
        padding: 71px !important;
    }
    .pl-lg-71 {
        padding-left: 71px !important;
    }
    .pr-lg-71 {
        padding-right: 71px !important;
    }
    .pt-lg-71 {
        padding-top: 71px !important;
    }
    .pb-lg-71 {
        padding-bottom: 71px !important;
    }
    .px-lg-71 {
        padding-left: 71px !important;
        padding-right: 71px !important;
    }
    .py-lg-71 {
        padding-top: 71px !important;
        padding-bottom: 71px !important;
    }
    .m-lg-71 {
        margin: 71px !important;
    }
    .ml-lg-71 {
        margin-left: 71px !important;
    }
    .mr-lg-71 {
        margin-right: 71px !important;
    }
    .mt-lg-71 {
        margin-top: 71px !important;
    }
    .mb-lg-71 {
        margin-bottom: 71px !important;
    }
    .mx-lg-71 {
        margin-left: 71px !important;
        margin-right: 71px !important;
    }
    .my-lg-71 {
        margin-top: 71px !important;
        margin-bottom: 71px !important;
    }
    .gx-lg-71 {
        gap: 0 71px !important;
    }
    .gy-lg-71 {
        gap: 71px !important;
    }
    .gap-lg-71 {
        gap: 71px !important;
    }
}

@media (min-width: 576px) {
    .p-md-71 {
        padding: 71px !important;
    }
    .pl-md-71 {
        padding-left: 71px !important;
    }
    .pr-md-71 {
        padding-right: 71px !important;
    }
    .pt-md-71 {
        padding-top: 71px !important;
    }
    .pb-md-71 {
        padding-bottom: 71px !important;
    }
    .px-md-71 {
        padding-left: 71px !important;
        padding-right: 71px !important;
    }
    .py-md-71 {
        padding-top: 71px !important;
        padding-bottom: 71px !important;
    }
    .m-md-71 {
        margin: 71px !important;
    }
    .ml-md-71 {
        margin-left: 71px !important;
    }
    .mr-md-71 {
        margin-right: 71px !important;
    }
    .mt-md-71 {
        margin-top: 71px !important;
    }
    .mb-md-71 {
        margin-bottom: 71px !important;
    }
    .mx-md-71 {
        margin-left: 71px !important;
        margin-right: 71px !important;
    }
    .my-md-71 {
        margin-top: 71px !important;
        margin-bottom: 71px !important;
    }
    .gx-md-71 {
        gap: 0 71px !important;
    }
    .gy-md-71 {
        gap: 71px !important;
    }
    .gap-md-71 {
        gap: 71px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-71 {
        padding: 71px !important;
    }
    .pl-sm-71 {
        padding-left: 71px !important;
    }
    .pr-sm-71 {
        padding-right: 71px !important;
    }
    .pt-sm-71 {
        padding-top: 71px !important;
    }
    .pb-sm-71 {
        padding-bottom: 71px !important;
    }
    .px-sm-71 {
        padding-left: 71px !important;
        padding-right: 71px !important;
    }
    .py-sm-71 {
        padding-top: 71px !important;
        padding-bottom: 71px !important;
    }
    .m-sm-71 {
        margin: 71px !important;
    }
    .ml-sm-71 {
        margin-left: 71px !important;
    }
    .mr-sm-71 {
        margin-right: 71px !important;
    }
    .mt-sm-71 {
        margin-top: 71px !important;
    }
    .mb-sm-71 {
        margin-bottom: 71px !important;
    }
    .mx-sm-71 {
        margin-left: 71px !important;
        margin-right: 71px !important;
    }
    .my-sm-71 {
        margin-top: 71px !important;
        margin-bottom: 71px !important;
    }
    .gx-sm-71 {
        gap: 0 71px !important;
    }
    .gy-sm-71 {
        gap: 71px !important;
    }
    .gap-sm-71 {
        gap: 71px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-71 {
        padding: 71px !important;
    }
    .pl-xsm-71 {
        padding-left: 71px !important;
    }
    .pr-xsm-71 {
        padding-right: 71px !important;
    }
    .pt-xsm-71 {
        padding-top: 71px !important;
    }
    .pb-xsm-71 {
        padding-bottom: 71px !important;
    }
    .px-xsm-71 {
        padding-left: 71px !important;
        padding-right: 71px !important;
    }
    .py-xsm-71 {
        padding-top: 71px !important;
        padding-bottom: 71px !important;
    }
    .m-xsm-71 {
        margin: 71px !important;
    }
    .ml-xsm-71 {
        margin-left: 71px !important;
    }
    .mr-xsm-71 {
        margin-right: 71px !important;
    }
    .mt-xsm-71 {
        margin-top: 71px !important;
    }
    .mb-xsm-71 {
        margin-bottom: 71px !important;
    }
    .mx-xsm-71 {
        margin-left: 71px !important;
        margin-right: 71px !important;
    }
    .my-xsm-71 {
        margin-top: 71px !important;
        margin-bottom: 71px !important;
    }
    .gx-xsm-71 {
        gap: 0 71px !important;
    }
    .gy-xsm-71 {
        gap: 71px !important;
    }
    .gap-xsm-71 {
        gap: 71px !important;
    }
}

.p-71 {
    padding: 71px !important;
}

.pl-71 {
    padding-left: 71px !important;
}

.pr-71 {
    padding-right: 71px !important;
}

.pt-71 {
    padding-top: 71px !important;
}

.pb-71 {
    padding-bottom: 71px !important;
}

.px-71 {
    padding-left: 71px !important;
    padding-right: 71px !important;
}

.py-71 {
    padding-top: 71px !important;
    padding-bottom: 71px !important;
}

.m-71 {
    margin: 71px !important;
}

.ml-71 {
    margin-left: 71px !important;
}

.mr-71 {
    margin-right: 71px !important;
}

.mt-71 {
    margin-top: 71px !important;
}

.mb-71 {
    margin-bottom: 71px !important;
}

.mx-71 {
    margin-left: 71px !important;
    margin-right: 71px !important;
}

.my-71 {
    margin-top: 71px !important;
    margin-bottom: 71px !important;
}

.gx-71 {
    gap: 0 71px !important;
}

.gy-71 {
    gap: 71px !important;
}

.gap-71 {
    gap: 71px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-71 {
        padding-left: 0 !important;
        padding-right: 71px !important;
    }
    .rtl .pr-xxl-71 {
        padding-right: 0 !important;
        padding-left: 71px !important;
    }
    .rtl .ml-xxl-71 {
        margin-left: 0 !important;
        margin-right: 71px !important;
    }
    .rtl .mr-xxl-71 {
        margin-right: 0 !important;
        margin-left: 71px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-71 {
        padding-left: 0 !important;
        padding-right: 71px !important;
    }
    .rtl .pr-xl-71 {
        padding-right: 0 !important;
        padding-left: 71px !important;
    }
    .rtl .ml-xl-71 {
        margin-left: 0 !important;
        margin-right: 71px !important;
    }
    .rtl .mr-xl-71 {
        margin-right: 0 !important;
        margin-left: 71px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-71 {
        padding-left: 0 !important;
        padding-right: 71px !important;
    }
    .rtl .pr-lg-71 {
        padding-right: 0 !important;
        padding-left: 71px !important;
    }
    .rtl .ml-lg-71 {
        margin-left: 0 !important;
        margin-right: 71px !important;
    }
    .rtl .mr-lg-71 {
        margin-right: 0 !important;
        margin-left: 71px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-71 {
        padding-left: 0 !important;
        padding-right: 71px !important;
    }
    .rtl .pr-md-71 {
        padding-right: 0 !important;
        padding-left: 71px !important;
    }
    .rtl .ml-md-71 {
        margin-left: 0 !important;
        margin-right: 71px !important;
    }
    .rtl .mr-md-71 {
        margin-right: 0 !important;
        margin-left: 71px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-71 {
        padding-left: 0 !important;
        padding-right: 71px !important;
    }
    .rtl .pr-sm-71 {
        padding-right: 0 !important;
        padding-left: 71px !important;
    }
    .rtl .ml-sm-71 {
        margin-left: 0 !important;
        margin-right: 71px !important;
    }
    .rtl .mr-sm-71 {
        margin-right: 0 !important;
        margin-left: 71px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-71 {
        padding-left: 0 !important;
        padding-right: 71px !important;
    }
    .rtl .pr-xsm-71 {
        padding-right: 0 !important;
        padding-left: 71px !important;
    }
    .rtl .ml-xsm-71 {
        margin-left: 0 !important;
        margin-right: 71px !important;
    }
    .rtl .mr-xsm-71 {
        margin-right: 0 !important;
        margin-left: 71px !important;
    }
}

.rtl .pl-71 {
    padding-left: 0 !important;
    padding-right: 71px !important;
}

.rtl .pr-71 {
    padding-right: 0 !important;
    padding-left: 71px !important;
}

.rtl .ml-71 {
    margin-left: 0 !important;
    margin-right: 71px !important;
}

.rtl .mr-71 {
    margin-right: 0 !important;
    margin-left: 71px !important;
}

@media (min-width: 1200px) {
    .p-xxl-72 {
        padding: 72px !important;
    }
    .pl-xxl-72 {
        padding-left: 72px !important;
    }
    .pr-xxl-72 {
        padding-right: 72px !important;
    }
    .pt-xxl-72 {
        padding-top: 72px !important;
    }
    .pb-xxl-72 {
        padding-bottom: 72px !important;
    }
    .px-xxl-72 {
        padding-left: 72px !important;
        padding-right: 72px !important;
    }
    .py-xxl-72 {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }
    .m-xxl-72 {
        margin: 72px !important;
    }
    .ml-xxl-72 {
        margin-left: 72px !important;
    }
    .mr-xxl-72 {
        margin-right: 72px !important;
    }
    .mt-xxl-72 {
        margin-top: 72px !important;
    }
    .mb-xxl-72 {
        margin-bottom: 72px !important;
    }
    .mx-xxl-72 {
        margin-left: 72px !important;
        margin-right: 72px !important;
    }
    .my-xxl-72 {
        margin-top: 72px !important;
        margin-bottom: 72px !important;
    }
    .gx-xxl-72 {
        gap: 0 72px !important;
    }
    .gy-xxl-72 {
        gap: 72px !important;
    }
    .gap-xxl-72 {
        gap: 72px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-72 {
        padding: 72px !important;
    }
    .pl-xl-72 {
        padding-left: 72px !important;
    }
    .pr-xl-72 {
        padding-right: 72px !important;
    }
    .pt-xl-72 {
        padding-top: 72px !important;
    }
    .pb-xl-72 {
        padding-bottom: 72px !important;
    }
    .px-xl-72 {
        padding-left: 72px !important;
        padding-right: 72px !important;
    }
    .py-xl-72 {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }
    .m-xl-72 {
        margin: 72px !important;
    }
    .ml-xl-72 {
        margin-left: 72px !important;
    }
    .mr-xl-72 {
        margin-right: 72px !important;
    }
    .mt-xl-72 {
        margin-top: 72px !important;
    }
    .mb-xl-72 {
        margin-bottom: 72px !important;
    }
    .mx-xl-72 {
        margin-left: 72px !important;
        margin-right: 72px !important;
    }
    .my-xl-72 {
        margin-top: 72px !important;
        margin-bottom: 72px !important;
    }
    .gx-xl-72 {
        gap: 0 72px !important;
    }
    .gy-xl-72 {
        gap: 72px !important;
    }
    .gap-xl-72 {
        gap: 72px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-72 {
        padding: 72px !important;
    }
    .pl-lg-72 {
        padding-left: 72px !important;
    }
    .pr-lg-72 {
        padding-right: 72px !important;
    }
    .pt-lg-72 {
        padding-top: 72px !important;
    }
    .pb-lg-72 {
        padding-bottom: 72px !important;
    }
    .px-lg-72 {
        padding-left: 72px !important;
        padding-right: 72px !important;
    }
    .py-lg-72 {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }
    .m-lg-72 {
        margin: 72px !important;
    }
    .ml-lg-72 {
        margin-left: 72px !important;
    }
    .mr-lg-72 {
        margin-right: 72px !important;
    }
    .mt-lg-72 {
        margin-top: 72px !important;
    }
    .mb-lg-72 {
        margin-bottom: 72px !important;
    }
    .mx-lg-72 {
        margin-left: 72px !important;
        margin-right: 72px !important;
    }
    .my-lg-72 {
        margin-top: 72px !important;
        margin-bottom: 72px !important;
    }
    .gx-lg-72 {
        gap: 0 72px !important;
    }
    .gy-lg-72 {
        gap: 72px !important;
    }
    .gap-lg-72 {
        gap: 72px !important;
    }
}

@media (min-width: 576px) {
    .p-md-72 {
        padding: 72px !important;
    }
    .pl-md-72 {
        padding-left: 72px !important;
    }
    .pr-md-72 {
        padding-right: 72px !important;
    }
    .pt-md-72 {
        padding-top: 72px !important;
    }
    .pb-md-72 {
        padding-bottom: 72px !important;
    }
    .px-md-72 {
        padding-left: 72px !important;
        padding-right: 72px !important;
    }
    .py-md-72 {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }
    .m-md-72 {
        margin: 72px !important;
    }
    .ml-md-72 {
        margin-left: 72px !important;
    }
    .mr-md-72 {
        margin-right: 72px !important;
    }
    .mt-md-72 {
        margin-top: 72px !important;
    }
    .mb-md-72 {
        margin-bottom: 72px !important;
    }
    .mx-md-72 {
        margin-left: 72px !important;
        margin-right: 72px !important;
    }
    .my-md-72 {
        margin-top: 72px !important;
        margin-bottom: 72px !important;
    }
    .gx-md-72 {
        gap: 0 72px !important;
    }
    .gy-md-72 {
        gap: 72px !important;
    }
    .gap-md-72 {
        gap: 72px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-72 {
        padding: 72px !important;
    }
    .pl-sm-72 {
        padding-left: 72px !important;
    }
    .pr-sm-72 {
        padding-right: 72px !important;
    }
    .pt-sm-72 {
        padding-top: 72px !important;
    }
    .pb-sm-72 {
        padding-bottom: 72px !important;
    }
    .px-sm-72 {
        padding-left: 72px !important;
        padding-right: 72px !important;
    }
    .py-sm-72 {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }
    .m-sm-72 {
        margin: 72px !important;
    }
    .ml-sm-72 {
        margin-left: 72px !important;
    }
    .mr-sm-72 {
        margin-right: 72px !important;
    }
    .mt-sm-72 {
        margin-top: 72px !important;
    }
    .mb-sm-72 {
        margin-bottom: 72px !important;
    }
    .mx-sm-72 {
        margin-left: 72px !important;
        margin-right: 72px !important;
    }
    .my-sm-72 {
        margin-top: 72px !important;
        margin-bottom: 72px !important;
    }
    .gx-sm-72 {
        gap: 0 72px !important;
    }
    .gy-sm-72 {
        gap: 72px !important;
    }
    .gap-sm-72 {
        gap: 72px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-72 {
        padding: 72px !important;
    }
    .pl-xsm-72 {
        padding-left: 72px !important;
    }
    .pr-xsm-72 {
        padding-right: 72px !important;
    }
    .pt-xsm-72 {
        padding-top: 72px !important;
    }
    .pb-xsm-72 {
        padding-bottom: 72px !important;
    }
    .px-xsm-72 {
        padding-left: 72px !important;
        padding-right: 72px !important;
    }
    .py-xsm-72 {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }
    .m-xsm-72 {
        margin: 72px !important;
    }
    .ml-xsm-72 {
        margin-left: 72px !important;
    }
    .mr-xsm-72 {
        margin-right: 72px !important;
    }
    .mt-xsm-72 {
        margin-top: 72px !important;
    }
    .mb-xsm-72 {
        margin-bottom: 72px !important;
    }
    .mx-xsm-72 {
        margin-left: 72px !important;
        margin-right: 72px !important;
    }
    .my-xsm-72 {
        margin-top: 72px !important;
        margin-bottom: 72px !important;
    }
    .gx-xsm-72 {
        gap: 0 72px !important;
    }
    .gy-xsm-72 {
        gap: 72px !important;
    }
    .gap-xsm-72 {
        gap: 72px !important;
    }
}

.p-72 {
    padding: 72px !important;
}

.pl-72 {
    padding-left: 72px !important;
}

.pr-72 {
    padding-right: 72px !important;
}

.pt-72 {
    padding-top: 72px !important;
}

.pb-72 {
    padding-bottom: 72px !important;
}

.px-72 {
    padding-left: 72px !important;
    padding-right: 72px !important;
}

.py-72 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
}

.m-72 {
    margin: 72px !important;
}

.ml-72 {
    margin-left: 72px !important;
}

.mr-72 {
    margin-right: 72px !important;
}

.mt-72 {
    margin-top: 72px !important;
}

.mb-72 {
    margin-bottom: 72px !important;
}

.mx-72 {
    margin-left: 72px !important;
    margin-right: 72px !important;
}

.my-72 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
}

.gx-72 {
    gap: 0 72px !important;
}

.gy-72 {
    gap: 72px !important;
}

.gap-72 {
    gap: 72px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-72 {
        padding-left: 0 !important;
        padding-right: 72px !important;
    }
    .rtl .pr-xxl-72 {
        padding-right: 0 !important;
        padding-left: 72px !important;
    }
    .rtl .ml-xxl-72 {
        margin-left: 0 !important;
        margin-right: 72px !important;
    }
    .rtl .mr-xxl-72 {
        margin-right: 0 !important;
        margin-left: 72px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-72 {
        padding-left: 0 !important;
        padding-right: 72px !important;
    }
    .rtl .pr-xl-72 {
        padding-right: 0 !important;
        padding-left: 72px !important;
    }
    .rtl .ml-xl-72 {
        margin-left: 0 !important;
        margin-right: 72px !important;
    }
    .rtl .mr-xl-72 {
        margin-right: 0 !important;
        margin-left: 72px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-72 {
        padding-left: 0 !important;
        padding-right: 72px !important;
    }
    .rtl .pr-lg-72 {
        padding-right: 0 !important;
        padding-left: 72px !important;
    }
    .rtl .ml-lg-72 {
        margin-left: 0 !important;
        margin-right: 72px !important;
    }
    .rtl .mr-lg-72 {
        margin-right: 0 !important;
        margin-left: 72px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-72 {
        padding-left: 0 !important;
        padding-right: 72px !important;
    }
    .rtl .pr-md-72 {
        padding-right: 0 !important;
        padding-left: 72px !important;
    }
    .rtl .ml-md-72 {
        margin-left: 0 !important;
        margin-right: 72px !important;
    }
    .rtl .mr-md-72 {
        margin-right: 0 !important;
        margin-left: 72px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-72 {
        padding-left: 0 !important;
        padding-right: 72px !important;
    }
    .rtl .pr-sm-72 {
        padding-right: 0 !important;
        padding-left: 72px !important;
    }
    .rtl .ml-sm-72 {
        margin-left: 0 !important;
        margin-right: 72px !important;
    }
    .rtl .mr-sm-72 {
        margin-right: 0 !important;
        margin-left: 72px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-72 {
        padding-left: 0 !important;
        padding-right: 72px !important;
    }
    .rtl .pr-xsm-72 {
        padding-right: 0 !important;
        padding-left: 72px !important;
    }
    .rtl .ml-xsm-72 {
        margin-left: 0 !important;
        margin-right: 72px !important;
    }
    .rtl .mr-xsm-72 {
        margin-right: 0 !important;
        margin-left: 72px !important;
    }
}

.rtl .pl-72 {
    padding-left: 0 !important;
    padding-right: 72px !important;
}

.rtl .pr-72 {
    padding-right: 0 !important;
    padding-left: 72px !important;
}

.rtl .ml-72 {
    margin-left: 0 !important;
    margin-right: 72px !important;
}

.rtl .mr-72 {
    margin-right: 0 !important;
    margin-left: 72px !important;
}

@media (min-width: 1200px) {
    .p-xxl-73 {
        padding: 73px !important;
    }
    .pl-xxl-73 {
        padding-left: 73px !important;
    }
    .pr-xxl-73 {
        padding-right: 73px !important;
    }
    .pt-xxl-73 {
        padding-top: 73px !important;
    }
    .pb-xxl-73 {
        padding-bottom: 73px !important;
    }
    .px-xxl-73 {
        padding-left: 73px !important;
        padding-right: 73px !important;
    }
    .py-xxl-73 {
        padding-top: 73px !important;
        padding-bottom: 73px !important;
    }
    .m-xxl-73 {
        margin: 73px !important;
    }
    .ml-xxl-73 {
        margin-left: 73px !important;
    }
    .mr-xxl-73 {
        margin-right: 73px !important;
    }
    .mt-xxl-73 {
        margin-top: 73px !important;
    }
    .mb-xxl-73 {
        margin-bottom: 73px !important;
    }
    .mx-xxl-73 {
        margin-left: 73px !important;
        margin-right: 73px !important;
    }
    .my-xxl-73 {
        margin-top: 73px !important;
        margin-bottom: 73px !important;
    }
    .gx-xxl-73 {
        gap: 0 73px !important;
    }
    .gy-xxl-73 {
        gap: 73px !important;
    }
    .gap-xxl-73 {
        gap: 73px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-73 {
        padding: 73px !important;
    }
    .pl-xl-73 {
        padding-left: 73px !important;
    }
    .pr-xl-73 {
        padding-right: 73px !important;
    }
    .pt-xl-73 {
        padding-top: 73px !important;
    }
    .pb-xl-73 {
        padding-bottom: 73px !important;
    }
    .px-xl-73 {
        padding-left: 73px !important;
        padding-right: 73px !important;
    }
    .py-xl-73 {
        padding-top: 73px !important;
        padding-bottom: 73px !important;
    }
    .m-xl-73 {
        margin: 73px !important;
    }
    .ml-xl-73 {
        margin-left: 73px !important;
    }
    .mr-xl-73 {
        margin-right: 73px !important;
    }
    .mt-xl-73 {
        margin-top: 73px !important;
    }
    .mb-xl-73 {
        margin-bottom: 73px !important;
    }
    .mx-xl-73 {
        margin-left: 73px !important;
        margin-right: 73px !important;
    }
    .my-xl-73 {
        margin-top: 73px !important;
        margin-bottom: 73px !important;
    }
    .gx-xl-73 {
        gap: 0 73px !important;
    }
    .gy-xl-73 {
        gap: 73px !important;
    }
    .gap-xl-73 {
        gap: 73px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-73 {
        padding: 73px !important;
    }
    .pl-lg-73 {
        padding-left: 73px !important;
    }
    .pr-lg-73 {
        padding-right: 73px !important;
    }
    .pt-lg-73 {
        padding-top: 73px !important;
    }
    .pb-lg-73 {
        padding-bottom: 73px !important;
    }
    .px-lg-73 {
        padding-left: 73px !important;
        padding-right: 73px !important;
    }
    .py-lg-73 {
        padding-top: 73px !important;
        padding-bottom: 73px !important;
    }
    .m-lg-73 {
        margin: 73px !important;
    }
    .ml-lg-73 {
        margin-left: 73px !important;
    }
    .mr-lg-73 {
        margin-right: 73px !important;
    }
    .mt-lg-73 {
        margin-top: 73px !important;
    }
    .mb-lg-73 {
        margin-bottom: 73px !important;
    }
    .mx-lg-73 {
        margin-left: 73px !important;
        margin-right: 73px !important;
    }
    .my-lg-73 {
        margin-top: 73px !important;
        margin-bottom: 73px !important;
    }
    .gx-lg-73 {
        gap: 0 73px !important;
    }
    .gy-lg-73 {
        gap: 73px !important;
    }
    .gap-lg-73 {
        gap: 73px !important;
    }
}

@media (min-width: 576px) {
    .p-md-73 {
        padding: 73px !important;
    }
    .pl-md-73 {
        padding-left: 73px !important;
    }
    .pr-md-73 {
        padding-right: 73px !important;
    }
    .pt-md-73 {
        padding-top: 73px !important;
    }
    .pb-md-73 {
        padding-bottom: 73px !important;
    }
    .px-md-73 {
        padding-left: 73px !important;
        padding-right: 73px !important;
    }
    .py-md-73 {
        padding-top: 73px !important;
        padding-bottom: 73px !important;
    }
    .m-md-73 {
        margin: 73px !important;
    }
    .ml-md-73 {
        margin-left: 73px !important;
    }
    .mr-md-73 {
        margin-right: 73px !important;
    }
    .mt-md-73 {
        margin-top: 73px !important;
    }
    .mb-md-73 {
        margin-bottom: 73px !important;
    }
    .mx-md-73 {
        margin-left: 73px !important;
        margin-right: 73px !important;
    }
    .my-md-73 {
        margin-top: 73px !important;
        margin-bottom: 73px !important;
    }
    .gx-md-73 {
        gap: 0 73px !important;
    }
    .gy-md-73 {
        gap: 73px !important;
    }
    .gap-md-73 {
        gap: 73px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-73 {
        padding: 73px !important;
    }
    .pl-sm-73 {
        padding-left: 73px !important;
    }
    .pr-sm-73 {
        padding-right: 73px !important;
    }
    .pt-sm-73 {
        padding-top: 73px !important;
    }
    .pb-sm-73 {
        padding-bottom: 73px !important;
    }
    .px-sm-73 {
        padding-left: 73px !important;
        padding-right: 73px !important;
    }
    .py-sm-73 {
        padding-top: 73px !important;
        padding-bottom: 73px !important;
    }
    .m-sm-73 {
        margin: 73px !important;
    }
    .ml-sm-73 {
        margin-left: 73px !important;
    }
    .mr-sm-73 {
        margin-right: 73px !important;
    }
    .mt-sm-73 {
        margin-top: 73px !important;
    }
    .mb-sm-73 {
        margin-bottom: 73px !important;
    }
    .mx-sm-73 {
        margin-left: 73px !important;
        margin-right: 73px !important;
    }
    .my-sm-73 {
        margin-top: 73px !important;
        margin-bottom: 73px !important;
    }
    .gx-sm-73 {
        gap: 0 73px !important;
    }
    .gy-sm-73 {
        gap: 73px !important;
    }
    .gap-sm-73 {
        gap: 73px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-73 {
        padding: 73px !important;
    }
    .pl-xsm-73 {
        padding-left: 73px !important;
    }
    .pr-xsm-73 {
        padding-right: 73px !important;
    }
    .pt-xsm-73 {
        padding-top: 73px !important;
    }
    .pb-xsm-73 {
        padding-bottom: 73px !important;
    }
    .px-xsm-73 {
        padding-left: 73px !important;
        padding-right: 73px !important;
    }
    .py-xsm-73 {
        padding-top: 73px !important;
        padding-bottom: 73px !important;
    }
    .m-xsm-73 {
        margin: 73px !important;
    }
    .ml-xsm-73 {
        margin-left: 73px !important;
    }
    .mr-xsm-73 {
        margin-right: 73px !important;
    }
    .mt-xsm-73 {
        margin-top: 73px !important;
    }
    .mb-xsm-73 {
        margin-bottom: 73px !important;
    }
    .mx-xsm-73 {
        margin-left: 73px !important;
        margin-right: 73px !important;
    }
    .my-xsm-73 {
        margin-top: 73px !important;
        margin-bottom: 73px !important;
    }
    .gx-xsm-73 {
        gap: 0 73px !important;
    }
    .gy-xsm-73 {
        gap: 73px !important;
    }
    .gap-xsm-73 {
        gap: 73px !important;
    }
}

.p-73 {
    padding: 73px !important;
}

.pl-73 {
    padding-left: 73px !important;
}

.pr-73 {
    padding-right: 73px !important;
}

.pt-73 {
    padding-top: 73px !important;
}

.pb-73 {
    padding-bottom: 73px !important;
}

.px-73 {
    padding-left: 73px !important;
    padding-right: 73px !important;
}

.py-73 {
    padding-top: 73px !important;
    padding-bottom: 73px !important;
}

.m-73 {
    margin: 73px !important;
}

.ml-73 {
    margin-left: 73px !important;
}

.mr-73 {
    margin-right: 73px !important;
}

.mt-73 {
    margin-top: 73px !important;
}

.mb-73 {
    margin-bottom: 73px !important;
}

.mx-73 {
    margin-left: 73px !important;
    margin-right: 73px !important;
}

.my-73 {
    margin-top: 73px !important;
    margin-bottom: 73px !important;
}

.gx-73 {
    gap: 0 73px !important;
}

.gy-73 {
    gap: 73px !important;
}

.gap-73 {
    gap: 73px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-73 {
        padding-left: 0 !important;
        padding-right: 73px !important;
    }
    .rtl .pr-xxl-73 {
        padding-right: 0 !important;
        padding-left: 73px !important;
    }
    .rtl .ml-xxl-73 {
        margin-left: 0 !important;
        margin-right: 73px !important;
    }
    .rtl .mr-xxl-73 {
        margin-right: 0 !important;
        margin-left: 73px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-73 {
        padding-left: 0 !important;
        padding-right: 73px !important;
    }
    .rtl .pr-xl-73 {
        padding-right: 0 !important;
        padding-left: 73px !important;
    }
    .rtl .ml-xl-73 {
        margin-left: 0 !important;
        margin-right: 73px !important;
    }
    .rtl .mr-xl-73 {
        margin-right: 0 !important;
        margin-left: 73px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-73 {
        padding-left: 0 !important;
        padding-right: 73px !important;
    }
    .rtl .pr-lg-73 {
        padding-right: 0 !important;
        padding-left: 73px !important;
    }
    .rtl .ml-lg-73 {
        margin-left: 0 !important;
        margin-right: 73px !important;
    }
    .rtl .mr-lg-73 {
        margin-right: 0 !important;
        margin-left: 73px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-73 {
        padding-left: 0 !important;
        padding-right: 73px !important;
    }
    .rtl .pr-md-73 {
        padding-right: 0 !important;
        padding-left: 73px !important;
    }
    .rtl .ml-md-73 {
        margin-left: 0 !important;
        margin-right: 73px !important;
    }
    .rtl .mr-md-73 {
        margin-right: 0 !important;
        margin-left: 73px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-73 {
        padding-left: 0 !important;
        padding-right: 73px !important;
    }
    .rtl .pr-sm-73 {
        padding-right: 0 !important;
        padding-left: 73px !important;
    }
    .rtl .ml-sm-73 {
        margin-left: 0 !important;
        margin-right: 73px !important;
    }
    .rtl .mr-sm-73 {
        margin-right: 0 !important;
        margin-left: 73px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-73 {
        padding-left: 0 !important;
        padding-right: 73px !important;
    }
    .rtl .pr-xsm-73 {
        padding-right: 0 !important;
        padding-left: 73px !important;
    }
    .rtl .ml-xsm-73 {
        margin-left: 0 !important;
        margin-right: 73px !important;
    }
    .rtl .mr-xsm-73 {
        margin-right: 0 !important;
        margin-left: 73px !important;
    }
}

.rtl .pl-73 {
    padding-left: 0 !important;
    padding-right: 73px !important;
}

.rtl .pr-73 {
    padding-right: 0 !important;
    padding-left: 73px !important;
}

.rtl .ml-73 {
    margin-left: 0 !important;
    margin-right: 73px !important;
}

.rtl .mr-73 {
    margin-right: 0 !important;
    margin-left: 73px !important;
}

@media (min-width: 1200px) {
    .p-xxl-74 {
        padding: 74px !important;
    }
    .pl-xxl-74 {
        padding-left: 74px !important;
    }
    .pr-xxl-74 {
        padding-right: 74px !important;
    }
    .pt-xxl-74 {
        padding-top: 74px !important;
    }
    .pb-xxl-74 {
        padding-bottom: 74px !important;
    }
    .px-xxl-74 {
        padding-left: 74px !important;
        padding-right: 74px !important;
    }
    .py-xxl-74 {
        padding-top: 74px !important;
        padding-bottom: 74px !important;
    }
    .m-xxl-74 {
        margin: 74px !important;
    }
    .ml-xxl-74 {
        margin-left: 74px !important;
    }
    .mr-xxl-74 {
        margin-right: 74px !important;
    }
    .mt-xxl-74 {
        margin-top: 74px !important;
    }
    .mb-xxl-74 {
        margin-bottom: 74px !important;
    }
    .mx-xxl-74 {
        margin-left: 74px !important;
        margin-right: 74px !important;
    }
    .my-xxl-74 {
        margin-top: 74px !important;
        margin-bottom: 74px !important;
    }
    .gx-xxl-74 {
        gap: 0 74px !important;
    }
    .gy-xxl-74 {
        gap: 74px !important;
    }
    .gap-xxl-74 {
        gap: 74px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-74 {
        padding: 74px !important;
    }
    .pl-xl-74 {
        padding-left: 74px !important;
    }
    .pr-xl-74 {
        padding-right: 74px !important;
    }
    .pt-xl-74 {
        padding-top: 74px !important;
    }
    .pb-xl-74 {
        padding-bottom: 74px !important;
    }
    .px-xl-74 {
        padding-left: 74px !important;
        padding-right: 74px !important;
    }
    .py-xl-74 {
        padding-top: 74px !important;
        padding-bottom: 74px !important;
    }
    .m-xl-74 {
        margin: 74px !important;
    }
    .ml-xl-74 {
        margin-left: 74px !important;
    }
    .mr-xl-74 {
        margin-right: 74px !important;
    }
    .mt-xl-74 {
        margin-top: 74px !important;
    }
    .mb-xl-74 {
        margin-bottom: 74px !important;
    }
    .mx-xl-74 {
        margin-left: 74px !important;
        margin-right: 74px !important;
    }
    .my-xl-74 {
        margin-top: 74px !important;
        margin-bottom: 74px !important;
    }
    .gx-xl-74 {
        gap: 0 74px !important;
    }
    .gy-xl-74 {
        gap: 74px !important;
    }
    .gap-xl-74 {
        gap: 74px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-74 {
        padding: 74px !important;
    }
    .pl-lg-74 {
        padding-left: 74px !important;
    }
    .pr-lg-74 {
        padding-right: 74px !important;
    }
    .pt-lg-74 {
        padding-top: 74px !important;
    }
    .pb-lg-74 {
        padding-bottom: 74px !important;
    }
    .px-lg-74 {
        padding-left: 74px !important;
        padding-right: 74px !important;
    }
    .py-lg-74 {
        padding-top: 74px !important;
        padding-bottom: 74px !important;
    }
    .m-lg-74 {
        margin: 74px !important;
    }
    .ml-lg-74 {
        margin-left: 74px !important;
    }
    .mr-lg-74 {
        margin-right: 74px !important;
    }
    .mt-lg-74 {
        margin-top: 74px !important;
    }
    .mb-lg-74 {
        margin-bottom: 74px !important;
    }
    .mx-lg-74 {
        margin-left: 74px !important;
        margin-right: 74px !important;
    }
    .my-lg-74 {
        margin-top: 74px !important;
        margin-bottom: 74px !important;
    }
    .gx-lg-74 {
        gap: 0 74px !important;
    }
    .gy-lg-74 {
        gap: 74px !important;
    }
    .gap-lg-74 {
        gap: 74px !important;
    }
}

@media (min-width: 576px) {
    .p-md-74 {
        padding: 74px !important;
    }
    .pl-md-74 {
        padding-left: 74px !important;
    }
    .pr-md-74 {
        padding-right: 74px !important;
    }
    .pt-md-74 {
        padding-top: 74px !important;
    }
    .pb-md-74 {
        padding-bottom: 74px !important;
    }
    .px-md-74 {
        padding-left: 74px !important;
        padding-right: 74px !important;
    }
    .py-md-74 {
        padding-top: 74px !important;
        padding-bottom: 74px !important;
    }
    .m-md-74 {
        margin: 74px !important;
    }
    .ml-md-74 {
        margin-left: 74px !important;
    }
    .mr-md-74 {
        margin-right: 74px !important;
    }
    .mt-md-74 {
        margin-top: 74px !important;
    }
    .mb-md-74 {
        margin-bottom: 74px !important;
    }
    .mx-md-74 {
        margin-left: 74px !important;
        margin-right: 74px !important;
    }
    .my-md-74 {
        margin-top: 74px !important;
        margin-bottom: 74px !important;
    }
    .gx-md-74 {
        gap: 0 74px !important;
    }
    .gy-md-74 {
        gap: 74px !important;
    }
    .gap-md-74 {
        gap: 74px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-74 {
        padding: 74px !important;
    }
    .pl-sm-74 {
        padding-left: 74px !important;
    }
    .pr-sm-74 {
        padding-right: 74px !important;
    }
    .pt-sm-74 {
        padding-top: 74px !important;
    }
    .pb-sm-74 {
        padding-bottom: 74px !important;
    }
    .px-sm-74 {
        padding-left: 74px !important;
        padding-right: 74px !important;
    }
    .py-sm-74 {
        padding-top: 74px !important;
        padding-bottom: 74px !important;
    }
    .m-sm-74 {
        margin: 74px !important;
    }
    .ml-sm-74 {
        margin-left: 74px !important;
    }
    .mr-sm-74 {
        margin-right: 74px !important;
    }
    .mt-sm-74 {
        margin-top: 74px !important;
    }
    .mb-sm-74 {
        margin-bottom: 74px !important;
    }
    .mx-sm-74 {
        margin-left: 74px !important;
        margin-right: 74px !important;
    }
    .my-sm-74 {
        margin-top: 74px !important;
        margin-bottom: 74px !important;
    }
    .gx-sm-74 {
        gap: 0 74px !important;
    }
    .gy-sm-74 {
        gap: 74px !important;
    }
    .gap-sm-74 {
        gap: 74px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-74 {
        padding: 74px !important;
    }
    .pl-xsm-74 {
        padding-left: 74px !important;
    }
    .pr-xsm-74 {
        padding-right: 74px !important;
    }
    .pt-xsm-74 {
        padding-top: 74px !important;
    }
    .pb-xsm-74 {
        padding-bottom: 74px !important;
    }
    .px-xsm-74 {
        padding-left: 74px !important;
        padding-right: 74px !important;
    }
    .py-xsm-74 {
        padding-top: 74px !important;
        padding-bottom: 74px !important;
    }
    .m-xsm-74 {
        margin: 74px !important;
    }
    .ml-xsm-74 {
        margin-left: 74px !important;
    }
    .mr-xsm-74 {
        margin-right: 74px !important;
    }
    .mt-xsm-74 {
        margin-top: 74px !important;
    }
    .mb-xsm-74 {
        margin-bottom: 74px !important;
    }
    .mx-xsm-74 {
        margin-left: 74px !important;
        margin-right: 74px !important;
    }
    .my-xsm-74 {
        margin-top: 74px !important;
        margin-bottom: 74px !important;
    }
    .gx-xsm-74 {
        gap: 0 74px !important;
    }
    .gy-xsm-74 {
        gap: 74px !important;
    }
    .gap-xsm-74 {
        gap: 74px !important;
    }
}

.p-74 {
    padding: 74px !important;
}

.pl-74 {
    padding-left: 74px !important;
}

.pr-74 {
    padding-right: 74px !important;
}

.pt-74 {
    padding-top: 74px !important;
}

.pb-74 {
    padding-bottom: 74px !important;
}

.px-74 {
    padding-left: 74px !important;
    padding-right: 74px !important;
}

.py-74 {
    padding-top: 74px !important;
    padding-bottom: 74px !important;
}

.m-74 {
    margin: 74px !important;
}

.ml-74 {
    margin-left: 74px !important;
}

.mr-74 {
    margin-right: 74px !important;
}

.mt-74 {
    margin-top: 74px !important;
}

.mb-74 {
    margin-bottom: 74px !important;
}

.mx-74 {
    margin-left: 74px !important;
    margin-right: 74px !important;
}

.my-74 {
    margin-top: 74px !important;
    margin-bottom: 74px !important;
}

.gx-74 {
    gap: 0 74px !important;
}

.gy-74 {
    gap: 74px !important;
}

.gap-74 {
    gap: 74px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-74 {
        padding-left: 0 !important;
        padding-right: 74px !important;
    }
    .rtl .pr-xxl-74 {
        padding-right: 0 !important;
        padding-left: 74px !important;
    }
    .rtl .ml-xxl-74 {
        margin-left: 0 !important;
        margin-right: 74px !important;
    }
    .rtl .mr-xxl-74 {
        margin-right: 0 !important;
        margin-left: 74px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-74 {
        padding-left: 0 !important;
        padding-right: 74px !important;
    }
    .rtl .pr-xl-74 {
        padding-right: 0 !important;
        padding-left: 74px !important;
    }
    .rtl .ml-xl-74 {
        margin-left: 0 !important;
        margin-right: 74px !important;
    }
    .rtl .mr-xl-74 {
        margin-right: 0 !important;
        margin-left: 74px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-74 {
        padding-left: 0 !important;
        padding-right: 74px !important;
    }
    .rtl .pr-lg-74 {
        padding-right: 0 !important;
        padding-left: 74px !important;
    }
    .rtl .ml-lg-74 {
        margin-left: 0 !important;
        margin-right: 74px !important;
    }
    .rtl .mr-lg-74 {
        margin-right: 0 !important;
        margin-left: 74px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-74 {
        padding-left: 0 !important;
        padding-right: 74px !important;
    }
    .rtl .pr-md-74 {
        padding-right: 0 !important;
        padding-left: 74px !important;
    }
    .rtl .ml-md-74 {
        margin-left: 0 !important;
        margin-right: 74px !important;
    }
    .rtl .mr-md-74 {
        margin-right: 0 !important;
        margin-left: 74px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-74 {
        padding-left: 0 !important;
        padding-right: 74px !important;
    }
    .rtl .pr-sm-74 {
        padding-right: 0 !important;
        padding-left: 74px !important;
    }
    .rtl .ml-sm-74 {
        margin-left: 0 !important;
        margin-right: 74px !important;
    }
    .rtl .mr-sm-74 {
        margin-right: 0 !important;
        margin-left: 74px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-74 {
        padding-left: 0 !important;
        padding-right: 74px !important;
    }
    .rtl .pr-xsm-74 {
        padding-right: 0 !important;
        padding-left: 74px !important;
    }
    .rtl .ml-xsm-74 {
        margin-left: 0 !important;
        margin-right: 74px !important;
    }
    .rtl .mr-xsm-74 {
        margin-right: 0 !important;
        margin-left: 74px !important;
    }
}

.rtl .pl-74 {
    padding-left: 0 !important;
    padding-right: 74px !important;
}

.rtl .pr-74 {
    padding-right: 0 !important;
    padding-left: 74px !important;
}

.rtl .ml-74 {
    margin-left: 0 !important;
    margin-right: 74px !important;
}

.rtl .mr-74 {
    margin-right: 0 !important;
    margin-left: 74px !important;
}

@media (min-width: 1200px) {
    .p-xxl-75 {
        padding: 75px !important;
    }
    .pl-xxl-75 {
        padding-left: 75px !important;
    }
    .pr-xxl-75 {
        padding-right: 75px !important;
    }
    .pt-xxl-75 {
        padding-top: 75px !important;
    }
    .pb-xxl-75 {
        padding-bottom: 75px !important;
    }
    .px-xxl-75 {
        padding-left: 75px !important;
        padding-right: 75px !important;
    }
    .py-xxl-75 {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }
    .m-xxl-75 {
        margin: 75px !important;
    }
    .ml-xxl-75 {
        margin-left: 75px !important;
    }
    .mr-xxl-75 {
        margin-right: 75px !important;
    }
    .mt-xxl-75 {
        margin-top: 75px !important;
    }
    .mb-xxl-75 {
        margin-bottom: 75px !important;
    }
    .mx-xxl-75 {
        margin-left: 75px !important;
        margin-right: 75px !important;
    }
    .my-xxl-75 {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }
    .gx-xxl-75 {
        gap: 0 75px !important;
    }
    .gy-xxl-75 {
        gap: 75px !important;
    }
    .gap-xxl-75 {
        gap: 75px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-75 {
        padding: 75px !important;
    }
    .pl-xl-75 {
        padding-left: 75px !important;
    }
    .pr-xl-75 {
        padding-right: 75px !important;
    }
    .pt-xl-75 {
        padding-top: 75px !important;
    }
    .pb-xl-75 {
        padding-bottom: 75px !important;
    }
    .px-xl-75 {
        padding-left: 75px !important;
        padding-right: 75px !important;
    }
    .py-xl-75 {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }
    .m-xl-75 {
        margin: 75px !important;
    }
    .ml-xl-75 {
        margin-left: 75px !important;
    }
    .mr-xl-75 {
        margin-right: 75px !important;
    }
    .mt-xl-75 {
        margin-top: 75px !important;
    }
    .mb-xl-75 {
        margin-bottom: 75px !important;
    }
    .mx-xl-75 {
        margin-left: 75px !important;
        margin-right: 75px !important;
    }
    .my-xl-75 {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }
    .gx-xl-75 {
        gap: 0 75px !important;
    }
    .gy-xl-75 {
        gap: 75px !important;
    }
    .gap-xl-75 {
        gap: 75px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-75 {
        padding: 75px !important;
    }
    .pl-lg-75 {
        padding-left: 75px !important;
    }
    .pr-lg-75 {
        padding-right: 75px !important;
    }
    .pt-lg-75 {
        padding-top: 75px !important;
    }
    .pb-lg-75 {
        padding-bottom: 75px !important;
    }
    .px-lg-75 {
        padding-left: 75px !important;
        padding-right: 75px !important;
    }
    .py-lg-75 {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }
    .m-lg-75 {
        margin: 75px !important;
    }
    .ml-lg-75 {
        margin-left: 75px !important;
    }
    .mr-lg-75 {
        margin-right: 75px !important;
    }
    .mt-lg-75 {
        margin-top: 75px !important;
    }
    .mb-lg-75 {
        margin-bottom: 75px !important;
    }
    .mx-lg-75 {
        margin-left: 75px !important;
        margin-right: 75px !important;
    }
    .my-lg-75 {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }
    .gx-lg-75 {
        gap: 0 75px !important;
    }
    .gy-lg-75 {
        gap: 75px !important;
    }
    .gap-lg-75 {
        gap: 75px !important;
    }
}

@media (min-width: 576px) {
    .p-md-75 {
        padding: 75px !important;
    }
    .pl-md-75 {
        padding-left: 75px !important;
    }
    .pr-md-75 {
        padding-right: 75px !important;
    }
    .pt-md-75 {
        padding-top: 75px !important;
    }
    .pb-md-75 {
        padding-bottom: 75px !important;
    }
    .px-md-75 {
        padding-left: 75px !important;
        padding-right: 75px !important;
    }
    .py-md-75 {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }
    .m-md-75 {
        margin: 75px !important;
    }
    .ml-md-75 {
        margin-left: 75px !important;
    }
    .mr-md-75 {
        margin-right: 75px !important;
    }
    .mt-md-75 {
        margin-top: 75px !important;
    }
    .mb-md-75 {
        margin-bottom: 75px !important;
    }
    .mx-md-75 {
        margin-left: 75px !important;
        margin-right: 75px !important;
    }
    .my-md-75 {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }
    .gx-md-75 {
        gap: 0 75px !important;
    }
    .gy-md-75 {
        gap: 75px !important;
    }
    .gap-md-75 {
        gap: 75px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-75 {
        padding: 75px !important;
    }
    .pl-sm-75 {
        padding-left: 75px !important;
    }
    .pr-sm-75 {
        padding-right: 75px !important;
    }
    .pt-sm-75 {
        padding-top: 75px !important;
    }
    .pb-sm-75 {
        padding-bottom: 75px !important;
    }
    .px-sm-75 {
        padding-left: 75px !important;
        padding-right: 75px !important;
    }
    .py-sm-75 {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }
    .m-sm-75 {
        margin: 75px !important;
    }
    .ml-sm-75 {
        margin-left: 75px !important;
    }
    .mr-sm-75 {
        margin-right: 75px !important;
    }
    .mt-sm-75 {
        margin-top: 75px !important;
    }
    .mb-sm-75 {
        margin-bottom: 75px !important;
    }
    .mx-sm-75 {
        margin-left: 75px !important;
        margin-right: 75px !important;
    }
    .my-sm-75 {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }
    .gx-sm-75 {
        gap: 0 75px !important;
    }
    .gy-sm-75 {
        gap: 75px !important;
    }
    .gap-sm-75 {
        gap: 75px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-75 {
        padding: 75px !important;
    }
    .pl-xsm-75 {
        padding-left: 75px !important;
    }
    .pr-xsm-75 {
        padding-right: 75px !important;
    }
    .pt-xsm-75 {
        padding-top: 75px !important;
    }
    .pb-xsm-75 {
        padding-bottom: 75px !important;
    }
    .px-xsm-75 {
        padding-left: 75px !important;
        padding-right: 75px !important;
    }
    .py-xsm-75 {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }
    .m-xsm-75 {
        margin: 75px !important;
    }
    .ml-xsm-75 {
        margin-left: 75px !important;
    }
    .mr-xsm-75 {
        margin-right: 75px !important;
    }
    .mt-xsm-75 {
        margin-top: 75px !important;
    }
    .mb-xsm-75 {
        margin-bottom: 75px !important;
    }
    .mx-xsm-75 {
        margin-left: 75px !important;
        margin-right: 75px !important;
    }
    .my-xsm-75 {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }
    .gx-xsm-75 {
        gap: 0 75px !important;
    }
    .gy-xsm-75 {
        gap: 75px !important;
    }
    .gap-xsm-75 {
        gap: 75px !important;
    }
}

.p-75 {
    padding: 75px !important;
}

.pl-75 {
    padding-left: 75px !important;
}

.pr-75 {
    padding-right: 75px !important;
}

.pt-75 {
    padding-top: 75px !important;
}

.pb-75 {
    padding-bottom: 75px !important;
}

.px-75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
}

.py-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}

.m-75 {
    margin: 75px !important;
}

.ml-75 {
    margin-left: 75px !important;
}

.mr-75 {
    margin-right: 75px !important;
}

.mt-75 {
    margin-top: 75px !important;
}

.mb-75 {
    margin-bottom: 75px !important;
}

.mx-75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
}

.my-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
}

.gx-75 {
    gap: 0 75px !important;
}

.gy-75 {
    gap: 75px !important;
}

.gap-75 {
    gap: 75px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-75 {
        padding-left: 0 !important;
        padding-right: 75px !important;
    }
    .rtl .pr-xxl-75 {
        padding-right: 0 !important;
        padding-left: 75px !important;
    }
    .rtl .ml-xxl-75 {
        margin-left: 0 !important;
        margin-right: 75px !important;
    }
    .rtl .mr-xxl-75 {
        margin-right: 0 !important;
        margin-left: 75px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-75 {
        padding-left: 0 !important;
        padding-right: 75px !important;
    }
    .rtl .pr-xl-75 {
        padding-right: 0 !important;
        padding-left: 75px !important;
    }
    .rtl .ml-xl-75 {
        margin-left: 0 !important;
        margin-right: 75px !important;
    }
    .rtl .mr-xl-75 {
        margin-right: 0 !important;
        margin-left: 75px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-75 {
        padding-left: 0 !important;
        padding-right: 75px !important;
    }
    .rtl .pr-lg-75 {
        padding-right: 0 !important;
        padding-left: 75px !important;
    }
    .rtl .ml-lg-75 {
        margin-left: 0 !important;
        margin-right: 75px !important;
    }
    .rtl .mr-lg-75 {
        margin-right: 0 !important;
        margin-left: 75px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-75 {
        padding-left: 0 !important;
        padding-right: 75px !important;
    }
    .rtl .pr-md-75 {
        padding-right: 0 !important;
        padding-left: 75px !important;
    }
    .rtl .ml-md-75 {
        margin-left: 0 !important;
        margin-right: 75px !important;
    }
    .rtl .mr-md-75 {
        margin-right: 0 !important;
        margin-left: 75px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-75 {
        padding-left: 0 !important;
        padding-right: 75px !important;
    }
    .rtl .pr-sm-75 {
        padding-right: 0 !important;
        padding-left: 75px !important;
    }
    .rtl .ml-sm-75 {
        margin-left: 0 !important;
        margin-right: 75px !important;
    }
    .rtl .mr-sm-75 {
        margin-right: 0 !important;
        margin-left: 75px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-75 {
        padding-left: 0 !important;
        padding-right: 75px !important;
    }
    .rtl .pr-xsm-75 {
        padding-right: 0 !important;
        padding-left: 75px !important;
    }
    .rtl .ml-xsm-75 {
        margin-left: 0 !important;
        margin-right: 75px !important;
    }
    .rtl .mr-xsm-75 {
        margin-right: 0 !important;
        margin-left: 75px !important;
    }
}

.rtl .pl-75 {
    padding-left: 0 !important;
    padding-right: 75px !important;
}

.rtl .pr-75 {
    padding-right: 0 !important;
    padding-left: 75px !important;
}

.rtl .ml-75 {
    margin-left: 0 !important;
    margin-right: 75px !important;
}

.rtl .mr-75 {
    margin-right: 0 !important;
    margin-left: 75px !important;
}

@media (min-width: 1200px) {
    .p-xxl-76 {
        padding: 76px !important;
    }
    .pl-xxl-76 {
        padding-left: 76px !important;
    }
    .pr-xxl-76 {
        padding-right: 76px !important;
    }
    .pt-xxl-76 {
        padding-top: 76px !important;
    }
    .pb-xxl-76 {
        padding-bottom: 76px !important;
    }
    .px-xxl-76 {
        padding-left: 76px !important;
        padding-right: 76px !important;
    }
    .py-xxl-76 {
        padding-top: 76px !important;
        padding-bottom: 76px !important;
    }
    .m-xxl-76 {
        margin: 76px !important;
    }
    .ml-xxl-76 {
        margin-left: 76px !important;
    }
    .mr-xxl-76 {
        margin-right: 76px !important;
    }
    .mt-xxl-76 {
        margin-top: 76px !important;
    }
    .mb-xxl-76 {
        margin-bottom: 76px !important;
    }
    .mx-xxl-76 {
        margin-left: 76px !important;
        margin-right: 76px !important;
    }
    .my-xxl-76 {
        margin-top: 76px !important;
        margin-bottom: 76px !important;
    }
    .gx-xxl-76 {
        gap: 0 76px !important;
    }
    .gy-xxl-76 {
        gap: 76px !important;
    }
    .gap-xxl-76 {
        gap: 76px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-76 {
        padding: 76px !important;
    }
    .pl-xl-76 {
        padding-left: 76px !important;
    }
    .pr-xl-76 {
        padding-right: 76px !important;
    }
    .pt-xl-76 {
        padding-top: 76px !important;
    }
    .pb-xl-76 {
        padding-bottom: 76px !important;
    }
    .px-xl-76 {
        padding-left: 76px !important;
        padding-right: 76px !important;
    }
    .py-xl-76 {
        padding-top: 76px !important;
        padding-bottom: 76px !important;
    }
    .m-xl-76 {
        margin: 76px !important;
    }
    .ml-xl-76 {
        margin-left: 76px !important;
    }
    .mr-xl-76 {
        margin-right: 76px !important;
    }
    .mt-xl-76 {
        margin-top: 76px !important;
    }
    .mb-xl-76 {
        margin-bottom: 76px !important;
    }
    .mx-xl-76 {
        margin-left: 76px !important;
        margin-right: 76px !important;
    }
    .my-xl-76 {
        margin-top: 76px !important;
        margin-bottom: 76px !important;
    }
    .gx-xl-76 {
        gap: 0 76px !important;
    }
    .gy-xl-76 {
        gap: 76px !important;
    }
    .gap-xl-76 {
        gap: 76px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-76 {
        padding: 76px !important;
    }
    .pl-lg-76 {
        padding-left: 76px !important;
    }
    .pr-lg-76 {
        padding-right: 76px !important;
    }
    .pt-lg-76 {
        padding-top: 76px !important;
    }
    .pb-lg-76 {
        padding-bottom: 76px !important;
    }
    .px-lg-76 {
        padding-left: 76px !important;
        padding-right: 76px !important;
    }
    .py-lg-76 {
        padding-top: 76px !important;
        padding-bottom: 76px !important;
    }
    .m-lg-76 {
        margin: 76px !important;
    }
    .ml-lg-76 {
        margin-left: 76px !important;
    }
    .mr-lg-76 {
        margin-right: 76px !important;
    }
    .mt-lg-76 {
        margin-top: 76px !important;
    }
    .mb-lg-76 {
        margin-bottom: 76px !important;
    }
    .mx-lg-76 {
        margin-left: 76px !important;
        margin-right: 76px !important;
    }
    .my-lg-76 {
        margin-top: 76px !important;
        margin-bottom: 76px !important;
    }
    .gx-lg-76 {
        gap: 0 76px !important;
    }
    .gy-lg-76 {
        gap: 76px !important;
    }
    .gap-lg-76 {
        gap: 76px !important;
    }
}

@media (min-width: 576px) {
    .p-md-76 {
        padding: 76px !important;
    }
    .pl-md-76 {
        padding-left: 76px !important;
    }
    .pr-md-76 {
        padding-right: 76px !important;
    }
    .pt-md-76 {
        padding-top: 76px !important;
    }
    .pb-md-76 {
        padding-bottom: 76px !important;
    }
    .px-md-76 {
        padding-left: 76px !important;
        padding-right: 76px !important;
    }
    .py-md-76 {
        padding-top: 76px !important;
        padding-bottom: 76px !important;
    }
    .m-md-76 {
        margin: 76px !important;
    }
    .ml-md-76 {
        margin-left: 76px !important;
    }
    .mr-md-76 {
        margin-right: 76px !important;
    }
    .mt-md-76 {
        margin-top: 76px !important;
    }
    .mb-md-76 {
        margin-bottom: 76px !important;
    }
    .mx-md-76 {
        margin-left: 76px !important;
        margin-right: 76px !important;
    }
    .my-md-76 {
        margin-top: 76px !important;
        margin-bottom: 76px !important;
    }
    .gx-md-76 {
        gap: 0 76px !important;
    }
    .gy-md-76 {
        gap: 76px !important;
    }
    .gap-md-76 {
        gap: 76px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-76 {
        padding: 76px !important;
    }
    .pl-sm-76 {
        padding-left: 76px !important;
    }
    .pr-sm-76 {
        padding-right: 76px !important;
    }
    .pt-sm-76 {
        padding-top: 76px !important;
    }
    .pb-sm-76 {
        padding-bottom: 76px !important;
    }
    .px-sm-76 {
        padding-left: 76px !important;
        padding-right: 76px !important;
    }
    .py-sm-76 {
        padding-top: 76px !important;
        padding-bottom: 76px !important;
    }
    .m-sm-76 {
        margin: 76px !important;
    }
    .ml-sm-76 {
        margin-left: 76px !important;
    }
    .mr-sm-76 {
        margin-right: 76px !important;
    }
    .mt-sm-76 {
        margin-top: 76px !important;
    }
    .mb-sm-76 {
        margin-bottom: 76px !important;
    }
    .mx-sm-76 {
        margin-left: 76px !important;
        margin-right: 76px !important;
    }
    .my-sm-76 {
        margin-top: 76px !important;
        margin-bottom: 76px !important;
    }
    .gx-sm-76 {
        gap: 0 76px !important;
    }
    .gy-sm-76 {
        gap: 76px !important;
    }
    .gap-sm-76 {
        gap: 76px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-76 {
        padding: 76px !important;
    }
    .pl-xsm-76 {
        padding-left: 76px !important;
    }
    .pr-xsm-76 {
        padding-right: 76px !important;
    }
    .pt-xsm-76 {
        padding-top: 76px !important;
    }
    .pb-xsm-76 {
        padding-bottom: 76px !important;
    }
    .px-xsm-76 {
        padding-left: 76px !important;
        padding-right: 76px !important;
    }
    .py-xsm-76 {
        padding-top: 76px !important;
        padding-bottom: 76px !important;
    }
    .m-xsm-76 {
        margin: 76px !important;
    }
    .ml-xsm-76 {
        margin-left: 76px !important;
    }
    .mr-xsm-76 {
        margin-right: 76px !important;
    }
    .mt-xsm-76 {
        margin-top: 76px !important;
    }
    .mb-xsm-76 {
        margin-bottom: 76px !important;
    }
    .mx-xsm-76 {
        margin-left: 76px !important;
        margin-right: 76px !important;
    }
    .my-xsm-76 {
        margin-top: 76px !important;
        margin-bottom: 76px !important;
    }
    .gx-xsm-76 {
        gap: 0 76px !important;
    }
    .gy-xsm-76 {
        gap: 76px !important;
    }
    .gap-xsm-76 {
        gap: 76px !important;
    }
}

.p-76 {
    padding: 76px !important;
}

.pl-76 {
    padding-left: 76px !important;
}

.pr-76 {
    padding-right: 76px !important;
}

.pt-76 {
    padding-top: 76px !important;
}

.pb-76 {
    padding-bottom: 76px !important;
}

.px-76 {
    padding-left: 76px !important;
    padding-right: 76px !important;
}

.py-76 {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
}

.m-76 {
    margin: 76px !important;
}

.ml-76 {
    margin-left: 76px !important;
}

.mr-76 {
    margin-right: 76px !important;
}

.mt-76 {
    margin-top: 76px !important;
}

.mb-76 {
    margin-bottom: 76px !important;
}

.mx-76 {
    margin-left: 76px !important;
    margin-right: 76px !important;
}

.my-76 {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
}

.gx-76 {
    gap: 0 76px !important;
}

.gy-76 {
    gap: 76px !important;
}

.gap-76 {
    gap: 76px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-76 {
        padding-left: 0 !important;
        padding-right: 76px !important;
    }
    .rtl .pr-xxl-76 {
        padding-right: 0 !important;
        padding-left: 76px !important;
    }
    .rtl .ml-xxl-76 {
        margin-left: 0 !important;
        margin-right: 76px !important;
    }
    .rtl .mr-xxl-76 {
        margin-right: 0 !important;
        margin-left: 76px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-76 {
        padding-left: 0 !important;
        padding-right: 76px !important;
    }
    .rtl .pr-xl-76 {
        padding-right: 0 !important;
        padding-left: 76px !important;
    }
    .rtl .ml-xl-76 {
        margin-left: 0 !important;
        margin-right: 76px !important;
    }
    .rtl .mr-xl-76 {
        margin-right: 0 !important;
        margin-left: 76px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-76 {
        padding-left: 0 !important;
        padding-right: 76px !important;
    }
    .rtl .pr-lg-76 {
        padding-right: 0 !important;
        padding-left: 76px !important;
    }
    .rtl .ml-lg-76 {
        margin-left: 0 !important;
        margin-right: 76px !important;
    }
    .rtl .mr-lg-76 {
        margin-right: 0 !important;
        margin-left: 76px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-76 {
        padding-left: 0 !important;
        padding-right: 76px !important;
    }
    .rtl .pr-md-76 {
        padding-right: 0 !important;
        padding-left: 76px !important;
    }
    .rtl .ml-md-76 {
        margin-left: 0 !important;
        margin-right: 76px !important;
    }
    .rtl .mr-md-76 {
        margin-right: 0 !important;
        margin-left: 76px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-76 {
        padding-left: 0 !important;
        padding-right: 76px !important;
    }
    .rtl .pr-sm-76 {
        padding-right: 0 !important;
        padding-left: 76px !important;
    }
    .rtl .ml-sm-76 {
        margin-left: 0 !important;
        margin-right: 76px !important;
    }
    .rtl .mr-sm-76 {
        margin-right: 0 !important;
        margin-left: 76px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-76 {
        padding-left: 0 !important;
        padding-right: 76px !important;
    }
    .rtl .pr-xsm-76 {
        padding-right: 0 !important;
        padding-left: 76px !important;
    }
    .rtl .ml-xsm-76 {
        margin-left: 0 !important;
        margin-right: 76px !important;
    }
    .rtl .mr-xsm-76 {
        margin-right: 0 !important;
        margin-left: 76px !important;
    }
}

.rtl .pl-76 {
    padding-left: 0 !important;
    padding-right: 76px !important;
}

.rtl .pr-76 {
    padding-right: 0 !important;
    padding-left: 76px !important;
}

.rtl .ml-76 {
    margin-left: 0 !important;
    margin-right: 76px !important;
}

.rtl .mr-76 {
    margin-right: 0 !important;
    margin-left: 76px !important;
}

@media (min-width: 1200px) {
    .p-xxl-77 {
        padding: 77px !important;
    }
    .pl-xxl-77 {
        padding-left: 77px !important;
    }
    .pr-xxl-77 {
        padding-right: 77px !important;
    }
    .pt-xxl-77 {
        padding-top: 77px !important;
    }
    .pb-xxl-77 {
        padding-bottom: 77px !important;
    }
    .px-xxl-77 {
        padding-left: 77px !important;
        padding-right: 77px !important;
    }
    .py-xxl-77 {
        padding-top: 77px !important;
        padding-bottom: 77px !important;
    }
    .m-xxl-77 {
        margin: 77px !important;
    }
    .ml-xxl-77 {
        margin-left: 77px !important;
    }
    .mr-xxl-77 {
        margin-right: 77px !important;
    }
    .mt-xxl-77 {
        margin-top: 77px !important;
    }
    .mb-xxl-77 {
        margin-bottom: 77px !important;
    }
    .mx-xxl-77 {
        margin-left: 77px !important;
        margin-right: 77px !important;
    }
    .my-xxl-77 {
        margin-top: 77px !important;
        margin-bottom: 77px !important;
    }
    .gx-xxl-77 {
        gap: 0 77px !important;
    }
    .gy-xxl-77 {
        gap: 77px !important;
    }
    .gap-xxl-77 {
        gap: 77px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-77 {
        padding: 77px !important;
    }
    .pl-xl-77 {
        padding-left: 77px !important;
    }
    .pr-xl-77 {
        padding-right: 77px !important;
    }
    .pt-xl-77 {
        padding-top: 77px !important;
    }
    .pb-xl-77 {
        padding-bottom: 77px !important;
    }
    .px-xl-77 {
        padding-left: 77px !important;
        padding-right: 77px !important;
    }
    .py-xl-77 {
        padding-top: 77px !important;
        padding-bottom: 77px !important;
    }
    .m-xl-77 {
        margin: 77px !important;
    }
    .ml-xl-77 {
        margin-left: 77px !important;
    }
    .mr-xl-77 {
        margin-right: 77px !important;
    }
    .mt-xl-77 {
        margin-top: 77px !important;
    }
    .mb-xl-77 {
        margin-bottom: 77px !important;
    }
    .mx-xl-77 {
        margin-left: 77px !important;
        margin-right: 77px !important;
    }
    .my-xl-77 {
        margin-top: 77px !important;
        margin-bottom: 77px !important;
    }
    .gx-xl-77 {
        gap: 0 77px !important;
    }
    .gy-xl-77 {
        gap: 77px !important;
    }
    .gap-xl-77 {
        gap: 77px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-77 {
        padding: 77px !important;
    }
    .pl-lg-77 {
        padding-left: 77px !important;
    }
    .pr-lg-77 {
        padding-right: 77px !important;
    }
    .pt-lg-77 {
        padding-top: 77px !important;
    }
    .pb-lg-77 {
        padding-bottom: 77px !important;
    }
    .px-lg-77 {
        padding-left: 77px !important;
        padding-right: 77px !important;
    }
    .py-lg-77 {
        padding-top: 77px !important;
        padding-bottom: 77px !important;
    }
    .m-lg-77 {
        margin: 77px !important;
    }
    .ml-lg-77 {
        margin-left: 77px !important;
    }
    .mr-lg-77 {
        margin-right: 77px !important;
    }
    .mt-lg-77 {
        margin-top: 77px !important;
    }
    .mb-lg-77 {
        margin-bottom: 77px !important;
    }
    .mx-lg-77 {
        margin-left: 77px !important;
        margin-right: 77px !important;
    }
    .my-lg-77 {
        margin-top: 77px !important;
        margin-bottom: 77px !important;
    }
    .gx-lg-77 {
        gap: 0 77px !important;
    }
    .gy-lg-77 {
        gap: 77px !important;
    }
    .gap-lg-77 {
        gap: 77px !important;
    }
}

@media (min-width: 576px) {
    .p-md-77 {
        padding: 77px !important;
    }
    .pl-md-77 {
        padding-left: 77px !important;
    }
    .pr-md-77 {
        padding-right: 77px !important;
    }
    .pt-md-77 {
        padding-top: 77px !important;
    }
    .pb-md-77 {
        padding-bottom: 77px !important;
    }
    .px-md-77 {
        padding-left: 77px !important;
        padding-right: 77px !important;
    }
    .py-md-77 {
        padding-top: 77px !important;
        padding-bottom: 77px !important;
    }
    .m-md-77 {
        margin: 77px !important;
    }
    .ml-md-77 {
        margin-left: 77px !important;
    }
    .mr-md-77 {
        margin-right: 77px !important;
    }
    .mt-md-77 {
        margin-top: 77px !important;
    }
    .mb-md-77 {
        margin-bottom: 77px !important;
    }
    .mx-md-77 {
        margin-left: 77px !important;
        margin-right: 77px !important;
    }
    .my-md-77 {
        margin-top: 77px !important;
        margin-bottom: 77px !important;
    }
    .gx-md-77 {
        gap: 0 77px !important;
    }
    .gy-md-77 {
        gap: 77px !important;
    }
    .gap-md-77 {
        gap: 77px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-77 {
        padding: 77px !important;
    }
    .pl-sm-77 {
        padding-left: 77px !important;
    }
    .pr-sm-77 {
        padding-right: 77px !important;
    }
    .pt-sm-77 {
        padding-top: 77px !important;
    }
    .pb-sm-77 {
        padding-bottom: 77px !important;
    }
    .px-sm-77 {
        padding-left: 77px !important;
        padding-right: 77px !important;
    }
    .py-sm-77 {
        padding-top: 77px !important;
        padding-bottom: 77px !important;
    }
    .m-sm-77 {
        margin: 77px !important;
    }
    .ml-sm-77 {
        margin-left: 77px !important;
    }
    .mr-sm-77 {
        margin-right: 77px !important;
    }
    .mt-sm-77 {
        margin-top: 77px !important;
    }
    .mb-sm-77 {
        margin-bottom: 77px !important;
    }
    .mx-sm-77 {
        margin-left: 77px !important;
        margin-right: 77px !important;
    }
    .my-sm-77 {
        margin-top: 77px !important;
        margin-bottom: 77px !important;
    }
    .gx-sm-77 {
        gap: 0 77px !important;
    }
    .gy-sm-77 {
        gap: 77px !important;
    }
    .gap-sm-77 {
        gap: 77px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-77 {
        padding: 77px !important;
    }
    .pl-xsm-77 {
        padding-left: 77px !important;
    }
    .pr-xsm-77 {
        padding-right: 77px !important;
    }
    .pt-xsm-77 {
        padding-top: 77px !important;
    }
    .pb-xsm-77 {
        padding-bottom: 77px !important;
    }
    .px-xsm-77 {
        padding-left: 77px !important;
        padding-right: 77px !important;
    }
    .py-xsm-77 {
        padding-top: 77px !important;
        padding-bottom: 77px !important;
    }
    .m-xsm-77 {
        margin: 77px !important;
    }
    .ml-xsm-77 {
        margin-left: 77px !important;
    }
    .mr-xsm-77 {
        margin-right: 77px !important;
    }
    .mt-xsm-77 {
        margin-top: 77px !important;
    }
    .mb-xsm-77 {
        margin-bottom: 77px !important;
    }
    .mx-xsm-77 {
        margin-left: 77px !important;
        margin-right: 77px !important;
    }
    .my-xsm-77 {
        margin-top: 77px !important;
        margin-bottom: 77px !important;
    }
    .gx-xsm-77 {
        gap: 0 77px !important;
    }
    .gy-xsm-77 {
        gap: 77px !important;
    }
    .gap-xsm-77 {
        gap: 77px !important;
    }
}

.p-77 {
    padding: 77px !important;
}

.pl-77 {
    padding-left: 77px !important;
}

.pr-77 {
    padding-right: 77px !important;
}

.pt-77 {
    padding-top: 77px !important;
}

.pb-77 {
    padding-bottom: 77px !important;
}

.px-77 {
    padding-left: 77px !important;
    padding-right: 77px !important;
}

.py-77 {
    padding-top: 77px !important;
    padding-bottom: 77px !important;
}

.m-77 {
    margin: 77px !important;
}

.ml-77 {
    margin-left: 77px !important;
}

.mr-77 {
    margin-right: 77px !important;
}

.mt-77 {
    margin-top: 77px !important;
}

.mb-77 {
    margin-bottom: 77px !important;
}

.mx-77 {
    margin-left: 77px !important;
    margin-right: 77px !important;
}

.my-77 {
    margin-top: 77px !important;
    margin-bottom: 77px !important;
}

.gx-77 {
    gap: 0 77px !important;
}

.gy-77 {
    gap: 77px !important;
}

.gap-77 {
    gap: 77px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-77 {
        padding-left: 0 !important;
        padding-right: 77px !important;
    }
    .rtl .pr-xxl-77 {
        padding-right: 0 !important;
        padding-left: 77px !important;
    }
    .rtl .ml-xxl-77 {
        margin-left: 0 !important;
        margin-right: 77px !important;
    }
    .rtl .mr-xxl-77 {
        margin-right: 0 !important;
        margin-left: 77px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-77 {
        padding-left: 0 !important;
        padding-right: 77px !important;
    }
    .rtl .pr-xl-77 {
        padding-right: 0 !important;
        padding-left: 77px !important;
    }
    .rtl .ml-xl-77 {
        margin-left: 0 !important;
        margin-right: 77px !important;
    }
    .rtl .mr-xl-77 {
        margin-right: 0 !important;
        margin-left: 77px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-77 {
        padding-left: 0 !important;
        padding-right: 77px !important;
    }
    .rtl .pr-lg-77 {
        padding-right: 0 !important;
        padding-left: 77px !important;
    }
    .rtl .ml-lg-77 {
        margin-left: 0 !important;
        margin-right: 77px !important;
    }
    .rtl .mr-lg-77 {
        margin-right: 0 !important;
        margin-left: 77px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-77 {
        padding-left: 0 !important;
        padding-right: 77px !important;
    }
    .rtl .pr-md-77 {
        padding-right: 0 !important;
        padding-left: 77px !important;
    }
    .rtl .ml-md-77 {
        margin-left: 0 !important;
        margin-right: 77px !important;
    }
    .rtl .mr-md-77 {
        margin-right: 0 !important;
        margin-left: 77px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-77 {
        padding-left: 0 !important;
        padding-right: 77px !important;
    }
    .rtl .pr-sm-77 {
        padding-right: 0 !important;
        padding-left: 77px !important;
    }
    .rtl .ml-sm-77 {
        margin-left: 0 !important;
        margin-right: 77px !important;
    }
    .rtl .mr-sm-77 {
        margin-right: 0 !important;
        margin-left: 77px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-77 {
        padding-left: 0 !important;
        padding-right: 77px !important;
    }
    .rtl .pr-xsm-77 {
        padding-right: 0 !important;
        padding-left: 77px !important;
    }
    .rtl .ml-xsm-77 {
        margin-left: 0 !important;
        margin-right: 77px !important;
    }
    .rtl .mr-xsm-77 {
        margin-right: 0 !important;
        margin-left: 77px !important;
    }
}

.rtl .pl-77 {
    padding-left: 0 !important;
    padding-right: 77px !important;
}

.rtl .pr-77 {
    padding-right: 0 !important;
    padding-left: 77px !important;
}

.rtl .ml-77 {
    margin-left: 0 !important;
    margin-right: 77px !important;
}

.rtl .mr-77 {
    margin-right: 0 !important;
    margin-left: 77px !important;
}

@media (min-width: 1200px) {
    .p-xxl-78 {
        padding: 78px !important;
    }
    .pl-xxl-78 {
        padding-left: 78px !important;
    }
    .pr-xxl-78 {
        padding-right: 78px !important;
    }
    .pt-xxl-78 {
        padding-top: 78px !important;
    }
    .pb-xxl-78 {
        padding-bottom: 78px !important;
    }
    .px-xxl-78 {
        padding-left: 78px !important;
        padding-right: 78px !important;
    }
    .py-xxl-78 {
        padding-top: 78px !important;
        padding-bottom: 78px !important;
    }
    .m-xxl-78 {
        margin: 78px !important;
    }
    .ml-xxl-78 {
        margin-left: 78px !important;
    }
    .mr-xxl-78 {
        margin-right: 78px !important;
    }
    .mt-xxl-78 {
        margin-top: 78px !important;
    }
    .mb-xxl-78 {
        margin-bottom: 78px !important;
    }
    .mx-xxl-78 {
        margin-left: 78px !important;
        margin-right: 78px !important;
    }
    .my-xxl-78 {
        margin-top: 78px !important;
        margin-bottom: 78px !important;
    }
    .gx-xxl-78 {
        gap: 0 78px !important;
    }
    .gy-xxl-78 {
        gap: 78px !important;
    }
    .gap-xxl-78 {
        gap: 78px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-78 {
        padding: 78px !important;
    }
    .pl-xl-78 {
        padding-left: 78px !important;
    }
    .pr-xl-78 {
        padding-right: 78px !important;
    }
    .pt-xl-78 {
        padding-top: 78px !important;
    }
    .pb-xl-78 {
        padding-bottom: 78px !important;
    }
    .px-xl-78 {
        padding-left: 78px !important;
        padding-right: 78px !important;
    }
    .py-xl-78 {
        padding-top: 78px !important;
        padding-bottom: 78px !important;
    }
    .m-xl-78 {
        margin: 78px !important;
    }
    .ml-xl-78 {
        margin-left: 78px !important;
    }
    .mr-xl-78 {
        margin-right: 78px !important;
    }
    .mt-xl-78 {
        margin-top: 78px !important;
    }
    .mb-xl-78 {
        margin-bottom: 78px !important;
    }
    .mx-xl-78 {
        margin-left: 78px !important;
        margin-right: 78px !important;
    }
    .my-xl-78 {
        margin-top: 78px !important;
        margin-bottom: 78px !important;
    }
    .gx-xl-78 {
        gap: 0 78px !important;
    }
    .gy-xl-78 {
        gap: 78px !important;
    }
    .gap-xl-78 {
        gap: 78px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-78 {
        padding: 78px !important;
    }
    .pl-lg-78 {
        padding-left: 78px !important;
    }
    .pr-lg-78 {
        padding-right: 78px !important;
    }
    .pt-lg-78 {
        padding-top: 78px !important;
    }
    .pb-lg-78 {
        padding-bottom: 78px !important;
    }
    .px-lg-78 {
        padding-left: 78px !important;
        padding-right: 78px !important;
    }
    .py-lg-78 {
        padding-top: 78px !important;
        padding-bottom: 78px !important;
    }
    .m-lg-78 {
        margin: 78px !important;
    }
    .ml-lg-78 {
        margin-left: 78px !important;
    }
    .mr-lg-78 {
        margin-right: 78px !important;
    }
    .mt-lg-78 {
        margin-top: 78px !important;
    }
    .mb-lg-78 {
        margin-bottom: 78px !important;
    }
    .mx-lg-78 {
        margin-left: 78px !important;
        margin-right: 78px !important;
    }
    .my-lg-78 {
        margin-top: 78px !important;
        margin-bottom: 78px !important;
    }
    .gx-lg-78 {
        gap: 0 78px !important;
    }
    .gy-lg-78 {
        gap: 78px !important;
    }
    .gap-lg-78 {
        gap: 78px !important;
    }
}

@media (min-width: 576px) {
    .p-md-78 {
        padding: 78px !important;
    }
    .pl-md-78 {
        padding-left: 78px !important;
    }
    .pr-md-78 {
        padding-right: 78px !important;
    }
    .pt-md-78 {
        padding-top: 78px !important;
    }
    .pb-md-78 {
        padding-bottom: 78px !important;
    }
    .px-md-78 {
        padding-left: 78px !important;
        padding-right: 78px !important;
    }
    .py-md-78 {
        padding-top: 78px !important;
        padding-bottom: 78px !important;
    }
    .m-md-78 {
        margin: 78px !important;
    }
    .ml-md-78 {
        margin-left: 78px !important;
    }
    .mr-md-78 {
        margin-right: 78px !important;
    }
    .mt-md-78 {
        margin-top: 78px !important;
    }
    .mb-md-78 {
        margin-bottom: 78px !important;
    }
    .mx-md-78 {
        margin-left: 78px !important;
        margin-right: 78px !important;
    }
    .my-md-78 {
        margin-top: 78px !important;
        margin-bottom: 78px !important;
    }
    .gx-md-78 {
        gap: 0 78px !important;
    }
    .gy-md-78 {
        gap: 78px !important;
    }
    .gap-md-78 {
        gap: 78px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-78 {
        padding: 78px !important;
    }
    .pl-sm-78 {
        padding-left: 78px !important;
    }
    .pr-sm-78 {
        padding-right: 78px !important;
    }
    .pt-sm-78 {
        padding-top: 78px !important;
    }
    .pb-sm-78 {
        padding-bottom: 78px !important;
    }
    .px-sm-78 {
        padding-left: 78px !important;
        padding-right: 78px !important;
    }
    .py-sm-78 {
        padding-top: 78px !important;
        padding-bottom: 78px !important;
    }
    .m-sm-78 {
        margin: 78px !important;
    }
    .ml-sm-78 {
        margin-left: 78px !important;
    }
    .mr-sm-78 {
        margin-right: 78px !important;
    }
    .mt-sm-78 {
        margin-top: 78px !important;
    }
    .mb-sm-78 {
        margin-bottom: 78px !important;
    }
    .mx-sm-78 {
        margin-left: 78px !important;
        margin-right: 78px !important;
    }
    .my-sm-78 {
        margin-top: 78px !important;
        margin-bottom: 78px !important;
    }
    .gx-sm-78 {
        gap: 0 78px !important;
    }
    .gy-sm-78 {
        gap: 78px !important;
    }
    .gap-sm-78 {
        gap: 78px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-78 {
        padding: 78px !important;
    }
    .pl-xsm-78 {
        padding-left: 78px !important;
    }
    .pr-xsm-78 {
        padding-right: 78px !important;
    }
    .pt-xsm-78 {
        padding-top: 78px !important;
    }
    .pb-xsm-78 {
        padding-bottom: 78px !important;
    }
    .px-xsm-78 {
        padding-left: 78px !important;
        padding-right: 78px !important;
    }
    .py-xsm-78 {
        padding-top: 78px !important;
        padding-bottom: 78px !important;
    }
    .m-xsm-78 {
        margin: 78px !important;
    }
    .ml-xsm-78 {
        margin-left: 78px !important;
    }
    .mr-xsm-78 {
        margin-right: 78px !important;
    }
    .mt-xsm-78 {
        margin-top: 78px !important;
    }
    .mb-xsm-78 {
        margin-bottom: 78px !important;
    }
    .mx-xsm-78 {
        margin-left: 78px !important;
        margin-right: 78px !important;
    }
    .my-xsm-78 {
        margin-top: 78px !important;
        margin-bottom: 78px !important;
    }
    .gx-xsm-78 {
        gap: 0 78px !important;
    }
    .gy-xsm-78 {
        gap: 78px !important;
    }
    .gap-xsm-78 {
        gap: 78px !important;
    }
}

.p-78 {
    padding: 78px !important;
}

.pl-78 {
    padding-left: 78px !important;
}

.pr-78 {
    padding-right: 78px !important;
}

.pt-78 {
    padding-top: 78px !important;
}

.pb-78 {
    padding-bottom: 78px !important;
}

.px-78 {
    padding-left: 78px !important;
    padding-right: 78px !important;
}

.py-78 {
    padding-top: 78px !important;
    padding-bottom: 78px !important;
}

.m-78 {
    margin: 78px !important;
}

.ml-78 {
    margin-left: 78px !important;
}

.mr-78 {
    margin-right: 78px !important;
}

.mt-78 {
    margin-top: 78px !important;
}

.mb-78 {
    margin-bottom: 78px !important;
}

.mx-78 {
    margin-left: 78px !important;
    margin-right: 78px !important;
}

.my-78 {
    margin-top: 78px !important;
    margin-bottom: 78px !important;
}

.gx-78 {
    gap: 0 78px !important;
}

.gy-78 {
    gap: 78px !important;
}

.gap-78 {
    gap: 78px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-78 {
        padding-left: 0 !important;
        padding-right: 78px !important;
    }
    .rtl .pr-xxl-78 {
        padding-right: 0 !important;
        padding-left: 78px !important;
    }
    .rtl .ml-xxl-78 {
        margin-left: 0 !important;
        margin-right: 78px !important;
    }
    .rtl .mr-xxl-78 {
        margin-right: 0 !important;
        margin-left: 78px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-78 {
        padding-left: 0 !important;
        padding-right: 78px !important;
    }
    .rtl .pr-xl-78 {
        padding-right: 0 !important;
        padding-left: 78px !important;
    }
    .rtl .ml-xl-78 {
        margin-left: 0 !important;
        margin-right: 78px !important;
    }
    .rtl .mr-xl-78 {
        margin-right: 0 !important;
        margin-left: 78px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-78 {
        padding-left: 0 !important;
        padding-right: 78px !important;
    }
    .rtl .pr-lg-78 {
        padding-right: 0 !important;
        padding-left: 78px !important;
    }
    .rtl .ml-lg-78 {
        margin-left: 0 !important;
        margin-right: 78px !important;
    }
    .rtl .mr-lg-78 {
        margin-right: 0 !important;
        margin-left: 78px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-78 {
        padding-left: 0 !important;
        padding-right: 78px !important;
    }
    .rtl .pr-md-78 {
        padding-right: 0 !important;
        padding-left: 78px !important;
    }
    .rtl .ml-md-78 {
        margin-left: 0 !important;
        margin-right: 78px !important;
    }
    .rtl .mr-md-78 {
        margin-right: 0 !important;
        margin-left: 78px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-78 {
        padding-left: 0 !important;
        padding-right: 78px !important;
    }
    .rtl .pr-sm-78 {
        padding-right: 0 !important;
        padding-left: 78px !important;
    }
    .rtl .ml-sm-78 {
        margin-left: 0 !important;
        margin-right: 78px !important;
    }
    .rtl .mr-sm-78 {
        margin-right: 0 !important;
        margin-left: 78px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-78 {
        padding-left: 0 !important;
        padding-right: 78px !important;
    }
    .rtl .pr-xsm-78 {
        padding-right: 0 !important;
        padding-left: 78px !important;
    }
    .rtl .ml-xsm-78 {
        margin-left: 0 !important;
        margin-right: 78px !important;
    }
    .rtl .mr-xsm-78 {
        margin-right: 0 !important;
        margin-left: 78px !important;
    }
}

.rtl .pl-78 {
    padding-left: 0 !important;
    padding-right: 78px !important;
}

.rtl .pr-78 {
    padding-right: 0 !important;
    padding-left: 78px !important;
}

.rtl .ml-78 {
    margin-left: 0 !important;
    margin-right: 78px !important;
}

.rtl .mr-78 {
    margin-right: 0 !important;
    margin-left: 78px !important;
}

@media (min-width: 1200px) {
    .p-xxl-79 {
        padding: 79px !important;
    }
    .pl-xxl-79 {
        padding-left: 79px !important;
    }
    .pr-xxl-79 {
        padding-right: 79px !important;
    }
    .pt-xxl-79 {
        padding-top: 79px !important;
    }
    .pb-xxl-79 {
        padding-bottom: 79px !important;
    }
    .px-xxl-79 {
        padding-left: 79px !important;
        padding-right: 79px !important;
    }
    .py-xxl-79 {
        padding-top: 79px !important;
        padding-bottom: 79px !important;
    }
    .m-xxl-79 {
        margin: 79px !important;
    }
    .ml-xxl-79 {
        margin-left: 79px !important;
    }
    .mr-xxl-79 {
        margin-right: 79px !important;
    }
    .mt-xxl-79 {
        margin-top: 79px !important;
    }
    .mb-xxl-79 {
        margin-bottom: 79px !important;
    }
    .mx-xxl-79 {
        margin-left: 79px !important;
        margin-right: 79px !important;
    }
    .my-xxl-79 {
        margin-top: 79px !important;
        margin-bottom: 79px !important;
    }
    .gx-xxl-79 {
        gap: 0 79px !important;
    }
    .gy-xxl-79 {
        gap: 79px !important;
    }
    .gap-xxl-79 {
        gap: 79px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-79 {
        padding: 79px !important;
    }
    .pl-xl-79 {
        padding-left: 79px !important;
    }
    .pr-xl-79 {
        padding-right: 79px !important;
    }
    .pt-xl-79 {
        padding-top: 79px !important;
    }
    .pb-xl-79 {
        padding-bottom: 79px !important;
    }
    .px-xl-79 {
        padding-left: 79px !important;
        padding-right: 79px !important;
    }
    .py-xl-79 {
        padding-top: 79px !important;
        padding-bottom: 79px !important;
    }
    .m-xl-79 {
        margin: 79px !important;
    }
    .ml-xl-79 {
        margin-left: 79px !important;
    }
    .mr-xl-79 {
        margin-right: 79px !important;
    }
    .mt-xl-79 {
        margin-top: 79px !important;
    }
    .mb-xl-79 {
        margin-bottom: 79px !important;
    }
    .mx-xl-79 {
        margin-left: 79px !important;
        margin-right: 79px !important;
    }
    .my-xl-79 {
        margin-top: 79px !important;
        margin-bottom: 79px !important;
    }
    .gx-xl-79 {
        gap: 0 79px !important;
    }
    .gy-xl-79 {
        gap: 79px !important;
    }
    .gap-xl-79 {
        gap: 79px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-79 {
        padding: 79px !important;
    }
    .pl-lg-79 {
        padding-left: 79px !important;
    }
    .pr-lg-79 {
        padding-right: 79px !important;
    }
    .pt-lg-79 {
        padding-top: 79px !important;
    }
    .pb-lg-79 {
        padding-bottom: 79px !important;
    }
    .px-lg-79 {
        padding-left: 79px !important;
        padding-right: 79px !important;
    }
    .py-lg-79 {
        padding-top: 79px !important;
        padding-bottom: 79px !important;
    }
    .m-lg-79 {
        margin: 79px !important;
    }
    .ml-lg-79 {
        margin-left: 79px !important;
    }
    .mr-lg-79 {
        margin-right: 79px !important;
    }
    .mt-lg-79 {
        margin-top: 79px !important;
    }
    .mb-lg-79 {
        margin-bottom: 79px !important;
    }
    .mx-lg-79 {
        margin-left: 79px !important;
        margin-right: 79px !important;
    }
    .my-lg-79 {
        margin-top: 79px !important;
        margin-bottom: 79px !important;
    }
    .gx-lg-79 {
        gap: 0 79px !important;
    }
    .gy-lg-79 {
        gap: 79px !important;
    }
    .gap-lg-79 {
        gap: 79px !important;
    }
}

@media (min-width: 576px) {
    .p-md-79 {
        padding: 79px !important;
    }
    .pl-md-79 {
        padding-left: 79px !important;
    }
    .pr-md-79 {
        padding-right: 79px !important;
    }
    .pt-md-79 {
        padding-top: 79px !important;
    }
    .pb-md-79 {
        padding-bottom: 79px !important;
    }
    .px-md-79 {
        padding-left: 79px !important;
        padding-right: 79px !important;
    }
    .py-md-79 {
        padding-top: 79px !important;
        padding-bottom: 79px !important;
    }
    .m-md-79 {
        margin: 79px !important;
    }
    .ml-md-79 {
        margin-left: 79px !important;
    }
    .mr-md-79 {
        margin-right: 79px !important;
    }
    .mt-md-79 {
        margin-top: 79px !important;
    }
    .mb-md-79 {
        margin-bottom: 79px !important;
    }
    .mx-md-79 {
        margin-left: 79px !important;
        margin-right: 79px !important;
    }
    .my-md-79 {
        margin-top: 79px !important;
        margin-bottom: 79px !important;
    }
    .gx-md-79 {
        gap: 0 79px !important;
    }
    .gy-md-79 {
        gap: 79px !important;
    }
    .gap-md-79 {
        gap: 79px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-79 {
        padding: 79px !important;
    }
    .pl-sm-79 {
        padding-left: 79px !important;
    }
    .pr-sm-79 {
        padding-right: 79px !important;
    }
    .pt-sm-79 {
        padding-top: 79px !important;
    }
    .pb-sm-79 {
        padding-bottom: 79px !important;
    }
    .px-sm-79 {
        padding-left: 79px !important;
        padding-right: 79px !important;
    }
    .py-sm-79 {
        padding-top: 79px !important;
        padding-bottom: 79px !important;
    }
    .m-sm-79 {
        margin: 79px !important;
    }
    .ml-sm-79 {
        margin-left: 79px !important;
    }
    .mr-sm-79 {
        margin-right: 79px !important;
    }
    .mt-sm-79 {
        margin-top: 79px !important;
    }
    .mb-sm-79 {
        margin-bottom: 79px !important;
    }
    .mx-sm-79 {
        margin-left: 79px !important;
        margin-right: 79px !important;
    }
    .my-sm-79 {
        margin-top: 79px !important;
        margin-bottom: 79px !important;
    }
    .gx-sm-79 {
        gap: 0 79px !important;
    }
    .gy-sm-79 {
        gap: 79px !important;
    }
    .gap-sm-79 {
        gap: 79px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-79 {
        padding: 79px !important;
    }
    .pl-xsm-79 {
        padding-left: 79px !important;
    }
    .pr-xsm-79 {
        padding-right: 79px !important;
    }
    .pt-xsm-79 {
        padding-top: 79px !important;
    }
    .pb-xsm-79 {
        padding-bottom: 79px !important;
    }
    .px-xsm-79 {
        padding-left: 79px !important;
        padding-right: 79px !important;
    }
    .py-xsm-79 {
        padding-top: 79px !important;
        padding-bottom: 79px !important;
    }
    .m-xsm-79 {
        margin: 79px !important;
    }
    .ml-xsm-79 {
        margin-left: 79px !important;
    }
    .mr-xsm-79 {
        margin-right: 79px !important;
    }
    .mt-xsm-79 {
        margin-top: 79px !important;
    }
    .mb-xsm-79 {
        margin-bottom: 79px !important;
    }
    .mx-xsm-79 {
        margin-left: 79px !important;
        margin-right: 79px !important;
    }
    .my-xsm-79 {
        margin-top: 79px !important;
        margin-bottom: 79px !important;
    }
    .gx-xsm-79 {
        gap: 0 79px !important;
    }
    .gy-xsm-79 {
        gap: 79px !important;
    }
    .gap-xsm-79 {
        gap: 79px !important;
    }
}

.p-79 {
    padding: 79px !important;
}

.pl-79 {
    padding-left: 79px !important;
}

.pr-79 {
    padding-right: 79px !important;
}

.pt-79 {
    padding-top: 79px !important;
}

.pb-79 {
    padding-bottom: 79px !important;
}

.px-79 {
    padding-left: 79px !important;
    padding-right: 79px !important;
}

.py-79 {
    padding-top: 79px !important;
    padding-bottom: 79px !important;
}

.m-79 {
    margin: 79px !important;
}

.ml-79 {
    margin-left: 79px !important;
}

.mr-79 {
    margin-right: 79px !important;
}

.mt-79 {
    margin-top: 79px !important;
}

.mb-79 {
    margin-bottom: 79px !important;
}

.mx-79 {
    margin-left: 79px !important;
    margin-right: 79px !important;
}

.my-79 {
    margin-top: 79px !important;
    margin-bottom: 79px !important;
}

.gx-79 {
    gap: 0 79px !important;
}

.gy-79 {
    gap: 79px !important;
}

.gap-79 {
    gap: 79px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-79 {
        padding-left: 0 !important;
        padding-right: 79px !important;
    }
    .rtl .pr-xxl-79 {
        padding-right: 0 !important;
        padding-left: 79px !important;
    }
    .rtl .ml-xxl-79 {
        margin-left: 0 !important;
        margin-right: 79px !important;
    }
    .rtl .mr-xxl-79 {
        margin-right: 0 !important;
        margin-left: 79px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-79 {
        padding-left: 0 !important;
        padding-right: 79px !important;
    }
    .rtl .pr-xl-79 {
        padding-right: 0 !important;
        padding-left: 79px !important;
    }
    .rtl .ml-xl-79 {
        margin-left: 0 !important;
        margin-right: 79px !important;
    }
    .rtl .mr-xl-79 {
        margin-right: 0 !important;
        margin-left: 79px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-79 {
        padding-left: 0 !important;
        padding-right: 79px !important;
    }
    .rtl .pr-lg-79 {
        padding-right: 0 !important;
        padding-left: 79px !important;
    }
    .rtl .ml-lg-79 {
        margin-left: 0 !important;
        margin-right: 79px !important;
    }
    .rtl .mr-lg-79 {
        margin-right: 0 !important;
        margin-left: 79px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-79 {
        padding-left: 0 !important;
        padding-right: 79px !important;
    }
    .rtl .pr-md-79 {
        padding-right: 0 !important;
        padding-left: 79px !important;
    }
    .rtl .ml-md-79 {
        margin-left: 0 !important;
        margin-right: 79px !important;
    }
    .rtl .mr-md-79 {
        margin-right: 0 !important;
        margin-left: 79px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-79 {
        padding-left: 0 !important;
        padding-right: 79px !important;
    }
    .rtl .pr-sm-79 {
        padding-right: 0 !important;
        padding-left: 79px !important;
    }
    .rtl .ml-sm-79 {
        margin-left: 0 !important;
        margin-right: 79px !important;
    }
    .rtl .mr-sm-79 {
        margin-right: 0 !important;
        margin-left: 79px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-79 {
        padding-left: 0 !important;
        padding-right: 79px !important;
    }
    .rtl .pr-xsm-79 {
        padding-right: 0 !important;
        padding-left: 79px !important;
    }
    .rtl .ml-xsm-79 {
        margin-left: 0 !important;
        margin-right: 79px !important;
    }
    .rtl .mr-xsm-79 {
        margin-right: 0 !important;
        margin-left: 79px !important;
    }
}

.rtl .pl-79 {
    padding-left: 0 !important;
    padding-right: 79px !important;
}

.rtl .pr-79 {
    padding-right: 0 !important;
    padding-left: 79px !important;
}

.rtl .ml-79 {
    margin-left: 0 !important;
    margin-right: 79px !important;
}

.rtl .mr-79 {
    margin-right: 0 !important;
    margin-left: 79px !important;
}

@media (min-width: 1200px) {
    .p-xxl-80 {
        padding: 80px !important;
    }
    .pl-xxl-80 {
        padding-left: 80px !important;
    }
    .pr-xxl-80 {
        padding-right: 80px !important;
    }
    .pt-xxl-80 {
        padding-top: 80px !important;
    }
    .pb-xxl-80 {
        padding-bottom: 80px !important;
    }
    .px-xxl-80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
    .py-xxl-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
    .m-xxl-80 {
        margin: 80px !important;
    }
    .ml-xxl-80 {
        margin-left: 80px !important;
    }
    .mr-xxl-80 {
        margin-right: 80px !important;
    }
    .mt-xxl-80 {
        margin-top: 80px !important;
    }
    .mb-xxl-80 {
        margin-bottom: 80px !important;
    }
    .mx-xxl-80 {
        margin-left: 80px !important;
        margin-right: 80px !important;
    }
    .my-xxl-80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
    .gx-xxl-80 {
        gap: 0 80px !important;
    }
    .gy-xxl-80 {
        gap: 80px !important;
    }
    .gap-xxl-80 {
        gap: 80px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-80 {
        padding: 80px !important;
    }
    .pl-xl-80 {
        padding-left: 80px !important;
    }
    .pr-xl-80 {
        padding-right: 80px !important;
    }
    .pt-xl-80 {
        padding-top: 80px !important;
    }
    .pb-xl-80 {
        padding-bottom: 80px !important;
    }
    .px-xl-80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
    .py-xl-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
    .m-xl-80 {
        margin: 80px !important;
    }
    .ml-xl-80 {
        margin-left: 80px !important;
    }
    .mr-xl-80 {
        margin-right: 80px !important;
    }
    .mt-xl-80 {
        margin-top: 80px !important;
    }
    .mb-xl-80 {
        margin-bottom: 80px !important;
    }
    .mx-xl-80 {
        margin-left: 80px !important;
        margin-right: 80px !important;
    }
    .my-xl-80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
    .gx-xl-80 {
        gap: 0 80px !important;
    }
    .gy-xl-80 {
        gap: 80px !important;
    }
    .gap-xl-80 {
        gap: 80px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-80 {
        padding: 80px !important;
    }
    .pl-lg-80 {
        padding-left: 80px !important;
    }
    .pr-lg-80 {
        padding-right: 80px !important;
    }
    .pt-lg-80 {
        padding-top: 80px !important;
    }
    .pb-lg-80 {
        padding-bottom: 80px !important;
    }
    .px-lg-80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
    .py-lg-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
    .m-lg-80 {
        margin: 80px !important;
    }
    .ml-lg-80 {
        margin-left: 80px !important;
    }
    .mr-lg-80 {
        margin-right: 80px !important;
    }
    .mt-lg-80 {
        margin-top: 80px !important;
    }
    .mb-lg-80 {
        margin-bottom: 80px !important;
    }
    .mx-lg-80 {
        margin-left: 80px !important;
        margin-right: 80px !important;
    }
    .my-lg-80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
    .gx-lg-80 {
        gap: 0 80px !important;
    }
    .gy-lg-80 {
        gap: 80px !important;
    }
    .gap-lg-80 {
        gap: 80px !important;
    }
}

@media (min-width: 576px) {
    .p-md-80 {
        padding: 80px !important;
    }
    .pl-md-80 {
        padding-left: 80px !important;
    }
    .pr-md-80 {
        padding-right: 80px !important;
    }
    .pt-md-80 {
        padding-top: 80px !important;
    }
    .pb-md-80 {
        padding-bottom: 80px !important;
    }
    .px-md-80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
    .py-md-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
    .m-md-80 {
        margin: 80px !important;
    }
    .ml-md-80 {
        margin-left: 80px !important;
    }
    .mr-md-80 {
        margin-right: 80px !important;
    }
    .mt-md-80 {
        margin-top: 80px !important;
    }
    .mb-md-80 {
        margin-bottom: 80px !important;
    }
    .mx-md-80 {
        margin-left: 80px !important;
        margin-right: 80px !important;
    }
    .my-md-80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
    .gx-md-80 {
        gap: 0 80px !important;
    }
    .gy-md-80 {
        gap: 80px !important;
    }
    .gap-md-80 {
        gap: 80px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-80 {
        padding: 80px !important;
    }
    .pl-sm-80 {
        padding-left: 80px !important;
    }
    .pr-sm-80 {
        padding-right: 80px !important;
    }
    .pt-sm-80 {
        padding-top: 80px !important;
    }
    .pb-sm-80 {
        padding-bottom: 80px !important;
    }
    .px-sm-80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
    .py-sm-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
    .m-sm-80 {
        margin: 80px !important;
    }
    .ml-sm-80 {
        margin-left: 80px !important;
    }
    .mr-sm-80 {
        margin-right: 80px !important;
    }
    .mt-sm-80 {
        margin-top: 80px !important;
    }
    .mb-sm-80 {
        margin-bottom: 80px !important;
    }
    .mx-sm-80 {
        margin-left: 80px !important;
        margin-right: 80px !important;
    }
    .my-sm-80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
    .gx-sm-80 {
        gap: 0 80px !important;
    }
    .gy-sm-80 {
        gap: 80px !important;
    }
    .gap-sm-80 {
        gap: 80px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-80 {
        padding: 80px !important;
    }
    .pl-xsm-80 {
        padding-left: 80px !important;
    }
    .pr-xsm-80 {
        padding-right: 80px !important;
    }
    .pt-xsm-80 {
        padding-top: 80px !important;
    }
    .pb-xsm-80 {
        padding-bottom: 80px !important;
    }
    .px-xsm-80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
    .py-xsm-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
    .m-xsm-80 {
        margin: 80px !important;
    }
    .ml-xsm-80 {
        margin-left: 80px !important;
    }
    .mr-xsm-80 {
        margin-right: 80px !important;
    }
    .mt-xsm-80 {
        margin-top: 80px !important;
    }
    .mb-xsm-80 {
        margin-bottom: 80px !important;
    }
    .mx-xsm-80 {
        margin-left: 80px !important;
        margin-right: 80px !important;
    }
    .my-xsm-80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
    .gx-xsm-80 {
        gap: 0 80px !important;
    }
    .gy-xsm-80 {
        gap: 80px !important;
    }
    .gap-xsm-80 {
        gap: 80px !important;
    }
}

.p-80 {
    padding: 80px !important;
}

.pl-80 {
    padding-left: 80px !important;
}

.pr-80 {
    padding-right: 80px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.m-80 {
    margin: 80px !important;
}

.ml-80 {
    margin-left: 80px !important;
}

.mr-80 {
    margin-right: 80px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mx-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
}

.my-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.gx-80 {
    gap: 0 80px !important;
}

.gy-80 {
    gap: 80px !important;
}

.gap-80 {
    gap: 80px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-80 {
        padding-left: 0 !important;
        padding-right: 80px !important;
    }
    .rtl .pr-xxl-80 {
        padding-right: 0 !important;
        padding-left: 80px !important;
    }
    .rtl .ml-xxl-80 {
        margin-left: 0 !important;
        margin-right: 80px !important;
    }
    .rtl .mr-xxl-80 {
        margin-right: 0 !important;
        margin-left: 80px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-80 {
        padding-left: 0 !important;
        padding-right: 80px !important;
    }
    .rtl .pr-xl-80 {
        padding-right: 0 !important;
        padding-left: 80px !important;
    }
    .rtl .ml-xl-80 {
        margin-left: 0 !important;
        margin-right: 80px !important;
    }
    .rtl .mr-xl-80 {
        margin-right: 0 !important;
        margin-left: 80px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-80 {
        padding-left: 0 !important;
        padding-right: 80px !important;
    }
    .rtl .pr-lg-80 {
        padding-right: 0 !important;
        padding-left: 80px !important;
    }
    .rtl .ml-lg-80 {
        margin-left: 0 !important;
        margin-right: 80px !important;
    }
    .rtl .mr-lg-80 {
        margin-right: 0 !important;
        margin-left: 80px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-80 {
        padding-left: 0 !important;
        padding-right: 80px !important;
    }
    .rtl .pr-md-80 {
        padding-right: 0 !important;
        padding-left: 80px !important;
    }
    .rtl .ml-md-80 {
        margin-left: 0 !important;
        margin-right: 80px !important;
    }
    .rtl .mr-md-80 {
        margin-right: 0 !important;
        margin-left: 80px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-80 {
        padding-left: 0 !important;
        padding-right: 80px !important;
    }
    .rtl .pr-sm-80 {
        padding-right: 0 !important;
        padding-left: 80px !important;
    }
    .rtl .ml-sm-80 {
        margin-left: 0 !important;
        margin-right: 80px !important;
    }
    .rtl .mr-sm-80 {
        margin-right: 0 !important;
        margin-left: 80px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-80 {
        padding-left: 0 !important;
        padding-right: 80px !important;
    }
    .rtl .pr-xsm-80 {
        padding-right: 0 !important;
        padding-left: 80px !important;
    }
    .rtl .ml-xsm-80 {
        margin-left: 0 !important;
        margin-right: 80px !important;
    }
    .rtl .mr-xsm-80 {
        margin-right: 0 !important;
        margin-left: 80px !important;
    }
}

.rtl .pl-80 {
    padding-left: 0 !important;
    padding-right: 80px !important;
}

.rtl .pr-80 {
    padding-right: 0 !important;
    padding-left: 80px !important;
}

.rtl .ml-80 {
    margin-left: 0 !important;
    margin-right: 80px !important;
}

.rtl .mr-80 {
    margin-right: 0 !important;
    margin-left: 80px !important;
}

@media (min-width: 1200px) {
    .p-xxl-81 {
        padding: 81px !important;
    }
    .pl-xxl-81 {
        padding-left: 81px !important;
    }
    .pr-xxl-81 {
        padding-right: 81px !important;
    }
    .pt-xxl-81 {
        padding-top: 81px !important;
    }
    .pb-xxl-81 {
        padding-bottom: 81px !important;
    }
    .px-xxl-81 {
        padding-left: 81px !important;
        padding-right: 81px !important;
    }
    .py-xxl-81 {
        padding-top: 81px !important;
        padding-bottom: 81px !important;
    }
    .m-xxl-81 {
        margin: 81px !important;
    }
    .ml-xxl-81 {
        margin-left: 81px !important;
    }
    .mr-xxl-81 {
        margin-right: 81px !important;
    }
    .mt-xxl-81 {
        margin-top: 81px !important;
    }
    .mb-xxl-81 {
        margin-bottom: 81px !important;
    }
    .mx-xxl-81 {
        margin-left: 81px !important;
        margin-right: 81px !important;
    }
    .my-xxl-81 {
        margin-top: 81px !important;
        margin-bottom: 81px !important;
    }
    .gx-xxl-81 {
        gap: 0 81px !important;
    }
    .gy-xxl-81 {
        gap: 81px !important;
    }
    .gap-xxl-81 {
        gap: 81px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-81 {
        padding: 81px !important;
    }
    .pl-xl-81 {
        padding-left: 81px !important;
    }
    .pr-xl-81 {
        padding-right: 81px !important;
    }
    .pt-xl-81 {
        padding-top: 81px !important;
    }
    .pb-xl-81 {
        padding-bottom: 81px !important;
    }
    .px-xl-81 {
        padding-left: 81px !important;
        padding-right: 81px !important;
    }
    .py-xl-81 {
        padding-top: 81px !important;
        padding-bottom: 81px !important;
    }
    .m-xl-81 {
        margin: 81px !important;
    }
    .ml-xl-81 {
        margin-left: 81px !important;
    }
    .mr-xl-81 {
        margin-right: 81px !important;
    }
    .mt-xl-81 {
        margin-top: 81px !important;
    }
    .mb-xl-81 {
        margin-bottom: 81px !important;
    }
    .mx-xl-81 {
        margin-left: 81px !important;
        margin-right: 81px !important;
    }
    .my-xl-81 {
        margin-top: 81px !important;
        margin-bottom: 81px !important;
    }
    .gx-xl-81 {
        gap: 0 81px !important;
    }
    .gy-xl-81 {
        gap: 81px !important;
    }
    .gap-xl-81 {
        gap: 81px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-81 {
        padding: 81px !important;
    }
    .pl-lg-81 {
        padding-left: 81px !important;
    }
    .pr-lg-81 {
        padding-right: 81px !important;
    }
    .pt-lg-81 {
        padding-top: 81px !important;
    }
    .pb-lg-81 {
        padding-bottom: 81px !important;
    }
    .px-lg-81 {
        padding-left: 81px !important;
        padding-right: 81px !important;
    }
    .py-lg-81 {
        padding-top: 81px !important;
        padding-bottom: 81px !important;
    }
    .m-lg-81 {
        margin: 81px !important;
    }
    .ml-lg-81 {
        margin-left: 81px !important;
    }
    .mr-lg-81 {
        margin-right: 81px !important;
    }
    .mt-lg-81 {
        margin-top: 81px !important;
    }
    .mb-lg-81 {
        margin-bottom: 81px !important;
    }
    .mx-lg-81 {
        margin-left: 81px !important;
        margin-right: 81px !important;
    }
    .my-lg-81 {
        margin-top: 81px !important;
        margin-bottom: 81px !important;
    }
    .gx-lg-81 {
        gap: 0 81px !important;
    }
    .gy-lg-81 {
        gap: 81px !important;
    }
    .gap-lg-81 {
        gap: 81px !important;
    }
}

@media (min-width: 576px) {
    .p-md-81 {
        padding: 81px !important;
    }
    .pl-md-81 {
        padding-left: 81px !important;
    }
    .pr-md-81 {
        padding-right: 81px !important;
    }
    .pt-md-81 {
        padding-top: 81px !important;
    }
    .pb-md-81 {
        padding-bottom: 81px !important;
    }
    .px-md-81 {
        padding-left: 81px !important;
        padding-right: 81px !important;
    }
    .py-md-81 {
        padding-top: 81px !important;
        padding-bottom: 81px !important;
    }
    .m-md-81 {
        margin: 81px !important;
    }
    .ml-md-81 {
        margin-left: 81px !important;
    }
    .mr-md-81 {
        margin-right: 81px !important;
    }
    .mt-md-81 {
        margin-top: 81px !important;
    }
    .mb-md-81 {
        margin-bottom: 81px !important;
    }
    .mx-md-81 {
        margin-left: 81px !important;
        margin-right: 81px !important;
    }
    .my-md-81 {
        margin-top: 81px !important;
        margin-bottom: 81px !important;
    }
    .gx-md-81 {
        gap: 0 81px !important;
    }
    .gy-md-81 {
        gap: 81px !important;
    }
    .gap-md-81 {
        gap: 81px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-81 {
        padding: 81px !important;
    }
    .pl-sm-81 {
        padding-left: 81px !important;
    }
    .pr-sm-81 {
        padding-right: 81px !important;
    }
    .pt-sm-81 {
        padding-top: 81px !important;
    }
    .pb-sm-81 {
        padding-bottom: 81px !important;
    }
    .px-sm-81 {
        padding-left: 81px !important;
        padding-right: 81px !important;
    }
    .py-sm-81 {
        padding-top: 81px !important;
        padding-bottom: 81px !important;
    }
    .m-sm-81 {
        margin: 81px !important;
    }
    .ml-sm-81 {
        margin-left: 81px !important;
    }
    .mr-sm-81 {
        margin-right: 81px !important;
    }
    .mt-sm-81 {
        margin-top: 81px !important;
    }
    .mb-sm-81 {
        margin-bottom: 81px !important;
    }
    .mx-sm-81 {
        margin-left: 81px !important;
        margin-right: 81px !important;
    }
    .my-sm-81 {
        margin-top: 81px !important;
        margin-bottom: 81px !important;
    }
    .gx-sm-81 {
        gap: 0 81px !important;
    }
    .gy-sm-81 {
        gap: 81px !important;
    }
    .gap-sm-81 {
        gap: 81px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-81 {
        padding: 81px !important;
    }
    .pl-xsm-81 {
        padding-left: 81px !important;
    }
    .pr-xsm-81 {
        padding-right: 81px !important;
    }
    .pt-xsm-81 {
        padding-top: 81px !important;
    }
    .pb-xsm-81 {
        padding-bottom: 81px !important;
    }
    .px-xsm-81 {
        padding-left: 81px !important;
        padding-right: 81px !important;
    }
    .py-xsm-81 {
        padding-top: 81px !important;
        padding-bottom: 81px !important;
    }
    .m-xsm-81 {
        margin: 81px !important;
    }
    .ml-xsm-81 {
        margin-left: 81px !important;
    }
    .mr-xsm-81 {
        margin-right: 81px !important;
    }
    .mt-xsm-81 {
        margin-top: 81px !important;
    }
    .mb-xsm-81 {
        margin-bottom: 81px !important;
    }
    .mx-xsm-81 {
        margin-left: 81px !important;
        margin-right: 81px !important;
    }
    .my-xsm-81 {
        margin-top: 81px !important;
        margin-bottom: 81px !important;
    }
    .gx-xsm-81 {
        gap: 0 81px !important;
    }
    .gy-xsm-81 {
        gap: 81px !important;
    }
    .gap-xsm-81 {
        gap: 81px !important;
    }
}

.p-81 {
    padding: 81px !important;
}

.pl-81 {
    padding-left: 81px !important;
}

.pr-81 {
    padding-right: 81px !important;
}

.pt-81 {
    padding-top: 81px !important;
}

.pb-81 {
    padding-bottom: 81px !important;
}

.px-81 {
    padding-left: 81px !important;
    padding-right: 81px !important;
}

.py-81 {
    padding-top: 81px !important;
    padding-bottom: 81px !important;
}

.m-81 {
    margin: 81px !important;
}

.ml-81 {
    margin-left: 81px !important;
}

.mr-81 {
    margin-right: 81px !important;
}

.mt-81 {
    margin-top: 81px !important;
}

.mb-81 {
    margin-bottom: 81px !important;
}

.mx-81 {
    margin-left: 81px !important;
    margin-right: 81px !important;
}

.my-81 {
    margin-top: 81px !important;
    margin-bottom: 81px !important;
}

.gx-81 {
    gap: 0 81px !important;
}

.gy-81 {
    gap: 81px !important;
}

.gap-81 {
    gap: 81px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-81 {
        padding-left: 0 !important;
        padding-right: 81px !important;
    }
    .rtl .pr-xxl-81 {
        padding-right: 0 !important;
        padding-left: 81px !important;
    }
    .rtl .ml-xxl-81 {
        margin-left: 0 !important;
        margin-right: 81px !important;
    }
    .rtl .mr-xxl-81 {
        margin-right: 0 !important;
        margin-left: 81px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-81 {
        padding-left: 0 !important;
        padding-right: 81px !important;
    }
    .rtl .pr-xl-81 {
        padding-right: 0 !important;
        padding-left: 81px !important;
    }
    .rtl .ml-xl-81 {
        margin-left: 0 !important;
        margin-right: 81px !important;
    }
    .rtl .mr-xl-81 {
        margin-right: 0 !important;
        margin-left: 81px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-81 {
        padding-left: 0 !important;
        padding-right: 81px !important;
    }
    .rtl .pr-lg-81 {
        padding-right: 0 !important;
        padding-left: 81px !important;
    }
    .rtl .ml-lg-81 {
        margin-left: 0 !important;
        margin-right: 81px !important;
    }
    .rtl .mr-lg-81 {
        margin-right: 0 !important;
        margin-left: 81px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-81 {
        padding-left: 0 !important;
        padding-right: 81px !important;
    }
    .rtl .pr-md-81 {
        padding-right: 0 !important;
        padding-left: 81px !important;
    }
    .rtl .ml-md-81 {
        margin-left: 0 !important;
        margin-right: 81px !important;
    }
    .rtl .mr-md-81 {
        margin-right: 0 !important;
        margin-left: 81px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-81 {
        padding-left: 0 !important;
        padding-right: 81px !important;
    }
    .rtl .pr-sm-81 {
        padding-right: 0 !important;
        padding-left: 81px !important;
    }
    .rtl .ml-sm-81 {
        margin-left: 0 !important;
        margin-right: 81px !important;
    }
    .rtl .mr-sm-81 {
        margin-right: 0 !important;
        margin-left: 81px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-81 {
        padding-left: 0 !important;
        padding-right: 81px !important;
    }
    .rtl .pr-xsm-81 {
        padding-right: 0 !important;
        padding-left: 81px !important;
    }
    .rtl .ml-xsm-81 {
        margin-left: 0 !important;
        margin-right: 81px !important;
    }
    .rtl .mr-xsm-81 {
        margin-right: 0 !important;
        margin-left: 81px !important;
    }
}

.rtl .pl-81 {
    padding-left: 0 !important;
    padding-right: 81px !important;
}

.rtl .pr-81 {
    padding-right: 0 !important;
    padding-left: 81px !important;
}

.rtl .ml-81 {
    margin-left: 0 !important;
    margin-right: 81px !important;
}

.rtl .mr-81 {
    margin-right: 0 !important;
    margin-left: 81px !important;
}

@media (min-width: 1200px) {
    .p-xxl-82 {
        padding: 82px !important;
    }
    .pl-xxl-82 {
        padding-left: 82px !important;
    }
    .pr-xxl-82 {
        padding-right: 82px !important;
    }
    .pt-xxl-82 {
        padding-top: 82px !important;
    }
    .pb-xxl-82 {
        padding-bottom: 82px !important;
    }
    .px-xxl-82 {
        padding-left: 82px !important;
        padding-right: 82px !important;
    }
    .py-xxl-82 {
        padding-top: 82px !important;
        padding-bottom: 82px !important;
    }
    .m-xxl-82 {
        margin: 82px !important;
    }
    .ml-xxl-82 {
        margin-left: 82px !important;
    }
    .mr-xxl-82 {
        margin-right: 82px !important;
    }
    .mt-xxl-82 {
        margin-top: 82px !important;
    }
    .mb-xxl-82 {
        margin-bottom: 82px !important;
    }
    .mx-xxl-82 {
        margin-left: 82px !important;
        margin-right: 82px !important;
    }
    .my-xxl-82 {
        margin-top: 82px !important;
        margin-bottom: 82px !important;
    }
    .gx-xxl-82 {
        gap: 0 82px !important;
    }
    .gy-xxl-82 {
        gap: 82px !important;
    }
    .gap-xxl-82 {
        gap: 82px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-82 {
        padding: 82px !important;
    }
    .pl-xl-82 {
        padding-left: 82px !important;
    }
    .pr-xl-82 {
        padding-right: 82px !important;
    }
    .pt-xl-82 {
        padding-top: 82px !important;
    }
    .pb-xl-82 {
        padding-bottom: 82px !important;
    }
    .px-xl-82 {
        padding-left: 82px !important;
        padding-right: 82px !important;
    }
    .py-xl-82 {
        padding-top: 82px !important;
        padding-bottom: 82px !important;
    }
    .m-xl-82 {
        margin: 82px !important;
    }
    .ml-xl-82 {
        margin-left: 82px !important;
    }
    .mr-xl-82 {
        margin-right: 82px !important;
    }
    .mt-xl-82 {
        margin-top: 82px !important;
    }
    .mb-xl-82 {
        margin-bottom: 82px !important;
    }
    .mx-xl-82 {
        margin-left: 82px !important;
        margin-right: 82px !important;
    }
    .my-xl-82 {
        margin-top: 82px !important;
        margin-bottom: 82px !important;
    }
    .gx-xl-82 {
        gap: 0 82px !important;
    }
    .gy-xl-82 {
        gap: 82px !important;
    }
    .gap-xl-82 {
        gap: 82px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-82 {
        padding: 82px !important;
    }
    .pl-lg-82 {
        padding-left: 82px !important;
    }
    .pr-lg-82 {
        padding-right: 82px !important;
    }
    .pt-lg-82 {
        padding-top: 82px !important;
    }
    .pb-lg-82 {
        padding-bottom: 82px !important;
    }
    .px-lg-82 {
        padding-left: 82px !important;
        padding-right: 82px !important;
    }
    .py-lg-82 {
        padding-top: 82px !important;
        padding-bottom: 82px !important;
    }
    .m-lg-82 {
        margin: 82px !important;
    }
    .ml-lg-82 {
        margin-left: 82px !important;
    }
    .mr-lg-82 {
        margin-right: 82px !important;
    }
    .mt-lg-82 {
        margin-top: 82px !important;
    }
    .mb-lg-82 {
        margin-bottom: 82px !important;
    }
    .mx-lg-82 {
        margin-left: 82px !important;
        margin-right: 82px !important;
    }
    .my-lg-82 {
        margin-top: 82px !important;
        margin-bottom: 82px !important;
    }
    .gx-lg-82 {
        gap: 0 82px !important;
    }
    .gy-lg-82 {
        gap: 82px !important;
    }
    .gap-lg-82 {
        gap: 82px !important;
    }
}

@media (min-width: 576px) {
    .p-md-82 {
        padding: 82px !important;
    }
    .pl-md-82 {
        padding-left: 82px !important;
    }
    .pr-md-82 {
        padding-right: 82px !important;
    }
    .pt-md-82 {
        padding-top: 82px !important;
    }
    .pb-md-82 {
        padding-bottom: 82px !important;
    }
    .px-md-82 {
        padding-left: 82px !important;
        padding-right: 82px !important;
    }
    .py-md-82 {
        padding-top: 82px !important;
        padding-bottom: 82px !important;
    }
    .m-md-82 {
        margin: 82px !important;
    }
    .ml-md-82 {
        margin-left: 82px !important;
    }
    .mr-md-82 {
        margin-right: 82px !important;
    }
    .mt-md-82 {
        margin-top: 82px !important;
    }
    .mb-md-82 {
        margin-bottom: 82px !important;
    }
    .mx-md-82 {
        margin-left: 82px !important;
        margin-right: 82px !important;
    }
    .my-md-82 {
        margin-top: 82px !important;
        margin-bottom: 82px !important;
    }
    .gx-md-82 {
        gap: 0 82px !important;
    }
    .gy-md-82 {
        gap: 82px !important;
    }
    .gap-md-82 {
        gap: 82px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-82 {
        padding: 82px !important;
    }
    .pl-sm-82 {
        padding-left: 82px !important;
    }
    .pr-sm-82 {
        padding-right: 82px !important;
    }
    .pt-sm-82 {
        padding-top: 82px !important;
    }
    .pb-sm-82 {
        padding-bottom: 82px !important;
    }
    .px-sm-82 {
        padding-left: 82px !important;
        padding-right: 82px !important;
    }
    .py-sm-82 {
        padding-top: 82px !important;
        padding-bottom: 82px !important;
    }
    .m-sm-82 {
        margin: 82px !important;
    }
    .ml-sm-82 {
        margin-left: 82px !important;
    }
    .mr-sm-82 {
        margin-right: 82px !important;
    }
    .mt-sm-82 {
        margin-top: 82px !important;
    }
    .mb-sm-82 {
        margin-bottom: 82px !important;
    }
    .mx-sm-82 {
        margin-left: 82px !important;
        margin-right: 82px !important;
    }
    .my-sm-82 {
        margin-top: 82px !important;
        margin-bottom: 82px !important;
    }
    .gx-sm-82 {
        gap: 0 82px !important;
    }
    .gy-sm-82 {
        gap: 82px !important;
    }
    .gap-sm-82 {
        gap: 82px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-82 {
        padding: 82px !important;
    }
    .pl-xsm-82 {
        padding-left: 82px !important;
    }
    .pr-xsm-82 {
        padding-right: 82px !important;
    }
    .pt-xsm-82 {
        padding-top: 82px !important;
    }
    .pb-xsm-82 {
        padding-bottom: 82px !important;
    }
    .px-xsm-82 {
        padding-left: 82px !important;
        padding-right: 82px !important;
    }
    .py-xsm-82 {
        padding-top: 82px !important;
        padding-bottom: 82px !important;
    }
    .m-xsm-82 {
        margin: 82px !important;
    }
    .ml-xsm-82 {
        margin-left: 82px !important;
    }
    .mr-xsm-82 {
        margin-right: 82px !important;
    }
    .mt-xsm-82 {
        margin-top: 82px !important;
    }
    .mb-xsm-82 {
        margin-bottom: 82px !important;
    }
    .mx-xsm-82 {
        margin-left: 82px !important;
        margin-right: 82px !important;
    }
    .my-xsm-82 {
        margin-top: 82px !important;
        margin-bottom: 82px !important;
    }
    .gx-xsm-82 {
        gap: 0 82px !important;
    }
    .gy-xsm-82 {
        gap: 82px !important;
    }
    .gap-xsm-82 {
        gap: 82px !important;
    }
}

.p-82 {
    padding: 82px !important;
}

.pl-82 {
    padding-left: 82px !important;
}

.pr-82 {
    padding-right: 82px !important;
}

.pt-82 {
    padding-top: 82px !important;
}

.pb-82 {
    padding-bottom: 82px !important;
}

.px-82 {
    padding-left: 82px !important;
    padding-right: 82px !important;
}

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

.m-82 {
    margin: 82px !important;
}

.ml-82 {
    margin-left: 82px !important;
}

.mr-82 {
    margin-right: 82px !important;
}

.mt-82 {
    margin-top: 82px !important;
}

.mb-82 {
    margin-bottom: 82px !important;
}

.mx-82 {
    margin-left: 82px !important;
    margin-right: 82px !important;
}

.my-82 {
    margin-top: 82px !important;
    margin-bottom: 82px !important;
}

.gx-82 {
    gap: 0 82px !important;
}

.gy-82 {
    gap: 82px !important;
}

.gap-82 {
    gap: 82px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-82 {
        padding-left: 0 !important;
        padding-right: 82px !important;
    }
    .rtl .pr-xxl-82 {
        padding-right: 0 !important;
        padding-left: 82px !important;
    }
    .rtl .ml-xxl-82 {
        margin-left: 0 !important;
        margin-right: 82px !important;
    }
    .rtl .mr-xxl-82 {
        margin-right: 0 !important;
        margin-left: 82px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-82 {
        padding-left: 0 !important;
        padding-right: 82px !important;
    }
    .rtl .pr-xl-82 {
        padding-right: 0 !important;
        padding-left: 82px !important;
    }
    .rtl .ml-xl-82 {
        margin-left: 0 !important;
        margin-right: 82px !important;
    }
    .rtl .mr-xl-82 {
        margin-right: 0 !important;
        margin-left: 82px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-82 {
        padding-left: 0 !important;
        padding-right: 82px !important;
    }
    .rtl .pr-lg-82 {
        padding-right: 0 !important;
        padding-left: 82px !important;
    }
    .rtl .ml-lg-82 {
        margin-left: 0 !important;
        margin-right: 82px !important;
    }
    .rtl .mr-lg-82 {
        margin-right: 0 !important;
        margin-left: 82px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-82 {
        padding-left: 0 !important;
        padding-right: 82px !important;
    }
    .rtl .pr-md-82 {
        padding-right: 0 !important;
        padding-left: 82px !important;
    }
    .rtl .ml-md-82 {
        margin-left: 0 !important;
        margin-right: 82px !important;
    }
    .rtl .mr-md-82 {
        margin-right: 0 !important;
        margin-left: 82px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-82 {
        padding-left: 0 !important;
        padding-right: 82px !important;
    }
    .rtl .pr-sm-82 {
        padding-right: 0 !important;
        padding-left: 82px !important;
    }
    .rtl .ml-sm-82 {
        margin-left: 0 !important;
        margin-right: 82px !important;
    }
    .rtl .mr-sm-82 {
        margin-right: 0 !important;
        margin-left: 82px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-82 {
        padding-left: 0 !important;
        padding-right: 82px !important;
    }
    .rtl .pr-xsm-82 {
        padding-right: 0 !important;
        padding-left: 82px !important;
    }
    .rtl .ml-xsm-82 {
        margin-left: 0 !important;
        margin-right: 82px !important;
    }
    .rtl .mr-xsm-82 {
        margin-right: 0 !important;
        margin-left: 82px !important;
    }
}

.rtl .pl-82 {
    padding-left: 0 !important;
    padding-right: 82px !important;
}

.rtl .pr-82 {
    padding-right: 0 !important;
    padding-left: 82px !important;
}

.rtl .ml-82 {
    margin-left: 0 !important;
    margin-right: 82px !important;
}

.rtl .mr-82 {
    margin-right: 0 !important;
    margin-left: 82px !important;
}

@media (min-width: 1200px) {
    .p-xxl-83 {
        padding: 83px !important;
    }
    .pl-xxl-83 {
        padding-left: 83px !important;
    }
    .pr-xxl-83 {
        padding-right: 83px !important;
    }
    .pt-xxl-83 {
        padding-top: 83px !important;
    }
    .pb-xxl-83 {
        padding-bottom: 83px !important;
    }
    .px-xxl-83 {
        padding-left: 83px !important;
        padding-right: 83px !important;
    }
    .py-xxl-83 {
        padding-top: 83px !important;
        padding-bottom: 83px !important;
    }
    .m-xxl-83 {
        margin: 83px !important;
    }
    .ml-xxl-83 {
        margin-left: 83px !important;
    }
    .mr-xxl-83 {
        margin-right: 83px !important;
    }
    .mt-xxl-83 {
        margin-top: 83px !important;
    }
    .mb-xxl-83 {
        margin-bottom: 83px !important;
    }
    .mx-xxl-83 {
        margin-left: 83px !important;
        margin-right: 83px !important;
    }
    .my-xxl-83 {
        margin-top: 83px !important;
        margin-bottom: 83px !important;
    }
    .gx-xxl-83 {
        gap: 0 83px !important;
    }
    .gy-xxl-83 {
        gap: 83px !important;
    }
    .gap-xxl-83 {
        gap: 83px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-83 {
        padding: 83px !important;
    }
    .pl-xl-83 {
        padding-left: 83px !important;
    }
    .pr-xl-83 {
        padding-right: 83px !important;
    }
    .pt-xl-83 {
        padding-top: 83px !important;
    }
    .pb-xl-83 {
        padding-bottom: 83px !important;
    }
    .px-xl-83 {
        padding-left: 83px !important;
        padding-right: 83px !important;
    }
    .py-xl-83 {
        padding-top: 83px !important;
        padding-bottom: 83px !important;
    }
    .m-xl-83 {
        margin: 83px !important;
    }
    .ml-xl-83 {
        margin-left: 83px !important;
    }
    .mr-xl-83 {
        margin-right: 83px !important;
    }
    .mt-xl-83 {
        margin-top: 83px !important;
    }
    .mb-xl-83 {
        margin-bottom: 83px !important;
    }
    .mx-xl-83 {
        margin-left: 83px !important;
        margin-right: 83px !important;
    }
    .my-xl-83 {
        margin-top: 83px !important;
        margin-bottom: 83px !important;
    }
    .gx-xl-83 {
        gap: 0 83px !important;
    }
    .gy-xl-83 {
        gap: 83px !important;
    }
    .gap-xl-83 {
        gap: 83px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-83 {
        padding: 83px !important;
    }
    .pl-lg-83 {
        padding-left: 83px !important;
    }
    .pr-lg-83 {
        padding-right: 83px !important;
    }
    .pt-lg-83 {
        padding-top: 83px !important;
    }
    .pb-lg-83 {
        padding-bottom: 83px !important;
    }
    .px-lg-83 {
        padding-left: 83px !important;
        padding-right: 83px !important;
    }
    .py-lg-83 {
        padding-top: 83px !important;
        padding-bottom: 83px !important;
    }
    .m-lg-83 {
        margin: 83px !important;
    }
    .ml-lg-83 {
        margin-left: 83px !important;
    }
    .mr-lg-83 {
        margin-right: 83px !important;
    }
    .mt-lg-83 {
        margin-top: 83px !important;
    }
    .mb-lg-83 {
        margin-bottom: 83px !important;
    }
    .mx-lg-83 {
        margin-left: 83px !important;
        margin-right: 83px !important;
    }
    .my-lg-83 {
        margin-top: 83px !important;
        margin-bottom: 83px !important;
    }
    .gx-lg-83 {
        gap: 0 83px !important;
    }
    .gy-lg-83 {
        gap: 83px !important;
    }
    .gap-lg-83 {
        gap: 83px !important;
    }
}

@media (min-width: 576px) {
    .p-md-83 {
        padding: 83px !important;
    }
    .pl-md-83 {
        padding-left: 83px !important;
    }
    .pr-md-83 {
        padding-right: 83px !important;
    }
    .pt-md-83 {
        padding-top: 83px !important;
    }
    .pb-md-83 {
        padding-bottom: 83px !important;
    }
    .px-md-83 {
        padding-left: 83px !important;
        padding-right: 83px !important;
    }
    .py-md-83 {
        padding-top: 83px !important;
        padding-bottom: 83px !important;
    }
    .m-md-83 {
        margin: 83px !important;
    }
    .ml-md-83 {
        margin-left: 83px !important;
    }
    .mr-md-83 {
        margin-right: 83px !important;
    }
    .mt-md-83 {
        margin-top: 83px !important;
    }
    .mb-md-83 {
        margin-bottom: 83px !important;
    }
    .mx-md-83 {
        margin-left: 83px !important;
        margin-right: 83px !important;
    }
    .my-md-83 {
        margin-top: 83px !important;
        margin-bottom: 83px !important;
    }
    .gx-md-83 {
        gap: 0 83px !important;
    }
    .gy-md-83 {
        gap: 83px !important;
    }
    .gap-md-83 {
        gap: 83px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-83 {
        padding: 83px !important;
    }
    .pl-sm-83 {
        padding-left: 83px !important;
    }
    .pr-sm-83 {
        padding-right: 83px !important;
    }
    .pt-sm-83 {
        padding-top: 83px !important;
    }
    .pb-sm-83 {
        padding-bottom: 83px !important;
    }
    .px-sm-83 {
        padding-left: 83px !important;
        padding-right: 83px !important;
    }
    .py-sm-83 {
        padding-top: 83px !important;
        padding-bottom: 83px !important;
    }
    .m-sm-83 {
        margin: 83px !important;
    }
    .ml-sm-83 {
        margin-left: 83px !important;
    }
    .mr-sm-83 {
        margin-right: 83px !important;
    }
    .mt-sm-83 {
        margin-top: 83px !important;
    }
    .mb-sm-83 {
        margin-bottom: 83px !important;
    }
    .mx-sm-83 {
        margin-left: 83px !important;
        margin-right: 83px !important;
    }
    .my-sm-83 {
        margin-top: 83px !important;
        margin-bottom: 83px !important;
    }
    .gx-sm-83 {
        gap: 0 83px !important;
    }
    .gy-sm-83 {
        gap: 83px !important;
    }
    .gap-sm-83 {
        gap: 83px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-83 {
        padding: 83px !important;
    }
    .pl-xsm-83 {
        padding-left: 83px !important;
    }
    .pr-xsm-83 {
        padding-right: 83px !important;
    }
    .pt-xsm-83 {
        padding-top: 83px !important;
    }
    .pb-xsm-83 {
        padding-bottom: 83px !important;
    }
    .px-xsm-83 {
        padding-left: 83px !important;
        padding-right: 83px !important;
    }
    .py-xsm-83 {
        padding-top: 83px !important;
        padding-bottom: 83px !important;
    }
    .m-xsm-83 {
        margin: 83px !important;
    }
    .ml-xsm-83 {
        margin-left: 83px !important;
    }
    .mr-xsm-83 {
        margin-right: 83px !important;
    }
    .mt-xsm-83 {
        margin-top: 83px !important;
    }
    .mb-xsm-83 {
        margin-bottom: 83px !important;
    }
    .mx-xsm-83 {
        margin-left: 83px !important;
        margin-right: 83px !important;
    }
    .my-xsm-83 {
        margin-top: 83px !important;
        margin-bottom: 83px !important;
    }
    .gx-xsm-83 {
        gap: 0 83px !important;
    }
    .gy-xsm-83 {
        gap: 83px !important;
    }
    .gap-xsm-83 {
        gap: 83px !important;
    }
}

.p-83 {
    padding: 83px !important;
}

.pl-83 {
    padding-left: 83px !important;
}

.pr-83 {
    padding-right: 83px !important;
}

.pt-83 {
    padding-top: 83px !important;
}

.pb-83 {
    padding-bottom: 83px !important;
}

.px-83 {
    padding-left: 83px !important;
    padding-right: 83px !important;
}

.py-83 {
    padding-top: 83px !important;
    padding-bottom: 83px !important;
}

.m-83 {
    margin: 83px !important;
}

.ml-83 {
    margin-left: 83px !important;
}

.mr-83 {
    margin-right: 83px !important;
}

.mt-83 {
    margin-top: 83px !important;
}

.mb-83 {
    margin-bottom: 83px !important;
}

.mx-83 {
    margin-left: 83px !important;
    margin-right: 83px !important;
}

.my-83 {
    margin-top: 83px !important;
    margin-bottom: 83px !important;
}

.gx-83 {
    gap: 0 83px !important;
}

.gy-83 {
    gap: 83px !important;
}

.gap-83 {
    gap: 83px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-83 {
        padding-left: 0 !important;
        padding-right: 83px !important;
    }
    .rtl .pr-xxl-83 {
        padding-right: 0 !important;
        padding-left: 83px !important;
    }
    .rtl .ml-xxl-83 {
        margin-left: 0 !important;
        margin-right: 83px !important;
    }
    .rtl .mr-xxl-83 {
        margin-right: 0 !important;
        margin-left: 83px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-83 {
        padding-left: 0 !important;
        padding-right: 83px !important;
    }
    .rtl .pr-xl-83 {
        padding-right: 0 !important;
        padding-left: 83px !important;
    }
    .rtl .ml-xl-83 {
        margin-left: 0 !important;
        margin-right: 83px !important;
    }
    .rtl .mr-xl-83 {
        margin-right: 0 !important;
        margin-left: 83px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-83 {
        padding-left: 0 !important;
        padding-right: 83px !important;
    }
    .rtl .pr-lg-83 {
        padding-right: 0 !important;
        padding-left: 83px !important;
    }
    .rtl .ml-lg-83 {
        margin-left: 0 !important;
        margin-right: 83px !important;
    }
    .rtl .mr-lg-83 {
        margin-right: 0 !important;
        margin-left: 83px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-83 {
        padding-left: 0 !important;
        padding-right: 83px !important;
    }
    .rtl .pr-md-83 {
        padding-right: 0 !important;
        padding-left: 83px !important;
    }
    .rtl .ml-md-83 {
        margin-left: 0 !important;
        margin-right: 83px !important;
    }
    .rtl .mr-md-83 {
        margin-right: 0 !important;
        margin-left: 83px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-83 {
        padding-left: 0 !important;
        padding-right: 83px !important;
    }
    .rtl .pr-sm-83 {
        padding-right: 0 !important;
        padding-left: 83px !important;
    }
    .rtl .ml-sm-83 {
        margin-left: 0 !important;
        margin-right: 83px !important;
    }
    .rtl .mr-sm-83 {
        margin-right: 0 !important;
        margin-left: 83px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-83 {
        padding-left: 0 !important;
        padding-right: 83px !important;
    }
    .rtl .pr-xsm-83 {
        padding-right: 0 !important;
        padding-left: 83px !important;
    }
    .rtl .ml-xsm-83 {
        margin-left: 0 !important;
        margin-right: 83px !important;
    }
    .rtl .mr-xsm-83 {
        margin-right: 0 !important;
        margin-left: 83px !important;
    }
}

.rtl .pl-83 {
    padding-left: 0 !important;
    padding-right: 83px !important;
}

.rtl .pr-83 {
    padding-right: 0 !important;
    padding-left: 83px !important;
}

.rtl .ml-83 {
    margin-left: 0 !important;
    margin-right: 83px !important;
}

.rtl .mr-83 {
    margin-right: 0 !important;
    margin-left: 83px !important;
}

@media (min-width: 1200px) {
    .p-xxl-84 {
        padding: 84px !important;
    }
    .pl-xxl-84 {
        padding-left: 84px !important;
    }
    .pr-xxl-84 {
        padding-right: 84px !important;
    }
    .pt-xxl-84 {
        padding-top: 84px !important;
    }
    .pb-xxl-84 {
        padding-bottom: 84px !important;
    }
    .px-xxl-84 {
        padding-left: 84px !important;
        padding-right: 84px !important;
    }
    .py-xxl-84 {
        padding-top: 84px !important;
        padding-bottom: 84px !important;
    }
    .m-xxl-84 {
        margin: 84px !important;
    }
    .ml-xxl-84 {
        margin-left: 84px !important;
    }
    .mr-xxl-84 {
        margin-right: 84px !important;
    }
    .mt-xxl-84 {
        margin-top: 84px !important;
    }
    .mb-xxl-84 {
        margin-bottom: 84px !important;
    }
    .mx-xxl-84 {
        margin-left: 84px !important;
        margin-right: 84px !important;
    }
    .my-xxl-84 {
        margin-top: 84px !important;
        margin-bottom: 84px !important;
    }
    .gx-xxl-84 {
        gap: 0 84px !important;
    }
    .gy-xxl-84 {
        gap: 84px !important;
    }
    .gap-xxl-84 {
        gap: 84px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-84 {
        padding: 84px !important;
    }
    .pl-xl-84 {
        padding-left: 84px !important;
    }
    .pr-xl-84 {
        padding-right: 84px !important;
    }
    .pt-xl-84 {
        padding-top: 84px !important;
    }
    .pb-xl-84 {
        padding-bottom: 84px !important;
    }
    .px-xl-84 {
        padding-left: 84px !important;
        padding-right: 84px !important;
    }
    .py-xl-84 {
        padding-top: 84px !important;
        padding-bottom: 84px !important;
    }
    .m-xl-84 {
        margin: 84px !important;
    }
    .ml-xl-84 {
        margin-left: 84px !important;
    }
    .mr-xl-84 {
        margin-right: 84px !important;
    }
    .mt-xl-84 {
        margin-top: 84px !important;
    }
    .mb-xl-84 {
        margin-bottom: 84px !important;
    }
    .mx-xl-84 {
        margin-left: 84px !important;
        margin-right: 84px !important;
    }
    .my-xl-84 {
        margin-top: 84px !important;
        margin-bottom: 84px !important;
    }
    .gx-xl-84 {
        gap: 0 84px !important;
    }
    .gy-xl-84 {
        gap: 84px !important;
    }
    .gap-xl-84 {
        gap: 84px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-84 {
        padding: 84px !important;
    }
    .pl-lg-84 {
        padding-left: 84px !important;
    }
    .pr-lg-84 {
        padding-right: 84px !important;
    }
    .pt-lg-84 {
        padding-top: 84px !important;
    }
    .pb-lg-84 {
        padding-bottom: 84px !important;
    }
    .px-lg-84 {
        padding-left: 84px !important;
        padding-right: 84px !important;
    }
    .py-lg-84 {
        padding-top: 84px !important;
        padding-bottom: 84px !important;
    }
    .m-lg-84 {
        margin: 84px !important;
    }
    .ml-lg-84 {
        margin-left: 84px !important;
    }
    .mr-lg-84 {
        margin-right: 84px !important;
    }
    .mt-lg-84 {
        margin-top: 84px !important;
    }
    .mb-lg-84 {
        margin-bottom: 84px !important;
    }
    .mx-lg-84 {
        margin-left: 84px !important;
        margin-right: 84px !important;
    }
    .my-lg-84 {
        margin-top: 84px !important;
        margin-bottom: 84px !important;
    }
    .gx-lg-84 {
        gap: 0 84px !important;
    }
    .gy-lg-84 {
        gap: 84px !important;
    }
    .gap-lg-84 {
        gap: 84px !important;
    }
}

@media (min-width: 576px) {
    .p-md-84 {
        padding: 84px !important;
    }
    .pl-md-84 {
        padding-left: 84px !important;
    }
    .pr-md-84 {
        padding-right: 84px !important;
    }
    .pt-md-84 {
        padding-top: 84px !important;
    }
    .pb-md-84 {
        padding-bottom: 84px !important;
    }
    .px-md-84 {
        padding-left: 84px !important;
        padding-right: 84px !important;
    }
    .py-md-84 {
        padding-top: 84px !important;
        padding-bottom: 84px !important;
    }
    .m-md-84 {
        margin: 84px !important;
    }
    .ml-md-84 {
        margin-left: 84px !important;
    }
    .mr-md-84 {
        margin-right: 84px !important;
    }
    .mt-md-84 {
        margin-top: 84px !important;
    }
    .mb-md-84 {
        margin-bottom: 84px !important;
    }
    .mx-md-84 {
        margin-left: 84px !important;
        margin-right: 84px !important;
    }
    .my-md-84 {
        margin-top: 84px !important;
        margin-bottom: 84px !important;
    }
    .gx-md-84 {
        gap: 0 84px !important;
    }
    .gy-md-84 {
        gap: 84px !important;
    }
    .gap-md-84 {
        gap: 84px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-84 {
        padding: 84px !important;
    }
    .pl-sm-84 {
        padding-left: 84px !important;
    }
    .pr-sm-84 {
        padding-right: 84px !important;
    }
    .pt-sm-84 {
        padding-top: 84px !important;
    }
    .pb-sm-84 {
        padding-bottom: 84px !important;
    }
    .px-sm-84 {
        padding-left: 84px !important;
        padding-right: 84px !important;
    }
    .py-sm-84 {
        padding-top: 84px !important;
        padding-bottom: 84px !important;
    }
    .m-sm-84 {
        margin: 84px !important;
    }
    .ml-sm-84 {
        margin-left: 84px !important;
    }
    .mr-sm-84 {
        margin-right: 84px !important;
    }
    .mt-sm-84 {
        margin-top: 84px !important;
    }
    .mb-sm-84 {
        margin-bottom: 84px !important;
    }
    .mx-sm-84 {
        margin-left: 84px !important;
        margin-right: 84px !important;
    }
    .my-sm-84 {
        margin-top: 84px !important;
        margin-bottom: 84px !important;
    }
    .gx-sm-84 {
        gap: 0 84px !important;
    }
    .gy-sm-84 {
        gap: 84px !important;
    }
    .gap-sm-84 {
        gap: 84px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-84 {
        padding: 84px !important;
    }
    .pl-xsm-84 {
        padding-left: 84px !important;
    }
    .pr-xsm-84 {
        padding-right: 84px !important;
    }
    .pt-xsm-84 {
        padding-top: 84px !important;
    }
    .pb-xsm-84 {
        padding-bottom: 84px !important;
    }
    .px-xsm-84 {
        padding-left: 84px !important;
        padding-right: 84px !important;
    }
    .py-xsm-84 {
        padding-top: 84px !important;
        padding-bottom: 84px !important;
    }
    .m-xsm-84 {
        margin: 84px !important;
    }
    .ml-xsm-84 {
        margin-left: 84px !important;
    }
    .mr-xsm-84 {
        margin-right: 84px !important;
    }
    .mt-xsm-84 {
        margin-top: 84px !important;
    }
    .mb-xsm-84 {
        margin-bottom: 84px !important;
    }
    .mx-xsm-84 {
        margin-left: 84px !important;
        margin-right: 84px !important;
    }
    .my-xsm-84 {
        margin-top: 84px !important;
        margin-bottom: 84px !important;
    }
    .gx-xsm-84 {
        gap: 0 84px !important;
    }
    .gy-xsm-84 {
        gap: 84px !important;
    }
    .gap-xsm-84 {
        gap: 84px !important;
    }
}

.p-84 {
    padding: 84px !important;
}

.pl-84 {
    padding-left: 84px !important;
}

.pr-84 {
    padding-right: 84px !important;
}

.pt-84 {
    padding-top: 84px !important;
}

.pb-84 {
    padding-bottom: 84px !important;
}

.px-84 {
    padding-left: 84px !important;
    padding-right: 84px !important;
}

.py-84 {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
}

.m-84 {
    margin: 84px !important;
}

.ml-84 {
    margin-left: 84px !important;
}

.mr-84 {
    margin-right: 84px !important;
}

.mt-84 {
    margin-top: 84px !important;
}

.mb-84 {
    margin-bottom: 84px !important;
}

.mx-84 {
    margin-left: 84px !important;
    margin-right: 84px !important;
}

.my-84 {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
}

.gx-84 {
    gap: 0 84px !important;
}

.gy-84 {
    gap: 84px !important;
}

.gap-84 {
    gap: 84px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-84 {
        padding-left: 0 !important;
        padding-right: 84px !important;
    }
    .rtl .pr-xxl-84 {
        padding-right: 0 !important;
        padding-left: 84px !important;
    }
    .rtl .ml-xxl-84 {
        margin-left: 0 !important;
        margin-right: 84px !important;
    }
    .rtl .mr-xxl-84 {
        margin-right: 0 !important;
        margin-left: 84px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-84 {
        padding-left: 0 !important;
        padding-right: 84px !important;
    }
    .rtl .pr-xl-84 {
        padding-right: 0 !important;
        padding-left: 84px !important;
    }
    .rtl .ml-xl-84 {
        margin-left: 0 !important;
        margin-right: 84px !important;
    }
    .rtl .mr-xl-84 {
        margin-right: 0 !important;
        margin-left: 84px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-84 {
        padding-left: 0 !important;
        padding-right: 84px !important;
    }
    .rtl .pr-lg-84 {
        padding-right: 0 !important;
        padding-left: 84px !important;
    }
    .rtl .ml-lg-84 {
        margin-left: 0 !important;
        margin-right: 84px !important;
    }
    .rtl .mr-lg-84 {
        margin-right: 0 !important;
        margin-left: 84px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-84 {
        padding-left: 0 !important;
        padding-right: 84px !important;
    }
    .rtl .pr-md-84 {
        padding-right: 0 !important;
        padding-left: 84px !important;
    }
    .rtl .ml-md-84 {
        margin-left: 0 !important;
        margin-right: 84px !important;
    }
    .rtl .mr-md-84 {
        margin-right: 0 !important;
        margin-left: 84px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-84 {
        padding-left: 0 !important;
        padding-right: 84px !important;
    }
    .rtl .pr-sm-84 {
        padding-right: 0 !important;
        padding-left: 84px !important;
    }
    .rtl .ml-sm-84 {
        margin-left: 0 !important;
        margin-right: 84px !important;
    }
    .rtl .mr-sm-84 {
        margin-right: 0 !important;
        margin-left: 84px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-84 {
        padding-left: 0 !important;
        padding-right: 84px !important;
    }
    .rtl .pr-xsm-84 {
        padding-right: 0 !important;
        padding-left: 84px !important;
    }
    .rtl .ml-xsm-84 {
        margin-left: 0 !important;
        margin-right: 84px !important;
    }
    .rtl .mr-xsm-84 {
        margin-right: 0 !important;
        margin-left: 84px !important;
    }
}

.rtl .pl-84 {
    padding-left: 0 !important;
    padding-right: 84px !important;
}

.rtl .pr-84 {
    padding-right: 0 !important;
    padding-left: 84px !important;
}

.rtl .ml-84 {
    margin-left: 0 !important;
    margin-right: 84px !important;
}

.rtl .mr-84 {
    margin-right: 0 !important;
    margin-left: 84px !important;
}

@media (min-width: 1200px) {
    .p-xxl-85 {
        padding: 85px !important;
    }
    .pl-xxl-85 {
        padding-left: 85px !important;
    }
    .pr-xxl-85 {
        padding-right: 85px !important;
    }
    .pt-xxl-85 {
        padding-top: 85px !important;
    }
    .pb-xxl-85 {
        padding-bottom: 85px !important;
    }
    .px-xxl-85 {
        padding-left: 85px !important;
        padding-right: 85px !important;
    }
    .py-xxl-85 {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }
    .m-xxl-85 {
        margin: 85px !important;
    }
    .ml-xxl-85 {
        margin-left: 85px !important;
    }
    .mr-xxl-85 {
        margin-right: 85px !important;
    }
    .mt-xxl-85 {
        margin-top: 85px !important;
    }
    .mb-xxl-85 {
        margin-bottom: 85px !important;
    }
    .mx-xxl-85 {
        margin-left: 85px !important;
        margin-right: 85px !important;
    }
    .my-xxl-85 {
        margin-top: 85px !important;
        margin-bottom: 85px !important;
    }
    .gx-xxl-85 {
        gap: 0 85px !important;
    }
    .gy-xxl-85 {
        gap: 85px !important;
    }
    .gap-xxl-85 {
        gap: 85px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-85 {
        padding: 85px !important;
    }
    .pl-xl-85 {
        padding-left: 85px !important;
    }
    .pr-xl-85 {
        padding-right: 85px !important;
    }
    .pt-xl-85 {
        padding-top: 85px !important;
    }
    .pb-xl-85 {
        padding-bottom: 85px !important;
    }
    .px-xl-85 {
        padding-left: 85px !important;
        padding-right: 85px !important;
    }
    .py-xl-85 {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }
    .m-xl-85 {
        margin: 85px !important;
    }
    .ml-xl-85 {
        margin-left: 85px !important;
    }
    .mr-xl-85 {
        margin-right: 85px !important;
    }
    .mt-xl-85 {
        margin-top: 85px !important;
    }
    .mb-xl-85 {
        margin-bottom: 85px !important;
    }
    .mx-xl-85 {
        margin-left: 85px !important;
        margin-right: 85px !important;
    }
    .my-xl-85 {
        margin-top: 85px !important;
        margin-bottom: 85px !important;
    }
    .gx-xl-85 {
        gap: 0 85px !important;
    }
    .gy-xl-85 {
        gap: 85px !important;
    }
    .gap-xl-85 {
        gap: 85px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-85 {
        padding: 85px !important;
    }
    .pl-lg-85 {
        padding-left: 85px !important;
    }
    .pr-lg-85 {
        padding-right: 85px !important;
    }
    .pt-lg-85 {
        padding-top: 85px !important;
    }
    .pb-lg-85 {
        padding-bottom: 85px !important;
    }
    .px-lg-85 {
        padding-left: 85px !important;
        padding-right: 85px !important;
    }
    .py-lg-85 {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }
    .m-lg-85 {
        margin: 85px !important;
    }
    .ml-lg-85 {
        margin-left: 85px !important;
    }
    .mr-lg-85 {
        margin-right: 85px !important;
    }
    .mt-lg-85 {
        margin-top: 85px !important;
    }
    .mb-lg-85 {
        margin-bottom: 85px !important;
    }
    .mx-lg-85 {
        margin-left: 85px !important;
        margin-right: 85px !important;
    }
    .my-lg-85 {
        margin-top: 85px !important;
        margin-bottom: 85px !important;
    }
    .gx-lg-85 {
        gap: 0 85px !important;
    }
    .gy-lg-85 {
        gap: 85px !important;
    }
    .gap-lg-85 {
        gap: 85px !important;
    }
}

@media (min-width: 576px) {
    .p-md-85 {
        padding: 85px !important;
    }
    .pl-md-85 {
        padding-left: 85px !important;
    }
    .pr-md-85 {
        padding-right: 85px !important;
    }
    .pt-md-85 {
        padding-top: 85px !important;
    }
    .pb-md-85 {
        padding-bottom: 85px !important;
    }
    .px-md-85 {
        padding-left: 85px !important;
        padding-right: 85px !important;
    }
    .py-md-85 {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }
    .m-md-85 {
        margin: 85px !important;
    }
    .ml-md-85 {
        margin-left: 85px !important;
    }
    .mr-md-85 {
        margin-right: 85px !important;
    }
    .mt-md-85 {
        margin-top: 85px !important;
    }
    .mb-md-85 {
        margin-bottom: 85px !important;
    }
    .mx-md-85 {
        margin-left: 85px !important;
        margin-right: 85px !important;
    }
    .my-md-85 {
        margin-top: 85px !important;
        margin-bottom: 85px !important;
    }
    .gx-md-85 {
        gap: 0 85px !important;
    }
    .gy-md-85 {
        gap: 85px !important;
    }
    .gap-md-85 {
        gap: 85px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-85 {
        padding: 85px !important;
    }
    .pl-sm-85 {
        padding-left: 85px !important;
    }
    .pr-sm-85 {
        padding-right: 85px !important;
    }
    .pt-sm-85 {
        padding-top: 85px !important;
    }
    .pb-sm-85 {
        padding-bottom: 85px !important;
    }
    .px-sm-85 {
        padding-left: 85px !important;
        padding-right: 85px !important;
    }
    .py-sm-85 {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }
    .m-sm-85 {
        margin: 85px !important;
    }
    .ml-sm-85 {
        margin-left: 85px !important;
    }
    .mr-sm-85 {
        margin-right: 85px !important;
    }
    .mt-sm-85 {
        margin-top: 85px !important;
    }
    .mb-sm-85 {
        margin-bottom: 85px !important;
    }
    .mx-sm-85 {
        margin-left: 85px !important;
        margin-right: 85px !important;
    }
    .my-sm-85 {
        margin-top: 85px !important;
        margin-bottom: 85px !important;
    }
    .gx-sm-85 {
        gap: 0 85px !important;
    }
    .gy-sm-85 {
        gap: 85px !important;
    }
    .gap-sm-85 {
        gap: 85px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-85 {
        padding: 85px !important;
    }
    .pl-xsm-85 {
        padding-left: 85px !important;
    }
    .pr-xsm-85 {
        padding-right: 85px !important;
    }
    .pt-xsm-85 {
        padding-top: 85px !important;
    }
    .pb-xsm-85 {
        padding-bottom: 85px !important;
    }
    .px-xsm-85 {
        padding-left: 85px !important;
        padding-right: 85px !important;
    }
    .py-xsm-85 {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }
    .m-xsm-85 {
        margin: 85px !important;
    }
    .ml-xsm-85 {
        margin-left: 85px !important;
    }
    .mr-xsm-85 {
        margin-right: 85px !important;
    }
    .mt-xsm-85 {
        margin-top: 85px !important;
    }
    .mb-xsm-85 {
        margin-bottom: 85px !important;
    }
    .mx-xsm-85 {
        margin-left: 85px !important;
        margin-right: 85px !important;
    }
    .my-xsm-85 {
        margin-top: 85px !important;
        margin-bottom: 85px !important;
    }
    .gx-xsm-85 {
        gap: 0 85px !important;
    }
    .gy-xsm-85 {
        gap: 85px !important;
    }
    .gap-xsm-85 {
        gap: 85px !important;
    }
}

.p-85 {
    padding: 85px !important;
}

.pl-85 {
    padding-left: 85px !important;
}

.pr-85 {
    padding-right: 85px !important;
}

.pt-85 {
    padding-top: 85px !important;
}

.pb-85 {
    padding-bottom: 85px !important;
}

.px-85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
}

.py-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}

.m-85 {
    margin: 85px !important;
}

.ml-85 {
    margin-left: 85px !important;
}

.mr-85 {
    margin-right: 85px !important;
}

.mt-85 {
    margin-top: 85px !important;
}

.mb-85 {
    margin-bottom: 85px !important;
}

.mx-85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
}

.my-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
}

.gx-85 {
    gap: 0 85px !important;
}

.gy-85 {
    gap: 85px !important;
}

.gap-85 {
    gap: 85px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-85 {
        padding-left: 0 !important;
        padding-right: 85px !important;
    }
    .rtl .pr-xxl-85 {
        padding-right: 0 !important;
        padding-left: 85px !important;
    }
    .rtl .ml-xxl-85 {
        margin-left: 0 !important;
        margin-right: 85px !important;
    }
    .rtl .mr-xxl-85 {
        margin-right: 0 !important;
        margin-left: 85px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-85 {
        padding-left: 0 !important;
        padding-right: 85px !important;
    }
    .rtl .pr-xl-85 {
        padding-right: 0 !important;
        padding-left: 85px !important;
    }
    .rtl .ml-xl-85 {
        margin-left: 0 !important;
        margin-right: 85px !important;
    }
    .rtl .mr-xl-85 {
        margin-right: 0 !important;
        margin-left: 85px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-85 {
        padding-left: 0 !important;
        padding-right: 85px !important;
    }
    .rtl .pr-lg-85 {
        padding-right: 0 !important;
        padding-left: 85px !important;
    }
    .rtl .ml-lg-85 {
        margin-left: 0 !important;
        margin-right: 85px !important;
    }
    .rtl .mr-lg-85 {
        margin-right: 0 !important;
        margin-left: 85px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-85 {
        padding-left: 0 !important;
        padding-right: 85px !important;
    }
    .rtl .pr-md-85 {
        padding-right: 0 !important;
        padding-left: 85px !important;
    }
    .rtl .ml-md-85 {
        margin-left: 0 !important;
        margin-right: 85px !important;
    }
    .rtl .mr-md-85 {
        margin-right: 0 !important;
        margin-left: 85px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-85 {
        padding-left: 0 !important;
        padding-right: 85px !important;
    }
    .rtl .pr-sm-85 {
        padding-right: 0 !important;
        padding-left: 85px !important;
    }
    .rtl .ml-sm-85 {
        margin-left: 0 !important;
        margin-right: 85px !important;
    }
    .rtl .mr-sm-85 {
        margin-right: 0 !important;
        margin-left: 85px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-85 {
        padding-left: 0 !important;
        padding-right: 85px !important;
    }
    .rtl .pr-xsm-85 {
        padding-right: 0 !important;
        padding-left: 85px !important;
    }
    .rtl .ml-xsm-85 {
        margin-left: 0 !important;
        margin-right: 85px !important;
    }
    .rtl .mr-xsm-85 {
        margin-right: 0 !important;
        margin-left: 85px !important;
    }
}

.rtl .pl-85 {
    padding-left: 0 !important;
    padding-right: 85px !important;
}

.rtl .pr-85 {
    padding-right: 0 !important;
    padding-left: 85px !important;
}

.rtl .ml-85 {
    margin-left: 0 !important;
    margin-right: 85px !important;
}

.rtl .mr-85 {
    margin-right: 0 !important;
    margin-left: 85px !important;
}

@media (min-width: 1200px) {
    .p-xxl-86 {
        padding: 86px !important;
    }
    .pl-xxl-86 {
        padding-left: 86px !important;
    }
    .pr-xxl-86 {
        padding-right: 86px !important;
    }
    .pt-xxl-86 {
        padding-top: 86px !important;
    }
    .pb-xxl-86 {
        padding-bottom: 86px !important;
    }
    .px-xxl-86 {
        padding-left: 86px !important;
        padding-right: 86px !important;
    }
    .py-xxl-86 {
        padding-top: 86px !important;
        padding-bottom: 86px !important;
    }
    .m-xxl-86 {
        margin: 86px !important;
    }
    .ml-xxl-86 {
        margin-left: 86px !important;
    }
    .mr-xxl-86 {
        margin-right: 86px !important;
    }
    .mt-xxl-86 {
        margin-top: 86px !important;
    }
    .mb-xxl-86 {
        margin-bottom: 86px !important;
    }
    .mx-xxl-86 {
        margin-left: 86px !important;
        margin-right: 86px !important;
    }
    .my-xxl-86 {
        margin-top: 86px !important;
        margin-bottom: 86px !important;
    }
    .gx-xxl-86 {
        gap: 0 86px !important;
    }
    .gy-xxl-86 {
        gap: 86px !important;
    }
    .gap-xxl-86 {
        gap: 86px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-86 {
        padding: 86px !important;
    }
    .pl-xl-86 {
        padding-left: 86px !important;
    }
    .pr-xl-86 {
        padding-right: 86px !important;
    }
    .pt-xl-86 {
        padding-top: 86px !important;
    }
    .pb-xl-86 {
        padding-bottom: 86px !important;
    }
    .px-xl-86 {
        padding-left: 86px !important;
        padding-right: 86px !important;
    }
    .py-xl-86 {
        padding-top: 86px !important;
        padding-bottom: 86px !important;
    }
    .m-xl-86 {
        margin: 86px !important;
    }
    .ml-xl-86 {
        margin-left: 86px !important;
    }
    .mr-xl-86 {
        margin-right: 86px !important;
    }
    .mt-xl-86 {
        margin-top: 86px !important;
    }
    .mb-xl-86 {
        margin-bottom: 86px !important;
    }
    .mx-xl-86 {
        margin-left: 86px !important;
        margin-right: 86px !important;
    }
    .my-xl-86 {
        margin-top: 86px !important;
        margin-bottom: 86px !important;
    }
    .gx-xl-86 {
        gap: 0 86px !important;
    }
    .gy-xl-86 {
        gap: 86px !important;
    }
    .gap-xl-86 {
        gap: 86px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-86 {
        padding: 86px !important;
    }
    .pl-lg-86 {
        padding-left: 86px !important;
    }
    .pr-lg-86 {
        padding-right: 86px !important;
    }
    .pt-lg-86 {
        padding-top: 86px !important;
    }
    .pb-lg-86 {
        padding-bottom: 86px !important;
    }
    .px-lg-86 {
        padding-left: 86px !important;
        padding-right: 86px !important;
    }
    .py-lg-86 {
        padding-top: 86px !important;
        padding-bottom: 86px !important;
    }
    .m-lg-86 {
        margin: 86px !important;
    }
    .ml-lg-86 {
        margin-left: 86px !important;
    }
    .mr-lg-86 {
        margin-right: 86px !important;
    }
    .mt-lg-86 {
        margin-top: 86px !important;
    }
    .mb-lg-86 {
        margin-bottom: 86px !important;
    }
    .mx-lg-86 {
        margin-left: 86px !important;
        margin-right: 86px !important;
    }
    .my-lg-86 {
        margin-top: 86px !important;
        margin-bottom: 86px !important;
    }
    .gx-lg-86 {
        gap: 0 86px !important;
    }
    .gy-lg-86 {
        gap: 86px !important;
    }
    .gap-lg-86 {
        gap: 86px !important;
    }
}

@media (min-width: 576px) {
    .p-md-86 {
        padding: 86px !important;
    }
    .pl-md-86 {
        padding-left: 86px !important;
    }
    .pr-md-86 {
        padding-right: 86px !important;
    }
    .pt-md-86 {
        padding-top: 86px !important;
    }
    .pb-md-86 {
        padding-bottom: 86px !important;
    }
    .px-md-86 {
        padding-left: 86px !important;
        padding-right: 86px !important;
    }
    .py-md-86 {
        padding-top: 86px !important;
        padding-bottom: 86px !important;
    }
    .m-md-86 {
        margin: 86px !important;
    }
    .ml-md-86 {
        margin-left: 86px !important;
    }
    .mr-md-86 {
        margin-right: 86px !important;
    }
    .mt-md-86 {
        margin-top: 86px !important;
    }
    .mb-md-86 {
        margin-bottom: 86px !important;
    }
    .mx-md-86 {
        margin-left: 86px !important;
        margin-right: 86px !important;
    }
    .my-md-86 {
        margin-top: 86px !important;
        margin-bottom: 86px !important;
    }
    .gx-md-86 {
        gap: 0 86px !important;
    }
    .gy-md-86 {
        gap: 86px !important;
    }
    .gap-md-86 {
        gap: 86px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-86 {
        padding: 86px !important;
    }
    .pl-sm-86 {
        padding-left: 86px !important;
    }
    .pr-sm-86 {
        padding-right: 86px !important;
    }
    .pt-sm-86 {
        padding-top: 86px !important;
    }
    .pb-sm-86 {
        padding-bottom: 86px !important;
    }
    .px-sm-86 {
        padding-left: 86px !important;
        padding-right: 86px !important;
    }
    .py-sm-86 {
        padding-top: 86px !important;
        padding-bottom: 86px !important;
    }
    .m-sm-86 {
        margin: 86px !important;
    }
    .ml-sm-86 {
        margin-left: 86px !important;
    }
    .mr-sm-86 {
        margin-right: 86px !important;
    }
    .mt-sm-86 {
        margin-top: 86px !important;
    }
    .mb-sm-86 {
        margin-bottom: 86px !important;
    }
    .mx-sm-86 {
        margin-left: 86px !important;
        margin-right: 86px !important;
    }
    .my-sm-86 {
        margin-top: 86px !important;
        margin-bottom: 86px !important;
    }
    .gx-sm-86 {
        gap: 0 86px !important;
    }
    .gy-sm-86 {
        gap: 86px !important;
    }
    .gap-sm-86 {
        gap: 86px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-86 {
        padding: 86px !important;
    }
    .pl-xsm-86 {
        padding-left: 86px !important;
    }
    .pr-xsm-86 {
        padding-right: 86px !important;
    }
    .pt-xsm-86 {
        padding-top: 86px !important;
    }
    .pb-xsm-86 {
        padding-bottom: 86px !important;
    }
    .px-xsm-86 {
        padding-left: 86px !important;
        padding-right: 86px !important;
    }
    .py-xsm-86 {
        padding-top: 86px !important;
        padding-bottom: 86px !important;
    }
    .m-xsm-86 {
        margin: 86px !important;
    }
    .ml-xsm-86 {
        margin-left: 86px !important;
    }
    .mr-xsm-86 {
        margin-right: 86px !important;
    }
    .mt-xsm-86 {
        margin-top: 86px !important;
    }
    .mb-xsm-86 {
        margin-bottom: 86px !important;
    }
    .mx-xsm-86 {
        margin-left: 86px !important;
        margin-right: 86px !important;
    }
    .my-xsm-86 {
        margin-top: 86px !important;
        margin-bottom: 86px !important;
    }
    .gx-xsm-86 {
        gap: 0 86px !important;
    }
    .gy-xsm-86 {
        gap: 86px !important;
    }
    .gap-xsm-86 {
        gap: 86px !important;
    }
}

.p-86 {
    padding: 86px !important;
}

.pl-86 {
    padding-left: 86px !important;
}

.pr-86 {
    padding-right: 86px !important;
}

.pt-86 {
    padding-top: 86px !important;
}

.pb-86 {
    padding-bottom: 86px !important;
}

.px-86 {
    padding-left: 86px !important;
    padding-right: 86px !important;
}

.py-86 {
    padding-top: 86px !important;
    padding-bottom: 86px !important;
}

.m-86 {
    margin: 86px !important;
}

.ml-86 {
    margin-left: 86px !important;
}

.mr-86 {
    margin-right: 86px !important;
}

.mt-86 {
    margin-top: 86px !important;
}

.mb-86 {
    margin-bottom: 86px !important;
}

.mx-86 {
    margin-left: 86px !important;
    margin-right: 86px !important;
}

.my-86 {
    margin-top: 86px !important;
    margin-bottom: 86px !important;
}

.gx-86 {
    gap: 0 86px !important;
}

.gy-86 {
    gap: 86px !important;
}

.gap-86 {
    gap: 86px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-86 {
        padding-left: 0 !important;
        padding-right: 86px !important;
    }
    .rtl .pr-xxl-86 {
        padding-right: 0 !important;
        padding-left: 86px !important;
    }
    .rtl .ml-xxl-86 {
        margin-left: 0 !important;
        margin-right: 86px !important;
    }
    .rtl .mr-xxl-86 {
        margin-right: 0 !important;
        margin-left: 86px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-86 {
        padding-left: 0 !important;
        padding-right: 86px !important;
    }
    .rtl .pr-xl-86 {
        padding-right: 0 !important;
        padding-left: 86px !important;
    }
    .rtl .ml-xl-86 {
        margin-left: 0 !important;
        margin-right: 86px !important;
    }
    .rtl .mr-xl-86 {
        margin-right: 0 !important;
        margin-left: 86px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-86 {
        padding-left: 0 !important;
        padding-right: 86px !important;
    }
    .rtl .pr-lg-86 {
        padding-right: 0 !important;
        padding-left: 86px !important;
    }
    .rtl .ml-lg-86 {
        margin-left: 0 !important;
        margin-right: 86px !important;
    }
    .rtl .mr-lg-86 {
        margin-right: 0 !important;
        margin-left: 86px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-86 {
        padding-left: 0 !important;
        padding-right: 86px !important;
    }
    .rtl .pr-md-86 {
        padding-right: 0 !important;
        padding-left: 86px !important;
    }
    .rtl .ml-md-86 {
        margin-left: 0 !important;
        margin-right: 86px !important;
    }
    .rtl .mr-md-86 {
        margin-right: 0 !important;
        margin-left: 86px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-86 {
        padding-left: 0 !important;
        padding-right: 86px !important;
    }
    .rtl .pr-sm-86 {
        padding-right: 0 !important;
        padding-left: 86px !important;
    }
    .rtl .ml-sm-86 {
        margin-left: 0 !important;
        margin-right: 86px !important;
    }
    .rtl .mr-sm-86 {
        margin-right: 0 !important;
        margin-left: 86px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-86 {
        padding-left: 0 !important;
        padding-right: 86px !important;
    }
    .rtl .pr-xsm-86 {
        padding-right: 0 !important;
        padding-left: 86px !important;
    }
    .rtl .ml-xsm-86 {
        margin-left: 0 !important;
        margin-right: 86px !important;
    }
    .rtl .mr-xsm-86 {
        margin-right: 0 !important;
        margin-left: 86px !important;
    }
}

.rtl .pl-86 {
    padding-left: 0 !important;
    padding-right: 86px !important;
}

.rtl .pr-86 {
    padding-right: 0 !important;
    padding-left: 86px !important;
}

.rtl .ml-86 {
    margin-left: 0 !important;
    margin-right: 86px !important;
}

.rtl .mr-86 {
    margin-right: 0 !important;
    margin-left: 86px !important;
}

@media (min-width: 1200px) {
    .p-xxl-87 {
        padding: 87px !important;
    }
    .pl-xxl-87 {
        padding-left: 87px !important;
    }
    .pr-xxl-87 {
        padding-right: 87px !important;
    }
    .pt-xxl-87 {
        padding-top: 87px !important;
    }
    .pb-xxl-87 {
        padding-bottom: 87px !important;
    }
    .px-xxl-87 {
        padding-left: 87px !important;
        padding-right: 87px !important;
    }
    .py-xxl-87 {
        padding-top: 87px !important;
        padding-bottom: 87px !important;
    }
    .m-xxl-87 {
        margin: 87px !important;
    }
    .ml-xxl-87 {
        margin-left: 87px !important;
    }
    .mr-xxl-87 {
        margin-right: 87px !important;
    }
    .mt-xxl-87 {
        margin-top: 87px !important;
    }
    .mb-xxl-87 {
        margin-bottom: 87px !important;
    }
    .mx-xxl-87 {
        margin-left: 87px !important;
        margin-right: 87px !important;
    }
    .my-xxl-87 {
        margin-top: 87px !important;
        margin-bottom: 87px !important;
    }
    .gx-xxl-87 {
        gap: 0 87px !important;
    }
    .gy-xxl-87 {
        gap: 87px !important;
    }
    .gap-xxl-87 {
        gap: 87px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-87 {
        padding: 87px !important;
    }
    .pl-xl-87 {
        padding-left: 87px !important;
    }
    .pr-xl-87 {
        padding-right: 87px !important;
    }
    .pt-xl-87 {
        padding-top: 87px !important;
    }
    .pb-xl-87 {
        padding-bottom: 87px !important;
    }
    .px-xl-87 {
        padding-left: 87px !important;
        padding-right: 87px !important;
    }
    .py-xl-87 {
        padding-top: 87px !important;
        padding-bottom: 87px !important;
    }
    .m-xl-87 {
        margin: 87px !important;
    }
    .ml-xl-87 {
        margin-left: 87px !important;
    }
    .mr-xl-87 {
        margin-right: 87px !important;
    }
    .mt-xl-87 {
        margin-top: 87px !important;
    }
    .mb-xl-87 {
        margin-bottom: 87px !important;
    }
    .mx-xl-87 {
        margin-left: 87px !important;
        margin-right: 87px !important;
    }
    .my-xl-87 {
        margin-top: 87px !important;
        margin-bottom: 87px !important;
    }
    .gx-xl-87 {
        gap: 0 87px !important;
    }
    .gy-xl-87 {
        gap: 87px !important;
    }
    .gap-xl-87 {
        gap: 87px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-87 {
        padding: 87px !important;
    }
    .pl-lg-87 {
        padding-left: 87px !important;
    }
    .pr-lg-87 {
        padding-right: 87px !important;
    }
    .pt-lg-87 {
        padding-top: 87px !important;
    }
    .pb-lg-87 {
        padding-bottom: 87px !important;
    }
    .px-lg-87 {
        padding-left: 87px !important;
        padding-right: 87px !important;
    }
    .py-lg-87 {
        padding-top: 87px !important;
        padding-bottom: 87px !important;
    }
    .m-lg-87 {
        margin: 87px !important;
    }
    .ml-lg-87 {
        margin-left: 87px !important;
    }
    .mr-lg-87 {
        margin-right: 87px !important;
    }
    .mt-lg-87 {
        margin-top: 87px !important;
    }
    .mb-lg-87 {
        margin-bottom: 87px !important;
    }
    .mx-lg-87 {
        margin-left: 87px !important;
        margin-right: 87px !important;
    }
    .my-lg-87 {
        margin-top: 87px !important;
        margin-bottom: 87px !important;
    }
    .gx-lg-87 {
        gap: 0 87px !important;
    }
    .gy-lg-87 {
        gap: 87px !important;
    }
    .gap-lg-87 {
        gap: 87px !important;
    }
}

@media (min-width: 576px) {
    .p-md-87 {
        padding: 87px !important;
    }
    .pl-md-87 {
        padding-left: 87px !important;
    }
    .pr-md-87 {
        padding-right: 87px !important;
    }
    .pt-md-87 {
        padding-top: 87px !important;
    }
    .pb-md-87 {
        padding-bottom: 87px !important;
    }
    .px-md-87 {
        padding-left: 87px !important;
        padding-right: 87px !important;
    }
    .py-md-87 {
        padding-top: 87px !important;
        padding-bottom: 87px !important;
    }
    .m-md-87 {
        margin: 87px !important;
    }
    .ml-md-87 {
        margin-left: 87px !important;
    }
    .mr-md-87 {
        margin-right: 87px !important;
    }
    .mt-md-87 {
        margin-top: 87px !important;
    }
    .mb-md-87 {
        margin-bottom: 87px !important;
    }
    .mx-md-87 {
        margin-left: 87px !important;
        margin-right: 87px !important;
    }
    .my-md-87 {
        margin-top: 87px !important;
        margin-bottom: 87px !important;
    }
    .gx-md-87 {
        gap: 0 87px !important;
    }
    .gy-md-87 {
        gap: 87px !important;
    }
    .gap-md-87 {
        gap: 87px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-87 {
        padding: 87px !important;
    }
    .pl-sm-87 {
        padding-left: 87px !important;
    }
    .pr-sm-87 {
        padding-right: 87px !important;
    }
    .pt-sm-87 {
        padding-top: 87px !important;
    }
    .pb-sm-87 {
        padding-bottom: 87px !important;
    }
    .px-sm-87 {
        padding-left: 87px !important;
        padding-right: 87px !important;
    }
    .py-sm-87 {
        padding-top: 87px !important;
        padding-bottom: 87px !important;
    }
    .m-sm-87 {
        margin: 87px !important;
    }
    .ml-sm-87 {
        margin-left: 87px !important;
    }
    .mr-sm-87 {
        margin-right: 87px !important;
    }
    .mt-sm-87 {
        margin-top: 87px !important;
    }
    .mb-sm-87 {
        margin-bottom: 87px !important;
    }
    .mx-sm-87 {
        margin-left: 87px !important;
        margin-right: 87px !important;
    }
    .my-sm-87 {
        margin-top: 87px !important;
        margin-bottom: 87px !important;
    }
    .gx-sm-87 {
        gap: 0 87px !important;
    }
    .gy-sm-87 {
        gap: 87px !important;
    }
    .gap-sm-87 {
        gap: 87px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-87 {
        padding: 87px !important;
    }
    .pl-xsm-87 {
        padding-left: 87px !important;
    }
    .pr-xsm-87 {
        padding-right: 87px !important;
    }
    .pt-xsm-87 {
        padding-top: 87px !important;
    }
    .pb-xsm-87 {
        padding-bottom: 87px !important;
    }
    .px-xsm-87 {
        padding-left: 87px !important;
        padding-right: 87px !important;
    }
    .py-xsm-87 {
        padding-top: 87px !important;
        padding-bottom: 87px !important;
    }
    .m-xsm-87 {
        margin: 87px !important;
    }
    .ml-xsm-87 {
        margin-left: 87px !important;
    }
    .mr-xsm-87 {
        margin-right: 87px !important;
    }
    .mt-xsm-87 {
        margin-top: 87px !important;
    }
    .mb-xsm-87 {
        margin-bottom: 87px !important;
    }
    .mx-xsm-87 {
        margin-left: 87px !important;
        margin-right: 87px !important;
    }
    .my-xsm-87 {
        margin-top: 87px !important;
        margin-bottom: 87px !important;
    }
    .gx-xsm-87 {
        gap: 0 87px !important;
    }
    .gy-xsm-87 {
        gap: 87px !important;
    }
    .gap-xsm-87 {
        gap: 87px !important;
    }
}

.p-87 {
    padding: 87px !important;
}

.pl-87 {
    padding-left: 87px !important;
}

.pr-87 {
    padding-right: 87px !important;
}

.pt-87 {
    padding-top: 87px !important;
}

.pb-87 {
    padding-bottom: 87px !important;
}

.px-87 {
    padding-left: 87px !important;
    padding-right: 87px !important;
}

.py-87 {
    padding-top: 87px !important;
    padding-bottom: 87px !important;
}

.m-87 {
    margin: 87px !important;
}

.ml-87 {
    margin-left: 87px !important;
}

.mr-87 {
    margin-right: 87px !important;
}

.mt-87 {
    margin-top: 87px !important;
}

.mb-87 {
    margin-bottom: 87px !important;
}

.mx-87 {
    margin-left: 87px !important;
    margin-right: 87px !important;
}

.my-87 {
    margin-top: 87px !important;
    margin-bottom: 87px !important;
}

.gx-87 {
    gap: 0 87px !important;
}

.gy-87 {
    gap: 87px !important;
}

.gap-87 {
    gap: 87px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-87 {
        padding-left: 0 !important;
        padding-right: 87px !important;
    }
    .rtl .pr-xxl-87 {
        padding-right: 0 !important;
        padding-left: 87px !important;
    }
    .rtl .ml-xxl-87 {
        margin-left: 0 !important;
        margin-right: 87px !important;
    }
    .rtl .mr-xxl-87 {
        margin-right: 0 !important;
        margin-left: 87px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-87 {
        padding-left: 0 !important;
        padding-right: 87px !important;
    }
    .rtl .pr-xl-87 {
        padding-right: 0 !important;
        padding-left: 87px !important;
    }
    .rtl .ml-xl-87 {
        margin-left: 0 !important;
        margin-right: 87px !important;
    }
    .rtl .mr-xl-87 {
        margin-right: 0 !important;
        margin-left: 87px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-87 {
        padding-left: 0 !important;
        padding-right: 87px !important;
    }
    .rtl .pr-lg-87 {
        padding-right: 0 !important;
        padding-left: 87px !important;
    }
    .rtl .ml-lg-87 {
        margin-left: 0 !important;
        margin-right: 87px !important;
    }
    .rtl .mr-lg-87 {
        margin-right: 0 !important;
        margin-left: 87px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-87 {
        padding-left: 0 !important;
        padding-right: 87px !important;
    }
    .rtl .pr-md-87 {
        padding-right: 0 !important;
        padding-left: 87px !important;
    }
    .rtl .ml-md-87 {
        margin-left: 0 !important;
        margin-right: 87px !important;
    }
    .rtl .mr-md-87 {
        margin-right: 0 !important;
        margin-left: 87px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-87 {
        padding-left: 0 !important;
        padding-right: 87px !important;
    }
    .rtl .pr-sm-87 {
        padding-right: 0 !important;
        padding-left: 87px !important;
    }
    .rtl .ml-sm-87 {
        margin-left: 0 !important;
        margin-right: 87px !important;
    }
    .rtl .mr-sm-87 {
        margin-right: 0 !important;
        margin-left: 87px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-87 {
        padding-left: 0 !important;
        padding-right: 87px !important;
    }
    .rtl .pr-xsm-87 {
        padding-right: 0 !important;
        padding-left: 87px !important;
    }
    .rtl .ml-xsm-87 {
        margin-left: 0 !important;
        margin-right: 87px !important;
    }
    .rtl .mr-xsm-87 {
        margin-right: 0 !important;
        margin-left: 87px !important;
    }
}

.rtl .pl-87 {
    padding-left: 0 !important;
    padding-right: 87px !important;
}

.rtl .pr-87 {
    padding-right: 0 !important;
    padding-left: 87px !important;
}

.rtl .ml-87 {
    margin-left: 0 !important;
    margin-right: 87px !important;
}

.rtl .mr-87 {
    margin-right: 0 !important;
    margin-left: 87px !important;
}

@media (min-width: 1200px) {
    .p-xxl-88 {
        padding: 88px !important;
    }
    .pl-xxl-88 {
        padding-left: 88px !important;
    }
    .pr-xxl-88 {
        padding-right: 88px !important;
    }
    .pt-xxl-88 {
        padding-top: 88px !important;
    }
    .pb-xxl-88 {
        padding-bottom: 88px !important;
    }
    .px-xxl-88 {
        padding-left: 88px !important;
        padding-right: 88px !important;
    }
    .py-xxl-88 {
        padding-top: 88px !important;
        padding-bottom: 88px !important;
    }
    .m-xxl-88 {
        margin: 88px !important;
    }
    .ml-xxl-88 {
        margin-left: 88px !important;
    }
    .mr-xxl-88 {
        margin-right: 88px !important;
    }
    .mt-xxl-88 {
        margin-top: 88px !important;
    }
    .mb-xxl-88 {
        margin-bottom: 88px !important;
    }
    .mx-xxl-88 {
        margin-left: 88px !important;
        margin-right: 88px !important;
    }
    .my-xxl-88 {
        margin-top: 88px !important;
        margin-bottom: 88px !important;
    }
    .gx-xxl-88 {
        gap: 0 88px !important;
    }
    .gy-xxl-88 {
        gap: 88px !important;
    }
    .gap-xxl-88 {
        gap: 88px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-88 {
        padding: 88px !important;
    }
    .pl-xl-88 {
        padding-left: 88px !important;
    }
    .pr-xl-88 {
        padding-right: 88px !important;
    }
    .pt-xl-88 {
        padding-top: 88px !important;
    }
    .pb-xl-88 {
        padding-bottom: 88px !important;
    }
    .px-xl-88 {
        padding-left: 88px !important;
        padding-right: 88px !important;
    }
    .py-xl-88 {
        padding-top: 88px !important;
        padding-bottom: 88px !important;
    }
    .m-xl-88 {
        margin: 88px !important;
    }
    .ml-xl-88 {
        margin-left: 88px !important;
    }
    .mr-xl-88 {
        margin-right: 88px !important;
    }
    .mt-xl-88 {
        margin-top: 88px !important;
    }
    .mb-xl-88 {
        margin-bottom: 88px !important;
    }
    .mx-xl-88 {
        margin-left: 88px !important;
        margin-right: 88px !important;
    }
    .my-xl-88 {
        margin-top: 88px !important;
        margin-bottom: 88px !important;
    }
    .gx-xl-88 {
        gap: 0 88px !important;
    }
    .gy-xl-88 {
        gap: 88px !important;
    }
    .gap-xl-88 {
        gap: 88px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-88 {
        padding: 88px !important;
    }
    .pl-lg-88 {
        padding-left: 88px !important;
    }
    .pr-lg-88 {
        padding-right: 88px !important;
    }
    .pt-lg-88 {
        padding-top: 88px !important;
    }
    .pb-lg-88 {
        padding-bottom: 88px !important;
    }
    .px-lg-88 {
        padding-left: 88px !important;
        padding-right: 88px !important;
    }
    .py-lg-88 {
        padding-top: 88px !important;
        padding-bottom: 88px !important;
    }
    .m-lg-88 {
        margin: 88px !important;
    }
    .ml-lg-88 {
        margin-left: 88px !important;
    }
    .mr-lg-88 {
        margin-right: 88px !important;
    }
    .mt-lg-88 {
        margin-top: 88px !important;
    }
    .mb-lg-88 {
        margin-bottom: 88px !important;
    }
    .mx-lg-88 {
        margin-left: 88px !important;
        margin-right: 88px !important;
    }
    .my-lg-88 {
        margin-top: 88px !important;
        margin-bottom: 88px !important;
    }
    .gx-lg-88 {
        gap: 0 88px !important;
    }
    .gy-lg-88 {
        gap: 88px !important;
    }
    .gap-lg-88 {
        gap: 88px !important;
    }
}

@media (min-width: 576px) {
    .p-md-88 {
        padding: 88px !important;
    }
    .pl-md-88 {
        padding-left: 88px !important;
    }
    .pr-md-88 {
        padding-right: 88px !important;
    }
    .pt-md-88 {
        padding-top: 88px !important;
    }
    .pb-md-88 {
        padding-bottom: 88px !important;
    }
    .px-md-88 {
        padding-left: 88px !important;
        padding-right: 88px !important;
    }
    .py-md-88 {
        padding-top: 88px !important;
        padding-bottom: 88px !important;
    }
    .m-md-88 {
        margin: 88px !important;
    }
    .ml-md-88 {
        margin-left: 88px !important;
    }
    .mr-md-88 {
        margin-right: 88px !important;
    }
    .mt-md-88 {
        margin-top: 88px !important;
    }
    .mb-md-88 {
        margin-bottom: 88px !important;
    }
    .mx-md-88 {
        margin-left: 88px !important;
        margin-right: 88px !important;
    }
    .my-md-88 {
        margin-top: 88px !important;
        margin-bottom: 88px !important;
    }
    .gx-md-88 {
        gap: 0 88px !important;
    }
    .gy-md-88 {
        gap: 88px !important;
    }
    .gap-md-88 {
        gap: 88px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-88 {
        padding: 88px !important;
    }
    .pl-sm-88 {
        padding-left: 88px !important;
    }
    .pr-sm-88 {
        padding-right: 88px !important;
    }
    .pt-sm-88 {
        padding-top: 88px !important;
    }
    .pb-sm-88 {
        padding-bottom: 88px !important;
    }
    .px-sm-88 {
        padding-left: 88px !important;
        padding-right: 88px !important;
    }
    .py-sm-88 {
        padding-top: 88px !important;
        padding-bottom: 88px !important;
    }
    .m-sm-88 {
        margin: 88px !important;
    }
    .ml-sm-88 {
        margin-left: 88px !important;
    }
    .mr-sm-88 {
        margin-right: 88px !important;
    }
    .mt-sm-88 {
        margin-top: 88px !important;
    }
    .mb-sm-88 {
        margin-bottom: 88px !important;
    }
    .mx-sm-88 {
        margin-left: 88px !important;
        margin-right: 88px !important;
    }
    .my-sm-88 {
        margin-top: 88px !important;
        margin-bottom: 88px !important;
    }
    .gx-sm-88 {
        gap: 0 88px !important;
    }
    .gy-sm-88 {
        gap: 88px !important;
    }
    .gap-sm-88 {
        gap: 88px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-88 {
        padding: 88px !important;
    }
    .pl-xsm-88 {
        padding-left: 88px !important;
    }
    .pr-xsm-88 {
        padding-right: 88px !important;
    }
    .pt-xsm-88 {
        padding-top: 88px !important;
    }
    .pb-xsm-88 {
        padding-bottom: 88px !important;
    }
    .px-xsm-88 {
        padding-left: 88px !important;
        padding-right: 88px !important;
    }
    .py-xsm-88 {
        padding-top: 88px !important;
        padding-bottom: 88px !important;
    }
    .m-xsm-88 {
        margin: 88px !important;
    }
    .ml-xsm-88 {
        margin-left: 88px !important;
    }
    .mr-xsm-88 {
        margin-right: 88px !important;
    }
    .mt-xsm-88 {
        margin-top: 88px !important;
    }
    .mb-xsm-88 {
        margin-bottom: 88px !important;
    }
    .mx-xsm-88 {
        margin-left: 88px !important;
        margin-right: 88px !important;
    }
    .my-xsm-88 {
        margin-top: 88px !important;
        margin-bottom: 88px !important;
    }
    .gx-xsm-88 {
        gap: 0 88px !important;
    }
    .gy-xsm-88 {
        gap: 88px !important;
    }
    .gap-xsm-88 {
        gap: 88px !important;
    }
}

.p-88 {
    padding: 88px !important;
}

.pl-88 {
    padding-left: 88px !important;
}

.pr-88 {
    padding-right: 88px !important;
}

.pt-88 {
    padding-top: 88px !important;
}

.pb-88 {
    padding-bottom: 88px !important;
}

.px-88 {
    padding-left: 88px !important;
    padding-right: 88px !important;
}

.py-88 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
}

.m-88 {
    margin: 88px !important;
}

.ml-88 {
    margin-left: 88px !important;
}

.mr-88 {
    margin-right: 88px !important;
}

.mt-88 {
    margin-top: 88px !important;
}

.mb-88 {
    margin-bottom: 88px !important;
}

.mx-88 {
    margin-left: 88px !important;
    margin-right: 88px !important;
}

.my-88 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
}

.gx-88 {
    gap: 0 88px !important;
}

.gy-88 {
    gap: 88px !important;
}

.gap-88 {
    gap: 88px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-88 {
        padding-left: 0 !important;
        padding-right: 88px !important;
    }
    .rtl .pr-xxl-88 {
        padding-right: 0 !important;
        padding-left: 88px !important;
    }
    .rtl .ml-xxl-88 {
        margin-left: 0 !important;
        margin-right: 88px !important;
    }
    .rtl .mr-xxl-88 {
        margin-right: 0 !important;
        margin-left: 88px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-88 {
        padding-left: 0 !important;
        padding-right: 88px !important;
    }
    .rtl .pr-xl-88 {
        padding-right: 0 !important;
        padding-left: 88px !important;
    }
    .rtl .ml-xl-88 {
        margin-left: 0 !important;
        margin-right: 88px !important;
    }
    .rtl .mr-xl-88 {
        margin-right: 0 !important;
        margin-left: 88px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-88 {
        padding-left: 0 !important;
        padding-right: 88px !important;
    }
    .rtl .pr-lg-88 {
        padding-right: 0 !important;
        padding-left: 88px !important;
    }
    .rtl .ml-lg-88 {
        margin-left: 0 !important;
        margin-right: 88px !important;
    }
    .rtl .mr-lg-88 {
        margin-right: 0 !important;
        margin-left: 88px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-88 {
        padding-left: 0 !important;
        padding-right: 88px !important;
    }
    .rtl .pr-md-88 {
        padding-right: 0 !important;
        padding-left: 88px !important;
    }
    .rtl .ml-md-88 {
        margin-left: 0 !important;
        margin-right: 88px !important;
    }
    .rtl .mr-md-88 {
        margin-right: 0 !important;
        margin-left: 88px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-88 {
        padding-left: 0 !important;
        padding-right: 88px !important;
    }
    .rtl .pr-sm-88 {
        padding-right: 0 !important;
        padding-left: 88px !important;
    }
    .rtl .ml-sm-88 {
        margin-left: 0 !important;
        margin-right: 88px !important;
    }
    .rtl .mr-sm-88 {
        margin-right: 0 !important;
        margin-left: 88px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-88 {
        padding-left: 0 !important;
        padding-right: 88px !important;
    }
    .rtl .pr-xsm-88 {
        padding-right: 0 !important;
        padding-left: 88px !important;
    }
    .rtl .ml-xsm-88 {
        margin-left: 0 !important;
        margin-right: 88px !important;
    }
    .rtl .mr-xsm-88 {
        margin-right: 0 !important;
        margin-left: 88px !important;
    }
}

.rtl .pl-88 {
    padding-left: 0 !important;
    padding-right: 88px !important;
}

.rtl .pr-88 {
    padding-right: 0 !important;
    padding-left: 88px !important;
}

.rtl .ml-88 {
    margin-left: 0 !important;
    margin-right: 88px !important;
}

.rtl .mr-88 {
    margin-right: 0 !important;
    margin-left: 88px !important;
}

@media (min-width: 1200px) {
    .p-xxl-89 {
        padding: 89px !important;
    }
    .pl-xxl-89 {
        padding-left: 89px !important;
    }
    .pr-xxl-89 {
        padding-right: 89px !important;
    }
    .pt-xxl-89 {
        padding-top: 89px !important;
    }
    .pb-xxl-89 {
        padding-bottom: 89px !important;
    }
    .px-xxl-89 {
        padding-left: 89px !important;
        padding-right: 89px !important;
    }
    .py-xxl-89 {
        padding-top: 89px !important;
        padding-bottom: 89px !important;
    }
    .m-xxl-89 {
        margin: 89px !important;
    }
    .ml-xxl-89 {
        margin-left: 89px !important;
    }
    .mr-xxl-89 {
        margin-right: 89px !important;
    }
    .mt-xxl-89 {
        margin-top: 89px !important;
    }
    .mb-xxl-89 {
        margin-bottom: 89px !important;
    }
    .mx-xxl-89 {
        margin-left: 89px !important;
        margin-right: 89px !important;
    }
    .my-xxl-89 {
        margin-top: 89px !important;
        margin-bottom: 89px !important;
    }
    .gx-xxl-89 {
        gap: 0 89px !important;
    }
    .gy-xxl-89 {
        gap: 89px !important;
    }
    .gap-xxl-89 {
        gap: 89px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-89 {
        padding: 89px !important;
    }
    .pl-xl-89 {
        padding-left: 89px !important;
    }
    .pr-xl-89 {
        padding-right: 89px !important;
    }
    .pt-xl-89 {
        padding-top: 89px !important;
    }
    .pb-xl-89 {
        padding-bottom: 89px !important;
    }
    .px-xl-89 {
        padding-left: 89px !important;
        padding-right: 89px !important;
    }
    .py-xl-89 {
        padding-top: 89px !important;
        padding-bottom: 89px !important;
    }
    .m-xl-89 {
        margin: 89px !important;
    }
    .ml-xl-89 {
        margin-left: 89px !important;
    }
    .mr-xl-89 {
        margin-right: 89px !important;
    }
    .mt-xl-89 {
        margin-top: 89px !important;
    }
    .mb-xl-89 {
        margin-bottom: 89px !important;
    }
    .mx-xl-89 {
        margin-left: 89px !important;
        margin-right: 89px !important;
    }
    .my-xl-89 {
        margin-top: 89px !important;
        margin-bottom: 89px !important;
    }
    .gx-xl-89 {
        gap: 0 89px !important;
    }
    .gy-xl-89 {
        gap: 89px !important;
    }
    .gap-xl-89 {
        gap: 89px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-89 {
        padding: 89px !important;
    }
    .pl-lg-89 {
        padding-left: 89px !important;
    }
    .pr-lg-89 {
        padding-right: 89px !important;
    }
    .pt-lg-89 {
        padding-top: 89px !important;
    }
    .pb-lg-89 {
        padding-bottom: 89px !important;
    }
    .px-lg-89 {
        padding-left: 89px !important;
        padding-right: 89px !important;
    }
    .py-lg-89 {
        padding-top: 89px !important;
        padding-bottom: 89px !important;
    }
    .m-lg-89 {
        margin: 89px !important;
    }
    .ml-lg-89 {
        margin-left: 89px !important;
    }
    .mr-lg-89 {
        margin-right: 89px !important;
    }
    .mt-lg-89 {
        margin-top: 89px !important;
    }
    .mb-lg-89 {
        margin-bottom: 89px !important;
    }
    .mx-lg-89 {
        margin-left: 89px !important;
        margin-right: 89px !important;
    }
    .my-lg-89 {
        margin-top: 89px !important;
        margin-bottom: 89px !important;
    }
    .gx-lg-89 {
        gap: 0 89px !important;
    }
    .gy-lg-89 {
        gap: 89px !important;
    }
    .gap-lg-89 {
        gap: 89px !important;
    }
}

@media (min-width: 576px) {
    .p-md-89 {
        padding: 89px !important;
    }
    .pl-md-89 {
        padding-left: 89px !important;
    }
    .pr-md-89 {
        padding-right: 89px !important;
    }
    .pt-md-89 {
        padding-top: 89px !important;
    }
    .pb-md-89 {
        padding-bottom: 89px !important;
    }
    .px-md-89 {
        padding-left: 89px !important;
        padding-right: 89px !important;
    }
    .py-md-89 {
        padding-top: 89px !important;
        padding-bottom: 89px !important;
    }
    .m-md-89 {
        margin: 89px !important;
    }
    .ml-md-89 {
        margin-left: 89px !important;
    }
    .mr-md-89 {
        margin-right: 89px !important;
    }
    .mt-md-89 {
        margin-top: 89px !important;
    }
    .mb-md-89 {
        margin-bottom: 89px !important;
    }
    .mx-md-89 {
        margin-left: 89px !important;
        margin-right: 89px !important;
    }
    .my-md-89 {
        margin-top: 89px !important;
        margin-bottom: 89px !important;
    }
    .gx-md-89 {
        gap: 0 89px !important;
    }
    .gy-md-89 {
        gap: 89px !important;
    }
    .gap-md-89 {
        gap: 89px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-89 {
        padding: 89px !important;
    }
    .pl-sm-89 {
        padding-left: 89px !important;
    }
    .pr-sm-89 {
        padding-right: 89px !important;
    }
    .pt-sm-89 {
        padding-top: 89px !important;
    }
    .pb-sm-89 {
        padding-bottom: 89px !important;
    }
    .px-sm-89 {
        padding-left: 89px !important;
        padding-right: 89px !important;
    }
    .py-sm-89 {
        padding-top: 89px !important;
        padding-bottom: 89px !important;
    }
    .m-sm-89 {
        margin: 89px !important;
    }
    .ml-sm-89 {
        margin-left: 89px !important;
    }
    .mr-sm-89 {
        margin-right: 89px !important;
    }
    .mt-sm-89 {
        margin-top: 89px !important;
    }
    .mb-sm-89 {
        margin-bottom: 89px !important;
    }
    .mx-sm-89 {
        margin-left: 89px !important;
        margin-right: 89px !important;
    }
    .my-sm-89 {
        margin-top: 89px !important;
        margin-bottom: 89px !important;
    }
    .gx-sm-89 {
        gap: 0 89px !important;
    }
    .gy-sm-89 {
        gap: 89px !important;
    }
    .gap-sm-89 {
        gap: 89px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-89 {
        padding: 89px !important;
    }
    .pl-xsm-89 {
        padding-left: 89px !important;
    }
    .pr-xsm-89 {
        padding-right: 89px !important;
    }
    .pt-xsm-89 {
        padding-top: 89px !important;
    }
    .pb-xsm-89 {
        padding-bottom: 89px !important;
    }
    .px-xsm-89 {
        padding-left: 89px !important;
        padding-right: 89px !important;
    }
    .py-xsm-89 {
        padding-top: 89px !important;
        padding-bottom: 89px !important;
    }
    .m-xsm-89 {
        margin: 89px !important;
    }
    .ml-xsm-89 {
        margin-left: 89px !important;
    }
    .mr-xsm-89 {
        margin-right: 89px !important;
    }
    .mt-xsm-89 {
        margin-top: 89px !important;
    }
    .mb-xsm-89 {
        margin-bottom: 89px !important;
    }
    .mx-xsm-89 {
        margin-left: 89px !important;
        margin-right: 89px !important;
    }
    .my-xsm-89 {
        margin-top: 89px !important;
        margin-bottom: 89px !important;
    }
    .gx-xsm-89 {
        gap: 0 89px !important;
    }
    .gy-xsm-89 {
        gap: 89px !important;
    }
    .gap-xsm-89 {
        gap: 89px !important;
    }
}

.p-89 {
    padding: 89px !important;
}

.pl-89 {
    padding-left: 89px !important;
}

.pr-89 {
    padding-right: 89px !important;
}

.pt-89 {
    padding-top: 89px !important;
}

.pb-89 {
    padding-bottom: 89px !important;
}

.px-89 {
    padding-left: 89px !important;
    padding-right: 89px !important;
}

.py-89 {
    padding-top: 89px !important;
    padding-bottom: 89px !important;
}

.m-89 {
    margin: 89px !important;
}

.ml-89 {
    margin-left: 89px !important;
}

.mr-89 {
    margin-right: 89px !important;
}

.mt-89 {
    margin-top: 89px !important;
}

.mb-89 {
    margin-bottom: 89px !important;
}

.mx-89 {
    margin-left: 89px !important;
    margin-right: 89px !important;
}

.my-89 {
    margin-top: 89px !important;
    margin-bottom: 89px !important;
}

.gx-89 {
    gap: 0 89px !important;
}

.gy-89 {
    gap: 89px !important;
}

.gap-89 {
    gap: 89px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-89 {
        padding-left: 0 !important;
        padding-right: 89px !important;
    }
    .rtl .pr-xxl-89 {
        padding-right: 0 !important;
        padding-left: 89px !important;
    }
    .rtl .ml-xxl-89 {
        margin-left: 0 !important;
        margin-right: 89px !important;
    }
    .rtl .mr-xxl-89 {
        margin-right: 0 !important;
        margin-left: 89px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-89 {
        padding-left: 0 !important;
        padding-right: 89px !important;
    }
    .rtl .pr-xl-89 {
        padding-right: 0 !important;
        padding-left: 89px !important;
    }
    .rtl .ml-xl-89 {
        margin-left: 0 !important;
        margin-right: 89px !important;
    }
    .rtl .mr-xl-89 {
        margin-right: 0 !important;
        margin-left: 89px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-89 {
        padding-left: 0 !important;
        padding-right: 89px !important;
    }
    .rtl .pr-lg-89 {
        padding-right: 0 !important;
        padding-left: 89px !important;
    }
    .rtl .ml-lg-89 {
        margin-left: 0 !important;
        margin-right: 89px !important;
    }
    .rtl .mr-lg-89 {
        margin-right: 0 !important;
        margin-left: 89px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-89 {
        padding-left: 0 !important;
        padding-right: 89px !important;
    }
    .rtl .pr-md-89 {
        padding-right: 0 !important;
        padding-left: 89px !important;
    }
    .rtl .ml-md-89 {
        margin-left: 0 !important;
        margin-right: 89px !important;
    }
    .rtl .mr-md-89 {
        margin-right: 0 !important;
        margin-left: 89px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-89 {
        padding-left: 0 !important;
        padding-right: 89px !important;
    }
    .rtl .pr-sm-89 {
        padding-right: 0 !important;
        padding-left: 89px !important;
    }
    .rtl .ml-sm-89 {
        margin-left: 0 !important;
        margin-right: 89px !important;
    }
    .rtl .mr-sm-89 {
        margin-right: 0 !important;
        margin-left: 89px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-89 {
        padding-left: 0 !important;
        padding-right: 89px !important;
    }
    .rtl .pr-xsm-89 {
        padding-right: 0 !important;
        padding-left: 89px !important;
    }
    .rtl .ml-xsm-89 {
        margin-left: 0 !important;
        margin-right: 89px !important;
    }
    .rtl .mr-xsm-89 {
        margin-right: 0 !important;
        margin-left: 89px !important;
    }
}

.rtl .pl-89 {
    padding-left: 0 !important;
    padding-right: 89px !important;
}

.rtl .pr-89 {
    padding-right: 0 !important;
    padding-left: 89px !important;
}

.rtl .ml-89 {
    margin-left: 0 !important;
    margin-right: 89px !important;
}

.rtl .mr-89 {
    margin-right: 0 !important;
    margin-left: 89px !important;
}

@media (min-width: 1200px) {
    .p-xxl-90 {
        padding: 90px !important;
    }
    .pl-xxl-90 {
        padding-left: 90px !important;
    }
    .pr-xxl-90 {
        padding-right: 90px !important;
    }
    .pt-xxl-90 {
        padding-top: 90px !important;
    }
    .pb-xxl-90 {
        padding-bottom: 90px !important;
    }
    .px-xxl-90 {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }
    .py-xxl-90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }
    .m-xxl-90 {
        margin: 90px !important;
    }
    .ml-xxl-90 {
        margin-left: 90px !important;
    }
    .mr-xxl-90 {
        margin-right: 90px !important;
    }
    .mt-xxl-90 {
        margin-top: 90px !important;
    }
    .mb-xxl-90 {
        margin-bottom: 90px !important;
    }
    .mx-xxl-90 {
        margin-left: 90px !important;
        margin-right: 90px !important;
    }
    .my-xxl-90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }
    .gx-xxl-90 {
        gap: 0 90px !important;
    }
    .gy-xxl-90 {
        gap: 90px !important;
    }
    .gap-xxl-90 {
        gap: 90px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-90 {
        padding: 90px !important;
    }
    .pl-xl-90 {
        padding-left: 90px !important;
    }
    .pr-xl-90 {
        padding-right: 90px !important;
    }
    .pt-xl-90 {
        padding-top: 90px !important;
    }
    .pb-xl-90 {
        padding-bottom: 90px !important;
    }
    .px-xl-90 {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }
    .py-xl-90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }
    .m-xl-90 {
        margin: 90px !important;
    }
    .ml-xl-90 {
        margin-left: 90px !important;
    }
    .mr-xl-90 {
        margin-right: 90px !important;
    }
    .mt-xl-90 {
        margin-top: 90px !important;
    }
    .mb-xl-90 {
        margin-bottom: 90px !important;
    }
    .mx-xl-90 {
        margin-left: 90px !important;
        margin-right: 90px !important;
    }
    .my-xl-90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }
    .gx-xl-90 {
        gap: 0 90px !important;
    }
    .gy-xl-90 {
        gap: 90px !important;
    }
    .gap-xl-90 {
        gap: 90px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-90 {
        padding: 90px !important;
    }
    .pl-lg-90 {
        padding-left: 90px !important;
    }
    .pr-lg-90 {
        padding-right: 90px !important;
    }
    .pt-lg-90 {
        padding-top: 90px !important;
    }
    .pb-lg-90 {
        padding-bottom: 90px !important;
    }
    .px-lg-90 {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }
    .py-lg-90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }
    .m-lg-90 {
        margin: 90px !important;
    }
    .ml-lg-90 {
        margin-left: 90px !important;
    }
    .mr-lg-90 {
        margin-right: 90px !important;
    }
    .mt-lg-90 {
        margin-top: 90px !important;
    }
    .mb-lg-90 {
        margin-bottom: 90px !important;
    }
    .mx-lg-90 {
        margin-left: 90px !important;
        margin-right: 90px !important;
    }
    .my-lg-90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }
    .gx-lg-90 {
        gap: 0 90px !important;
    }
    .gy-lg-90 {
        gap: 90px !important;
    }
    .gap-lg-90 {
        gap: 90px !important;
    }
}

@media (min-width: 576px) {
    .p-md-90 {
        padding: 90px !important;
    }
    .pl-md-90 {
        padding-left: 90px !important;
    }
    .pr-md-90 {
        padding-right: 90px !important;
    }
    .pt-md-90 {
        padding-top: 90px !important;
    }
    .pb-md-90 {
        padding-bottom: 90px !important;
    }
    .px-md-90 {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }
    .py-md-90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }
    .m-md-90 {
        margin: 90px !important;
    }
    .ml-md-90 {
        margin-left: 90px !important;
    }
    .mr-md-90 {
        margin-right: 90px !important;
    }
    .mt-md-90 {
        margin-top: 90px !important;
    }
    .mb-md-90 {
        margin-bottom: 90px !important;
    }
    .mx-md-90 {
        margin-left: 90px !important;
        margin-right: 90px !important;
    }
    .my-md-90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }
    .gx-md-90 {
        gap: 0 90px !important;
    }
    .gy-md-90 {
        gap: 90px !important;
    }
    .gap-md-90 {
        gap: 90px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-90 {
        padding: 90px !important;
    }
    .pl-sm-90 {
        padding-left: 90px !important;
    }
    .pr-sm-90 {
        padding-right: 90px !important;
    }
    .pt-sm-90 {
        padding-top: 90px !important;
    }
    .pb-sm-90 {
        padding-bottom: 90px !important;
    }
    .px-sm-90 {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }
    .py-sm-90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }
    .m-sm-90 {
        margin: 90px !important;
    }
    .ml-sm-90 {
        margin-left: 90px !important;
    }
    .mr-sm-90 {
        margin-right: 90px !important;
    }
    .mt-sm-90 {
        margin-top: 90px !important;
    }
    .mb-sm-90 {
        margin-bottom: 90px !important;
    }
    .mx-sm-90 {
        margin-left: 90px !important;
        margin-right: 90px !important;
    }
    .my-sm-90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }
    .gx-sm-90 {
        gap: 0 90px !important;
    }
    .gy-sm-90 {
        gap: 90px !important;
    }
    .gap-sm-90 {
        gap: 90px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-90 {
        padding: 90px !important;
    }
    .pl-xsm-90 {
        padding-left: 90px !important;
    }
    .pr-xsm-90 {
        padding-right: 90px !important;
    }
    .pt-xsm-90 {
        padding-top: 90px !important;
    }
    .pb-xsm-90 {
        padding-bottom: 90px !important;
    }
    .px-xsm-90 {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }
    .py-xsm-90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }
    .m-xsm-90 {
        margin: 90px !important;
    }
    .ml-xsm-90 {
        margin-left: 90px !important;
    }
    .mr-xsm-90 {
        margin-right: 90px !important;
    }
    .mt-xsm-90 {
        margin-top: 90px !important;
    }
    .mb-xsm-90 {
        margin-bottom: 90px !important;
    }
    .mx-xsm-90 {
        margin-left: 90px !important;
        margin-right: 90px !important;
    }
    .my-xsm-90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }
    .gx-xsm-90 {
        gap: 0 90px !important;
    }
    .gy-xsm-90 {
        gap: 90px !important;
    }
    .gap-xsm-90 {
        gap: 90px !important;
    }
}

.p-90 {
    padding: 90px !important;
}

.pl-90 {
    padding-left: 90px !important;
}

.pr-90 {
    padding-right: 90px !important;
}

.pt-90 {
    padding-top: 90px !important;
}

.pb-90 {
    padding-bottom: 90px !important;
}

.px-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
}

.py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.m-90 {
    margin: 90px !important;
}

.ml-90 {
    margin-left: 90px !important;
}

.mr-90 {
    margin-right: 90px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.mx-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
}

.my-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.gx-90 {
    gap: 0 90px !important;
}

.gy-90 {
    gap: 90px !important;
}

.gap-90 {
    gap: 90px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-90 {
        padding-left: 0 !important;
        padding-right: 90px !important;
    }
    .rtl .pr-xxl-90 {
        padding-right: 0 !important;
        padding-left: 90px !important;
    }
    .rtl .ml-xxl-90 {
        margin-left: 0 !important;
        margin-right: 90px !important;
    }
    .rtl .mr-xxl-90 {
        margin-right: 0 !important;
        margin-left: 90px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-90 {
        padding-left: 0 !important;
        padding-right: 90px !important;
    }
    .rtl .pr-xl-90 {
        padding-right: 0 !important;
        padding-left: 90px !important;
    }
    .rtl .ml-xl-90 {
        margin-left: 0 !important;
        margin-right: 90px !important;
    }
    .rtl .mr-xl-90 {
        margin-right: 0 !important;
        margin-left: 90px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-90 {
        padding-left: 0 !important;
        padding-right: 90px !important;
    }
    .rtl .pr-lg-90 {
        padding-right: 0 !important;
        padding-left: 90px !important;
    }
    .rtl .ml-lg-90 {
        margin-left: 0 !important;
        margin-right: 90px !important;
    }
    .rtl .mr-lg-90 {
        margin-right: 0 !important;
        margin-left: 90px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-90 {
        padding-left: 0 !important;
        padding-right: 90px !important;
    }
    .rtl .pr-md-90 {
        padding-right: 0 !important;
        padding-left: 90px !important;
    }
    .rtl .ml-md-90 {
        margin-left: 0 !important;
        margin-right: 90px !important;
    }
    .rtl .mr-md-90 {
        margin-right: 0 !important;
        margin-left: 90px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-90 {
        padding-left: 0 !important;
        padding-right: 90px !important;
    }
    .rtl .pr-sm-90 {
        padding-right: 0 !important;
        padding-left: 90px !important;
    }
    .rtl .ml-sm-90 {
        margin-left: 0 !important;
        margin-right: 90px !important;
    }
    .rtl .mr-sm-90 {
        margin-right: 0 !important;
        margin-left: 90px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-90 {
        padding-left: 0 !important;
        padding-right: 90px !important;
    }
    .rtl .pr-xsm-90 {
        padding-right: 0 !important;
        padding-left: 90px !important;
    }
    .rtl .ml-xsm-90 {
        margin-left: 0 !important;
        margin-right: 90px !important;
    }
    .rtl .mr-xsm-90 {
        margin-right: 0 !important;
        margin-left: 90px !important;
    }
}

.rtl .pl-90 {
    padding-left: 0 !important;
    padding-right: 90px !important;
}

.rtl .pr-90 {
    padding-right: 0 !important;
    padding-left: 90px !important;
}

.rtl .ml-90 {
    margin-left: 0 !important;
    margin-right: 90px !important;
}

.rtl .mr-90 {
    margin-right: 0 !important;
    margin-left: 90px !important;
}

@media (min-width: 1200px) {
    .p-xxl-91 {
        padding: 91px !important;
    }
    .pl-xxl-91 {
        padding-left: 91px !important;
    }
    .pr-xxl-91 {
        padding-right: 91px !important;
    }
    .pt-xxl-91 {
        padding-top: 91px !important;
    }
    .pb-xxl-91 {
        padding-bottom: 91px !important;
    }
    .px-xxl-91 {
        padding-left: 91px !important;
        padding-right: 91px !important;
    }
    .py-xxl-91 {
        padding-top: 91px !important;
        padding-bottom: 91px !important;
    }
    .m-xxl-91 {
        margin: 91px !important;
    }
    .ml-xxl-91 {
        margin-left: 91px !important;
    }
    .mr-xxl-91 {
        margin-right: 91px !important;
    }
    .mt-xxl-91 {
        margin-top: 91px !important;
    }
    .mb-xxl-91 {
        margin-bottom: 91px !important;
    }
    .mx-xxl-91 {
        margin-left: 91px !important;
        margin-right: 91px !important;
    }
    .my-xxl-91 {
        margin-top: 91px !important;
        margin-bottom: 91px !important;
    }
    .gx-xxl-91 {
        gap: 0 91px !important;
    }
    .gy-xxl-91 {
        gap: 91px !important;
    }
    .gap-xxl-91 {
        gap: 91px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-91 {
        padding: 91px !important;
    }
    .pl-xl-91 {
        padding-left: 91px !important;
    }
    .pr-xl-91 {
        padding-right: 91px !important;
    }
    .pt-xl-91 {
        padding-top: 91px !important;
    }
    .pb-xl-91 {
        padding-bottom: 91px !important;
    }
    .px-xl-91 {
        padding-left: 91px !important;
        padding-right: 91px !important;
    }
    .py-xl-91 {
        padding-top: 91px !important;
        padding-bottom: 91px !important;
    }
    .m-xl-91 {
        margin: 91px !important;
    }
    .ml-xl-91 {
        margin-left: 91px !important;
    }
    .mr-xl-91 {
        margin-right: 91px !important;
    }
    .mt-xl-91 {
        margin-top: 91px !important;
    }
    .mb-xl-91 {
        margin-bottom: 91px !important;
    }
    .mx-xl-91 {
        margin-left: 91px !important;
        margin-right: 91px !important;
    }
    .my-xl-91 {
        margin-top: 91px !important;
        margin-bottom: 91px !important;
    }
    .gx-xl-91 {
        gap: 0 91px !important;
    }
    .gy-xl-91 {
        gap: 91px !important;
    }
    .gap-xl-91 {
        gap: 91px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-91 {
        padding: 91px !important;
    }
    .pl-lg-91 {
        padding-left: 91px !important;
    }
    .pr-lg-91 {
        padding-right: 91px !important;
    }
    .pt-lg-91 {
        padding-top: 91px !important;
    }
    .pb-lg-91 {
        padding-bottom: 91px !important;
    }
    .px-lg-91 {
        padding-left: 91px !important;
        padding-right: 91px !important;
    }
    .py-lg-91 {
        padding-top: 91px !important;
        padding-bottom: 91px !important;
    }
    .m-lg-91 {
        margin: 91px !important;
    }
    .ml-lg-91 {
        margin-left: 91px !important;
    }
    .mr-lg-91 {
        margin-right: 91px !important;
    }
    .mt-lg-91 {
        margin-top: 91px !important;
    }
    .mb-lg-91 {
        margin-bottom: 91px !important;
    }
    .mx-lg-91 {
        margin-left: 91px !important;
        margin-right: 91px !important;
    }
    .my-lg-91 {
        margin-top: 91px !important;
        margin-bottom: 91px !important;
    }
    .gx-lg-91 {
        gap: 0 91px !important;
    }
    .gy-lg-91 {
        gap: 91px !important;
    }
    .gap-lg-91 {
        gap: 91px !important;
    }
}

@media (min-width: 576px) {
    .p-md-91 {
        padding: 91px !important;
    }
    .pl-md-91 {
        padding-left: 91px !important;
    }
    .pr-md-91 {
        padding-right: 91px !important;
    }
    .pt-md-91 {
        padding-top: 91px !important;
    }
    .pb-md-91 {
        padding-bottom: 91px !important;
    }
    .px-md-91 {
        padding-left: 91px !important;
        padding-right: 91px !important;
    }
    .py-md-91 {
        padding-top: 91px !important;
        padding-bottom: 91px !important;
    }
    .m-md-91 {
        margin: 91px !important;
    }
    .ml-md-91 {
        margin-left: 91px !important;
    }
    .mr-md-91 {
        margin-right: 91px !important;
    }
    .mt-md-91 {
        margin-top: 91px !important;
    }
    .mb-md-91 {
        margin-bottom: 91px !important;
    }
    .mx-md-91 {
        margin-left: 91px !important;
        margin-right: 91px !important;
    }
    .my-md-91 {
        margin-top: 91px !important;
        margin-bottom: 91px !important;
    }
    .gx-md-91 {
        gap: 0 91px !important;
    }
    .gy-md-91 {
        gap: 91px !important;
    }
    .gap-md-91 {
        gap: 91px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-91 {
        padding: 91px !important;
    }
    .pl-sm-91 {
        padding-left: 91px !important;
    }
    .pr-sm-91 {
        padding-right: 91px !important;
    }
    .pt-sm-91 {
        padding-top: 91px !important;
    }
    .pb-sm-91 {
        padding-bottom: 91px !important;
    }
    .px-sm-91 {
        padding-left: 91px !important;
        padding-right: 91px !important;
    }
    .py-sm-91 {
        padding-top: 91px !important;
        padding-bottom: 91px !important;
    }
    .m-sm-91 {
        margin: 91px !important;
    }
    .ml-sm-91 {
        margin-left: 91px !important;
    }
    .mr-sm-91 {
        margin-right: 91px !important;
    }
    .mt-sm-91 {
        margin-top: 91px !important;
    }
    .mb-sm-91 {
        margin-bottom: 91px !important;
    }
    .mx-sm-91 {
        margin-left: 91px !important;
        margin-right: 91px !important;
    }
    .my-sm-91 {
        margin-top: 91px !important;
        margin-bottom: 91px !important;
    }
    .gx-sm-91 {
        gap: 0 91px !important;
    }
    .gy-sm-91 {
        gap: 91px !important;
    }
    .gap-sm-91 {
        gap: 91px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-91 {
        padding: 91px !important;
    }
    .pl-xsm-91 {
        padding-left: 91px !important;
    }
    .pr-xsm-91 {
        padding-right: 91px !important;
    }
    .pt-xsm-91 {
        padding-top: 91px !important;
    }
    .pb-xsm-91 {
        padding-bottom: 91px !important;
    }
    .px-xsm-91 {
        padding-left: 91px !important;
        padding-right: 91px !important;
    }
    .py-xsm-91 {
        padding-top: 91px !important;
        padding-bottom: 91px !important;
    }
    .m-xsm-91 {
        margin: 91px !important;
    }
    .ml-xsm-91 {
        margin-left: 91px !important;
    }
    .mr-xsm-91 {
        margin-right: 91px !important;
    }
    .mt-xsm-91 {
        margin-top: 91px !important;
    }
    .mb-xsm-91 {
        margin-bottom: 91px !important;
    }
    .mx-xsm-91 {
        margin-left: 91px !important;
        margin-right: 91px !important;
    }
    .my-xsm-91 {
        margin-top: 91px !important;
        margin-bottom: 91px !important;
    }
    .gx-xsm-91 {
        gap: 0 91px !important;
    }
    .gy-xsm-91 {
        gap: 91px !important;
    }
    .gap-xsm-91 {
        gap: 91px !important;
    }
}

.p-91 {
    padding: 91px !important;
}

.pl-91 {
    padding-left: 91px !important;
}

.pr-91 {
    padding-right: 91px !important;
}

.pt-91 {
    padding-top: 91px !important;
}

.pb-91 {
    padding-bottom: 91px !important;
}

.px-91 {
    padding-left: 91px !important;
    padding-right: 91px !important;
}

.py-91 {
    padding-top: 91px !important;
    padding-bottom: 91px !important;
}

.m-91 {
    margin: 91px !important;
}

.ml-91 {
    margin-left: 91px !important;
}

.mr-91 {
    margin-right: 91px !important;
}

.mt-91 {
    margin-top: 91px !important;
}

.mb-91 {
    margin-bottom: 91px !important;
}

.mx-91 {
    margin-left: 91px !important;
    margin-right: 91px !important;
}

.my-91 {
    margin-top: 91px !important;
    margin-bottom: 91px !important;
}

.gx-91 {
    gap: 0 91px !important;
}

.gy-91 {
    gap: 91px !important;
}

.gap-91 {
    gap: 91px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-91 {
        padding-left: 0 !important;
        padding-right: 91px !important;
    }
    .rtl .pr-xxl-91 {
        padding-right: 0 !important;
        padding-left: 91px !important;
    }
    .rtl .ml-xxl-91 {
        margin-left: 0 !important;
        margin-right: 91px !important;
    }
    .rtl .mr-xxl-91 {
        margin-right: 0 !important;
        margin-left: 91px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-91 {
        padding-left: 0 !important;
        padding-right: 91px !important;
    }
    .rtl .pr-xl-91 {
        padding-right: 0 !important;
        padding-left: 91px !important;
    }
    .rtl .ml-xl-91 {
        margin-left: 0 !important;
        margin-right: 91px !important;
    }
    .rtl .mr-xl-91 {
        margin-right: 0 !important;
        margin-left: 91px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-91 {
        padding-left: 0 !important;
        padding-right: 91px !important;
    }
    .rtl .pr-lg-91 {
        padding-right: 0 !important;
        padding-left: 91px !important;
    }
    .rtl .ml-lg-91 {
        margin-left: 0 !important;
        margin-right: 91px !important;
    }
    .rtl .mr-lg-91 {
        margin-right: 0 !important;
        margin-left: 91px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-91 {
        padding-left: 0 !important;
        padding-right: 91px !important;
    }
    .rtl .pr-md-91 {
        padding-right: 0 !important;
        padding-left: 91px !important;
    }
    .rtl .ml-md-91 {
        margin-left: 0 !important;
        margin-right: 91px !important;
    }
    .rtl .mr-md-91 {
        margin-right: 0 !important;
        margin-left: 91px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-91 {
        padding-left: 0 !important;
        padding-right: 91px !important;
    }
    .rtl .pr-sm-91 {
        padding-right: 0 !important;
        padding-left: 91px !important;
    }
    .rtl .ml-sm-91 {
        margin-left: 0 !important;
        margin-right: 91px !important;
    }
    .rtl .mr-sm-91 {
        margin-right: 0 !important;
        margin-left: 91px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-91 {
        padding-left: 0 !important;
        padding-right: 91px !important;
    }
    .rtl .pr-xsm-91 {
        padding-right: 0 !important;
        padding-left: 91px !important;
    }
    .rtl .ml-xsm-91 {
        margin-left: 0 !important;
        margin-right: 91px !important;
    }
    .rtl .mr-xsm-91 {
        margin-right: 0 !important;
        margin-left: 91px !important;
    }
}

.rtl .pl-91 {
    padding-left: 0 !important;
    padding-right: 91px !important;
}

.rtl .pr-91 {
    padding-right: 0 !important;
    padding-left: 91px !important;
}

.rtl .ml-91 {
    margin-left: 0 !important;
    margin-right: 91px !important;
}

.rtl .mr-91 {
    margin-right: 0 !important;
    margin-left: 91px !important;
}

@media (min-width: 1200px) {
    .p-xxl-92 {
        padding: 92px !important;
    }
    .pl-xxl-92 {
        padding-left: 92px !important;
    }
    .pr-xxl-92 {
        padding-right: 92px !important;
    }
    .pt-xxl-92 {
        padding-top: 92px !important;
    }
    .pb-xxl-92 {
        padding-bottom: 92px !important;
    }
    .px-xxl-92 {
        padding-left: 92px !important;
        padding-right: 92px !important;
    }
    .py-xxl-92 {
        padding-top: 92px !important;
        padding-bottom: 92px !important;
    }
    .m-xxl-92 {
        margin: 92px !important;
    }
    .ml-xxl-92 {
        margin-left: 92px !important;
    }
    .mr-xxl-92 {
        margin-right: 92px !important;
    }
    .mt-xxl-92 {
        margin-top: 92px !important;
    }
    .mb-xxl-92 {
        margin-bottom: 92px !important;
    }
    .mx-xxl-92 {
        margin-left: 92px !important;
        margin-right: 92px !important;
    }
    .my-xxl-92 {
        margin-top: 92px !important;
        margin-bottom: 92px !important;
    }
    .gx-xxl-92 {
        gap: 0 92px !important;
    }
    .gy-xxl-92 {
        gap: 92px !important;
    }
    .gap-xxl-92 {
        gap: 92px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-92 {
        padding: 92px !important;
    }
    .pl-xl-92 {
        padding-left: 92px !important;
    }
    .pr-xl-92 {
        padding-right: 92px !important;
    }
    .pt-xl-92 {
        padding-top: 92px !important;
    }
    .pb-xl-92 {
        padding-bottom: 92px !important;
    }
    .px-xl-92 {
        padding-left: 92px !important;
        padding-right: 92px !important;
    }
    .py-xl-92 {
        padding-top: 92px !important;
        padding-bottom: 92px !important;
    }
    .m-xl-92 {
        margin: 92px !important;
    }
    .ml-xl-92 {
        margin-left: 92px !important;
    }
    .mr-xl-92 {
        margin-right: 92px !important;
    }
    .mt-xl-92 {
        margin-top: 92px !important;
    }
    .mb-xl-92 {
        margin-bottom: 92px !important;
    }
    .mx-xl-92 {
        margin-left: 92px !important;
        margin-right: 92px !important;
    }
    .my-xl-92 {
        margin-top: 92px !important;
        margin-bottom: 92px !important;
    }
    .gx-xl-92 {
        gap: 0 92px !important;
    }
    .gy-xl-92 {
        gap: 92px !important;
    }
    .gap-xl-92 {
        gap: 92px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-92 {
        padding: 92px !important;
    }
    .pl-lg-92 {
        padding-left: 92px !important;
    }
    .pr-lg-92 {
        padding-right: 92px !important;
    }
    .pt-lg-92 {
        padding-top: 92px !important;
    }
    .pb-lg-92 {
        padding-bottom: 92px !important;
    }
    .px-lg-92 {
        padding-left: 92px !important;
        padding-right: 92px !important;
    }
    .py-lg-92 {
        padding-top: 92px !important;
        padding-bottom: 92px !important;
    }
    .m-lg-92 {
        margin: 92px !important;
    }
    .ml-lg-92 {
        margin-left: 92px !important;
    }
    .mr-lg-92 {
        margin-right: 92px !important;
    }
    .mt-lg-92 {
        margin-top: 92px !important;
    }
    .mb-lg-92 {
        margin-bottom: 92px !important;
    }
    .mx-lg-92 {
        margin-left: 92px !important;
        margin-right: 92px !important;
    }
    .my-lg-92 {
        margin-top: 92px !important;
        margin-bottom: 92px !important;
    }
    .gx-lg-92 {
        gap: 0 92px !important;
    }
    .gy-lg-92 {
        gap: 92px !important;
    }
    .gap-lg-92 {
        gap: 92px !important;
    }
}

@media (min-width: 576px) {
    .p-md-92 {
        padding: 92px !important;
    }
    .pl-md-92 {
        padding-left: 92px !important;
    }
    .pr-md-92 {
        padding-right: 92px !important;
    }
    .pt-md-92 {
        padding-top: 92px !important;
    }
    .pb-md-92 {
        padding-bottom: 92px !important;
    }
    .px-md-92 {
        padding-left: 92px !important;
        padding-right: 92px !important;
    }
    .py-md-92 {
        padding-top: 92px !important;
        padding-bottom: 92px !important;
    }
    .m-md-92 {
        margin: 92px !important;
    }
    .ml-md-92 {
        margin-left: 92px !important;
    }
    .mr-md-92 {
        margin-right: 92px !important;
    }
    .mt-md-92 {
        margin-top: 92px !important;
    }
    .mb-md-92 {
        margin-bottom: 92px !important;
    }
    .mx-md-92 {
        margin-left: 92px !important;
        margin-right: 92px !important;
    }
    .my-md-92 {
        margin-top: 92px !important;
        margin-bottom: 92px !important;
    }
    .gx-md-92 {
        gap: 0 92px !important;
    }
    .gy-md-92 {
        gap: 92px !important;
    }
    .gap-md-92 {
        gap: 92px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-92 {
        padding: 92px !important;
    }
    .pl-sm-92 {
        padding-left: 92px !important;
    }
    .pr-sm-92 {
        padding-right: 92px !important;
    }
    .pt-sm-92 {
        padding-top: 92px !important;
    }
    .pb-sm-92 {
        padding-bottom: 92px !important;
    }
    .px-sm-92 {
        padding-left: 92px !important;
        padding-right: 92px !important;
    }
    .py-sm-92 {
        padding-top: 92px !important;
        padding-bottom: 92px !important;
    }
    .m-sm-92 {
        margin: 92px !important;
    }
    .ml-sm-92 {
        margin-left: 92px !important;
    }
    .mr-sm-92 {
        margin-right: 92px !important;
    }
    .mt-sm-92 {
        margin-top: 92px !important;
    }
    .mb-sm-92 {
        margin-bottom: 92px !important;
    }
    .mx-sm-92 {
        margin-left: 92px !important;
        margin-right: 92px !important;
    }
    .my-sm-92 {
        margin-top: 92px !important;
        margin-bottom: 92px !important;
    }
    .gx-sm-92 {
        gap: 0 92px !important;
    }
    .gy-sm-92 {
        gap: 92px !important;
    }
    .gap-sm-92 {
        gap: 92px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-92 {
        padding: 92px !important;
    }
    .pl-xsm-92 {
        padding-left: 92px !important;
    }
    .pr-xsm-92 {
        padding-right: 92px !important;
    }
    .pt-xsm-92 {
        padding-top: 92px !important;
    }
    .pb-xsm-92 {
        padding-bottom: 92px !important;
    }
    .px-xsm-92 {
        padding-left: 92px !important;
        padding-right: 92px !important;
    }
    .py-xsm-92 {
        padding-top: 92px !important;
        padding-bottom: 92px !important;
    }
    .m-xsm-92 {
        margin: 92px !important;
    }
    .ml-xsm-92 {
        margin-left: 92px !important;
    }
    .mr-xsm-92 {
        margin-right: 92px !important;
    }
    .mt-xsm-92 {
        margin-top: 92px !important;
    }
    .mb-xsm-92 {
        margin-bottom: 92px !important;
    }
    .mx-xsm-92 {
        margin-left: 92px !important;
        margin-right: 92px !important;
    }
    .my-xsm-92 {
        margin-top: 92px !important;
        margin-bottom: 92px !important;
    }
    .gx-xsm-92 {
        gap: 0 92px !important;
    }
    .gy-xsm-92 {
        gap: 92px !important;
    }
    .gap-xsm-92 {
        gap: 92px !important;
    }
}

.p-92 {
    padding: 92px !important;
}

.pl-92 {
    padding-left: 92px !important;
}

.pr-92 {
    padding-right: 92px !important;
}

.pt-92 {
    padding-top: 92px !important;
}

.pb-92 {
    padding-bottom: 92px !important;
}

.px-92 {
    padding-left: 92px !important;
    padding-right: 92px !important;
}

.py-92 {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
}

.m-92 {
    margin: 92px !important;
}

.ml-92 {
    margin-left: 92px !important;
}

.mr-92 {
    margin-right: 92px !important;
}

.mt-92 {
    margin-top: 92px !important;
}

.mb-92 {
    margin-bottom: 92px !important;
}

.mx-92 {
    margin-left: 92px !important;
    margin-right: 92px !important;
}

.my-92 {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
}

.gx-92 {
    gap: 0 92px !important;
}

.gy-92 {
    gap: 92px !important;
}

.gap-92 {
    gap: 92px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-92 {
        padding-left: 0 !important;
        padding-right: 92px !important;
    }
    .rtl .pr-xxl-92 {
        padding-right: 0 !important;
        padding-left: 92px !important;
    }
    .rtl .ml-xxl-92 {
        margin-left: 0 !important;
        margin-right: 92px !important;
    }
    .rtl .mr-xxl-92 {
        margin-right: 0 !important;
        margin-left: 92px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-92 {
        padding-left: 0 !important;
        padding-right: 92px !important;
    }
    .rtl .pr-xl-92 {
        padding-right: 0 !important;
        padding-left: 92px !important;
    }
    .rtl .ml-xl-92 {
        margin-left: 0 !important;
        margin-right: 92px !important;
    }
    .rtl .mr-xl-92 {
        margin-right: 0 !important;
        margin-left: 92px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-92 {
        padding-left: 0 !important;
        padding-right: 92px !important;
    }
    .rtl .pr-lg-92 {
        padding-right: 0 !important;
        padding-left: 92px !important;
    }
    .rtl .ml-lg-92 {
        margin-left: 0 !important;
        margin-right: 92px !important;
    }
    .rtl .mr-lg-92 {
        margin-right: 0 !important;
        margin-left: 92px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-92 {
        padding-left: 0 !important;
        padding-right: 92px !important;
    }
    .rtl .pr-md-92 {
        padding-right: 0 !important;
        padding-left: 92px !important;
    }
    .rtl .ml-md-92 {
        margin-left: 0 !important;
        margin-right: 92px !important;
    }
    .rtl .mr-md-92 {
        margin-right: 0 !important;
        margin-left: 92px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-92 {
        padding-left: 0 !important;
        padding-right: 92px !important;
    }
    .rtl .pr-sm-92 {
        padding-right: 0 !important;
        padding-left: 92px !important;
    }
    .rtl .ml-sm-92 {
        margin-left: 0 !important;
        margin-right: 92px !important;
    }
    .rtl .mr-sm-92 {
        margin-right: 0 !important;
        margin-left: 92px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-92 {
        padding-left: 0 !important;
        padding-right: 92px !important;
    }
    .rtl .pr-xsm-92 {
        padding-right: 0 !important;
        padding-left: 92px !important;
    }
    .rtl .ml-xsm-92 {
        margin-left: 0 !important;
        margin-right: 92px !important;
    }
    .rtl .mr-xsm-92 {
        margin-right: 0 !important;
        margin-left: 92px !important;
    }
}

.rtl .pl-92 {
    padding-left: 0 !important;
    padding-right: 92px !important;
}

.rtl .pr-92 {
    padding-right: 0 !important;
    padding-left: 92px !important;
}

.rtl .ml-92 {
    margin-left: 0 !important;
    margin-right: 92px !important;
}

.rtl .mr-92 {
    margin-right: 0 !important;
    margin-left: 92px !important;
}

@media (min-width: 1200px) {
    .p-xxl-93 {
        padding: 93px !important;
    }
    .pl-xxl-93 {
        padding-left: 93px !important;
    }
    .pr-xxl-93 {
        padding-right: 93px !important;
    }
    .pt-xxl-93 {
        padding-top: 93px !important;
    }
    .pb-xxl-93 {
        padding-bottom: 93px !important;
    }
    .px-xxl-93 {
        padding-left: 93px !important;
        padding-right: 93px !important;
    }
    .py-xxl-93 {
        padding-top: 93px !important;
        padding-bottom: 93px !important;
    }
    .m-xxl-93 {
        margin: 93px !important;
    }
    .ml-xxl-93 {
        margin-left: 93px !important;
    }
    .mr-xxl-93 {
        margin-right: 93px !important;
    }
    .mt-xxl-93 {
        margin-top: 93px !important;
    }
    .mb-xxl-93 {
        margin-bottom: 93px !important;
    }
    .mx-xxl-93 {
        margin-left: 93px !important;
        margin-right: 93px !important;
    }
    .my-xxl-93 {
        margin-top: 93px !important;
        margin-bottom: 93px !important;
    }
    .gx-xxl-93 {
        gap: 0 93px !important;
    }
    .gy-xxl-93 {
        gap: 93px !important;
    }
    .gap-xxl-93 {
        gap: 93px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-93 {
        padding: 93px !important;
    }
    .pl-xl-93 {
        padding-left: 93px !important;
    }
    .pr-xl-93 {
        padding-right: 93px !important;
    }
    .pt-xl-93 {
        padding-top: 93px !important;
    }
    .pb-xl-93 {
        padding-bottom: 93px !important;
    }
    .px-xl-93 {
        padding-left: 93px !important;
        padding-right: 93px !important;
    }
    .py-xl-93 {
        padding-top: 93px !important;
        padding-bottom: 93px !important;
    }
    .m-xl-93 {
        margin: 93px !important;
    }
    .ml-xl-93 {
        margin-left: 93px !important;
    }
    .mr-xl-93 {
        margin-right: 93px !important;
    }
    .mt-xl-93 {
        margin-top: 93px !important;
    }
    .mb-xl-93 {
        margin-bottom: 93px !important;
    }
    .mx-xl-93 {
        margin-left: 93px !important;
        margin-right: 93px !important;
    }
    .my-xl-93 {
        margin-top: 93px !important;
        margin-bottom: 93px !important;
    }
    .gx-xl-93 {
        gap: 0 93px !important;
    }
    .gy-xl-93 {
        gap: 93px !important;
    }
    .gap-xl-93 {
        gap: 93px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-93 {
        padding: 93px !important;
    }
    .pl-lg-93 {
        padding-left: 93px !important;
    }
    .pr-lg-93 {
        padding-right: 93px !important;
    }
    .pt-lg-93 {
        padding-top: 93px !important;
    }
    .pb-lg-93 {
        padding-bottom: 93px !important;
    }
    .px-lg-93 {
        padding-left: 93px !important;
        padding-right: 93px !important;
    }
    .py-lg-93 {
        padding-top: 93px !important;
        padding-bottom: 93px !important;
    }
    .m-lg-93 {
        margin: 93px !important;
    }
    .ml-lg-93 {
        margin-left: 93px !important;
    }
    .mr-lg-93 {
        margin-right: 93px !important;
    }
    .mt-lg-93 {
        margin-top: 93px !important;
    }
    .mb-lg-93 {
        margin-bottom: 93px !important;
    }
    .mx-lg-93 {
        margin-left: 93px !important;
        margin-right: 93px !important;
    }
    .my-lg-93 {
        margin-top: 93px !important;
        margin-bottom: 93px !important;
    }
    .gx-lg-93 {
        gap: 0 93px !important;
    }
    .gy-lg-93 {
        gap: 93px !important;
    }
    .gap-lg-93 {
        gap: 93px !important;
    }
}

@media (min-width: 576px) {
    .p-md-93 {
        padding: 93px !important;
    }
    .pl-md-93 {
        padding-left: 93px !important;
    }
    .pr-md-93 {
        padding-right: 93px !important;
    }
    .pt-md-93 {
        padding-top: 93px !important;
    }
    .pb-md-93 {
        padding-bottom: 93px !important;
    }
    .px-md-93 {
        padding-left: 93px !important;
        padding-right: 93px !important;
    }
    .py-md-93 {
        padding-top: 93px !important;
        padding-bottom: 93px !important;
    }
    .m-md-93 {
        margin: 93px !important;
    }
    .ml-md-93 {
        margin-left: 93px !important;
    }
    .mr-md-93 {
        margin-right: 93px !important;
    }
    .mt-md-93 {
        margin-top: 93px !important;
    }
    .mb-md-93 {
        margin-bottom: 93px !important;
    }
    .mx-md-93 {
        margin-left: 93px !important;
        margin-right: 93px !important;
    }
    .my-md-93 {
        margin-top: 93px !important;
        margin-bottom: 93px !important;
    }
    .gx-md-93 {
        gap: 0 93px !important;
    }
    .gy-md-93 {
        gap: 93px !important;
    }
    .gap-md-93 {
        gap: 93px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-93 {
        padding: 93px !important;
    }
    .pl-sm-93 {
        padding-left: 93px !important;
    }
    .pr-sm-93 {
        padding-right: 93px !important;
    }
    .pt-sm-93 {
        padding-top: 93px !important;
    }
    .pb-sm-93 {
        padding-bottom: 93px !important;
    }
    .px-sm-93 {
        padding-left: 93px !important;
        padding-right: 93px !important;
    }
    .py-sm-93 {
        padding-top: 93px !important;
        padding-bottom: 93px !important;
    }
    .m-sm-93 {
        margin: 93px !important;
    }
    .ml-sm-93 {
        margin-left: 93px !important;
    }
    .mr-sm-93 {
        margin-right: 93px !important;
    }
    .mt-sm-93 {
        margin-top: 93px !important;
    }
    .mb-sm-93 {
        margin-bottom: 93px !important;
    }
    .mx-sm-93 {
        margin-left: 93px !important;
        margin-right: 93px !important;
    }
    .my-sm-93 {
        margin-top: 93px !important;
        margin-bottom: 93px !important;
    }
    .gx-sm-93 {
        gap: 0 93px !important;
    }
    .gy-sm-93 {
        gap: 93px !important;
    }
    .gap-sm-93 {
        gap: 93px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-93 {
        padding: 93px !important;
    }
    .pl-xsm-93 {
        padding-left: 93px !important;
    }
    .pr-xsm-93 {
        padding-right: 93px !important;
    }
    .pt-xsm-93 {
        padding-top: 93px !important;
    }
    .pb-xsm-93 {
        padding-bottom: 93px !important;
    }
    .px-xsm-93 {
        padding-left: 93px !important;
        padding-right: 93px !important;
    }
    .py-xsm-93 {
        padding-top: 93px !important;
        padding-bottom: 93px !important;
    }
    .m-xsm-93 {
        margin: 93px !important;
    }
    .ml-xsm-93 {
        margin-left: 93px !important;
    }
    .mr-xsm-93 {
        margin-right: 93px !important;
    }
    .mt-xsm-93 {
        margin-top: 93px !important;
    }
    .mb-xsm-93 {
        margin-bottom: 93px !important;
    }
    .mx-xsm-93 {
        margin-left: 93px !important;
        margin-right: 93px !important;
    }
    .my-xsm-93 {
        margin-top: 93px !important;
        margin-bottom: 93px !important;
    }
    .gx-xsm-93 {
        gap: 0 93px !important;
    }
    .gy-xsm-93 {
        gap: 93px !important;
    }
    .gap-xsm-93 {
        gap: 93px !important;
    }
}

.p-93 {
    padding: 93px !important;
}

.pl-93 {
    padding-left: 93px !important;
}

.pr-93 {
    padding-right: 93px !important;
}

.pt-93 {
    padding-top: 93px !important;
}

.pb-93 {
    padding-bottom: 93px !important;
}

.px-93 {
    padding-left: 93px !important;
    padding-right: 93px !important;
}

.py-93 {
    padding-top: 93px !important;
    padding-bottom: 93px !important;
}

.m-93 {
    margin: 93px !important;
}

.ml-93 {
    margin-left: 93px !important;
}

.mr-93 {
    margin-right: 93px !important;
}

.mt-93 {
    margin-top: 93px !important;
}

.mb-93 {
    margin-bottom: 93px !important;
}

.mx-93 {
    margin-left: 93px !important;
    margin-right: 93px !important;
}

.my-93 {
    margin-top: 93px !important;
    margin-bottom: 93px !important;
}

.gx-93 {
    gap: 0 93px !important;
}

.gy-93 {
    gap: 93px !important;
}

.gap-93 {
    gap: 93px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-93 {
        padding-left: 0 !important;
        padding-right: 93px !important;
    }
    .rtl .pr-xxl-93 {
        padding-right: 0 !important;
        padding-left: 93px !important;
    }
    .rtl .ml-xxl-93 {
        margin-left: 0 !important;
        margin-right: 93px !important;
    }
    .rtl .mr-xxl-93 {
        margin-right: 0 !important;
        margin-left: 93px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-93 {
        padding-left: 0 !important;
        padding-right: 93px !important;
    }
    .rtl .pr-xl-93 {
        padding-right: 0 !important;
        padding-left: 93px !important;
    }
    .rtl .ml-xl-93 {
        margin-left: 0 !important;
        margin-right: 93px !important;
    }
    .rtl .mr-xl-93 {
        margin-right: 0 !important;
        margin-left: 93px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-93 {
        padding-left: 0 !important;
        padding-right: 93px !important;
    }
    .rtl .pr-lg-93 {
        padding-right: 0 !important;
        padding-left: 93px !important;
    }
    .rtl .ml-lg-93 {
        margin-left: 0 !important;
        margin-right: 93px !important;
    }
    .rtl .mr-lg-93 {
        margin-right: 0 !important;
        margin-left: 93px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-93 {
        padding-left: 0 !important;
        padding-right: 93px !important;
    }
    .rtl .pr-md-93 {
        padding-right: 0 !important;
        padding-left: 93px !important;
    }
    .rtl .ml-md-93 {
        margin-left: 0 !important;
        margin-right: 93px !important;
    }
    .rtl .mr-md-93 {
        margin-right: 0 !important;
        margin-left: 93px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-93 {
        padding-left: 0 !important;
        padding-right: 93px !important;
    }
    .rtl .pr-sm-93 {
        padding-right: 0 !important;
        padding-left: 93px !important;
    }
    .rtl .ml-sm-93 {
        margin-left: 0 !important;
        margin-right: 93px !important;
    }
    .rtl .mr-sm-93 {
        margin-right: 0 !important;
        margin-left: 93px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-93 {
        padding-left: 0 !important;
        padding-right: 93px !important;
    }
    .rtl .pr-xsm-93 {
        padding-right: 0 !important;
        padding-left: 93px !important;
    }
    .rtl .ml-xsm-93 {
        margin-left: 0 !important;
        margin-right: 93px !important;
    }
    .rtl .mr-xsm-93 {
        margin-right: 0 !important;
        margin-left: 93px !important;
    }
}

.rtl .pl-93 {
    padding-left: 0 !important;
    padding-right: 93px !important;
}

.rtl .pr-93 {
    padding-right: 0 !important;
    padding-left: 93px !important;
}

.rtl .ml-93 {
    margin-left: 0 !important;
    margin-right: 93px !important;
}

.rtl .mr-93 {
    margin-right: 0 !important;
    margin-left: 93px !important;
}

@media (min-width: 1200px) {
    .p-xxl-94 {
        padding: 94px !important;
    }
    .pl-xxl-94 {
        padding-left: 94px !important;
    }
    .pr-xxl-94 {
        padding-right: 94px !important;
    }
    .pt-xxl-94 {
        padding-top: 94px !important;
    }
    .pb-xxl-94 {
        padding-bottom: 94px !important;
    }
    .px-xxl-94 {
        padding-left: 94px !important;
        padding-right: 94px !important;
    }
    .py-xxl-94 {
        padding-top: 94px !important;
        padding-bottom: 94px !important;
    }
    .m-xxl-94 {
        margin: 94px !important;
    }
    .ml-xxl-94 {
        margin-left: 94px !important;
    }
    .mr-xxl-94 {
        margin-right: 94px !important;
    }
    .mt-xxl-94 {
        margin-top: 94px !important;
    }
    .mb-xxl-94 {
        margin-bottom: 94px !important;
    }
    .mx-xxl-94 {
        margin-left: 94px !important;
        margin-right: 94px !important;
    }
    .my-xxl-94 {
        margin-top: 94px !important;
        margin-bottom: 94px !important;
    }
    .gx-xxl-94 {
        gap: 0 94px !important;
    }
    .gy-xxl-94 {
        gap: 94px !important;
    }
    .gap-xxl-94 {
        gap: 94px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-94 {
        padding: 94px !important;
    }
    .pl-xl-94 {
        padding-left: 94px !important;
    }
    .pr-xl-94 {
        padding-right: 94px !important;
    }
    .pt-xl-94 {
        padding-top: 94px !important;
    }
    .pb-xl-94 {
        padding-bottom: 94px !important;
    }
    .px-xl-94 {
        padding-left: 94px !important;
        padding-right: 94px !important;
    }
    .py-xl-94 {
        padding-top: 94px !important;
        padding-bottom: 94px !important;
    }
    .m-xl-94 {
        margin: 94px !important;
    }
    .ml-xl-94 {
        margin-left: 94px !important;
    }
    .mr-xl-94 {
        margin-right: 94px !important;
    }
    .mt-xl-94 {
        margin-top: 94px !important;
    }
    .mb-xl-94 {
        margin-bottom: 94px !important;
    }
    .mx-xl-94 {
        margin-left: 94px !important;
        margin-right: 94px !important;
    }
    .my-xl-94 {
        margin-top: 94px !important;
        margin-bottom: 94px !important;
    }
    .gx-xl-94 {
        gap: 0 94px !important;
    }
    .gy-xl-94 {
        gap: 94px !important;
    }
    .gap-xl-94 {
        gap: 94px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-94 {
        padding: 94px !important;
    }
    .pl-lg-94 {
        padding-left: 94px !important;
    }
    .pr-lg-94 {
        padding-right: 94px !important;
    }
    .pt-lg-94 {
        padding-top: 94px !important;
    }
    .pb-lg-94 {
        padding-bottom: 94px !important;
    }
    .px-lg-94 {
        padding-left: 94px !important;
        padding-right: 94px !important;
    }
    .py-lg-94 {
        padding-top: 94px !important;
        padding-bottom: 94px !important;
    }
    .m-lg-94 {
        margin: 94px !important;
    }
    .ml-lg-94 {
        margin-left: 94px !important;
    }
    .mr-lg-94 {
        margin-right: 94px !important;
    }
    .mt-lg-94 {
        margin-top: 94px !important;
    }
    .mb-lg-94 {
        margin-bottom: 94px !important;
    }
    .mx-lg-94 {
        margin-left: 94px !important;
        margin-right: 94px !important;
    }
    .my-lg-94 {
        margin-top: 94px !important;
        margin-bottom: 94px !important;
    }
    .gx-lg-94 {
        gap: 0 94px !important;
    }
    .gy-lg-94 {
        gap: 94px !important;
    }
    .gap-lg-94 {
        gap: 94px !important;
    }
}

@media (min-width: 576px) {
    .p-md-94 {
        padding: 94px !important;
    }
    .pl-md-94 {
        padding-left: 94px !important;
    }
    .pr-md-94 {
        padding-right: 94px !important;
    }
    .pt-md-94 {
        padding-top: 94px !important;
    }
    .pb-md-94 {
        padding-bottom: 94px !important;
    }
    .px-md-94 {
        padding-left: 94px !important;
        padding-right: 94px !important;
    }
    .py-md-94 {
        padding-top: 94px !important;
        padding-bottom: 94px !important;
    }
    .m-md-94 {
        margin: 94px !important;
    }
    .ml-md-94 {
        margin-left: 94px !important;
    }
    .mr-md-94 {
        margin-right: 94px !important;
    }
    .mt-md-94 {
        margin-top: 94px !important;
    }
    .mb-md-94 {
        margin-bottom: 94px !important;
    }
    .mx-md-94 {
        margin-left: 94px !important;
        margin-right: 94px !important;
    }
    .my-md-94 {
        margin-top: 94px !important;
        margin-bottom: 94px !important;
    }
    .gx-md-94 {
        gap: 0 94px !important;
    }
    .gy-md-94 {
        gap: 94px !important;
    }
    .gap-md-94 {
        gap: 94px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-94 {
        padding: 94px !important;
    }
    .pl-sm-94 {
        padding-left: 94px !important;
    }
    .pr-sm-94 {
        padding-right: 94px !important;
    }
    .pt-sm-94 {
        padding-top: 94px !important;
    }
    .pb-sm-94 {
        padding-bottom: 94px !important;
    }
    .px-sm-94 {
        padding-left: 94px !important;
        padding-right: 94px !important;
    }
    .py-sm-94 {
        padding-top: 94px !important;
        padding-bottom: 94px !important;
    }
    .m-sm-94 {
        margin: 94px !important;
    }
    .ml-sm-94 {
        margin-left: 94px !important;
    }
    .mr-sm-94 {
        margin-right: 94px !important;
    }
    .mt-sm-94 {
        margin-top: 94px !important;
    }
    .mb-sm-94 {
        margin-bottom: 94px !important;
    }
    .mx-sm-94 {
        margin-left: 94px !important;
        margin-right: 94px !important;
    }
    .my-sm-94 {
        margin-top: 94px !important;
        margin-bottom: 94px !important;
    }
    .gx-sm-94 {
        gap: 0 94px !important;
    }
    .gy-sm-94 {
        gap: 94px !important;
    }
    .gap-sm-94 {
        gap: 94px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-94 {
        padding: 94px !important;
    }
    .pl-xsm-94 {
        padding-left: 94px !important;
    }
    .pr-xsm-94 {
        padding-right: 94px !important;
    }
    .pt-xsm-94 {
        padding-top: 94px !important;
    }
    .pb-xsm-94 {
        padding-bottom: 94px !important;
    }
    .px-xsm-94 {
        padding-left: 94px !important;
        padding-right: 94px !important;
    }
    .py-xsm-94 {
        padding-top: 94px !important;
        padding-bottom: 94px !important;
    }
    .m-xsm-94 {
        margin: 94px !important;
    }
    .ml-xsm-94 {
        margin-left: 94px !important;
    }
    .mr-xsm-94 {
        margin-right: 94px !important;
    }
    .mt-xsm-94 {
        margin-top: 94px !important;
    }
    .mb-xsm-94 {
        margin-bottom: 94px !important;
    }
    .mx-xsm-94 {
        margin-left: 94px !important;
        margin-right: 94px !important;
    }
    .my-xsm-94 {
        margin-top: 94px !important;
        margin-bottom: 94px !important;
    }
    .gx-xsm-94 {
        gap: 0 94px !important;
    }
    .gy-xsm-94 {
        gap: 94px !important;
    }
    .gap-xsm-94 {
        gap: 94px !important;
    }
}

.p-94 {
    padding: 94px !important;
}

.pl-94 {
    padding-left: 94px !important;
}

.pr-94 {
    padding-right: 94px !important;
}

.pt-94 {
    padding-top: 94px !important;
}

.pb-94 {
    padding-bottom: 94px !important;
}

.px-94 {
    padding-left: 94px !important;
    padding-right: 94px !important;
}

.py-94 {
    padding-top: 94px !important;
    padding-bottom: 94px !important;
}

.m-94 {
    margin: 94px !important;
}

.ml-94 {
    margin-left: 94px !important;
}

.mr-94 {
    margin-right: 94px !important;
}

.mt-94 {
    margin-top: 94px !important;
}

.mb-94 {
    margin-bottom: 94px !important;
}

.mx-94 {
    margin-left: 94px !important;
    margin-right: 94px !important;
}

.my-94 {
    margin-top: 94px !important;
    margin-bottom: 94px !important;
}

.gx-94 {
    gap: 0 94px !important;
}

.gy-94 {
    gap: 94px !important;
}

.gap-94 {
    gap: 94px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-94 {
        padding-left: 0 !important;
        padding-right: 94px !important;
    }
    .rtl .pr-xxl-94 {
        padding-right: 0 !important;
        padding-left: 94px !important;
    }
    .rtl .ml-xxl-94 {
        margin-left: 0 !important;
        margin-right: 94px !important;
    }
    .rtl .mr-xxl-94 {
        margin-right: 0 !important;
        margin-left: 94px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-94 {
        padding-left: 0 !important;
        padding-right: 94px !important;
    }
    .rtl .pr-xl-94 {
        padding-right: 0 !important;
        padding-left: 94px !important;
    }
    .rtl .ml-xl-94 {
        margin-left: 0 !important;
        margin-right: 94px !important;
    }
    .rtl .mr-xl-94 {
        margin-right: 0 !important;
        margin-left: 94px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-94 {
        padding-left: 0 !important;
        padding-right: 94px !important;
    }
    .rtl .pr-lg-94 {
        padding-right: 0 !important;
        padding-left: 94px !important;
    }
    .rtl .ml-lg-94 {
        margin-left: 0 !important;
        margin-right: 94px !important;
    }
    .rtl .mr-lg-94 {
        margin-right: 0 !important;
        margin-left: 94px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-94 {
        padding-left: 0 !important;
        padding-right: 94px !important;
    }
    .rtl .pr-md-94 {
        padding-right: 0 !important;
        padding-left: 94px !important;
    }
    .rtl .ml-md-94 {
        margin-left: 0 !important;
        margin-right: 94px !important;
    }
    .rtl .mr-md-94 {
        margin-right: 0 !important;
        margin-left: 94px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-94 {
        padding-left: 0 !important;
        padding-right: 94px !important;
    }
    .rtl .pr-sm-94 {
        padding-right: 0 !important;
        padding-left: 94px !important;
    }
    .rtl .ml-sm-94 {
        margin-left: 0 !important;
        margin-right: 94px !important;
    }
    .rtl .mr-sm-94 {
        margin-right: 0 !important;
        margin-left: 94px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-94 {
        padding-left: 0 !important;
        padding-right: 94px !important;
    }
    .rtl .pr-xsm-94 {
        padding-right: 0 !important;
        padding-left: 94px !important;
    }
    .rtl .ml-xsm-94 {
        margin-left: 0 !important;
        margin-right: 94px !important;
    }
    .rtl .mr-xsm-94 {
        margin-right: 0 !important;
        margin-left: 94px !important;
    }
}

.rtl .pl-94 {
    padding-left: 0 !important;
    padding-right: 94px !important;
}

.rtl .pr-94 {
    padding-right: 0 !important;
    padding-left: 94px !important;
}

.rtl .ml-94 {
    margin-left: 0 !important;
    margin-right: 94px !important;
}

.rtl .mr-94 {
    margin-right: 0 !important;
    margin-left: 94px !important;
}

@media (min-width: 1200px) {
    .p-xxl-95 {
        padding: 95px !important;
    }
    .pl-xxl-95 {
        padding-left: 95px !important;
    }
    .pr-xxl-95 {
        padding-right: 95px !important;
    }
    .pt-xxl-95 {
        padding-top: 95px !important;
    }
    .pb-xxl-95 {
        padding-bottom: 95px !important;
    }
    .px-xxl-95 {
        padding-left: 95px !important;
        padding-right: 95px !important;
    }
    .py-xxl-95 {
        padding-top: 95px !important;
        padding-bottom: 95px !important;
    }
    .m-xxl-95 {
        margin: 95px !important;
    }
    .ml-xxl-95 {
        margin-left: 95px !important;
    }
    .mr-xxl-95 {
        margin-right: 95px !important;
    }
    .mt-xxl-95 {
        margin-top: 95px !important;
    }
    .mb-xxl-95 {
        margin-bottom: 95px !important;
    }
    .mx-xxl-95 {
        margin-left: 95px !important;
        margin-right: 95px !important;
    }
    .my-xxl-95 {
        margin-top: 95px !important;
        margin-bottom: 95px !important;
    }
    .gx-xxl-95 {
        gap: 0 95px !important;
    }
    .gy-xxl-95 {
        gap: 95px !important;
    }
    .gap-xxl-95 {
        gap: 95px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-95 {
        padding: 95px !important;
    }
    .pl-xl-95 {
        padding-left: 95px !important;
    }
    .pr-xl-95 {
        padding-right: 95px !important;
    }
    .pt-xl-95 {
        padding-top: 95px !important;
    }
    .pb-xl-95 {
        padding-bottom: 95px !important;
    }
    .px-xl-95 {
        padding-left: 95px !important;
        padding-right: 95px !important;
    }
    .py-xl-95 {
        padding-top: 95px !important;
        padding-bottom: 95px !important;
    }
    .m-xl-95 {
        margin: 95px !important;
    }
    .ml-xl-95 {
        margin-left: 95px !important;
    }
    .mr-xl-95 {
        margin-right: 95px !important;
    }
    .mt-xl-95 {
        margin-top: 95px !important;
    }
    .mb-xl-95 {
        margin-bottom: 95px !important;
    }
    .mx-xl-95 {
        margin-left: 95px !important;
        margin-right: 95px !important;
    }
    .my-xl-95 {
        margin-top: 95px !important;
        margin-bottom: 95px !important;
    }
    .gx-xl-95 {
        gap: 0 95px !important;
    }
    .gy-xl-95 {
        gap: 95px !important;
    }
    .gap-xl-95 {
        gap: 95px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-95 {
        padding: 95px !important;
    }
    .pl-lg-95 {
        padding-left: 95px !important;
    }
    .pr-lg-95 {
        padding-right: 95px !important;
    }
    .pt-lg-95 {
        padding-top: 95px !important;
    }
    .pb-lg-95 {
        padding-bottom: 95px !important;
    }
    .px-lg-95 {
        padding-left: 95px !important;
        padding-right: 95px !important;
    }
    .py-lg-95 {
        padding-top: 95px !important;
        padding-bottom: 95px !important;
    }
    .m-lg-95 {
        margin: 95px !important;
    }
    .ml-lg-95 {
        margin-left: 95px !important;
    }
    .mr-lg-95 {
        margin-right: 95px !important;
    }
    .mt-lg-95 {
        margin-top: 95px !important;
    }
    .mb-lg-95 {
        margin-bottom: 95px !important;
    }
    .mx-lg-95 {
        margin-left: 95px !important;
        margin-right: 95px !important;
    }
    .my-lg-95 {
        margin-top: 95px !important;
        margin-bottom: 95px !important;
    }
    .gx-lg-95 {
        gap: 0 95px !important;
    }
    .gy-lg-95 {
        gap: 95px !important;
    }
    .gap-lg-95 {
        gap: 95px !important;
    }
}

@media (min-width: 576px) {
    .p-md-95 {
        padding: 95px !important;
    }
    .pl-md-95 {
        padding-left: 95px !important;
    }
    .pr-md-95 {
        padding-right: 95px !important;
    }
    .pt-md-95 {
        padding-top: 95px !important;
    }
    .pb-md-95 {
        padding-bottom: 95px !important;
    }
    .px-md-95 {
        padding-left: 95px !important;
        padding-right: 95px !important;
    }
    .py-md-95 {
        padding-top: 95px !important;
        padding-bottom: 95px !important;
    }
    .m-md-95 {
        margin: 95px !important;
    }
    .ml-md-95 {
        margin-left: 95px !important;
    }
    .mr-md-95 {
        margin-right: 95px !important;
    }
    .mt-md-95 {
        margin-top: 95px !important;
    }
    .mb-md-95 {
        margin-bottom: 95px !important;
    }
    .mx-md-95 {
        margin-left: 95px !important;
        margin-right: 95px !important;
    }
    .my-md-95 {
        margin-top: 95px !important;
        margin-bottom: 95px !important;
    }
    .gx-md-95 {
        gap: 0 95px !important;
    }
    .gy-md-95 {
        gap: 95px !important;
    }
    .gap-md-95 {
        gap: 95px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-95 {
        padding: 95px !important;
    }
    .pl-sm-95 {
        padding-left: 95px !important;
    }
    .pr-sm-95 {
        padding-right: 95px !important;
    }
    .pt-sm-95 {
        padding-top: 95px !important;
    }
    .pb-sm-95 {
        padding-bottom: 95px !important;
    }
    .px-sm-95 {
        padding-left: 95px !important;
        padding-right: 95px !important;
    }
    .py-sm-95 {
        padding-top: 95px !important;
        padding-bottom: 95px !important;
    }
    .m-sm-95 {
        margin: 95px !important;
    }
    .ml-sm-95 {
        margin-left: 95px !important;
    }
    .mr-sm-95 {
        margin-right: 95px !important;
    }
    .mt-sm-95 {
        margin-top: 95px !important;
    }
    .mb-sm-95 {
        margin-bottom: 95px !important;
    }
    .mx-sm-95 {
        margin-left: 95px !important;
        margin-right: 95px !important;
    }
    .my-sm-95 {
        margin-top: 95px !important;
        margin-bottom: 95px !important;
    }
    .gx-sm-95 {
        gap: 0 95px !important;
    }
    .gy-sm-95 {
        gap: 95px !important;
    }
    .gap-sm-95 {
        gap: 95px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-95 {
        padding: 95px !important;
    }
    .pl-xsm-95 {
        padding-left: 95px !important;
    }
    .pr-xsm-95 {
        padding-right: 95px !important;
    }
    .pt-xsm-95 {
        padding-top: 95px !important;
    }
    .pb-xsm-95 {
        padding-bottom: 95px !important;
    }
    .px-xsm-95 {
        padding-left: 95px !important;
        padding-right: 95px !important;
    }
    .py-xsm-95 {
        padding-top: 95px !important;
        padding-bottom: 95px !important;
    }
    .m-xsm-95 {
        margin: 95px !important;
    }
    .ml-xsm-95 {
        margin-left: 95px !important;
    }
    .mr-xsm-95 {
        margin-right: 95px !important;
    }
    .mt-xsm-95 {
        margin-top: 95px !important;
    }
    .mb-xsm-95 {
        margin-bottom: 95px !important;
    }
    .mx-xsm-95 {
        margin-left: 95px !important;
        margin-right: 95px !important;
    }
    .my-xsm-95 {
        margin-top: 95px !important;
        margin-bottom: 95px !important;
    }
    .gx-xsm-95 {
        gap: 0 95px !important;
    }
    .gy-xsm-95 {
        gap: 95px !important;
    }
    .gap-xsm-95 {
        gap: 95px !important;
    }
}

.p-95 {
    padding: 95px !important;
}

.pl-95 {
    padding-left: 95px !important;
}

.pr-95 {
    padding-right: 95px !important;
}

.pt-95 {
    padding-top: 95px !important;
}

.pb-95 {
    padding-bottom: 95px !important;
}

.px-95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
}

.py-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
}

.m-95 {
    margin: 95px !important;
}

.ml-95 {
    margin-left: 95px !important;
}

.mr-95 {
    margin-right: 95px !important;
}

.mt-95 {
    margin-top: 95px !important;
}

.mb-95 {
    margin-bottom: 95px !important;
}

.mx-95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
}

.my-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
}

.gx-95 {
    gap: 0 95px !important;
}

.gy-95 {
    gap: 95px !important;
}

.gap-95 {
    gap: 95px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-95 {
        padding-left: 0 !important;
        padding-right: 95px !important;
    }
    .rtl .pr-xxl-95 {
        padding-right: 0 !important;
        padding-left: 95px !important;
    }
    .rtl .ml-xxl-95 {
        margin-left: 0 !important;
        margin-right: 95px !important;
    }
    .rtl .mr-xxl-95 {
        margin-right: 0 !important;
        margin-left: 95px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-95 {
        padding-left: 0 !important;
        padding-right: 95px !important;
    }
    .rtl .pr-xl-95 {
        padding-right: 0 !important;
        padding-left: 95px !important;
    }
    .rtl .ml-xl-95 {
        margin-left: 0 !important;
        margin-right: 95px !important;
    }
    .rtl .mr-xl-95 {
        margin-right: 0 !important;
        margin-left: 95px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-95 {
        padding-left: 0 !important;
        padding-right: 95px !important;
    }
    .rtl .pr-lg-95 {
        padding-right: 0 !important;
        padding-left: 95px !important;
    }
    .rtl .ml-lg-95 {
        margin-left: 0 !important;
        margin-right: 95px !important;
    }
    .rtl .mr-lg-95 {
        margin-right: 0 !important;
        margin-left: 95px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-95 {
        padding-left: 0 !important;
        padding-right: 95px !important;
    }
    .rtl .pr-md-95 {
        padding-right: 0 !important;
        padding-left: 95px !important;
    }
    .rtl .ml-md-95 {
        margin-left: 0 !important;
        margin-right: 95px !important;
    }
    .rtl .mr-md-95 {
        margin-right: 0 !important;
        margin-left: 95px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-95 {
        padding-left: 0 !important;
        padding-right: 95px !important;
    }
    .rtl .pr-sm-95 {
        padding-right: 0 !important;
        padding-left: 95px !important;
    }
    .rtl .ml-sm-95 {
        margin-left: 0 !important;
        margin-right: 95px !important;
    }
    .rtl .mr-sm-95 {
        margin-right: 0 !important;
        margin-left: 95px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-95 {
        padding-left: 0 !important;
        padding-right: 95px !important;
    }
    .rtl .pr-xsm-95 {
        padding-right: 0 !important;
        padding-left: 95px !important;
    }
    .rtl .ml-xsm-95 {
        margin-left: 0 !important;
        margin-right: 95px !important;
    }
    .rtl .mr-xsm-95 {
        margin-right: 0 !important;
        margin-left: 95px !important;
    }
}

.rtl .pl-95 {
    padding-left: 0 !important;
    padding-right: 95px !important;
}

.rtl .pr-95 {
    padding-right: 0 !important;
    padding-left: 95px !important;
}

.rtl .ml-95 {
    margin-left: 0 !important;
    margin-right: 95px !important;
}

.rtl .mr-95 {
    margin-right: 0 !important;
    margin-left: 95px !important;
}

@media (min-width: 1200px) {
    .p-xxl-96 {
        padding: 96px !important;
    }
    .pl-xxl-96 {
        padding-left: 96px !important;
    }
    .pr-xxl-96 {
        padding-right: 96px !important;
    }
    .pt-xxl-96 {
        padding-top: 96px !important;
    }
    .pb-xxl-96 {
        padding-bottom: 96px !important;
    }
    .px-xxl-96 {
        padding-left: 96px !important;
        padding-right: 96px !important;
    }
    .py-xxl-96 {
        padding-top: 96px !important;
        padding-bottom: 96px !important;
    }
    .m-xxl-96 {
        margin: 96px !important;
    }
    .ml-xxl-96 {
        margin-left: 96px !important;
    }
    .mr-xxl-96 {
        margin-right: 96px !important;
    }
    .mt-xxl-96 {
        margin-top: 96px !important;
    }
    .mb-xxl-96 {
        margin-bottom: 96px !important;
    }
    .mx-xxl-96 {
        margin-left: 96px !important;
        margin-right: 96px !important;
    }
    .my-xxl-96 {
        margin-top: 96px !important;
        margin-bottom: 96px !important;
    }
    .gx-xxl-96 {
        gap: 0 96px !important;
    }
    .gy-xxl-96 {
        gap: 96px !important;
    }
    .gap-xxl-96 {
        gap: 96px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-96 {
        padding: 96px !important;
    }
    .pl-xl-96 {
        padding-left: 96px !important;
    }
    .pr-xl-96 {
        padding-right: 96px !important;
    }
    .pt-xl-96 {
        padding-top: 96px !important;
    }
    .pb-xl-96 {
        padding-bottom: 96px !important;
    }
    .px-xl-96 {
        padding-left: 96px !important;
        padding-right: 96px !important;
    }
    .py-xl-96 {
        padding-top: 96px !important;
        padding-bottom: 96px !important;
    }
    .m-xl-96 {
        margin: 96px !important;
    }
    .ml-xl-96 {
        margin-left: 96px !important;
    }
    .mr-xl-96 {
        margin-right: 96px !important;
    }
    .mt-xl-96 {
        margin-top: 96px !important;
    }
    .mb-xl-96 {
        margin-bottom: 96px !important;
    }
    .mx-xl-96 {
        margin-left: 96px !important;
        margin-right: 96px !important;
    }
    .my-xl-96 {
        margin-top: 96px !important;
        margin-bottom: 96px !important;
    }
    .gx-xl-96 {
        gap: 0 96px !important;
    }
    .gy-xl-96 {
        gap: 96px !important;
    }
    .gap-xl-96 {
        gap: 96px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-96 {
        padding: 96px !important;
    }
    .pl-lg-96 {
        padding-left: 96px !important;
    }
    .pr-lg-96 {
        padding-right: 96px !important;
    }
    .pt-lg-96 {
        padding-top: 96px !important;
    }
    .pb-lg-96 {
        padding-bottom: 96px !important;
    }
    .px-lg-96 {
        padding-left: 96px !important;
        padding-right: 96px !important;
    }
    .py-lg-96 {
        padding-top: 96px !important;
        padding-bottom: 96px !important;
    }
    .m-lg-96 {
        margin: 96px !important;
    }
    .ml-lg-96 {
        margin-left: 96px !important;
    }
    .mr-lg-96 {
        margin-right: 96px !important;
    }
    .mt-lg-96 {
        margin-top: 96px !important;
    }
    .mb-lg-96 {
        margin-bottom: 96px !important;
    }
    .mx-lg-96 {
        margin-left: 96px !important;
        margin-right: 96px !important;
    }
    .my-lg-96 {
        margin-top: 96px !important;
        margin-bottom: 96px !important;
    }
    .gx-lg-96 {
        gap: 0 96px !important;
    }
    .gy-lg-96 {
        gap: 96px !important;
    }
    .gap-lg-96 {
        gap: 96px !important;
    }
}

@media (min-width: 576px) {
    .p-md-96 {
        padding: 96px !important;
    }
    .pl-md-96 {
        padding-left: 96px !important;
    }
    .pr-md-96 {
        padding-right: 96px !important;
    }
    .pt-md-96 {
        padding-top: 96px !important;
    }
    .pb-md-96 {
        padding-bottom: 96px !important;
    }
    .px-md-96 {
        padding-left: 96px !important;
        padding-right: 96px !important;
    }
    .py-md-96 {
        padding-top: 96px !important;
        padding-bottom: 96px !important;
    }
    .m-md-96 {
        margin: 96px !important;
    }
    .ml-md-96 {
        margin-left: 96px !important;
    }
    .mr-md-96 {
        margin-right: 96px !important;
    }
    .mt-md-96 {
        margin-top: 96px !important;
    }
    .mb-md-96 {
        margin-bottom: 96px !important;
    }
    .mx-md-96 {
        margin-left: 96px !important;
        margin-right: 96px !important;
    }
    .my-md-96 {
        margin-top: 96px !important;
        margin-bottom: 96px !important;
    }
    .gx-md-96 {
        gap: 0 96px !important;
    }
    .gy-md-96 {
        gap: 96px !important;
    }
    .gap-md-96 {
        gap: 96px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-96 {
        padding: 96px !important;
    }
    .pl-sm-96 {
        padding-left: 96px !important;
    }
    .pr-sm-96 {
        padding-right: 96px !important;
    }
    .pt-sm-96 {
        padding-top: 96px !important;
    }
    .pb-sm-96 {
        padding-bottom: 96px !important;
    }
    .px-sm-96 {
        padding-left: 96px !important;
        padding-right: 96px !important;
    }
    .py-sm-96 {
        padding-top: 96px !important;
        padding-bottom: 96px !important;
    }
    .m-sm-96 {
        margin: 96px !important;
    }
    .ml-sm-96 {
        margin-left: 96px !important;
    }
    .mr-sm-96 {
        margin-right: 96px !important;
    }
    .mt-sm-96 {
        margin-top: 96px !important;
    }
    .mb-sm-96 {
        margin-bottom: 96px !important;
    }
    .mx-sm-96 {
        margin-left: 96px !important;
        margin-right: 96px !important;
    }
    .my-sm-96 {
        margin-top: 96px !important;
        margin-bottom: 96px !important;
    }
    .gx-sm-96 {
        gap: 0 96px !important;
    }
    .gy-sm-96 {
        gap: 96px !important;
    }
    .gap-sm-96 {
        gap: 96px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-96 {
        padding: 96px !important;
    }
    .pl-xsm-96 {
        padding-left: 96px !important;
    }
    .pr-xsm-96 {
        padding-right: 96px !important;
    }
    .pt-xsm-96 {
        padding-top: 96px !important;
    }
    .pb-xsm-96 {
        padding-bottom: 96px !important;
    }
    .px-xsm-96 {
        padding-left: 96px !important;
        padding-right: 96px !important;
    }
    .py-xsm-96 {
        padding-top: 96px !important;
        padding-bottom: 96px !important;
    }
    .m-xsm-96 {
        margin: 96px !important;
    }
    .ml-xsm-96 {
        margin-left: 96px !important;
    }
    .mr-xsm-96 {
        margin-right: 96px !important;
    }
    .mt-xsm-96 {
        margin-top: 96px !important;
    }
    .mb-xsm-96 {
        margin-bottom: 96px !important;
    }
    .mx-xsm-96 {
        margin-left: 96px !important;
        margin-right: 96px !important;
    }
    .my-xsm-96 {
        margin-top: 96px !important;
        margin-bottom: 96px !important;
    }
    .gx-xsm-96 {
        gap: 0 96px !important;
    }
    .gy-xsm-96 {
        gap: 96px !important;
    }
    .gap-xsm-96 {
        gap: 96px !important;
    }
}

.p-96 {
    padding: 96px !important;
}

.pl-96 {
    padding-left: 96px !important;
}

.pr-96 {
    padding-right: 96px !important;
}

.pt-96 {
    padding-top: 96px !important;
}

.pb-96 {
    padding-bottom: 96px !important;
}

.px-96 {
    padding-left: 96px !important;
    padding-right: 96px !important;
}

.py-96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
}

.m-96 {
    margin: 96px !important;
}

.ml-96 {
    margin-left: 96px !important;
}

.mr-96 {
    margin-right: 96px !important;
}

.mt-96 {
    margin-top: 96px !important;
}

.mb-96 {
    margin-bottom: 96px !important;
}

.mx-96 {
    margin-left: 96px !important;
    margin-right: 96px !important;
}

.my-96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
}

.gx-96 {
    gap: 0 96px !important;
}

.gy-96 {
    gap: 96px !important;
}

.gap-96 {
    gap: 96px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-96 {
        padding-left: 0 !important;
        padding-right: 96px !important;
    }
    .rtl .pr-xxl-96 {
        padding-right: 0 !important;
        padding-left: 96px !important;
    }
    .rtl .ml-xxl-96 {
        margin-left: 0 !important;
        margin-right: 96px !important;
    }
    .rtl .mr-xxl-96 {
        margin-right: 0 !important;
        margin-left: 96px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-96 {
        padding-left: 0 !important;
        padding-right: 96px !important;
    }
    .rtl .pr-xl-96 {
        padding-right: 0 !important;
        padding-left: 96px !important;
    }
    .rtl .ml-xl-96 {
        margin-left: 0 !important;
        margin-right: 96px !important;
    }
    .rtl .mr-xl-96 {
        margin-right: 0 !important;
        margin-left: 96px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-96 {
        padding-left: 0 !important;
        padding-right: 96px !important;
    }
    .rtl .pr-lg-96 {
        padding-right: 0 !important;
        padding-left: 96px !important;
    }
    .rtl .ml-lg-96 {
        margin-left: 0 !important;
        margin-right: 96px !important;
    }
    .rtl .mr-lg-96 {
        margin-right: 0 !important;
        margin-left: 96px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-96 {
        padding-left: 0 !important;
        padding-right: 96px !important;
    }
    .rtl .pr-md-96 {
        padding-right: 0 !important;
        padding-left: 96px !important;
    }
    .rtl .ml-md-96 {
        margin-left: 0 !important;
        margin-right: 96px !important;
    }
    .rtl .mr-md-96 {
        margin-right: 0 !important;
        margin-left: 96px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-96 {
        padding-left: 0 !important;
        padding-right: 96px !important;
    }
    .rtl .pr-sm-96 {
        padding-right: 0 !important;
        padding-left: 96px !important;
    }
    .rtl .ml-sm-96 {
        margin-left: 0 !important;
        margin-right: 96px !important;
    }
    .rtl .mr-sm-96 {
        margin-right: 0 !important;
        margin-left: 96px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-96 {
        padding-left: 0 !important;
        padding-right: 96px !important;
    }
    .rtl .pr-xsm-96 {
        padding-right: 0 !important;
        padding-left: 96px !important;
    }
    .rtl .ml-xsm-96 {
        margin-left: 0 !important;
        margin-right: 96px !important;
    }
    .rtl .mr-xsm-96 {
        margin-right: 0 !important;
        margin-left: 96px !important;
    }
}

.rtl .pl-96 {
    padding-left: 0 !important;
    padding-right: 96px !important;
}

.rtl .pr-96 {
    padding-right: 0 !important;
    padding-left: 96px !important;
}

.rtl .ml-96 {
    margin-left: 0 !important;
    margin-right: 96px !important;
}

.rtl .mr-96 {
    margin-right: 0 !important;
    margin-left: 96px !important;
}

@media (min-width: 1200px) {
    .p-xxl-97 {
        padding: 97px !important;
    }
    .pl-xxl-97 {
        padding-left: 97px !important;
    }
    .pr-xxl-97 {
        padding-right: 97px !important;
    }
    .pt-xxl-97 {
        padding-top: 97px !important;
    }
    .pb-xxl-97 {
        padding-bottom: 97px !important;
    }
    .px-xxl-97 {
        padding-left: 97px !important;
        padding-right: 97px !important;
    }
    .py-xxl-97 {
        padding-top: 97px !important;
        padding-bottom: 97px !important;
    }
    .m-xxl-97 {
        margin: 97px !important;
    }
    .ml-xxl-97 {
        margin-left: 97px !important;
    }
    .mr-xxl-97 {
        margin-right: 97px !important;
    }
    .mt-xxl-97 {
        margin-top: 97px !important;
    }
    .mb-xxl-97 {
        margin-bottom: 97px !important;
    }
    .mx-xxl-97 {
        margin-left: 97px !important;
        margin-right: 97px !important;
    }
    .my-xxl-97 {
        margin-top: 97px !important;
        margin-bottom: 97px !important;
    }
    .gx-xxl-97 {
        gap: 0 97px !important;
    }
    .gy-xxl-97 {
        gap: 97px !important;
    }
    .gap-xxl-97 {
        gap: 97px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-97 {
        padding: 97px !important;
    }
    .pl-xl-97 {
        padding-left: 97px !important;
    }
    .pr-xl-97 {
        padding-right: 97px !important;
    }
    .pt-xl-97 {
        padding-top: 97px !important;
    }
    .pb-xl-97 {
        padding-bottom: 97px !important;
    }
    .px-xl-97 {
        padding-left: 97px !important;
        padding-right: 97px !important;
    }
    .py-xl-97 {
        padding-top: 97px !important;
        padding-bottom: 97px !important;
    }
    .m-xl-97 {
        margin: 97px !important;
    }
    .ml-xl-97 {
        margin-left: 97px !important;
    }
    .mr-xl-97 {
        margin-right: 97px !important;
    }
    .mt-xl-97 {
        margin-top: 97px !important;
    }
    .mb-xl-97 {
        margin-bottom: 97px !important;
    }
    .mx-xl-97 {
        margin-left: 97px !important;
        margin-right: 97px !important;
    }
    .my-xl-97 {
        margin-top: 97px !important;
        margin-bottom: 97px !important;
    }
    .gx-xl-97 {
        gap: 0 97px !important;
    }
    .gy-xl-97 {
        gap: 97px !important;
    }
    .gap-xl-97 {
        gap: 97px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-97 {
        padding: 97px !important;
    }
    .pl-lg-97 {
        padding-left: 97px !important;
    }
    .pr-lg-97 {
        padding-right: 97px !important;
    }
    .pt-lg-97 {
        padding-top: 97px !important;
    }
    .pb-lg-97 {
        padding-bottom: 97px !important;
    }
    .px-lg-97 {
        padding-left: 97px !important;
        padding-right: 97px !important;
    }
    .py-lg-97 {
        padding-top: 97px !important;
        padding-bottom: 97px !important;
    }
    .m-lg-97 {
        margin: 97px !important;
    }
    .ml-lg-97 {
        margin-left: 97px !important;
    }
    .mr-lg-97 {
        margin-right: 97px !important;
    }
    .mt-lg-97 {
        margin-top: 97px !important;
    }
    .mb-lg-97 {
        margin-bottom: 97px !important;
    }
    .mx-lg-97 {
        margin-left: 97px !important;
        margin-right: 97px !important;
    }
    .my-lg-97 {
        margin-top: 97px !important;
        margin-bottom: 97px !important;
    }
    .gx-lg-97 {
        gap: 0 97px !important;
    }
    .gy-lg-97 {
        gap: 97px !important;
    }
    .gap-lg-97 {
        gap: 97px !important;
    }
}

@media (min-width: 576px) {
    .p-md-97 {
        padding: 97px !important;
    }
    .pl-md-97 {
        padding-left: 97px !important;
    }
    .pr-md-97 {
        padding-right: 97px !important;
    }
    .pt-md-97 {
        padding-top: 97px !important;
    }
    .pb-md-97 {
        padding-bottom: 97px !important;
    }
    .px-md-97 {
        padding-left: 97px !important;
        padding-right: 97px !important;
    }
    .py-md-97 {
        padding-top: 97px !important;
        padding-bottom: 97px !important;
    }
    .m-md-97 {
        margin: 97px !important;
    }
    .ml-md-97 {
        margin-left: 97px !important;
    }
    .mr-md-97 {
        margin-right: 97px !important;
    }
    .mt-md-97 {
        margin-top: 97px !important;
    }
    .mb-md-97 {
        margin-bottom: 97px !important;
    }
    .mx-md-97 {
        margin-left: 97px !important;
        margin-right: 97px !important;
    }
    .my-md-97 {
        margin-top: 97px !important;
        margin-bottom: 97px !important;
    }
    .gx-md-97 {
        gap: 0 97px !important;
    }
    .gy-md-97 {
        gap: 97px !important;
    }
    .gap-md-97 {
        gap: 97px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-97 {
        padding: 97px !important;
    }
    .pl-sm-97 {
        padding-left: 97px !important;
    }
    .pr-sm-97 {
        padding-right: 97px !important;
    }
    .pt-sm-97 {
        padding-top: 97px !important;
    }
    .pb-sm-97 {
        padding-bottom: 97px !important;
    }
    .px-sm-97 {
        padding-left: 97px !important;
        padding-right: 97px !important;
    }
    .py-sm-97 {
        padding-top: 97px !important;
        padding-bottom: 97px !important;
    }
    .m-sm-97 {
        margin: 97px !important;
    }
    .ml-sm-97 {
        margin-left: 97px !important;
    }
    .mr-sm-97 {
        margin-right: 97px !important;
    }
    .mt-sm-97 {
        margin-top: 97px !important;
    }
    .mb-sm-97 {
        margin-bottom: 97px !important;
    }
    .mx-sm-97 {
        margin-left: 97px !important;
        margin-right: 97px !important;
    }
    .my-sm-97 {
        margin-top: 97px !important;
        margin-bottom: 97px !important;
    }
    .gx-sm-97 {
        gap: 0 97px !important;
    }
    .gy-sm-97 {
        gap: 97px !important;
    }
    .gap-sm-97 {
        gap: 97px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-97 {
        padding: 97px !important;
    }
    .pl-xsm-97 {
        padding-left: 97px !important;
    }
    .pr-xsm-97 {
        padding-right: 97px !important;
    }
    .pt-xsm-97 {
        padding-top: 97px !important;
    }
    .pb-xsm-97 {
        padding-bottom: 97px !important;
    }
    .px-xsm-97 {
        padding-left: 97px !important;
        padding-right: 97px !important;
    }
    .py-xsm-97 {
        padding-top: 97px !important;
        padding-bottom: 97px !important;
    }
    .m-xsm-97 {
        margin: 97px !important;
    }
    .ml-xsm-97 {
        margin-left: 97px !important;
    }
    .mr-xsm-97 {
        margin-right: 97px !important;
    }
    .mt-xsm-97 {
        margin-top: 97px !important;
    }
    .mb-xsm-97 {
        margin-bottom: 97px !important;
    }
    .mx-xsm-97 {
        margin-left: 97px !important;
        margin-right: 97px !important;
    }
    .my-xsm-97 {
        margin-top: 97px !important;
        margin-bottom: 97px !important;
    }
    .gx-xsm-97 {
        gap: 0 97px !important;
    }
    .gy-xsm-97 {
        gap: 97px !important;
    }
    .gap-xsm-97 {
        gap: 97px !important;
    }
}

.p-97 {
    padding: 97px !important;
}

.pl-97 {
    padding-left: 97px !important;
}

.pr-97 {
    padding-right: 97px !important;
}

.pt-97 {
    padding-top: 97px !important;
}

.pb-97 {
    padding-bottom: 97px !important;
}

.px-97 {
    padding-left: 97px !important;
    padding-right: 97px !important;
}

.py-97 {
    padding-top: 97px !important;
    padding-bottom: 97px !important;
}

.m-97 {
    margin: 97px !important;
}

.ml-97 {
    margin-left: 97px !important;
}

.mr-97 {
    margin-right: 97px !important;
}

.mt-97 {
    margin-top: 97px !important;
}

.mb-97 {
    margin-bottom: 97px !important;
}

.mx-97 {
    margin-left: 97px !important;
    margin-right: 97px !important;
}

.my-97 {
    margin-top: 97px !important;
    margin-bottom: 97px !important;
}

.gx-97 {
    gap: 0 97px !important;
}

.gy-97 {
    gap: 97px !important;
}

.gap-97 {
    gap: 97px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-97 {
        padding-left: 0 !important;
        padding-right: 97px !important;
    }
    .rtl .pr-xxl-97 {
        padding-right: 0 !important;
        padding-left: 97px !important;
    }
    .rtl .ml-xxl-97 {
        margin-left: 0 !important;
        margin-right: 97px !important;
    }
    .rtl .mr-xxl-97 {
        margin-right: 0 !important;
        margin-left: 97px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-97 {
        padding-left: 0 !important;
        padding-right: 97px !important;
    }
    .rtl .pr-xl-97 {
        padding-right: 0 !important;
        padding-left: 97px !important;
    }
    .rtl .ml-xl-97 {
        margin-left: 0 !important;
        margin-right: 97px !important;
    }
    .rtl .mr-xl-97 {
        margin-right: 0 !important;
        margin-left: 97px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-97 {
        padding-left: 0 !important;
        padding-right: 97px !important;
    }
    .rtl .pr-lg-97 {
        padding-right: 0 !important;
        padding-left: 97px !important;
    }
    .rtl .ml-lg-97 {
        margin-left: 0 !important;
        margin-right: 97px !important;
    }
    .rtl .mr-lg-97 {
        margin-right: 0 !important;
        margin-left: 97px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-97 {
        padding-left: 0 !important;
        padding-right: 97px !important;
    }
    .rtl .pr-md-97 {
        padding-right: 0 !important;
        padding-left: 97px !important;
    }
    .rtl .ml-md-97 {
        margin-left: 0 !important;
        margin-right: 97px !important;
    }
    .rtl .mr-md-97 {
        margin-right: 0 !important;
        margin-left: 97px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-97 {
        padding-left: 0 !important;
        padding-right: 97px !important;
    }
    .rtl .pr-sm-97 {
        padding-right: 0 !important;
        padding-left: 97px !important;
    }
    .rtl .ml-sm-97 {
        margin-left: 0 !important;
        margin-right: 97px !important;
    }
    .rtl .mr-sm-97 {
        margin-right: 0 !important;
        margin-left: 97px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-97 {
        padding-left: 0 !important;
        padding-right: 97px !important;
    }
    .rtl .pr-xsm-97 {
        padding-right: 0 !important;
        padding-left: 97px !important;
    }
    .rtl .ml-xsm-97 {
        margin-left: 0 !important;
        margin-right: 97px !important;
    }
    .rtl .mr-xsm-97 {
        margin-right: 0 !important;
        margin-left: 97px !important;
    }
}

.rtl .pl-97 {
    padding-left: 0 !important;
    padding-right: 97px !important;
}

.rtl .pr-97 {
    padding-right: 0 !important;
    padding-left: 97px !important;
}

.rtl .ml-97 {
    margin-left: 0 !important;
    margin-right: 97px !important;
}

.rtl .mr-97 {
    margin-right: 0 !important;
    margin-left: 97px !important;
}

@media (min-width: 1200px) {
    .p-xxl-98 {
        padding: 98px !important;
    }
    .pl-xxl-98 {
        padding-left: 98px !important;
    }
    .pr-xxl-98 {
        padding-right: 98px !important;
    }
    .pt-xxl-98 {
        padding-top: 98px !important;
    }
    .pb-xxl-98 {
        padding-bottom: 98px !important;
    }
    .px-xxl-98 {
        padding-left: 98px !important;
        padding-right: 98px !important;
    }
    .py-xxl-98 {
        padding-top: 98px !important;
        padding-bottom: 98px !important;
    }
    .m-xxl-98 {
        margin: 98px !important;
    }
    .ml-xxl-98 {
        margin-left: 98px !important;
    }
    .mr-xxl-98 {
        margin-right: 98px !important;
    }
    .mt-xxl-98 {
        margin-top: 98px !important;
    }
    .mb-xxl-98 {
        margin-bottom: 98px !important;
    }
    .mx-xxl-98 {
        margin-left: 98px !important;
        margin-right: 98px !important;
    }
    .my-xxl-98 {
        margin-top: 98px !important;
        margin-bottom: 98px !important;
    }
    .gx-xxl-98 {
        gap: 0 98px !important;
    }
    .gy-xxl-98 {
        gap: 98px !important;
    }
    .gap-xxl-98 {
        gap: 98px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-98 {
        padding: 98px !important;
    }
    .pl-xl-98 {
        padding-left: 98px !important;
    }
    .pr-xl-98 {
        padding-right: 98px !important;
    }
    .pt-xl-98 {
        padding-top: 98px !important;
    }
    .pb-xl-98 {
        padding-bottom: 98px !important;
    }
    .px-xl-98 {
        padding-left: 98px !important;
        padding-right: 98px !important;
    }
    .py-xl-98 {
        padding-top: 98px !important;
        padding-bottom: 98px !important;
    }
    .m-xl-98 {
        margin: 98px !important;
    }
    .ml-xl-98 {
        margin-left: 98px !important;
    }
    .mr-xl-98 {
        margin-right: 98px !important;
    }
    .mt-xl-98 {
        margin-top: 98px !important;
    }
    .mb-xl-98 {
        margin-bottom: 98px !important;
    }
    .mx-xl-98 {
        margin-left: 98px !important;
        margin-right: 98px !important;
    }
    .my-xl-98 {
        margin-top: 98px !important;
        margin-bottom: 98px !important;
    }
    .gx-xl-98 {
        gap: 0 98px !important;
    }
    .gy-xl-98 {
        gap: 98px !important;
    }
    .gap-xl-98 {
        gap: 98px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-98 {
        padding: 98px !important;
    }
    .pl-lg-98 {
        padding-left: 98px !important;
    }
    .pr-lg-98 {
        padding-right: 98px !important;
    }
    .pt-lg-98 {
        padding-top: 98px !important;
    }
    .pb-lg-98 {
        padding-bottom: 98px !important;
    }
    .px-lg-98 {
        padding-left: 98px !important;
        padding-right: 98px !important;
    }
    .py-lg-98 {
        padding-top: 98px !important;
        padding-bottom: 98px !important;
    }
    .m-lg-98 {
        margin: 98px !important;
    }
    .ml-lg-98 {
        margin-left: 98px !important;
    }
    .mr-lg-98 {
        margin-right: 98px !important;
    }
    .mt-lg-98 {
        margin-top: 98px !important;
    }
    .mb-lg-98 {
        margin-bottom: 98px !important;
    }
    .mx-lg-98 {
        margin-left: 98px !important;
        margin-right: 98px !important;
    }
    .my-lg-98 {
        margin-top: 98px !important;
        margin-bottom: 98px !important;
    }
    .gx-lg-98 {
        gap: 0 98px !important;
    }
    .gy-lg-98 {
        gap: 98px !important;
    }
    .gap-lg-98 {
        gap: 98px !important;
    }
}

@media (min-width: 576px) {
    .p-md-98 {
        padding: 98px !important;
    }
    .pl-md-98 {
        padding-left: 98px !important;
    }
    .pr-md-98 {
        padding-right: 98px !important;
    }
    .pt-md-98 {
        padding-top: 98px !important;
    }
    .pb-md-98 {
        padding-bottom: 98px !important;
    }
    .px-md-98 {
        padding-left: 98px !important;
        padding-right: 98px !important;
    }
    .py-md-98 {
        padding-top: 98px !important;
        padding-bottom: 98px !important;
    }
    .m-md-98 {
        margin: 98px !important;
    }
    .ml-md-98 {
        margin-left: 98px !important;
    }
    .mr-md-98 {
        margin-right: 98px !important;
    }
    .mt-md-98 {
        margin-top: 98px !important;
    }
    .mb-md-98 {
        margin-bottom: 98px !important;
    }
    .mx-md-98 {
        margin-left: 98px !important;
        margin-right: 98px !important;
    }
    .my-md-98 {
        margin-top: 98px !important;
        margin-bottom: 98px !important;
    }
    .gx-md-98 {
        gap: 0 98px !important;
    }
    .gy-md-98 {
        gap: 98px !important;
    }
    .gap-md-98 {
        gap: 98px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-98 {
        padding: 98px !important;
    }
    .pl-sm-98 {
        padding-left: 98px !important;
    }
    .pr-sm-98 {
        padding-right: 98px !important;
    }
    .pt-sm-98 {
        padding-top: 98px !important;
    }
    .pb-sm-98 {
        padding-bottom: 98px !important;
    }
    .px-sm-98 {
        padding-left: 98px !important;
        padding-right: 98px !important;
    }
    .py-sm-98 {
        padding-top: 98px !important;
        padding-bottom: 98px !important;
    }
    .m-sm-98 {
        margin: 98px !important;
    }
    .ml-sm-98 {
        margin-left: 98px !important;
    }
    .mr-sm-98 {
        margin-right: 98px !important;
    }
    .mt-sm-98 {
        margin-top: 98px !important;
    }
    .mb-sm-98 {
        margin-bottom: 98px !important;
    }
    .mx-sm-98 {
        margin-left: 98px !important;
        margin-right: 98px !important;
    }
    .my-sm-98 {
        margin-top: 98px !important;
        margin-bottom: 98px !important;
    }
    .gx-sm-98 {
        gap: 0 98px !important;
    }
    .gy-sm-98 {
        gap: 98px !important;
    }
    .gap-sm-98 {
        gap: 98px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-98 {
        padding: 98px !important;
    }
    .pl-xsm-98 {
        padding-left: 98px !important;
    }
    .pr-xsm-98 {
        padding-right: 98px !important;
    }
    .pt-xsm-98 {
        padding-top: 98px !important;
    }
    .pb-xsm-98 {
        padding-bottom: 98px !important;
    }
    .px-xsm-98 {
        padding-left: 98px !important;
        padding-right: 98px !important;
    }
    .py-xsm-98 {
        padding-top: 98px !important;
        padding-bottom: 98px !important;
    }
    .m-xsm-98 {
        margin: 98px !important;
    }
    .ml-xsm-98 {
        margin-left: 98px !important;
    }
    .mr-xsm-98 {
        margin-right: 98px !important;
    }
    .mt-xsm-98 {
        margin-top: 98px !important;
    }
    .mb-xsm-98 {
        margin-bottom: 98px !important;
    }
    .mx-xsm-98 {
        margin-left: 98px !important;
        margin-right: 98px !important;
    }
    .my-xsm-98 {
        margin-top: 98px !important;
        margin-bottom: 98px !important;
    }
    .gx-xsm-98 {
        gap: 0 98px !important;
    }
    .gy-xsm-98 {
        gap: 98px !important;
    }
    .gap-xsm-98 {
        gap: 98px !important;
    }
}

.p-98 {
    padding: 98px !important;
}

.pl-98 {
    padding-left: 98px !important;
}

.pr-98 {
    padding-right: 98px !important;
}

.pt-98 {
    padding-top: 98px !important;
}

.pb-98 {
    padding-bottom: 98px !important;
}

.px-98 {
    padding-left: 98px !important;
    padding-right: 98px !important;
}

.py-98 {
    padding-top: 98px !important;
    padding-bottom: 98px !important;
}

.m-98 {
    margin: 98px !important;
}

.ml-98 {
    margin-left: 98px !important;
}

.mr-98 {
    margin-right: 98px !important;
}

.mt-98 {
    margin-top: 98px !important;
}

.mb-98 {
    margin-bottom: 98px !important;
}

.mx-98 {
    margin-left: 98px !important;
    margin-right: 98px !important;
}

.my-98 {
    margin-top: 98px !important;
    margin-bottom: 98px !important;
}

.gx-98 {
    gap: 0 98px !important;
}

.gy-98 {
    gap: 98px !important;
}

.gap-98 {
    gap: 98px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-98 {
        padding-left: 0 !important;
        padding-right: 98px !important;
    }
    .rtl .pr-xxl-98 {
        padding-right: 0 !important;
        padding-left: 98px !important;
    }
    .rtl .ml-xxl-98 {
        margin-left: 0 !important;
        margin-right: 98px !important;
    }
    .rtl .mr-xxl-98 {
        margin-right: 0 !important;
        margin-left: 98px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-98 {
        padding-left: 0 !important;
        padding-right: 98px !important;
    }
    .rtl .pr-xl-98 {
        padding-right: 0 !important;
        padding-left: 98px !important;
    }
    .rtl .ml-xl-98 {
        margin-left: 0 !important;
        margin-right: 98px !important;
    }
    .rtl .mr-xl-98 {
        margin-right: 0 !important;
        margin-left: 98px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-98 {
        padding-left: 0 !important;
        padding-right: 98px !important;
    }
    .rtl .pr-lg-98 {
        padding-right: 0 !important;
        padding-left: 98px !important;
    }
    .rtl .ml-lg-98 {
        margin-left: 0 !important;
        margin-right: 98px !important;
    }
    .rtl .mr-lg-98 {
        margin-right: 0 !important;
        margin-left: 98px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-98 {
        padding-left: 0 !important;
        padding-right: 98px !important;
    }
    .rtl .pr-md-98 {
        padding-right: 0 !important;
        padding-left: 98px !important;
    }
    .rtl .ml-md-98 {
        margin-left: 0 !important;
        margin-right: 98px !important;
    }
    .rtl .mr-md-98 {
        margin-right: 0 !important;
        margin-left: 98px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-98 {
        padding-left: 0 !important;
        padding-right: 98px !important;
    }
    .rtl .pr-sm-98 {
        padding-right: 0 !important;
        padding-left: 98px !important;
    }
    .rtl .ml-sm-98 {
        margin-left: 0 !important;
        margin-right: 98px !important;
    }
    .rtl .mr-sm-98 {
        margin-right: 0 !important;
        margin-left: 98px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-98 {
        padding-left: 0 !important;
        padding-right: 98px !important;
    }
    .rtl .pr-xsm-98 {
        padding-right: 0 !important;
        padding-left: 98px !important;
    }
    .rtl .ml-xsm-98 {
        margin-left: 0 !important;
        margin-right: 98px !important;
    }
    .rtl .mr-xsm-98 {
        margin-right: 0 !important;
        margin-left: 98px !important;
    }
}

.rtl .pl-98 {
    padding-left: 0 !important;
    padding-right: 98px !important;
}

.rtl .pr-98 {
    padding-right: 0 !important;
    padding-left: 98px !important;
}

.rtl .ml-98 {
    margin-left: 0 !important;
    margin-right: 98px !important;
}

.rtl .mr-98 {
    margin-right: 0 !important;
    margin-left: 98px !important;
}

@media (min-width: 1200px) {
    .p-xxl-99 {
        padding: 99px !important;
    }
    .pl-xxl-99 {
        padding-left: 99px !important;
    }
    .pr-xxl-99 {
        padding-right: 99px !important;
    }
    .pt-xxl-99 {
        padding-top: 99px !important;
    }
    .pb-xxl-99 {
        padding-bottom: 99px !important;
    }
    .px-xxl-99 {
        padding-left: 99px !important;
        padding-right: 99px !important;
    }
    .py-xxl-99 {
        padding-top: 99px !important;
        padding-bottom: 99px !important;
    }
    .m-xxl-99 {
        margin: 99px !important;
    }
    .ml-xxl-99 {
        margin-left: 99px !important;
    }
    .mr-xxl-99 {
        margin-right: 99px !important;
    }
    .mt-xxl-99 {
        margin-top: 99px !important;
    }
    .mb-xxl-99 {
        margin-bottom: 99px !important;
    }
    .mx-xxl-99 {
        margin-left: 99px !important;
        margin-right: 99px !important;
    }
    .my-xxl-99 {
        margin-top: 99px !important;
        margin-bottom: 99px !important;
    }
    .gx-xxl-99 {
        gap: 0 99px !important;
    }
    .gy-xxl-99 {
        gap: 99px !important;
    }
    .gap-xxl-99 {
        gap: 99px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-99 {
        padding: 99px !important;
    }
    .pl-xl-99 {
        padding-left: 99px !important;
    }
    .pr-xl-99 {
        padding-right: 99px !important;
    }
    .pt-xl-99 {
        padding-top: 99px !important;
    }
    .pb-xl-99 {
        padding-bottom: 99px !important;
    }
    .px-xl-99 {
        padding-left: 99px !important;
        padding-right: 99px !important;
    }
    .py-xl-99 {
        padding-top: 99px !important;
        padding-bottom: 99px !important;
    }
    .m-xl-99 {
        margin: 99px !important;
    }
    .ml-xl-99 {
        margin-left: 99px !important;
    }
    .mr-xl-99 {
        margin-right: 99px !important;
    }
    .mt-xl-99 {
        margin-top: 99px !important;
    }
    .mb-xl-99 {
        margin-bottom: 99px !important;
    }
    .mx-xl-99 {
        margin-left: 99px !important;
        margin-right: 99px !important;
    }
    .my-xl-99 {
        margin-top: 99px !important;
        margin-bottom: 99px !important;
    }
    .gx-xl-99 {
        gap: 0 99px !important;
    }
    .gy-xl-99 {
        gap: 99px !important;
    }
    .gap-xl-99 {
        gap: 99px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-99 {
        padding: 99px !important;
    }
    .pl-lg-99 {
        padding-left: 99px !important;
    }
    .pr-lg-99 {
        padding-right: 99px !important;
    }
    .pt-lg-99 {
        padding-top: 99px !important;
    }
    .pb-lg-99 {
        padding-bottom: 99px !important;
    }
    .px-lg-99 {
        padding-left: 99px !important;
        padding-right: 99px !important;
    }
    .py-lg-99 {
        padding-top: 99px !important;
        padding-bottom: 99px !important;
    }
    .m-lg-99 {
        margin: 99px !important;
    }
    .ml-lg-99 {
        margin-left: 99px !important;
    }
    .mr-lg-99 {
        margin-right: 99px !important;
    }
    .mt-lg-99 {
        margin-top: 99px !important;
    }
    .mb-lg-99 {
        margin-bottom: 99px !important;
    }
    .mx-lg-99 {
        margin-left: 99px !important;
        margin-right: 99px !important;
    }
    .my-lg-99 {
        margin-top: 99px !important;
        margin-bottom: 99px !important;
    }
    .gx-lg-99 {
        gap: 0 99px !important;
    }
    .gy-lg-99 {
        gap: 99px !important;
    }
    .gap-lg-99 {
        gap: 99px !important;
    }
}

@media (min-width: 576px) {
    .p-md-99 {
        padding: 99px !important;
    }
    .pl-md-99 {
        padding-left: 99px !important;
    }
    .pr-md-99 {
        padding-right: 99px !important;
    }
    .pt-md-99 {
        padding-top: 99px !important;
    }
    .pb-md-99 {
        padding-bottom: 99px !important;
    }
    .px-md-99 {
        padding-left: 99px !important;
        padding-right: 99px !important;
    }
    .py-md-99 {
        padding-top: 99px !important;
        padding-bottom: 99px !important;
    }
    .m-md-99 {
        margin: 99px !important;
    }
    .ml-md-99 {
        margin-left: 99px !important;
    }
    .mr-md-99 {
        margin-right: 99px !important;
    }
    .mt-md-99 {
        margin-top: 99px !important;
    }
    .mb-md-99 {
        margin-bottom: 99px !important;
    }
    .mx-md-99 {
        margin-left: 99px !important;
        margin-right: 99px !important;
    }
    .my-md-99 {
        margin-top: 99px !important;
        margin-bottom: 99px !important;
    }
    .gx-md-99 {
        gap: 0 99px !important;
    }
    .gy-md-99 {
        gap: 99px !important;
    }
    .gap-md-99 {
        gap: 99px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-99 {
        padding: 99px !important;
    }
    .pl-sm-99 {
        padding-left: 99px !important;
    }
    .pr-sm-99 {
        padding-right: 99px !important;
    }
    .pt-sm-99 {
        padding-top: 99px !important;
    }
    .pb-sm-99 {
        padding-bottom: 99px !important;
    }
    .px-sm-99 {
        padding-left: 99px !important;
        padding-right: 99px !important;
    }
    .py-sm-99 {
        padding-top: 99px !important;
        padding-bottom: 99px !important;
    }
    .m-sm-99 {
        margin: 99px !important;
    }
    .ml-sm-99 {
        margin-left: 99px !important;
    }
    .mr-sm-99 {
        margin-right: 99px !important;
    }
    .mt-sm-99 {
        margin-top: 99px !important;
    }
    .mb-sm-99 {
        margin-bottom: 99px !important;
    }
    .mx-sm-99 {
        margin-left: 99px !important;
        margin-right: 99px !important;
    }
    .my-sm-99 {
        margin-top: 99px !important;
        margin-bottom: 99px !important;
    }
    .gx-sm-99 {
        gap: 0 99px !important;
    }
    .gy-sm-99 {
        gap: 99px !important;
    }
    .gap-sm-99 {
        gap: 99px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-99 {
        padding: 99px !important;
    }
    .pl-xsm-99 {
        padding-left: 99px !important;
    }
    .pr-xsm-99 {
        padding-right: 99px !important;
    }
    .pt-xsm-99 {
        padding-top: 99px !important;
    }
    .pb-xsm-99 {
        padding-bottom: 99px !important;
    }
    .px-xsm-99 {
        padding-left: 99px !important;
        padding-right: 99px !important;
    }
    .py-xsm-99 {
        padding-top: 99px !important;
        padding-bottom: 99px !important;
    }
    .m-xsm-99 {
        margin: 99px !important;
    }
    .ml-xsm-99 {
        margin-left: 99px !important;
    }
    .mr-xsm-99 {
        margin-right: 99px !important;
    }
    .mt-xsm-99 {
        margin-top: 99px !important;
    }
    .mb-xsm-99 {
        margin-bottom: 99px !important;
    }
    .mx-xsm-99 {
        margin-left: 99px !important;
        margin-right: 99px !important;
    }
    .my-xsm-99 {
        margin-top: 99px !important;
        margin-bottom: 99px !important;
    }
    .gx-xsm-99 {
        gap: 0 99px !important;
    }
    .gy-xsm-99 {
        gap: 99px !important;
    }
    .gap-xsm-99 {
        gap: 99px !important;
    }
}

.p-99 {
    padding: 99px !important;
}

.pl-99 {
    padding-left: 99px !important;
}

.pr-99 {
    padding-right: 99px !important;
}

.pt-99 {
    padding-top: 99px !important;
}

.pb-99 {
    padding-bottom: 99px !important;
}

.px-99 {
    padding-left: 99px !important;
    padding-right: 99px !important;
}

.py-99 {
    padding-top: 99px !important;
    padding-bottom: 99px !important;
}

.m-99 {
    margin: 99px !important;
}

.ml-99 {
    margin-left: 99px !important;
}

.mr-99 {
    margin-right: 99px !important;
}

.mt-99 {
    margin-top: 99px !important;
}

.mb-99 {
    margin-bottom: 99px !important;
}

.mx-99 {
    margin-left: 99px !important;
    margin-right: 99px !important;
}

.my-99 {
    margin-top: 99px !important;
    margin-bottom: 99px !important;
}

.gx-99 {
    gap: 0 99px !important;
}

.gy-99 {
    gap: 99px !important;
}

.gap-99 {
    gap: 99px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-99 {
        padding-left: 0 !important;
        padding-right: 99px !important;
    }
    .rtl .pr-xxl-99 {
        padding-right: 0 !important;
        padding-left: 99px !important;
    }
    .rtl .ml-xxl-99 {
        margin-left: 0 !important;
        margin-right: 99px !important;
    }
    .rtl .mr-xxl-99 {
        margin-right: 0 !important;
        margin-left: 99px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-99 {
        padding-left: 0 !important;
        padding-right: 99px !important;
    }
    .rtl .pr-xl-99 {
        padding-right: 0 !important;
        padding-left: 99px !important;
    }
    .rtl .ml-xl-99 {
        margin-left: 0 !important;
        margin-right: 99px !important;
    }
    .rtl .mr-xl-99 {
        margin-right: 0 !important;
        margin-left: 99px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-99 {
        padding-left: 0 !important;
        padding-right: 99px !important;
    }
    .rtl .pr-lg-99 {
        padding-right: 0 !important;
        padding-left: 99px !important;
    }
    .rtl .ml-lg-99 {
        margin-left: 0 !important;
        margin-right: 99px !important;
    }
    .rtl .mr-lg-99 {
        margin-right: 0 !important;
        margin-left: 99px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-99 {
        padding-left: 0 !important;
        padding-right: 99px !important;
    }
    .rtl .pr-md-99 {
        padding-right: 0 !important;
        padding-left: 99px !important;
    }
    .rtl .ml-md-99 {
        margin-left: 0 !important;
        margin-right: 99px !important;
    }
    .rtl .mr-md-99 {
        margin-right: 0 !important;
        margin-left: 99px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-99 {
        padding-left: 0 !important;
        padding-right: 99px !important;
    }
    .rtl .pr-sm-99 {
        padding-right: 0 !important;
        padding-left: 99px !important;
    }
    .rtl .ml-sm-99 {
        margin-left: 0 !important;
        margin-right: 99px !important;
    }
    .rtl .mr-sm-99 {
        margin-right: 0 !important;
        margin-left: 99px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-99 {
        padding-left: 0 !important;
        padding-right: 99px !important;
    }
    .rtl .pr-xsm-99 {
        padding-right: 0 !important;
        padding-left: 99px !important;
    }
    .rtl .ml-xsm-99 {
        margin-left: 0 !important;
        margin-right: 99px !important;
    }
    .rtl .mr-xsm-99 {
        margin-right: 0 !important;
        margin-left: 99px !important;
    }
}

.rtl .pl-99 {
    padding-left: 0 !important;
    padding-right: 99px !important;
}

.rtl .pr-99 {
    padding-right: 0 !important;
    padding-left: 99px !important;
}

.rtl .ml-99 {
    margin-left: 0 !important;
    margin-right: 99px !important;
}

.rtl .mr-99 {
    margin-right: 0 !important;
    margin-left: 99px !important;
}

@media (min-width: 1200px) {
    .p-xxl-100 {
        padding: 100px !important;
    }
    .pl-xxl-100 {
        padding-left: 100px !important;
    }
    .pr-xxl-100 {
        padding-right: 100px !important;
    }
    .pt-xxl-100 {
        padding-top: 100px !important;
    }
    .pb-xxl-100 {
        padding-bottom: 100px !important;
    }
    .px-xxl-100 {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }
    .py-xxl-100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    .m-xxl-100 {
        margin: 100px !important;
    }
    .ml-xxl-100 {
        margin-left: 100px !important;
    }
    .mr-xxl-100 {
        margin-right: 100px !important;
    }
    .mt-xxl-100 {
        margin-top: 100px !important;
    }
    .mb-xxl-100 {
        margin-bottom: 100px !important;
    }
    .mx-xxl-100 {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }
    .my-xxl-100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
    .gx-xxl-100 {
        gap: 0 100px !important;
    }
    .gy-xxl-100 {
        gap: 100px !important;
    }
    .gap-xxl-100 {
        gap: 100px !important;
    }
}

@media (min-width: 992px) {
    .p-xl-100 {
        padding: 100px !important;
    }
    .pl-xl-100 {
        padding-left: 100px !important;
    }
    .pr-xl-100 {
        padding-right: 100px !important;
    }
    .pt-xl-100 {
        padding-top: 100px !important;
    }
    .pb-xl-100 {
        padding-bottom: 100px !important;
    }
    .px-xl-100 {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }
    .py-xl-100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    .m-xl-100 {
        margin: 100px !important;
    }
    .ml-xl-100 {
        margin-left: 100px !important;
    }
    .mr-xl-100 {
        margin-right: 100px !important;
    }
    .mt-xl-100 {
        margin-top: 100px !important;
    }
    .mb-xl-100 {
        margin-bottom: 100px !important;
    }
    .mx-xl-100 {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }
    .my-xl-100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
    .gx-xl-100 {
        gap: 0 100px !important;
    }
    .gy-xl-100 {
        gap: 100px !important;
    }
    .gap-xl-100 {
        gap: 100px !important;
    }
}

@media (min-width: 768px) {
    .p-lg-100 {
        padding: 100px !important;
    }
    .pl-lg-100 {
        padding-left: 100px !important;
    }
    .pr-lg-100 {
        padding-right: 100px !important;
    }
    .pt-lg-100 {
        padding-top: 100px !important;
    }
    .pb-lg-100 {
        padding-bottom: 100px !important;
    }
    .px-lg-100 {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }
    .py-lg-100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    .m-lg-100 {
        margin: 100px !important;
    }
    .ml-lg-100 {
        margin-left: 100px !important;
    }
    .mr-lg-100 {
        margin-right: 100px !important;
    }
    .mt-lg-100 {
        margin-top: 100px !important;
    }
    .mb-lg-100 {
        margin-bottom: 100px !important;
    }
    .mx-lg-100 {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }
    .my-lg-100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
    .gx-lg-100 {
        gap: 0 100px !important;
    }
    .gy-lg-100 {
        gap: 100px !important;
    }
    .gap-lg-100 {
        gap: 100px !important;
    }
}

@media (min-width: 576px) {
    .p-md-100 {
        padding: 100px !important;
    }
    .pl-md-100 {
        padding-left: 100px !important;
    }
    .pr-md-100 {
        padding-right: 100px !important;
    }
    .pt-md-100 {
        padding-top: 100px !important;
    }
    .pb-md-100 {
        padding-bottom: 100px !important;
    }
    .px-md-100 {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }
    .py-md-100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    .m-md-100 {
        margin: 100px !important;
    }
    .ml-md-100 {
        margin-left: 100px !important;
    }
    .mr-md-100 {
        margin-right: 100px !important;
    }
    .mt-md-100 {
        margin-top: 100px !important;
    }
    .mb-md-100 {
        margin-bottom: 100px !important;
    }
    .mx-md-100 {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }
    .my-md-100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
    .gx-md-100 {
        gap: 0 100px !important;
    }
    .gy-md-100 {
        gap: 100px !important;
    }
    .gap-md-100 {
        gap: 100px !important;
    }
}

@media (min-width: 451px) {
    .p-sm-100 {
        padding: 100px !important;
    }
    .pl-sm-100 {
        padding-left: 100px !important;
    }
    .pr-sm-100 {
        padding-right: 100px !important;
    }
    .pt-sm-100 {
        padding-top: 100px !important;
    }
    .pb-sm-100 {
        padding-bottom: 100px !important;
    }
    .px-sm-100 {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }
    .py-sm-100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    .m-sm-100 {
        margin: 100px !important;
    }
    .ml-sm-100 {
        margin-left: 100px !important;
    }
    .mr-sm-100 {
        margin-right: 100px !important;
    }
    .mt-sm-100 {
        margin-top: 100px !important;
    }
    .mb-sm-100 {
        margin-bottom: 100px !important;
    }
    .mx-sm-100 {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }
    .my-sm-100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
    .gx-sm-100 {
        gap: 0 100px !important;
    }
    .gy-sm-100 {
        gap: 100px !important;
    }
    .gap-sm-100 {
        gap: 100px !important;
    }
}

@media (max-width: 450px) {
    .p-xsm-100 {
        padding: 100px !important;
    }
    .pl-xsm-100 {
        padding-left: 100px !important;
    }
    .pr-xsm-100 {
        padding-right: 100px !important;
    }
    .pt-xsm-100 {
        padding-top: 100px !important;
    }
    .pb-xsm-100 {
        padding-bottom: 100px !important;
    }
    .px-xsm-100 {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }
    .py-xsm-100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    .m-xsm-100 {
        margin: 100px !important;
    }
    .ml-xsm-100 {
        margin-left: 100px !important;
    }
    .mr-xsm-100 {
        margin-right: 100px !important;
    }
    .mt-xsm-100 {
        margin-top: 100px !important;
    }
    .mb-xsm-100 {
        margin-bottom: 100px !important;
    }
    .mx-xsm-100 {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }
    .my-xsm-100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
    .gx-xsm-100 {
        gap: 0 100px !important;
    }
    .gy-xsm-100 {
        gap: 100px !important;
    }
    .gap-xsm-100 {
        gap: 100px !important;
    }
}

.p-100 {
    padding: 100px !important;
}

.pl-100 {
    padding-left: 100px !important;
}

.pr-100 {
    padding-right: 100px !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.pb-100 {
    padding-bottom: 100px !important;
}

.px-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

.py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.m-100 {
    margin: 100px !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.mr-100 {
    margin-right: 100px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.mx-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
}

.my-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.gx-100 {
    gap: 0 100px !important;
}

.gy-100 {
    gap: 100px !important;
}

.gap-100 {
    gap: 100px !important;
}

@media (min-width: 1200px) {
    .rtl .pl-xxl-100 {
        padding-left: 0 !important;
        padding-right: 100px !important;
    }
    .rtl .pr-xxl-100 {
        padding-right: 0 !important;
        padding-left: 100px !important;
    }
    .rtl .ml-xxl-100 {
        margin-left: 0 !important;
        margin-right: 100px !important;
    }
    .rtl .mr-xxl-100 {
        margin-right: 0 !important;
        margin-left: 100px !important;
    }
}

@media (min-width: 992px) {
    .rtl .pl-xl-100 {
        padding-left: 0 !important;
        padding-right: 100px !important;
    }
    .rtl .pr-xl-100 {
        padding-right: 0 !important;
        padding-left: 100px !important;
    }
    .rtl .ml-xl-100 {
        margin-left: 0 !important;
        margin-right: 100px !important;
    }
    .rtl .mr-xl-100 {
        margin-right: 0 !important;
        margin-left: 100px !important;
    }
}

@media (min-width: 768px) {
    .rtl .pl-lg-100 {
        padding-left: 0 !important;
        padding-right: 100px !important;
    }
    .rtl .pr-lg-100 {
        padding-right: 0 !important;
        padding-left: 100px !important;
    }
    .rtl .ml-lg-100 {
        margin-left: 0 !important;
        margin-right: 100px !important;
    }
    .rtl .mr-lg-100 {
        margin-right: 0 !important;
        margin-left: 100px !important;
    }
}

@media (min-width: 576px) {
    .rtl .pl-md-100 {
        padding-left: 0 !important;
        padding-right: 100px !important;
    }
    .rtl .pr-md-100 {
        padding-right: 0 !important;
        padding-left: 100px !important;
    }
    .rtl .ml-md-100 {
        margin-left: 0 !important;
        margin-right: 100px !important;
    }
    .rtl .mr-md-100 {
        margin-right: 0 !important;
        margin-left: 100px !important;
    }
}

@media (min-width: 451px) {
    .rtl .pl-sm-100 {
        padding-left: 0 !important;
        padding-right: 100px !important;
    }
    .rtl .pr-sm-100 {
        padding-right: 0 !important;
        padding-left: 100px !important;
    }
    .rtl .ml-sm-100 {
        margin-left: 0 !important;
        margin-right: 100px !important;
    }
    .rtl .mr-sm-100 {
        margin-right: 0 !important;
        margin-left: 100px !important;
    }
}

@media (max-width: 450px) {
    .rtl .pl-xsm-100 {
        padding-left: 0 !important;
        padding-right: 100px !important;
    }
    .rtl .pr-xsm-100 {
        padding-right: 0 !important;
        padding-left: 100px !important;
    }
    .rtl .ml-xsm-100 {
        margin-left: 0 !important;
        margin-right: 100px !important;
    }
    .rtl .mr-xsm-100 {
        margin-right: 0 !important;
        margin-left: 100px !important;
    }
}

.rtl .pl-100 {
    padding-left: 0 !important;
    padding-right: 100px !important;
}

.rtl .pr-100 {
    padding-right: 0 !important;
    padding-left: 100px !important;
}

.rtl .ml-100 {
    margin-left: 0 !important;
    margin-right: 100px !important;
}

.rtl .mr-100 {
    margin-right: 0 !important;
    margin-left: 100px !important;
}

.w-5 {
    width: 5%;
}

.min-w-5 {
    min-width: 5%;
}

.max-w-5 {
    max-width: 5%;
}

.h-5 {
    height: 5%;
}

.min-h-5 {
    min-height: 5%;
}

.max-h-5 {
    max-height: 5%;
}

@media (min-width: 1200px) {
    .w-xxl-5 {
        width: 5%;
    }
    .min-w-xxl-5 {
        min-width: 5%;
    }
    .max-w-xxl-5 {
        max-width: 5%;
    }
    .h-xxl-5 {
        height: 5%;
    }
    .min-h-xxl-5 {
        min-height: 5%;
    }
    .max-h-xxl-5 {
        max-height: 5%;
    }
}

@media (min-width: 992px) {
    .w-xl-5 {
        width: 5%;
    }
    .min-w-xl-5 {
        min-width: 5%;
    }
    .max-w-xl-5 {
        max-width: 5%;
    }
    .h-xl-5 {
        height: 5%;
    }
    .min-h-xl-5 {
        min-height: 5%;
    }
    .max-h-xl-5 {
        max-height: 5%;
    }
}

@media (min-width: 768px) {
    .w-lg-5 {
        width: 5%;
    }
    .min-w-lg-5 {
        min-width: 5%;
    }
    .max-w-lg-5 {
        max-width: 5%;
    }
    .h-lg-5 {
        height: 5%;
    }
    .min-h-lg-5 {
        min-height: 5%;
    }
    .max-h-lg-5 {
        max-height: 5%;
    }
}

@media (min-width: 576px) {
    .w-md-5 {
        width: 5%;
    }
    .min-w-md-5 {
        min-width: 5%;
    }
    .max-w-md-5 {
        max-width: 5%;
    }
    .h-md-5 {
        height: 5%;
    }
    .min-h-md-5 {
        min-height: 5%;
    }
    .max-h-md-5 {
        max-height: 5%;
    }
}

@media (min-width: 451px) {
    .w-sm-5 {
        width: 5%;
    }
    .min-w-sm-5 {
        min-width: 5%;
    }
    .max-w-sm-5 {
        max-width: 5%;
    }
    .h-sm-5 {
        height: 5%;
    }
    .min-h-sm-5 {
        min-height: 5%;
    }
    .max-h-sm-5 {
        max-height: 5%;
    }
}

@media (max-width: 450px) {
    .w-xsm-5 {
        width: 5%;
    }
    .min-w-xsm-5 {
        min-width: 5%;
    }
    .max-w-xsm-5 {
        max-width: 5%;
    }
    .h-xsm-5 {
        height: 5%;
    }
    .min-h-xsm-5 {
        min-height: 5%;
    }
    .max-h-xsm-5 {
        max-height: 5%;
    }
}

.w-10 {
    width: 10%;
}

.min-w-10 {
    min-width: 10%;
}

.max-w-10 {
    max-width: 10%;
}

.h-10 {
    height: 10%;
}

.min-h-10 {
    min-height: 10%;
}

.max-h-10 {
    max-height: 10%;
}

@media (min-width: 1200px) {
    .w-xxl-10 {
        width: 10%;
    }
    .min-w-xxl-10 {
        min-width: 10%;
    }
    .max-w-xxl-10 {
        max-width: 10%;
    }
    .h-xxl-10 {
        height: 10%;
    }
    .min-h-xxl-10 {
        min-height: 10%;
    }
    .max-h-xxl-10 {
        max-height: 10%;
    }
}

@media (min-width: 992px) {
    .w-xl-10 {
        width: 10%;
    }
    .min-w-xl-10 {
        min-width: 10%;
    }
    .max-w-xl-10 {
        max-width: 10%;
    }
    .h-xl-10 {
        height: 10%;
    }
    .min-h-xl-10 {
        min-height: 10%;
    }
    .max-h-xl-10 {
        max-height: 10%;
    }
}

@media (min-width: 768px) {
    .w-lg-10 {
        width: 10%;
    }
    .min-w-lg-10 {
        min-width: 10%;
    }
    .max-w-lg-10 {
        max-width: 10%;
    }
    .h-lg-10 {
        height: 10%;
    }
    .min-h-lg-10 {
        min-height: 10%;
    }
    .max-h-lg-10 {
        max-height: 10%;
    }
}

@media (min-width: 576px) {
    .w-md-10 {
        width: 10%;
    }
    .min-w-md-10 {
        min-width: 10%;
    }
    .max-w-md-10 {
        max-width: 10%;
    }
    .h-md-10 {
        height: 10%;
    }
    .min-h-md-10 {
        min-height: 10%;
    }
    .max-h-md-10 {
        max-height: 10%;
    }
}

@media (min-width: 451px) {
    .w-sm-10 {
        width: 10%;
    }
    .min-w-sm-10 {
        min-width: 10%;
    }
    .max-w-sm-10 {
        max-width: 10%;
    }
    .h-sm-10 {
        height: 10%;
    }
    .min-h-sm-10 {
        min-height: 10%;
    }
    .max-h-sm-10 {
        max-height: 10%;
    }
}

@media (max-width: 450px) {
    .w-xsm-10 {
        width: 10%;
    }
    .min-w-xsm-10 {
        min-width: 10%;
    }
    .max-w-xsm-10 {
        max-width: 10%;
    }
    .h-xsm-10 {
        height: 10%;
    }
    .min-h-xsm-10 {
        min-height: 10%;
    }
    .max-h-xsm-10 {
        max-height: 10%;
    }
}

.w-15 {
    width: 15%;
}

.min-w-15 {
    min-width: 15%;
}

.max-w-15 {
    max-width: 15%;
}

.h-15 {
    height: 15%;
}

.min-h-15 {
    min-height: 15%;
}

.max-h-15 {
    max-height: 15%;
}

@media (min-width: 1200px) {
    .w-xxl-15 {
        width: 15%;
    }
    .min-w-xxl-15 {
        min-width: 15%;
    }
    .max-w-xxl-15 {
        max-width: 15%;
    }
    .h-xxl-15 {
        height: 15%;
    }
    .min-h-xxl-15 {
        min-height: 15%;
    }
    .max-h-xxl-15 {
        max-height: 15%;
    }
}

@media (min-width: 992px) {
    .w-xl-15 {
        width: 15%;
    }
    .min-w-xl-15 {
        min-width: 15%;
    }
    .max-w-xl-15 {
        max-width: 15%;
    }
    .h-xl-15 {
        height: 15%;
    }
    .min-h-xl-15 {
        min-height: 15%;
    }
    .max-h-xl-15 {
        max-height: 15%;
    }
}

@media (min-width: 768px) {
    .w-lg-15 {
        width: 15%;
    }
    .min-w-lg-15 {
        min-width: 15%;
    }
    .max-w-lg-15 {
        max-width: 15%;
    }
    .h-lg-15 {
        height: 15%;
    }
    .min-h-lg-15 {
        min-height: 15%;
    }
    .max-h-lg-15 {
        max-height: 15%;
    }
}

@media (min-width: 576px) {
    .w-md-15 {
        width: 15%;
    }
    .min-w-md-15 {
        min-width: 15%;
    }
    .max-w-md-15 {
        max-width: 15%;
    }
    .h-md-15 {
        height: 15%;
    }
    .min-h-md-15 {
        min-height: 15%;
    }
    .max-h-md-15 {
        max-height: 15%;
    }
}

@media (min-width: 451px) {
    .w-sm-15 {
        width: 15%;
    }
    .min-w-sm-15 {
        min-width: 15%;
    }
    .max-w-sm-15 {
        max-width: 15%;
    }
    .h-sm-15 {
        height: 15%;
    }
    .min-h-sm-15 {
        min-height: 15%;
    }
    .max-h-sm-15 {
        max-height: 15%;
    }
}

@media (max-width: 450px) {
    .w-xsm-15 {
        width: 15%;
    }
    .min-w-xsm-15 {
        min-width: 15%;
    }
    .max-w-xsm-15 {
        max-width: 15%;
    }
    .h-xsm-15 {
        height: 15%;
    }
    .min-h-xsm-15 {
        min-height: 15%;
    }
    .max-h-xsm-15 {
        max-height: 15%;
    }
}

.w-20 {
    width: 20%;
}

.min-w-20 {
    min-width: 20%;
}

.max-w-20 {
    max-width: 20%;
}

.h-20 {
    height: 20%;
}

.min-h-20 {
    min-height: 20%;
}

.max-h-20 {
    max-height: 20%;
}

@media (min-width: 1200px) {
    .w-xxl-20 {
        width: 20%;
    }
    .min-w-xxl-20 {
        min-width: 20%;
    }
    .max-w-xxl-20 {
        max-width: 20%;
    }
    .h-xxl-20 {
        height: 20%;
    }
    .min-h-xxl-20 {
        min-height: 20%;
    }
    .max-h-xxl-20 {
        max-height: 20%;
    }
}

@media (min-width: 992px) {
    .w-xl-20 {
        width: 20%;
    }
    .min-w-xl-20 {
        min-width: 20%;
    }
    .max-w-xl-20 {
        max-width: 20%;
    }
    .h-xl-20 {
        height: 20%;
    }
    .min-h-xl-20 {
        min-height: 20%;
    }
    .max-h-xl-20 {
        max-height: 20%;
    }
}

@media (min-width: 768px) {
    .w-lg-20 {
        width: 20%;
    }
    .min-w-lg-20 {
        min-width: 20%;
    }
    .max-w-lg-20 {
        max-width: 20%;
    }
    .h-lg-20 {
        height: 20%;
    }
    .min-h-lg-20 {
        min-height: 20%;
    }
    .max-h-lg-20 {
        max-height: 20%;
    }
}

@media (min-width: 576px) {
    .w-md-20 {
        width: 20%;
    }
    .min-w-md-20 {
        min-width: 20%;
    }
    .max-w-md-20 {
        max-width: 20%;
    }
    .h-md-20 {
        height: 20%;
    }
    .min-h-md-20 {
        min-height: 20%;
    }
    .max-h-md-20 {
        max-height: 20%;
    }
}

@media (min-width: 451px) {
    .w-sm-20 {
        width: 20%;
    }
    .min-w-sm-20 {
        min-width: 20%;
    }
    .max-w-sm-20 {
        max-width: 20%;
    }
    .h-sm-20 {
        height: 20%;
    }
    .min-h-sm-20 {
        min-height: 20%;
    }
    .max-h-sm-20 {
        max-height: 20%;
    }
}

@media (max-width: 450px) {
    .w-xsm-20 {
        width: 20%;
    }
    .min-w-xsm-20 {
        min-width: 20%;
    }
    .max-w-xsm-20 {
        max-width: 20%;
    }
    .h-xsm-20 {
        height: 20%;
    }
    .min-h-xsm-20 {
        min-height: 20%;
    }
    .max-h-xsm-20 {
        max-height: 20%;
    }
}

.w-25 {
    width: 25%;
}

.min-w-25 {
    min-width: 25%;
}

.max-w-25 {
    max-width: 25%;
}

.h-25 {
    height: 25%;
}

.min-h-25 {
    min-height: 25%;
}

.max-h-25 {
    max-height: 25%;
}

@media (min-width: 1200px) {
    .w-xxl-25 {
        width: 25%;
    }
    .min-w-xxl-25 {
        min-width: 25%;
    }
    .max-w-xxl-25 {
        max-width: 25%;
    }
    .h-xxl-25 {
        height: 25%;
    }
    .min-h-xxl-25 {
        min-height: 25%;
    }
    .max-h-xxl-25 {
        max-height: 25%;
    }
}

@media (min-width: 992px) {
    .w-xl-25 {
        width: 25%;
    }
    .min-w-xl-25 {
        min-width: 25%;
    }
    .max-w-xl-25 {
        max-width: 25%;
    }
    .h-xl-25 {
        height: 25%;
    }
    .min-h-xl-25 {
        min-height: 25%;
    }
    .max-h-xl-25 {
        max-height: 25%;
    }
}

@media (min-width: 768px) {
    .w-lg-25 {
        width: 25%;
    }
    .min-w-lg-25 {
        min-width: 25%;
    }
    .max-w-lg-25 {
        max-width: 25%;
    }
    .h-lg-25 {
        height: 25%;
    }
    .min-h-lg-25 {
        min-height: 25%;
    }
    .max-h-lg-25 {
        max-height: 25%;
    }
}

@media (min-width: 576px) {
    .w-md-25 {
        width: 25%;
    }
    .min-w-md-25 {
        min-width: 25%;
    }
    .max-w-md-25 {
        max-width: 25%;
    }
    .h-md-25 {
        height: 25%;
    }
    .min-h-md-25 {
        min-height: 25%;
    }
    .max-h-md-25 {
        max-height: 25%;
    }
}

@media (min-width: 451px) {
    .w-sm-25 {
        width: 25%;
    }
    .min-w-sm-25 {
        min-width: 25%;
    }
    .max-w-sm-25 {
        max-width: 25%;
    }
    .h-sm-25 {
        height: 25%;
    }
    .min-h-sm-25 {
        min-height: 25%;
    }
    .max-h-sm-25 {
        max-height: 25%;
    }
}

@media (max-width: 450px) {
    .w-xsm-25 {
        width: 25%;
    }
    .min-w-xsm-25 {
        min-width: 25%;
    }
    .max-w-xsm-25 {
        max-width: 25%;
    }
    .h-xsm-25 {
        height: 25%;
    }
    .min-h-xsm-25 {
        min-height: 25%;
    }
    .max-h-xsm-25 {
        max-height: 25%;
    }
}

.w-30 {
    width: 30%;
}

.min-w-30 {
    min-width: 30%;
}

.max-w-30 {
    max-width: 30%;
}

.h-30 {
    height: 30%;
}

.min-h-30 {
    min-height: 30%;
}

.max-h-30 {
    max-height: 30%;
}

@media (min-width: 1200px) {
    .w-xxl-30 {
        width: 30%;
    }
    .min-w-xxl-30 {
        min-width: 30%;
    }
    .max-w-xxl-30 {
        max-width: 30%;
    }
    .h-xxl-30 {
        height: 30%;
    }
    .min-h-xxl-30 {
        min-height: 30%;
    }
    .max-h-xxl-30 {
        max-height: 30%;
    }
}

@media (min-width: 992px) {
    .w-xl-30 {
        width: 30%;
    }
    .min-w-xl-30 {
        min-width: 30%;
    }
    .max-w-xl-30 {
        max-width: 30%;
    }
    .h-xl-30 {
        height: 30%;
    }
    .min-h-xl-30 {
        min-height: 30%;
    }
    .max-h-xl-30 {
        max-height: 30%;
    }
}

@media (min-width: 768px) {
    .w-lg-30 {
        width: 30%;
    }
    .min-w-lg-30 {
        min-width: 30%;
    }
    .max-w-lg-30 {
        max-width: 30%;
    }
    .h-lg-30 {
        height: 30%;
    }
    .min-h-lg-30 {
        min-height: 30%;
    }
    .max-h-lg-30 {
        max-height: 30%;
    }
}

@media (min-width: 576px) {
    .w-md-30 {
        width: 30%;
    }
    .min-w-md-30 {
        min-width: 30%;
    }
    .max-w-md-30 {
        max-width: 30%;
    }
    .h-md-30 {
        height: 30%;
    }
    .min-h-md-30 {
        min-height: 30%;
    }
    .max-h-md-30 {
        max-height: 30%;
    }
}

@media (min-width: 451px) {
    .w-sm-30 {
        width: 30%;
    }
    .min-w-sm-30 {
        min-width: 30%;
    }
    .max-w-sm-30 {
        max-width: 30%;
    }
    .h-sm-30 {
        height: 30%;
    }
    .min-h-sm-30 {
        min-height: 30%;
    }
    .max-h-sm-30 {
        max-height: 30%;
    }
}

@media (max-width: 450px) {
    .w-xsm-30 {
        width: 30%;
    }
    .min-w-xsm-30 {
        min-width: 30%;
    }
    .max-w-xsm-30 {
        max-width: 30%;
    }
    .h-xsm-30 {
        height: 30%;
    }
    .min-h-xsm-30 {
        min-height: 30%;
    }
    .max-h-xsm-30 {
        max-height: 30%;
    }
}

.w-35 {
    width: 35%;
}

.min-w-35 {
    min-width: 35%;
}

.max-w-35 {
    max-width: 35%;
}

.h-35 {
    height: 35%;
}

.min-h-35 {
    min-height: 35%;
}

.max-h-35 {
    max-height: 35%;
}

@media (min-width: 1200px) {
    .w-xxl-35 {
        width: 35%;
    }
    .min-w-xxl-35 {
        min-width: 35%;
    }
    .max-w-xxl-35 {
        max-width: 35%;
    }
    .h-xxl-35 {
        height: 35%;
    }
    .min-h-xxl-35 {
        min-height: 35%;
    }
    .max-h-xxl-35 {
        max-height: 35%;
    }
}

@media (min-width: 992px) {
    .w-xl-35 {
        width: 35%;
    }
    .min-w-xl-35 {
        min-width: 35%;
    }
    .max-w-xl-35 {
        max-width: 35%;
    }
    .h-xl-35 {
        height: 35%;
    }
    .min-h-xl-35 {
        min-height: 35%;
    }
    .max-h-xl-35 {
        max-height: 35%;
    }
}

@media (min-width: 768px) {
    .w-lg-35 {
        width: 35%;
    }
    .min-w-lg-35 {
        min-width: 35%;
    }
    .max-w-lg-35 {
        max-width: 35%;
    }
    .h-lg-35 {
        height: 35%;
    }
    .min-h-lg-35 {
        min-height: 35%;
    }
    .max-h-lg-35 {
        max-height: 35%;
    }
}

@media (min-width: 576px) {
    .w-md-35 {
        width: 35%;
    }
    .min-w-md-35 {
        min-width: 35%;
    }
    .max-w-md-35 {
        max-width: 35%;
    }
    .h-md-35 {
        height: 35%;
    }
    .min-h-md-35 {
        min-height: 35%;
    }
    .max-h-md-35 {
        max-height: 35%;
    }
}

@media (min-width: 451px) {
    .w-sm-35 {
        width: 35%;
    }
    .min-w-sm-35 {
        min-width: 35%;
    }
    .max-w-sm-35 {
        max-width: 35%;
    }
    .h-sm-35 {
        height: 35%;
    }
    .min-h-sm-35 {
        min-height: 35%;
    }
    .max-h-sm-35 {
        max-height: 35%;
    }
}

@media (max-width: 450px) {
    .w-xsm-35 {
        width: 35%;
    }
    .min-w-xsm-35 {
        min-width: 35%;
    }
    .max-w-xsm-35 {
        max-width: 35%;
    }
    .h-xsm-35 {
        height: 35%;
    }
    .min-h-xsm-35 {
        min-height: 35%;
    }
    .max-h-xsm-35 {
        max-height: 35%;
    }
}

.w-40 {
    width: 40%;
}

.min-w-40 {
    min-width: 40%;
}

.max-w-40 {
    max-width: 40%;
}

.h-40 {
    height: 40%;
}

.min-h-40 {
    min-height: 40%;
}

.max-h-40 {
    max-height: 40%;
}

@media (min-width: 1200px) {
    .w-xxl-40 {
        width: 40%;
    }
    .min-w-xxl-40 {
        min-width: 40%;
    }
    .max-w-xxl-40 {
        max-width: 40%;
    }
    .h-xxl-40 {
        height: 40%;
    }
    .min-h-xxl-40 {
        min-height: 40%;
    }
    .max-h-xxl-40 {
        max-height: 40%;
    }
}

@media (min-width: 992px) {
    .w-xl-40 {
        width: 40%;
    }
    .min-w-xl-40 {
        min-width: 40%;
    }
    .max-w-xl-40 {
        max-width: 40%;
    }
    .h-xl-40 {
        height: 40%;
    }
    .min-h-xl-40 {
        min-height: 40%;
    }
    .max-h-xl-40 {
        max-height: 40%;
    }
}

@media (min-width: 768px) {
    .w-lg-40 {
        width: 40%;
    }
    .min-w-lg-40 {
        min-width: 40%;
    }
    .max-w-lg-40 {
        max-width: 40%;
    }
    .h-lg-40 {
        height: 40%;
    }
    .min-h-lg-40 {
        min-height: 40%;
    }
    .max-h-lg-40 {
        max-height: 40%;
    }
}

@media (min-width: 576px) {
    .w-md-40 {
        width: 40%;
    }
    .min-w-md-40 {
        min-width: 40%;
    }
    .max-w-md-40 {
        max-width: 40%;
    }
    .h-md-40 {
        height: 40%;
    }
    .min-h-md-40 {
        min-height: 40%;
    }
    .max-h-md-40 {
        max-height: 40%;
    }
}

@media (min-width: 451px) {
    .w-sm-40 {
        width: 40%;
    }
    .min-w-sm-40 {
        min-width: 40%;
    }
    .max-w-sm-40 {
        max-width: 40%;
    }
    .h-sm-40 {
        height: 40%;
    }
    .min-h-sm-40 {
        min-height: 40%;
    }
    .max-h-sm-40 {
        max-height: 40%;
    }
}

@media (max-width: 450px) {
    .w-xsm-40 {
        width: 40%;
    }
    .min-w-xsm-40 {
        min-width: 40%;
    }
    .max-w-xsm-40 {
        max-width: 40%;
    }
    .h-xsm-40 {
        height: 40%;
    }
    .min-h-xsm-40 {
        min-height: 40%;
    }
    .max-h-xsm-40 {
        max-height: 40%;
    }
}

.w-45 {
    width: 45%;
}

.min-w-45 {
    min-width: 45%;
}

.max-w-45 {
    max-width: 45%;
}

.h-45 {
    height: 45%;
}

.min-h-45 {
    min-height: 45%;
}

.max-h-45 {
    max-height: 45%;
}

@media (min-width: 1200px) {
    .w-xxl-45 {
        width: 45%;
    }
    .min-w-xxl-45 {
        min-width: 45%;
    }
    .max-w-xxl-45 {
        max-width: 45%;
    }
    .h-xxl-45 {
        height: 45%;
    }
    .min-h-xxl-45 {
        min-height: 45%;
    }
    .max-h-xxl-45 {
        max-height: 45%;
    }
}

@media (min-width: 992px) {
    .w-xl-45 {
        width: 45%;
    }
    .min-w-xl-45 {
        min-width: 45%;
    }
    .max-w-xl-45 {
        max-width: 45%;
    }
    .h-xl-45 {
        height: 45%;
    }
    .min-h-xl-45 {
        min-height: 45%;
    }
    .max-h-xl-45 {
        max-height: 45%;
    }
}

@media (min-width: 768px) {
    .w-lg-45 {
        width: 45%;
    }
    .min-w-lg-45 {
        min-width: 45%;
    }
    .max-w-lg-45 {
        max-width: 45%;
    }
    .h-lg-45 {
        height: 45%;
    }
    .min-h-lg-45 {
        min-height: 45%;
    }
    .max-h-lg-45 {
        max-height: 45%;
    }
}

@media (min-width: 576px) {
    .w-md-45 {
        width: 45%;
    }
    .min-w-md-45 {
        min-width: 45%;
    }
    .max-w-md-45 {
        max-width: 45%;
    }
    .h-md-45 {
        height: 45%;
    }
    .min-h-md-45 {
        min-height: 45%;
    }
    .max-h-md-45 {
        max-height: 45%;
    }
}

@media (min-width: 451px) {
    .w-sm-45 {
        width: 45%;
    }
    .min-w-sm-45 {
        min-width: 45%;
    }
    .max-w-sm-45 {
        max-width: 45%;
    }
    .h-sm-45 {
        height: 45%;
    }
    .min-h-sm-45 {
        min-height: 45%;
    }
    .max-h-sm-45 {
        max-height: 45%;
    }
}

@media (max-width: 450px) {
    .w-xsm-45 {
        width: 45%;
    }
    .min-w-xsm-45 {
        min-width: 45%;
    }
    .max-w-xsm-45 {
        max-width: 45%;
    }
    .h-xsm-45 {
        height: 45%;
    }
    .min-h-xsm-45 {
        min-height: 45%;
    }
    .max-h-xsm-45 {
        max-height: 45%;
    }
}

.w-50 {
    width: 50%;
}

.min-w-50 {
    min-width: 50%;
}

.max-w-50 {
    max-width: 50%;
}

.h-50 {
    height: 50%;
}

.min-h-50 {
    min-height: 50%;
}

.max-h-50 {
    max-height: 50%;
}

@media (min-width: 1200px) {
    .w-xxl-50 {
        width: 50%;
    }
    .min-w-xxl-50 {
        min-width: 50%;
    }
    .max-w-xxl-50 {
        max-width: 50%;
    }
    .h-xxl-50 {
        height: 50%;
    }
    .min-h-xxl-50 {
        min-height: 50%;
    }
    .max-h-xxl-50 {
        max-height: 50%;
    }
}

@media (min-width: 992px) {
    .w-xl-50 {
        width: 50%;
    }
    .min-w-xl-50 {
        min-width: 50%;
    }
    .max-w-xl-50 {
        max-width: 50%;
    }
    .h-xl-50 {
        height: 50%;
    }
    .min-h-xl-50 {
        min-height: 50%;
    }
    .max-h-xl-50 {
        max-height: 50%;
    }
}

@media (min-width: 768px) {
    .w-lg-50 {
        width: 50%;
    }
    .min-w-lg-50 {
        min-width: 50%;
    }
    .max-w-lg-50 {
        max-width: 50%;
    }
    .h-lg-50 {
        height: 50%;
    }
    .min-h-lg-50 {
        min-height: 50%;
    }
    .max-h-lg-50 {
        max-height: 50%;
    }
}

@media (min-width: 576px) {
    .w-md-50 {
        width: 50%;
    }
    .min-w-md-50 {
        min-width: 50%;
    }
    .max-w-md-50 {
        max-width: 50%;
    }
    .h-md-50 {
        height: 50%;
    }
    .min-h-md-50 {
        min-height: 50%;
    }
    .max-h-md-50 {
        max-height: 50%;
    }
}

@media (min-width: 451px) {
    .w-sm-50 {
        width: 50%;
    }
    .min-w-sm-50 {
        min-width: 50%;
    }
    .max-w-sm-50 {
        max-width: 50%;
    }
    .h-sm-50 {
        height: 50%;
    }
    .min-h-sm-50 {
        min-height: 50%;
    }
    .max-h-sm-50 {
        max-height: 50%;
    }
}

@media (max-width: 450px) {
    .w-xsm-50 {
        width: 50%;
    }
    .min-w-xsm-50 {
        min-width: 50%;
    }
    .max-w-xsm-50 {
        max-width: 50%;
    }
    .h-xsm-50 {
        height: 50%;
    }
    .min-h-xsm-50 {
        min-height: 50%;
    }
    .max-h-xsm-50 {
        max-height: 50%;
    }
}

.w-55 {
    width: 55%;
}

.min-w-55 {
    min-width: 55%;
}

.max-w-55 {
    max-width: 55%;
}

.h-55 {
    height: 55%;
}

.min-h-55 {
    min-height: 55%;
}

.max-h-55 {
    max-height: 55%;
}

@media (min-width: 1200px) {
    .w-xxl-55 {
        width: 55%;
    }
    .min-w-xxl-55 {
        min-width: 55%;
    }
    .max-w-xxl-55 {
        max-width: 55%;
    }
    .h-xxl-55 {
        height: 55%;
    }
    .min-h-xxl-55 {
        min-height: 55%;
    }
    .max-h-xxl-55 {
        max-height: 55%;
    }
}

@media (min-width: 992px) {
    .w-xl-55 {
        width: 55%;
    }
    .min-w-xl-55 {
        min-width: 55%;
    }
    .max-w-xl-55 {
        max-width: 55%;
    }
    .h-xl-55 {
        height: 55%;
    }
    .min-h-xl-55 {
        min-height: 55%;
    }
    .max-h-xl-55 {
        max-height: 55%;
    }
}

@media (min-width: 768px) {
    .w-lg-55 {
        width: 55%;
    }
    .min-w-lg-55 {
        min-width: 55%;
    }
    .max-w-lg-55 {
        max-width: 55%;
    }
    .h-lg-55 {
        height: 55%;
    }
    .min-h-lg-55 {
        min-height: 55%;
    }
    .max-h-lg-55 {
        max-height: 55%;
    }
}

@media (min-width: 576px) {
    .w-md-55 {
        width: 55%;
    }
    .min-w-md-55 {
        min-width: 55%;
    }
    .max-w-md-55 {
        max-width: 55%;
    }
    .h-md-55 {
        height: 55%;
    }
    .min-h-md-55 {
        min-height: 55%;
    }
    .max-h-md-55 {
        max-height: 55%;
    }
}

@media (min-width: 451px) {
    .w-sm-55 {
        width: 55%;
    }
    .min-w-sm-55 {
        min-width: 55%;
    }
    .max-w-sm-55 {
        max-width: 55%;
    }
    .h-sm-55 {
        height: 55%;
    }
    .min-h-sm-55 {
        min-height: 55%;
    }
    .max-h-sm-55 {
        max-height: 55%;
    }
}

@media (max-width: 450px) {
    .w-xsm-55 {
        width: 55%;
    }
    .min-w-xsm-55 {
        min-width: 55%;
    }
    .max-w-xsm-55 {
        max-width: 55%;
    }
    .h-xsm-55 {
        height: 55%;
    }
    .min-h-xsm-55 {
        min-height: 55%;
    }
    .max-h-xsm-55 {
        max-height: 55%;
    }
}

.w-60 {
    width: 60%;
}

.min-w-60 {
    min-width: 60%;
}

.max-w-60 {
    max-width: 60%;
}

.h-60 {
    height: 60%;
}

.min-h-60 {
    min-height: 60%;
}

.max-h-60 {
    max-height: 60%;
}

@media (min-width: 1200px) {
    .w-xxl-60 {
        width: 60%;
    }
    .min-w-xxl-60 {
        min-width: 60%;
    }
    .max-w-xxl-60 {
        max-width: 60%;
    }
    .h-xxl-60 {
        height: 60%;
    }
    .min-h-xxl-60 {
        min-height: 60%;
    }
    .max-h-xxl-60 {
        max-height: 60%;
    }
}

@media (min-width: 992px) {
    .w-xl-60 {
        width: 60%;
    }
    .min-w-xl-60 {
        min-width: 60%;
    }
    .max-w-xl-60 {
        max-width: 60%;
    }
    .h-xl-60 {
        height: 60%;
    }
    .min-h-xl-60 {
        min-height: 60%;
    }
    .max-h-xl-60 {
        max-height: 60%;
    }
}

@media (min-width: 768px) {
    .w-lg-60 {
        width: 60%;
    }
    .min-w-lg-60 {
        min-width: 60%;
    }
    .max-w-lg-60 {
        max-width: 60%;
    }
    .h-lg-60 {
        height: 60%;
    }
    .min-h-lg-60 {
        min-height: 60%;
    }
    .max-h-lg-60 {
        max-height: 60%;
    }
}

@media (min-width: 576px) {
    .w-md-60 {
        width: 60%;
    }
    .min-w-md-60 {
        min-width: 60%;
    }
    .max-w-md-60 {
        max-width: 60%;
    }
    .h-md-60 {
        height: 60%;
    }
    .min-h-md-60 {
        min-height: 60%;
    }
    .max-h-md-60 {
        max-height: 60%;
    }
}

@media (min-width: 451px) {
    .w-sm-60 {
        width: 60%;
    }
    .min-w-sm-60 {
        min-width: 60%;
    }
    .max-w-sm-60 {
        max-width: 60%;
    }
    .h-sm-60 {
        height: 60%;
    }
    .min-h-sm-60 {
        min-height: 60%;
    }
    .max-h-sm-60 {
        max-height: 60%;
    }
}

@media (max-width: 450px) {
    .w-xsm-60 {
        width: 60%;
    }
    .min-w-xsm-60 {
        min-width: 60%;
    }
    .max-w-xsm-60 {
        max-width: 60%;
    }
    .h-xsm-60 {
        height: 60%;
    }
    .min-h-xsm-60 {
        min-height: 60%;
    }
    .max-h-xsm-60 {
        max-height: 60%;
    }
}

.w-65 {
    width: 65%;
}

.min-w-65 {
    min-width: 65%;
}

.max-w-65 {
    max-width: 65%;
}

.h-65 {
    height: 65%;
}

.min-h-65 {
    min-height: 65%;
}

.max-h-65 {
    max-height: 65%;
}

@media (min-width: 1200px) {
    .w-xxl-65 {
        width: 65%;
    }
    .min-w-xxl-65 {
        min-width: 65%;
    }
    .max-w-xxl-65 {
        max-width: 65%;
    }
    .h-xxl-65 {
        height: 65%;
    }
    .min-h-xxl-65 {
        min-height: 65%;
    }
    .max-h-xxl-65 {
        max-height: 65%;
    }
}

@media (min-width: 992px) {
    .w-xl-65 {
        width: 65%;
    }
    .min-w-xl-65 {
        min-width: 65%;
    }
    .max-w-xl-65 {
        max-width: 65%;
    }
    .h-xl-65 {
        height: 65%;
    }
    .min-h-xl-65 {
        min-height: 65%;
    }
    .max-h-xl-65 {
        max-height: 65%;
    }
}

@media (min-width: 768px) {
    .w-lg-65 {
        width: 65%;
    }
    .min-w-lg-65 {
        min-width: 65%;
    }
    .max-w-lg-65 {
        max-width: 65%;
    }
    .h-lg-65 {
        height: 65%;
    }
    .min-h-lg-65 {
        min-height: 65%;
    }
    .max-h-lg-65 {
        max-height: 65%;
    }
}

@media (min-width: 576px) {
    .w-md-65 {
        width: 65%;
    }
    .min-w-md-65 {
        min-width: 65%;
    }
    .max-w-md-65 {
        max-width: 65%;
    }
    .h-md-65 {
        height: 65%;
    }
    .min-h-md-65 {
        min-height: 65%;
    }
    .max-h-md-65 {
        max-height: 65%;
    }
}

@media (min-width: 451px) {
    .w-sm-65 {
        width: 65%;
    }
    .min-w-sm-65 {
        min-width: 65%;
    }
    .max-w-sm-65 {
        max-width: 65%;
    }
    .h-sm-65 {
        height: 65%;
    }
    .min-h-sm-65 {
        min-height: 65%;
    }
    .max-h-sm-65 {
        max-height: 65%;
    }
}

@media (max-width: 450px) {
    .w-xsm-65 {
        width: 65%;
    }
    .min-w-xsm-65 {
        min-width: 65%;
    }
    .max-w-xsm-65 {
        max-width: 65%;
    }
    .h-xsm-65 {
        height: 65%;
    }
    .min-h-xsm-65 {
        min-height: 65%;
    }
    .max-h-xsm-65 {
        max-height: 65%;
    }
}

.w-70 {
    width: 70%;
}

.min-w-70 {
    min-width: 70%;
}

.max-w-70 {
    max-width: 70%;
}

.h-70 {
    height: 70%;
}

.min-h-70 {
    min-height: 70%;
}

.max-h-70 {
    max-height: 70%;
}

@media (min-width: 1200px) {
    .w-xxl-70 {
        width: 70%;
    }
    .min-w-xxl-70 {
        min-width: 70%;
    }
    .max-w-xxl-70 {
        max-width: 70%;
    }
    .h-xxl-70 {
        height: 70%;
    }
    .min-h-xxl-70 {
        min-height: 70%;
    }
    .max-h-xxl-70 {
        max-height: 70%;
    }
}

@media (min-width: 992px) {
    .w-xl-70 {
        width: 70%;
    }
    .min-w-xl-70 {
        min-width: 70%;
    }
    .max-w-xl-70 {
        max-width: 70%;
    }
    .h-xl-70 {
        height: 70%;
    }
    .min-h-xl-70 {
        min-height: 70%;
    }
    .max-h-xl-70 {
        max-height: 70%;
    }
}

@media (min-width: 768px) {
    .w-lg-70 {
        width: 70%;
    }
    .min-w-lg-70 {
        min-width: 70%;
    }
    .max-w-lg-70 {
        max-width: 70%;
    }
    .h-lg-70 {
        height: 70%;
    }
    .min-h-lg-70 {
        min-height: 70%;
    }
    .max-h-lg-70 {
        max-height: 70%;
    }
}

@media (min-width: 576px) {
    .w-md-70 {
        width: 70%;
    }
    .min-w-md-70 {
        min-width: 70%;
    }
    .max-w-md-70 {
        max-width: 70%;
    }
    .h-md-70 {
        height: 70%;
    }
    .min-h-md-70 {
        min-height: 70%;
    }
    .max-h-md-70 {
        max-height: 70%;
    }
}

@media (min-width: 451px) {
    .w-sm-70 {
        width: 70%;
    }
    .min-w-sm-70 {
        min-width: 70%;
    }
    .max-w-sm-70 {
        max-width: 70%;
    }
    .h-sm-70 {
        height: 70%;
    }
    .min-h-sm-70 {
        min-height: 70%;
    }
    .max-h-sm-70 {
        max-height: 70%;
    }
}

@media (max-width: 450px) {
    .w-xsm-70 {
        width: 70%;
    }
    .min-w-xsm-70 {
        min-width: 70%;
    }
    .max-w-xsm-70 {
        max-width: 70%;
    }
    .h-xsm-70 {
        height: 70%;
    }
    .min-h-xsm-70 {
        min-height: 70%;
    }
    .max-h-xsm-70 {
        max-height: 70%;
    }
}

.w-75 {
    width: 75%;
}

.min-w-75 {
    min-width: 75%;
}

.max-w-75 {
    max-width: 75%;
}

.h-75 {
    height: 75%;
}

.min-h-75 {
    min-height: 75%;
}

.max-h-75 {
    max-height: 75%;
}

@media (min-width: 1200px) {
    .w-xxl-75 {
        width: 75%;
    }
    .min-w-xxl-75 {
        min-width: 75%;
    }
    .max-w-xxl-75 {
        max-width: 75%;
    }
    .h-xxl-75 {
        height: 75%;
    }
    .min-h-xxl-75 {
        min-height: 75%;
    }
    .max-h-xxl-75 {
        max-height: 75%;
    }
}

@media (min-width: 992px) {
    .w-xl-75 {
        width: 75%;
    }
    .min-w-xl-75 {
        min-width: 75%;
    }
    .max-w-xl-75 {
        max-width: 75%;
    }
    .h-xl-75 {
        height: 75%;
    }
    .min-h-xl-75 {
        min-height: 75%;
    }
    .max-h-xl-75 {
        max-height: 75%;
    }
}

@media (min-width: 768px) {
    .w-lg-75 {
        width: 75%;
    }
    .min-w-lg-75 {
        min-width: 75%;
    }
    .max-w-lg-75 {
        max-width: 75%;
    }
    .h-lg-75 {
        height: 75%;
    }
    .min-h-lg-75 {
        min-height: 75%;
    }
    .max-h-lg-75 {
        max-height: 75%;
    }
}

@media (min-width: 576px) {
    .w-md-75 {
        width: 75%;
    }
    .min-w-md-75 {
        min-width: 75%;
    }
    .max-w-md-75 {
        max-width: 75%;
    }
    .h-md-75 {
        height: 75%;
    }
    .min-h-md-75 {
        min-height: 75%;
    }
    .max-h-md-75 {
        max-height: 75%;
    }
}

@media (min-width: 451px) {
    .w-sm-75 {
        width: 75%;
    }
    .min-w-sm-75 {
        min-width: 75%;
    }
    .max-w-sm-75 {
        max-width: 75%;
    }
    .h-sm-75 {
        height: 75%;
    }
    .min-h-sm-75 {
        min-height: 75%;
    }
    .max-h-sm-75 {
        max-height: 75%;
    }
}

@media (max-width: 450px) {
    .w-xsm-75 {
        width: 75%;
    }
    .min-w-xsm-75 {
        min-width: 75%;
    }
    .max-w-xsm-75 {
        max-width: 75%;
    }
    .h-xsm-75 {
        height: 75%;
    }
    .min-h-xsm-75 {
        min-height: 75%;
    }
    .max-h-xsm-75 {
        max-height: 75%;
    }
}

.w-80 {
    width: 80%;
}

.min-w-80 {
    min-width: 80%;
}

.max-w-80 {
    max-width: 80%;
}

.h-80 {
    height: 80%;
}

.min-h-80 {
    min-height: 80%;
}

.max-h-80 {
    max-height: 80%;
}

@media (min-width: 1200px) {
    .w-xxl-80 {
        width: 80%;
    }
    .min-w-xxl-80 {
        min-width: 80%;
    }
    .max-w-xxl-80 {
        max-width: 80%;
    }
    .h-xxl-80 {
        height: 80%;
    }
    .min-h-xxl-80 {
        min-height: 80%;
    }
    .max-h-xxl-80 {
        max-height: 80%;
    }
}

@media (min-width: 992px) {
    .w-xl-80 {
        width: 80%;
    }
    .min-w-xl-80 {
        min-width: 80%;
    }
    .max-w-xl-80 {
        max-width: 80%;
    }
    .h-xl-80 {
        height: 80%;
    }
    .min-h-xl-80 {
        min-height: 80%;
    }
    .max-h-xl-80 {
        max-height: 80%;
    }
}

@media (min-width: 768px) {
    .w-lg-80 {
        width: 80%;
    }
    .min-w-lg-80 {
        min-width: 80%;
    }
    .max-w-lg-80 {
        max-width: 80%;
    }
    .h-lg-80 {
        height: 80%;
    }
    .min-h-lg-80 {
        min-height: 80%;
    }
    .max-h-lg-80 {
        max-height: 80%;
    }
}

@media (min-width: 576px) {
    .w-md-80 {
        width: 80%;
    }
    .min-w-md-80 {
        min-width: 80%;
    }
    .max-w-md-80 {
        max-width: 80%;
    }
    .h-md-80 {
        height: 80%;
    }
    .min-h-md-80 {
        min-height: 80%;
    }
    .max-h-md-80 {
        max-height: 80%;
    }
}

@media (min-width: 451px) {
    .w-sm-80 {
        width: 80%;
    }
    .min-w-sm-80 {
        min-width: 80%;
    }
    .max-w-sm-80 {
        max-width: 80%;
    }
    .h-sm-80 {
        height: 80%;
    }
    .min-h-sm-80 {
        min-height: 80%;
    }
    .max-h-sm-80 {
        max-height: 80%;
    }
}

@media (max-width: 450px) {
    .w-xsm-80 {
        width: 80%;
    }
    .min-w-xsm-80 {
        min-width: 80%;
    }
    .max-w-xsm-80 {
        max-width: 80%;
    }
    .h-xsm-80 {
        height: 80%;
    }
    .min-h-xsm-80 {
        min-height: 80%;
    }
    .max-h-xsm-80 {
        max-height: 80%;
    }
}

.w-85 {
    width: 85%;
}

.min-w-85 {
    min-width: 85%;
}

.max-w-85 {
    max-width: 85%;
}

.h-85 {
    height: 85%;
}

.min-h-85 {
    min-height: 85%;
}

.max-h-85 {
    max-height: 85%;
}

@media (min-width: 1200px) {
    .w-xxl-85 {
        width: 85%;
    }
    .min-w-xxl-85 {
        min-width: 85%;
    }
    .max-w-xxl-85 {
        max-width: 85%;
    }
    .h-xxl-85 {
        height: 85%;
    }
    .min-h-xxl-85 {
        min-height: 85%;
    }
    .max-h-xxl-85 {
        max-height: 85%;
    }
}

@media (min-width: 992px) {
    .w-xl-85 {
        width: 85%;
    }
    .min-w-xl-85 {
        min-width: 85%;
    }
    .max-w-xl-85 {
        max-width: 85%;
    }
    .h-xl-85 {
        height: 85%;
    }
    .min-h-xl-85 {
        min-height: 85%;
    }
    .max-h-xl-85 {
        max-height: 85%;
    }
}

@media (min-width: 768px) {
    .w-lg-85 {
        width: 85%;
    }
    .min-w-lg-85 {
        min-width: 85%;
    }
    .max-w-lg-85 {
        max-width: 85%;
    }
    .h-lg-85 {
        height: 85%;
    }
    .min-h-lg-85 {
        min-height: 85%;
    }
    .max-h-lg-85 {
        max-height: 85%;
    }
}

@media (min-width: 576px) {
    .w-md-85 {
        width: 85%;
    }
    .min-w-md-85 {
        min-width: 85%;
    }
    .max-w-md-85 {
        max-width: 85%;
    }
    .h-md-85 {
        height: 85%;
    }
    .min-h-md-85 {
        min-height: 85%;
    }
    .max-h-md-85 {
        max-height: 85%;
    }
}

@media (min-width: 451px) {
    .w-sm-85 {
        width: 85%;
    }
    .min-w-sm-85 {
        min-width: 85%;
    }
    .max-w-sm-85 {
        max-width: 85%;
    }
    .h-sm-85 {
        height: 85%;
    }
    .min-h-sm-85 {
        min-height: 85%;
    }
    .max-h-sm-85 {
        max-height: 85%;
    }
}

@media (max-width: 450px) {
    .w-xsm-85 {
        width: 85%;
    }
    .min-w-xsm-85 {
        min-width: 85%;
    }
    .max-w-xsm-85 {
        max-width: 85%;
    }
    .h-xsm-85 {
        height: 85%;
    }
    .min-h-xsm-85 {
        min-height: 85%;
    }
    .max-h-xsm-85 {
        max-height: 85%;
    }
}

.w-90 {
    width: 90%;
}

.min-w-90 {
    min-width: 90%;
}

.max-w-90 {
    max-width: 90%;
}

.h-90 {
    height: 90%;
}

.min-h-90 {
    min-height: 90%;
}

.max-h-90 {
    max-height: 90%;
}

@media (min-width: 1200px) {
    .w-xxl-90 {
        width: 90%;
    }
    .min-w-xxl-90 {
        min-width: 90%;
    }
    .max-w-xxl-90 {
        max-width: 90%;
    }
    .h-xxl-90 {
        height: 90%;
    }
    .min-h-xxl-90 {
        min-height: 90%;
    }
    .max-h-xxl-90 {
        max-height: 90%;
    }
}

@media (min-width: 992px) {
    .w-xl-90 {
        width: 90%;
    }
    .min-w-xl-90 {
        min-width: 90%;
    }
    .max-w-xl-90 {
        max-width: 90%;
    }
    .h-xl-90 {
        height: 90%;
    }
    .min-h-xl-90 {
        min-height: 90%;
    }
    .max-h-xl-90 {
        max-height: 90%;
    }
}

@media (min-width: 768px) {
    .w-lg-90 {
        width: 90%;
    }
    .min-w-lg-90 {
        min-width: 90%;
    }
    .max-w-lg-90 {
        max-width: 90%;
    }
    .h-lg-90 {
        height: 90%;
    }
    .min-h-lg-90 {
        min-height: 90%;
    }
    .max-h-lg-90 {
        max-height: 90%;
    }
}

@media (min-width: 576px) {
    .w-md-90 {
        width: 90%;
    }
    .min-w-md-90 {
        min-width: 90%;
    }
    .max-w-md-90 {
        max-width: 90%;
    }
    .h-md-90 {
        height: 90%;
    }
    .min-h-md-90 {
        min-height: 90%;
    }
    .max-h-md-90 {
        max-height: 90%;
    }
}

@media (min-width: 451px) {
    .w-sm-90 {
        width: 90%;
    }
    .min-w-sm-90 {
        min-width: 90%;
    }
    .max-w-sm-90 {
        max-width: 90%;
    }
    .h-sm-90 {
        height: 90%;
    }
    .min-h-sm-90 {
        min-height: 90%;
    }
    .max-h-sm-90 {
        max-height: 90%;
    }
}

@media (max-width: 450px) {
    .w-xsm-90 {
        width: 90%;
    }
    .min-w-xsm-90 {
        min-width: 90%;
    }
    .max-w-xsm-90 {
        max-width: 90%;
    }
    .h-xsm-90 {
        height: 90%;
    }
    .min-h-xsm-90 {
        min-height: 90%;
    }
    .max-h-xsm-90 {
        max-height: 90%;
    }
}

.w-95 {
    width: 95%;
}

.min-w-95 {
    min-width: 95%;
}

.max-w-95 {
    max-width: 95%;
}

.h-95 {
    height: 95%;
}

.min-h-95 {
    min-height: 95%;
}

.max-h-95 {
    max-height: 95%;
}

@media (min-width: 1200px) {
    .w-xxl-95 {
        width: 95%;
    }
    .min-w-xxl-95 {
        min-width: 95%;
    }
    .max-w-xxl-95 {
        max-width: 95%;
    }
    .h-xxl-95 {
        height: 95%;
    }
    .min-h-xxl-95 {
        min-height: 95%;
    }
    .max-h-xxl-95 {
        max-height: 95%;
    }
}

@media (min-width: 992px) {
    .w-xl-95 {
        width: 95%;
    }
    .min-w-xl-95 {
        min-width: 95%;
    }
    .max-w-xl-95 {
        max-width: 95%;
    }
    .h-xl-95 {
        height: 95%;
    }
    .min-h-xl-95 {
        min-height: 95%;
    }
    .max-h-xl-95 {
        max-height: 95%;
    }
}

@media (min-width: 768px) {
    .w-lg-95 {
        width: 95%;
    }
    .min-w-lg-95 {
        min-width: 95%;
    }
    .max-w-lg-95 {
        max-width: 95%;
    }
    .h-lg-95 {
        height: 95%;
    }
    .min-h-lg-95 {
        min-height: 95%;
    }
    .max-h-lg-95 {
        max-height: 95%;
    }
}

@media (min-width: 576px) {
    .w-md-95 {
        width: 95%;
    }
    .min-w-md-95 {
        min-width: 95%;
    }
    .max-w-md-95 {
        max-width: 95%;
    }
    .h-md-95 {
        height: 95%;
    }
    .min-h-md-95 {
        min-height: 95%;
    }
    .max-h-md-95 {
        max-height: 95%;
    }
}

@media (min-width: 451px) {
    .w-sm-95 {
        width: 95%;
    }
    .min-w-sm-95 {
        min-width: 95%;
    }
    .max-w-sm-95 {
        max-width: 95%;
    }
    .h-sm-95 {
        height: 95%;
    }
    .min-h-sm-95 {
        min-height: 95%;
    }
    .max-h-sm-95 {
        max-height: 95%;
    }
}

@media (max-width: 450px) {
    .w-xsm-95 {
        width: 95%;
    }
    .min-w-xsm-95 {
        min-width: 95%;
    }
    .max-w-xsm-95 {
        max-width: 95%;
    }
    .h-xsm-95 {
        height: 95%;
    }
    .min-h-xsm-95 {
        min-height: 95%;
    }
    .max-h-xsm-95 {
        max-height: 95%;
    }
}

.w-100 {
    width: 100%;
}

.min-w-100 {
    min-width: 100%;
}

.max-w-100 {
    max-width: 100%;
}

.h-100 {
    height: 100%;
}

.min-h-100 {
    min-height: 100%;
}

.max-h-100 {
    max-height: 100%;
}

@media (min-width: 1200px) {
    .w-xxl-100 {
        width: 100%;
    }
    .min-w-xxl-100 {
        min-width: 100%;
    }
    .max-w-xxl-100 {
        max-width: 100%;
    }
    .h-xxl-100 {
        height: 100%;
    }
    .min-h-xxl-100 {
        min-height: 100%;
    }
    .max-h-xxl-100 {
        max-height: 100%;
    }
}

@media (min-width: 992px) {
    .w-xl-100 {
        width: 100%;
    }
    .min-w-xl-100 {
        min-width: 100%;
    }
    .max-w-xl-100 {
        max-width: 100%;
    }
    .h-xl-100 {
        height: 100%;
    }
    .min-h-xl-100 {
        min-height: 100%;
    }
    .max-h-xl-100 {
        max-height: 100%;
    }
}

@media (min-width: 768px) {
    .w-lg-100 {
        width: 100%;
    }
    .min-w-lg-100 {
        min-width: 100%;
    }
    .max-w-lg-100 {
        max-width: 100%;
    }
    .h-lg-100 {
        height: 100%;
    }
    .min-h-lg-100 {
        min-height: 100%;
    }
    .max-h-lg-100 {
        max-height: 100%;
    }
}

@media (min-width: 576px) {
    .w-md-100 {
        width: 100%;
    }
    .min-w-md-100 {
        min-width: 100%;
    }
    .max-w-md-100 {
        max-width: 100%;
    }
    .h-md-100 {
        height: 100%;
    }
    .min-h-md-100 {
        min-height: 100%;
    }
    .max-h-md-100 {
        max-height: 100%;
    }
}

@media (min-width: 451px) {
    .w-sm-100 {
        width: 100%;
    }
    .min-w-sm-100 {
        min-width: 100%;
    }
    .max-w-sm-100 {
        max-width: 100%;
    }
    .h-sm-100 {
        height: 100%;
    }
    .min-h-sm-100 {
        min-height: 100%;
    }
    .max-h-sm-100 {
        max-height: 100%;
    }
}

@media (max-width: 450px) {
    .w-xsm-100 {
        width: 100%;
    }
    .min-w-xsm-100 {
        min-width: 100%;
    }
    .max-w-xsm-100 {
        max-width: 100%;
    }
    .h-xsm-100 {
        height: 100%;
    }
    .min-h-xsm-100 {
        min-height: 100%;
    }
    .max-h-xsm-100 {
        max-height: 100%;
    }
}

.sec-pb-10 {
    padding-bottom: 10rem;
}

@media (max-width: 450px) {
    .sec-pb-10 {
        padding-bottom: 6rem;
    }
}

.sec-pb-8 {
    padding-bottom: 8rem;
}

@media (max-width: 450px) {
    .sec-pb-8 {
        padding-bottom: 4rem;
    }
}

.sec-pb-7 {
    padding-bottom: 7rem;
}

@media (max-width: 450px) {
    .sec-pb-7 {
        padding-bottom: 3rem;
    }
}

.sec-pt-10 {
    padding-top: 10rem;
}

@media (max-width: 450px) {
    .sec-pt-10 {
        padding-top: 6rem;
    }
}

.sec-py-10 {
    padding: 10rem 0;
}

@media (max-width: 450px) {
    .sec-py-10 {
        padding: 6rem 0;
    }
}

@media (max-width: 576px) {
    .col-sm-6 {
        max-width: 50%;
    }
}

@media (max-width: 450px) {
    .col-sm-6 {
        max-width: 100%;
    }
}

.text-upper {
    text-transform: uppercase !important;
}

.text-9 {
    color: #999 !important;
}

.bg-white {
    background: #fff !important;
}

.text-6 {
    color: #666 !important;
}

.bg-gray {
    background: #f5f5f5 !important;
}

.text-style-none {
    text-transform: none !important;
}

@media (max-width: 385px) {
    .flex-wrap-xs {
        flex-wrap: wrap;
    }
}

@media (min-width: 768px) {
    .rtl .float-md-left {
        float: right !important;
    }
}

.row-gap {
    gap: 3rem 0.68%;
}

@media (max-width: 1191px) {
    .row-gap {
        gap: 3rem 0;
    }
}

.ctm-row {
    display: flex;
    flex-wrap: wrap;
}

.ctm-col-xl-7 {
    width: 100%;
    max-width: 11%;
}

/* @media (min-width: 1600px) {
    .ctm-col-xl-7 {
        max-width: 13.6%;
    }
} */

.creation-card {
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    cursor: pointer;
    /* padding: 3rem; */
    /* height: 26.4rem; */
}

.creation-card:hover .title{
    color: #0320d0;
}
.height-set-newww-cer .menu-creation-card{
    cursor:  pointer !important;
}
.height-set-newww-cer .menu-creation-card:hover .title{
    color: #0320d0 !important;
}

.menu-creation-card .icon-block:hover img {
    transform: scale(1.1);
    transition: ease all 0.4s;
}

.menu-creation-card .icon-block img {
    transition: ease all 0.4s;
}
.sapce-set-classs-uu .creation-card .icon-block:hover img{
    transform: scale(1.1);
    transition: ease all 0.4s;

}

.sapce-set-classs-uu .creation-card .icon-block img{
    transition: ease all 0.4s;

}





/* .creation-card:hover,
.creation-card.active {
    background-image: url("../img/menu-card-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
} */

.creation-card .icon-block {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 12.5rem;
    height: 12.5rem;
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
    position: static;
    background-color: #f1f1f1;
    /* margin-bottom: 1.1rem; */
}



.loader-custom-us {
    /* height: 100vh; */
    background: rgb(0 0 0 / 80%);
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 999;
}

.loader-custom-us .loader {
    transform: rotateZ(45deg);
    perspective: 1000px;
    border-radius: 50%;
    width: 68px;
    height: 68px;
    color: white;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loader-custom-us .loader:after {
    color: white;
    transform: rotateY(70deg);
    animation-delay: .4s;
}



.video-block-imm video {
    width: 100%;
    height: auto;
    margin-bottom: 70px;
}




.my-lab-view-aud-parent .creation-card .icon-block{
    background: none;
    height: 14rem;
}

/* .creation-card .icon-block>img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
} */

.creation-card .title {
    font-size: 1.9rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 3.0rem;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    /* text-transform: capitalize; */
}

.creation-card.cover-option-card {
    background-image: url("../img/cover-option-bg.jpg");
    margin-bottom: 3.45rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.creation-card.cover-option-card .title {
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

.creation-card.cover-option-card:hover .title {
    color: #fff;
}

.creation-btn {
    width: 100%;
    height: 100%;
}

.ctm-dd .dd-btn span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 11rem;
}

.ctm-dd .dropdown-menu {
    border: 0;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
    width: 100%;
    border-radius: 1.5rem;
    overflow: hidden;
    margin-top: 1rem;
}

.ctm-dd .dropdown-menu .dropdown-item {
    font-size: 1.6rem;
    font-weight: 500;
    font-family: "Nunito", sans-serif;
    line-height: 2.2rem;
    color: #000;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    padding: 1rem 1.5rem;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ctm-dd .dropdown-menu .dropdown-item:hover,
.ctm-dd .dropdown-menu .dropdown-item.active {
    background-color: #FDCF54;
    color: #fff;
}

.premium-img-dd .premium-dd-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 38.9rem;
    height: 5.9rem;
    width: 100%;
    overflow: hidden;
    border-radius: 10rem;
    position: static;
    border: 3px solid #fff;
    font-size: 3rem;
    font-weight: 600;
    font-family: "Nunito", sans-serif;
    line-height: 3.9rem;
    color: #fff;
}

@media (max-width: 385px) {
    .premium-img-dd .premium-dd-btn {
        font-size: 2.2rem;
        line-height: 3rem;
    }
}

.premium-img-dd .premium-dd-btn span {
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-img-dd .dropdown-menu {
    background-color: #FFF9EB;
    padding: 2rem;
    border-radius: 1rem;
    overflow: hidden;
    border: 2px solid #FDCF54;
    margin-top: 0.7rem;
}

@media (max-width: 325px) {
    .premium-img-dd .dropdown-menu {
        padding: 2rem 0.5rem;
    }
}

.premium-img-dd .dropdown-menu .dropdown-item {
    font-size: 2rem;
    font-weight: 600;
    font-family: "Nunito", sans-serif;
    line-height: 2.3rem;
    color: #000;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    background-color: transparent;
}

.premium-img-dd .dropdown-menu .dropdown-item:not(:last-child) {
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #FDCF54;
}

@media (max-width: 385px) {
    .premium-img-dd .dropdown-menu .dropdown-item {
        font-size: 1.65rem;
    }
}

.premium-img-dd .dropdown-menu .dropdown-item:hover,
.premium-img-dd .dropdown-menu .dropdown-item.active {
    color: #FDCF54;
}

.story-card {
    padding: 1rem 0.95rem;
    max-width: 20rem;
    min-height: 30rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0.5rem;
    position: static;
    background-color: #fff;
    border: 1px solid rgba(253, 207, 84, 0.49);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    cursor: pointer;
}

@media (max-width: 325px) {
    .story-card {
        margin-inline: auto;
    }
}

.story-card:hover {
    box-shadow: 0 0 16px rgba(253, 207, 84, 0.26);
}

.story-card:hover .story-img-block>img {
    transform: scale(1.1) rotate(5deg);
}

.story-card .story-img-block {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 14.15rem;
    height: 17.534rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
    background-color: #f1f1f1;
    margin-bottom: 0.97rem;
}

.post-card-story-nne .story-img-block {
    max-width: 100%;
    background: white;
}

.post-card-hei .story-img-block {
    max-width: 100%;
    background: white;
}

.story-card.post-card-hei {
    height: auto;
    min-height: unset;
}

.story-card.post-card-hei .story-desc .sale-img-block {
    justify-content: flex-end;
}

.story-card .story-img-block>img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

.story-card .story-btn {
    max-width: 2.4rem;
    max-height: 2.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.story-card .story-btn:hover img {
    filter: brightness(0) invert(0);
}

.story-card .story-btn>img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    background-color: transparent;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

.story-card .story-desc {
    text-align: left;
}

.story-card .story-desc h5 {
    font-size: 2rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 2.7rem;
    color: #000;
    margin-bottom: 0.5rem;
    text-transform: capitalize;
}

.story-card .story-desc p {
    font-size: 1.6rem;
    font-weight: 300;
    font-family: "Nunito", sans-serif;
    line-height: 2.2rem;
    color: #999;
    margin-bottom: 0.5rem;
    text-transform: capitalize;
}

.story-card .story-desc .sale-img-block {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 4rem;
    height: 3.6rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
}

.story-card .story-desc .sale-img-block>img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    background-color: transparent;
}

.card-btn {
    width: 100%;
    height: 100%;
}

@media (max-width: 1599px) {
    .story-row {
        justify-content: flex-start !important;
    }
}

.ctm-col-xl-8 {
    width: 100%;
    max-width: 11.12%;
}

@media (max-width: 1599px) {
    .ctm-col-xl-8 {
        max-width: 14%;
    }
}

@media (max-width: 1400px) {
    .ctm-col-xl-8 {
        max-width: 16.22%;
    }
}

@media (max-width: 1191px) {
    .ctm-col-xl-8 {
        max-width: 20.12%;
    }
}

@media (max-width: 992px) {
    .ctm-col-xl-8 {
        max-width: 27.1%;
    }
}

@media (max-width: 450px) {
    .ctm-col-xl-8 {
        max-width: 40.68%;
    }
}

@media (max-width: 385px) {
    .ctm-col-xl-8 {
        max-width: 45.68%;
    }
}

@media (max-width: 325px) {
    .ctm-col-xl-8 {
        max-width: 100%;
    }
}

.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background:  #fceecb;
    /* background-size: cover; */
    flex-direction: column;
    background-repeat: no-repeat;
    justify-content: center;
    text-align: center;
    transform: translateX(-100%);
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    overflow-y: auto;
    padding-left: 10%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2784313725);
    background-position-x: 84%;
}


.image-in-back-ground-toys {
    position: relative;
    z-index: 0;
    position: absolute;
    z-index: -1;
}




@media (max-width:1640px){
    .mobile-menu{
        background-position-x: 54%;
        background-size: contain;
    }
}

@media (max-width:1200px){
    .mobile-menu{
        background-size: contain;
    }
}

@media (max-width:991px){
    .mobile-menu{
        background-size: cover;
        background-position: inherit;
    }
}



@media (max-width:575px){
    .mobile-menu{
        background-position-x: unset;
    background-position: center;
    background-size: contain;
    }
}






.mobile-menu .main-menu {
    display: flex !important;
    flex-direction: column;
    gap: 1rem 0 !important;
}

.mobile-menu .main-menu .menu-items .menu-link {
    color: #fff;
    font-size: 3rem;
    /* text-transform: capitalize; */
}

.mobile-menu .main-menu .menu-items .menu-link:hover,
.mobile-menu .main-menu .menu-items .menu-link.active {
    color: #000;
}

.mobile-menu .mobile-logo {
    margin-bottom: 2rem;
    display: block;
}

.mobile-menu .close-btn {
    color: #fff;
    font-size: 5rem;
    right: 4rem;
    top: 3rem;
    z-index:9999;
    position: absolute;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    cursor: pointer;
}

.mobile-menu .close-btn:hover {
    color: #000;
}

.mobile-menu .navbar-nav .nav-link {
    font-size: 2.4rem;
    margin-bottom: 1rem;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    color: #fff;
}

.mobile-menu .navbar-nav .nav-link:hover {
    color: #FDCF54;
}

.menu-icon {
    cursor: pointer;
}

@media (max-width: 450px) {
    .menu-icon svg {
        max-width: 80%;
    }
}

@media (max-width: 375px) {
    .menu-icon svg {
        max-width: 70%;
    }
    .menu-icon {
        padding: 0.3rem;
    }
}

@media (max-width: 320px) {
    .menu-icon svg {
        max-width: 60%;
        width: 30px;
        height: 30px;
    }
    .menu-icon {
        padding: 0.2rem;
        min-width: 34px;
        min-height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* Ensure the hamburger button doesn't get squished */
    .menu-icon image {
        width: 100% !important;
        height: 100% !important;
    }
}

.rtl .mobile-menu {
    right: 0;
    left: auto;
    width: 100%;
    transform: translateX(110%);
    padding-left: 0;
    padding-right: 10%;
}

.rtl .mobile-menu .close-btn {
    right: auto;
    left: 4rem;
}

.ctm-modal {
    padding: 0 !important;
}

@media (min-width: 1000px) {
    .ctm-modal .modal-dialog {
        max-width: 70rem;
    }
}

.ctm-modal .modal-content {
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 5rem;
}

@media (max-width: 576px) {
    .ctm-modal .modal-content {
        padding: 2rem;
        margin: 0;
    }
}

.ctm-modal .close-btn {
    position: absolute;
    right: -2.1rem;
    top: -2.1rem;
}

.premium-pack-modal {
    padding: 0 !important;
}

@media (min-width: 1000px) {
    .premium-pack-modal .modal-dialog {
        max-width: 87.4rem;
    }
}

@media (max-width: 575px) {
    .premium-pack-modal .modal-dialog {
        padding: 3rem;
        margin: 0;
    }
}

.premium-pack-modal .modal-dialog .modal-content {
    background-image: url("../img/gradient-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
    padding: 1.5rem;
    position: relative;
}

.premium-pack-modal .modal-dialog .modal-content .close-btn {
    position: absolute;
    right: -2.1rem;
    top: -2.1rem;
}

.premium-pack-modal .modal-dialog .modal-content .inner-box {
    background-color: #FFFAEF;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.premium-pack-modal .modal-dialog .modal-content .inner-box .desc-block {
    padding: 2rem;
    background-color: #fff;
    border: 1px solid #FDCF54;
    border-radius: 1px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}

.premium-pack-modal .modal-dialog .modal-content .inner-box .desc-block h4 {
    font-size: 2rem;
    font-weight: 900;
    font-family: "Nunito", sans-serif;
    line-height: 2.6rem;
    color: #000;
    margin-bottom: 1.02rem;
}

.premium-pack-modal .modal-dialog .modal-content .inner-box .desc-block p {
    font-size: 1.8rem;
    font-weight: 600;
    font-family: "Nunito", sans-serif;
    line-height: 2.4rem;
    color: #707070;
}

.premium-pack-modal .modal-dialog .modal-content .inner-box .img-outer-block {
    padding: 3.5rem 3.3rem 2rem;
}

@media (max-width: 450px) {
    .premium-pack-modal .modal-dialog .modal-content .inner-box .img-outer-block {
        padding: 3.3rem 3.3rem 1rem;
    }
}

.premium-pack-modal .modal-dialog .modal-content .inner-box .pack-img-block {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: auto;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
}

.premium-pack-modal .modal-dialog .modal-content .inner-box .pack-img-block>img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.drawing-modal {
    padding: 0 !important;
}

@media (min-width: 1000px) {
    .drawing-modal .modal-dialog {
        max-width: 90rem;
    }
}

@media (max-width: 575px) {
    .drawing-modal .modal-dialog {
        padding: 3rem;
        margin: 0;
    }
}

.drawing-modal .modal-content {
    background-image: url("../img/modal-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 1rem;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
    padding: 1rem 2.2rem;
}

.drawing-modal .modal-content .close-btn {
    position: absolute;
    right: -2.1rem;
    top: -2.1rem;
}

.drawing-modal .title-row h2 {
    font-size: 3rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 4.1rem;
    color: #000;
    margin-bottom: 5rem;
    text-transform: capitalize;
}

@media (max-width: 450px) {
    .drawing-modal .title-row h2 {
        font-size: 2.4rem;
        line-height: 3.1rem;
    }
}

.drawing-modal .title-row .check-del-btn-block {
    margin-bottom: 5rem;
}

.drawing-modal.chooseimg-modal .modal-content {
    background-image: url("../img/choose-img-modal-bg.jpg");
}

.drawing-modal.color-picker-modal .modal-content {
    background-image: url("../img/color-picker-modal-bg.jpg");
}

.drawing-modal.characters-modal {
    /* width */
    /* Track */
    /* Handle */
}

.drawing-modal.characters-modal ::-webkit-scrollbar {
    width: 7px;
}

.drawing-modal.characters-modal ::-webkit-scrollbar-track {
    background-color: #999;
    border-radius: 1rem;
}

.drawing-modal.characters-modal ::-webkit-scrollbar-thumb {
    background-color: #70C5CC;
    border-radius: 1rem;
}

.drawing-modal.characters-modal .modal-content {
    border-radius: 2rem;
    border: 0.8rem solid #FDCF54;
    padding: 0;
    background-image: none;
}

.drawing-modal.characters-modal .modal-content .title {
    padding: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #70C5CC;
    font-size: 3rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 4.1rem;
    color: #fff;
    border-top-left-radius: 1.1rem;
    border-top-right-radius: 1.1rem;
    text-transform: capitalize;
}

.drawing-modal.characters-modal .modal-content .characters-box {
    padding: 4.5rem;
    background-color: rgba(255, 235, 188, 0.3);
    max-height: 67rem;
    overflow-y: auto;
}

.drawing-modal.characters-modal .modal-content .characters-box .character-block {
    max-width: 33.333%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 325px) {
    .drawing-modal.characters-modal .modal-content .characters-box .character-block {
        max-width: 50%;
    }
}

@media (max-width: 991px) {
    .drawing-modal.characters-modal .modal-content .characters-box {
        padding: 3.25rem;
    }
}

@media (max-width: 450px) {
    .drawing-modal.characters-modal .modal-content .characters-box {
        padding: 3rem;
    }
}

@media (max-width: 385px) {
    .drawing-modal.characters-modal .modal-content .characters-box {
        padding: 2rem;
    }
}

.drawing-modal.characters-modal .modal-content .characters-box .characters-row {
    gap: 4.5rem 0;
}

@media (max-width: 991px) {
    .drawing-modal.characters-modal .modal-content .characters-box .characters-row {
        gap: 4rem 0;
    }
}

@media (max-width: 450px) {
    .drawing-modal.characters-modal .modal-content .characters-box .characters-row {
        gap: 3rem 0;
        justify-content: center !important;
    }
}

@media (max-width: 385px) {
    .drawing-modal.characters-modal .modal-content .characters-box .characters-row {
        gap: 2.5rem 0;
    }
}

.drawing-modal.shapes-modal .modal-content {
    background-color: #FFEBBC;
    border-radius: 0;
    padding: 5rem;
    background-image: none;
}

@media (max-width: 991px) {
    .drawing-modal.shapes-modal .modal-content {
        padding: 3rem;
    }
}

.drawing-modal.shapes-modal .shap-icon-row {
    gap: 5.5rem 0;
}

.drawing-modal.shapes-modal .shap-icon-row .shap-btn {
    max-width: 25%;
    width: 100%;
}

@media (max-width: 450px) {
    .drawing-modal.shapes-modal .shap-icon-row .shap-btn {
        max-width: 33.333%;
    }
}

@media (max-width: 325px) {
    .drawing-modal.shapes-modal .shap-icon-row .shap-btn {
        max-width: 50%;
    }
}

.drawing-modal.premium-imgs-modal .premium-img-header {
    padding: 4rem;
    background-color: #70C5CC;
    border-top-left-radius: 1.1rem;
    border-top-right-radius: 1.1rem;
}

@media (max-width: 450px) {
    .drawing-modal.premium-imgs-modal .premium-img-header {
        padding: 3rem;
    }
}

.drawing-modal.premium-imgs-modal .premium-img-header .title-icon-block h4 {
    font-size: 3rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 4.1rem;
    color: #fff;
    text-transform: capitalize;
}

@media (max-width: 385px) {
    .drawing-modal.premium-imgs-modal .premium-img-header .title-icon-block h4 {
        font-size: 2.2rem;
        line-height: 3.1rem;
    }
}

.drawing-modal.premium-dt-img-modal .premium-large-img-block {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 68.4rem;
    height: 70rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
    background-color: rgba(255, 235, 188, 0.12);
    padding: 3rem;
}

@media (max-width: 1191px) {
    .drawing-modal.premium-dt-img-modal .premium-large-img-block {
        height: 55rem;
    }
}

@media (max-width: 450px) {
    .drawing-modal.premium-dt-img-modal .premium-large-img-block {
        height: 47rem;
    }
}

.drawing-modal.premium-dt-img-modal .premium-large-img-block>img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.drawing-modal.premium-dt-img-modal .desc-block {
    padding: 2rem;
    background-color: #70C5CC;
    border-bottom-left-radius: 1.2rem;
    border-bottom-right-radius: 1.2rem;
}

.drawing-modal.premium-dt-img-modal .desc-block h5 {
    font-size: 2rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 2.8rem;
    color: #fff;
    margin-bottom: 1.2rem;
}

.drawing-modal.premium-dt-img-modal .desc-block p {
    font-size: 1.6rem;
    font-weight: 400;
    font-family: "Nunito", sans-serif;
    line-height: 2.2rem;
    color: #fff;
}

.rotate-slider-block {
    gap: 0 2.6rem;
}

.rotate-slider-block .icon-block img {
    margin-bottom: 0.5rem;
}

.rotate-slider-block .icon-block h5 {
    font-size: 1.6rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 2.2rem;
    color: #FDCF54;
}

body .ctm-range-slider .rs-container {
    width: 55.9rem;
}

@media (max-width: 991px) {
    body .ctm-range-slider .rs-container {
        width: 36.9rem;
    }
}

@media (max-width: 450px) {
    body .ctm-range-slider .rs-container {
        width: 32.9rem;
    }
}

@media (max-width: 385px) {
    body .ctm-range-slider .rs-container {
        width: 27.9rem;
    }
}

@media (max-width: 325px) {
    body .ctm-range-slider .rs-container {
        width: 21.9rem;
    }
}

@media (max-width: 290px) {
    body .ctm-range-slider .rs-container {
        width: 16.9rem;
    }
}

body .ctm-range-slider .rs-container .rs-bg {
    background-color: #E4D5B2;
}

body .ctm-range-slider .rs-container .rs-pointer {
    width: 3rem;
    height: 3rem;
    top: 50%;
    transform: translateY(-50%);
}

.premium-imgs-slider {
    display: none;
}

.premium-imgs-slider.slick-slider {
    display: block;
}

.premium-imgs-slider .slick-arrows {
    width: 5.5rem;
    height: 5.5rem;
    top: -6.5rem;
}

@media (max-width: 991px) {
    .premium-imgs-slider .slick-arrows {
        top: -5rem;
    }
}

.premium-imgs-slider .slick-arrows.slick-next {
    right: 2rem;
}

@media (max-width: 991px) {
    .premium-imgs-slider .slick-arrows.slick-next {
        right: 35%;
    }
}

@media (max-width: 450px) {
    .premium-imgs-slider .slick-arrows.slick-next {
        right: 32%;
    }
}

@media (max-width: 325px) {
    .premium-imgs-slider .slick-arrows.slick-next {
        right: 30%;
    }
}

.premium-imgs-slider .slick-arrows.slick-prev {
    right: 8.5rem;
    left: auto;
}

@media (max-width: 991px) {
    .premium-imgs-slider .slick-arrows.slick-prev {
        right: 50%;
    }
}

@media (max-width: 450px) {
    .premium-imgs-slider .slick-arrows.slick-prev {
        right: 53%;
    }
}

@media (max-width: 325px) {
    .premium-imgs-slider .slick-arrows.slick-prev {
        right: 55%;
    }
}

@media (max-width: 991px) {
    .premium-img-dd {
        margin-bottom: 6rem;
    }
}

.chrac-img-block {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 10rem;
    height: 12rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
}

.chrac-img-block>img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: cover;
    object-position: cover;
}

.rs-container * {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rs-container {
    font-family: Arial, Helvetica, sans-serif;
    height: 45px;
    position: relative;
}

.rs-container .rs-bg,
.rs-container .rs-selected {
    background-color: #eee;
    border: 1px solid #ededed;
    height: 10px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 100%;
    border-radius: 3px;
}

.rs-container .rs-selected {
    background-color: #00b3bc;
    border: 1px solid #00969b;
    transition: all 0.2s linear;
    width: 0;
}

.rs-container.disabled .rs-selected {
    background-color: #ccc;
    border-color: #bbb;
}

.rs-container .rs-pointer {
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 4px;
    cursor: pointer;
    height: 20px;
    left: -10px;
    position: absolute;
    top: 0;
    transition: all 0.2s linear;
    width: 30px;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 6px #ebebeb, 1px 1px 4px rgba(0, 0, 0, 0.1);
}

.rs-container.disabled .rs-pointer {
    border-color: #ccc;
    cursor: default;
}

.rs-container .rs-pointer::after,
.rs-container .rs-pointer::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 9px;
    background-color: #ddd;
    left: 12px;
    top: 5px;
}

.rs-container .rs-pointer::after {
    left: auto;
    right: 12px;
}

.rs-container.sliding .rs-pointer,
.rs-container.sliding .rs-selected {
    transition: none;
}

.rs-container .rs-scale {
    left: 0;
    position: absolute;
    top: 5px;
    white-space: nowrap;
}

.rs-container .rs-scale span {
    float: left;
    position: relative;
}

.rs-container .rs-scale span::before {
    background-color: #ededed;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 1px;
}

.rs-container.rs-noscale span::before {
    display: none;
}

.rs-container.rs-noscale span:first-child::before,
.rs-container.rs-noscale span:last-child::before {
    display: block;
}

.rs-container .rs-scale span:last-child {
    margin-left: -1px;
    width: 0;
}

.rs-container .rs-scale span ins {
    color: #333;
    display: inline-block;
    font-size: 12px;
    margin-top: 20px;
    text-decoration: none;
}

.rs-container.disabled .rs-scale span ins {
    color: #999;
}

.rs-tooltip {
    color: #333;
    width: auto;
    min-width: 60px;
    height: 30px;
    background: #fff;
    border: 1px solid #00969b;
    border-radius: 3px;
    position: absolute;
    transform: translate(-50%, -35px);
    left: 13px;
    text-align: center;
    font-size: 13px;
    padding: 6px 10px 0;
}

.rs-container.disabled .rs-tooltip {
    border-color: #ccc;
    color: #999;
}

.years-card-row {
    gap: 7.3rem;
}

@media (max-width: 1450px) {
    .years-card-row {
        gap: 4.2rem;
    }
}

@media (max-width: 1300px) {
    .years-card-row {
        gap: 3.2rem;
    }
}

@media (max-width: 1191px) {
    .years-card-row {
        gap: 3rem;
    }
}

.chinese-year-card {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 20rem;
    height: 30rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0.5rem;
    position: static;
    border: 2px solid #FDCF54;
}

@media (max-width: 1300px) {
    .chinese-year-card {
        max-width: 18rem;
        height: 27rem;
    }
}

@media (max-width: 1191px) {
    .chinese-year-card {
        max-width: 17.45rem;
        height: 26.05rem;
    }
}

@media (max-width: 991px) {
    .chinese-year-card {
        max-width: 16.15rem;
        height: 24.2rem;
    }
}

@media (max-width: 450px) {
    .chinese-year-card {
        max-width: 14.35rem;
        height: 21.4rem;
    }
}

@media (max-width: 385px) {
    .chinese-year-card {
        max-width: 12.35rem;
        height: 18.4rem;
    }
}

@media (max-width: 325px) {
    .chinese-year-card {
        max-width: 16.55rem;
        height: 24.6rem;
    }
}

@media (max-width: 290px) {
    .chinese-year-card {
        max-width: 14.1rem;
        height: 21rem;
    }
}

.chinese-year-card:hover img {
    transform: scale(1.1);
}

.chinese-year-card img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

.ctm-color-picker .vue-color-picker .vc-chrome {
    border-radius: 0;
    margin-bottom: 3rem;
    box-shadow: unset;
    width: 100%;
}

.ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-saturation-wrap {
    padding-bottom: 47%;
    margin-bottom: 3rem;
}

.ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-body {
    padding: 0;
}

.ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-body .vc-chrome-color-wrap .vc-chrome-active-color,
.ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-body .vc-chrome-color-wrap .vc-checkerboard {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    top: -0.8rem;
}

.ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-body .vc-chrome-sliders {
    padding-left: 8rem;
    padding-right: 2rem;
}

@media (max-width: 450px) {
    .ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-body .vc-chrome-sliders {
        padding-left: 3rem;
    }
}

.ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-body .vc-chrome-sliders .vc-chrome-hue-wrap {
    margin-bottom: 2.6rem;
}

.ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-body .vc-chrome-sliders .vc-hue,
.ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-body .vc-chrome-sliders .vc-alpha-gradient {
    border-radius: 0.7rem;
}

.ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-body .vc-chrome-sliders .vc-hue-picker,
.ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-body .vc-chrome-sliders .vc-alpha-picker {
    width: 2.7rem;
    height: 2.7rem;
    background-color: #FDCF54;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-37%);
}

.ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-fields-wrap .vc-editable-input>input {
    height: 4rem;
    border: 0;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
    font-size: 1.6rem;
    font-weight: 400;
    font-family: "Nunito", sans-serif;
    line-height: 2.2rem;
    color: #999;
    padding-inline: 2rem;
}

.ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-fields-wrap .vc-editable-input .vc-input__label {
    font-size: 1.6rem;
    font-weight: 600;
    font-family: "Nunito", sans-serif;
    line-height: 1.8rem;
    color: #000;
}

.ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-toggle-btn {
    width: 3.5rem;
}

.ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-toggle-btn .vc-chrome-toggle-icon {
    margin-left: 1rem;
    margin-right: 0 !important;
    margin-top: 0 !important;
}

.ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-toggle-btn .vc-chrome-toggle-icon svg {
    width: 3.5rem !important;
    height: 3.5rem !important;
}

.ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-toggle-btn .vc-chrome-toggle-icon-highlight {
    width: 3.5rem !important;
    height: 4rem !important;
    top: -0.2rem;
    left: 1rem;
    border-radius: 0;
    background-color: #FDCF54;
}


/* PAGES*/

.creation-menu-sec .creation-block {
    background-color: white;
    border-radius: 1rem;
    overflow: hidden;
    padding: 2rem 0rem;
}



@media (max-width: 576px) {
    .creation-menu-sec .creation-block .primary-headline {
        text-align: center;
    }
}

@media (max-width: 991px) {
    .creation-menu-sec.submenu-opened .primary-headline {
        text-align: center;
    }
}

.menu-creation-card {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 3.25rem 5.6rem;
}

@media (max-width: 1450px) {
    .menu-creation-card {
        padding: 3.25rem 2.6rem;
    }
}

@media (max-width: 1400px) {
    .menu-creation-card {
        padding: 3.25rem 1.6rem;
    }
}

@media (max-width: 576px) {
    .menu-creation-card {
        padding: 1.25rem 1.6rem;
    }
}

.menu-creation-card:hover .title,
.menu-creation-card.active .title {
    color: #0320d0;
}

.menu-creation-card.first-card:hover .title,
.menu-creation-card.first-card.active .title {
    color: #000;
}

.menu-creation-card .icon-block {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 12.5rem;
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
    position: static;
    background-color: #f1f1f1;
    /* margin-bottom: 1.1rem; */
    width: 12.5rem;
}

/* .menu-creation-card .icon-block>img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
} */

.menu-creation-card .title {
    font-size: 1.9rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 3.0rem;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    /* text-transform: capitalize; */
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

.menu-creation-card.creation-card {
    height: 26.7rem;
}

.menu-creation-card.creation-card:hover,
.menu-creation-card.creation-card.active {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}

.menu-creation-card.creation-card:hover .title,
.menu-creation-card.creation-card.active .title {
    color: #000;
}

@media (max-width: 1191px) {
    .creat-book-cards {
        justify-content: center;
    }
}

.arrow-right {
    margin-right: 6.4rem;
    margin-left: 0.8rem;
}

@media (max-width: 1450px) {
    .arrow-right {
        margin-right: 3.4rem;
    }
}

/* .creat-book-bg-sec {
    background-image: url("../img/bg-shap-img.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    gap: 2rem;
    max-width: 150rem;
    width: 100%;
} */

.image-bg-after-uss{
    position: relative;
    background: white;
    padding: 2rem 0px;
    /* top: 2rem;
    left: 2rem; */
}
/* .image-bg-after-uss:after{
    content: '';
    position: absolute;
    right: 0px;
   
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    gap: 2rem;
    width: 100%;
    height: 260px;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0.37);

} */




@media (max-width: 576px) {
    .creat-book-bg-sec {
        padding: 2rem 0;
        margin-top: 2rem;
    }
}

@media (max-width: 991px) {
    .creat-book-bg-sec>.creation-btn {
        max-width: 29.5%;
        width: 100%;
    }
}

@media (max-width: 450px) {
    .creat-book-bg-sec>.creation-btn {
        max-width: 47.5%;
    }
}

@media (max-width: 325px) {
    .creat-book-bg-sec>.creation-btn {
        max-width: 46.5%;
    }
}

@media (max-width: 290px) {
    .creat-book-bg-sec>.creation-btn {
        max-width: 100%;
    }
}

.stories-sec {
    padding: 5rem 0 10rem 0;
}

@media (max-width: 450px) {
    .stories-sec {
        padding: 4rem 0 4rem 0;
    }
}

.stories-sec .story-row {
    gap: 7.2rem 3.1657%;
}

@media (max-width: 1599px) {
    .stories-sec .story-row {
        gap: 4.2rem 3.1657%;
    }
}

@media (max-width: 1400px) {
    .stories-sec .story-row {
        gap: 6.2rem 4.72%;
    }
}

@media (max-width: 1191px) {
    .stories-sec .story-row {
        gap: 6.2rem 6.5%;
    }
}

@media (max-width: 992px) {
    .stories-sec .story-row {
        gap: 6.5rem 9.32%;
    }
}

@media (max-width: 576px) {
    .stories-sec .story-row {
        gap: 5rem 9.32%;
        justify-content: center !important;
    }
}

@media (max-width: 385px) {
    .stories-sec .story-row {
        gap: 4rem 8.32%;
    }
}

@media (max-width: 325px) {
    .stories-sec .story-row {
        gap: 3rem 0%;
    }
}

.create-book-sec .create-book-box {
    max-width: 92.5rem;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
    padding: 5rem;
    border-radius: 1rem;
}

@media (max-width: 450px) {
    .create-book-sec .create-book-box {
        padding: 2.5rem;
    }
}

.drawing-page .drawing-section {
    max-width: 100.4rem;
    width: 100%;
}

.drawing-page .drawing-section .padd-box {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 70rem;
    height: 91rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 3.5rem;
    padding: 2.5rem;
    gap: 4rem;
}

@media (max-width: 992px) {
    .drawing-page .drawing-section .padd-box {
        max-width: 65rem;
        height: 86rem;
    }
}

@media (max-width: 576px) {
    .drawing-page .drawing-section .padd-box {
        max-width: 45rem;
        height: 80rem;
    }
}

@media (max-width: 450px) {
    .drawing-page .drawing-section .padd-box {
        max-width: 40rem;
    }
}

@media (max-width: 385px) {
    .drawing-page .drawing-section .padd-box {
        max-width: 33rem;
    }
}

@media (max-width: 325px) {
    .drawing-page .drawing-section .padd-box {
        max-width: 27rem;
    }
}

@media (max-width: 290px) {
    .drawing-page .drawing-section .padd-box {
        max-width: 22rem;
    }
}

.drawing-page .drawing-section .padd-btnz-row {
    max-width: 70rem;
    width: 70rem;
    column-gap: 1rem;
    justify-content: center;
}

.pen-btnz-row {
    gap: 1.1rem;
    max-width: 70rem;
    justify-content: center;
}

.gal-camp-icon-block {
    font-size: 2rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 2.7rem;
    color: #000;
    gap: 0 4.6rem;
}

.gal-camp-icon-block .gal-block .gal-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    margin-bottom: 2.3rem;
}

.gal-camp-icon-block .gal-block .gal-inner p {
    font-size: 2rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 2.7rem;
    color: #000;
    margin-bottom: 0.4rem;
}

.gal-camp-icon-block .gal-block .gal-inner>img {
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.16);
}

.img-controls-block {
    gap: 2rem 3rem;
}

@media (max-width: 991px) {
    .img-controls-block {
        justify-content: flex-start !important;
        gap: 2rem;
    }
}

.img-controls-block .img-ccontrol-btn>img {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 7rem;
    height: 7rem;
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
    position: static;
    margin-bottom: 1.5rem;
}

.img-controls-block .img-ccontrol-btn h5 {
    font-size: 1.6rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 2.2rem;
    color: #999;
    text-transform: capitalize;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.paint-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 9rem;
    height: 8rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
    float: right;
    margin-top: 7px;
}

.pen-size-btn {
    position: relative;
}

.pen-size-btn .clr-pick {
    width: 1.8rem;
    height: 1.8rem;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pen-btn {
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

.pen-btn.active,
.pen-btn:hover {
    transform: scale(1.3);
}

.drawing-page .shape-control-block {
    padding: 0 !important;
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
    height: 91rem;
    overflow: hidden;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    margin-top: 18.4rem;
    left: 10rem;
    position: relative;
}

@media (max-width: 1191px) {
    .drawing-page .shape-control-block {
        margin-top: 0;
    }
}

@media (max-width: 575px) {
    .drawing-page .shape-control-block {
        padding: 3rem;
        margin: 0;
    }
}

@media (max-width: 450px) {
    .drawing-page .shape-control-block {
        height: 41rem;
    }
}

.drawing-page .shape-control-block .inner-block {
    background-image: url("../img/modal-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1rem 2.2rem;
}

.drawing-page .shape-control-block .title-row h2 {
    font-size: 3rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 4.1rem;
    color: #000;
    margin-bottom: 5rem;
    text-transform: capitalize;
}

@media (max-width: 450px) {
    .drawing-page .shape-control-block .title-row h2 {
        font-size: 2.4rem;
        line-height: 3.1rem;
    }
}

.drawing-page .shape-control-block .title-row .check-del-btn-block {
    margin-bottom: 5rem;
}

.drawing-page .shape-control-block .ctm-range-slider .rs-container {
    width: 36.9rem;
}

@media (max-width: 450px) {
    .drawing-page .shape-control-block .ctm-range-slider .rs-container {
        width: 32.9rem;
    }
}

@media (max-width: 385px) {
    .drawing-page .shape-control-block .ctm-range-slider .rs-container {
        width: 27.9rem;
    }
}

@media (max-width: 325px) {
    .drawing-page .shape-control-block .ctm-range-slider .rs-container {
        width: 21.9rem;
    }
}

@media (max-width: 290px) {
    .drawing-page .shape-control-block .ctm-range-slider .rs-container {
        width: 19.9rem;
    }
}

@media (max-width: 450px) {
    .drawing-page .shape-control-block.img-control-block {
        height: 80rem;
    }
}

.drawing-page .shape-control-block.color-picker-block .inner-block {
    background-image: url("../img/color-picker-modal-bg.jpg");
}

.drawing-page .img-controls-block {
    gap: 2rem;
}

.drawing-page .characters-block {
    /* width */
    /* Track */
    /* Handle */
    max-width: 50.8rem;
    margin-top: 10.1rem;
}

.drawing-page .characters-block ::-webkit-scrollbar {
    width: 7px;
}

.drawing-page .characters-block ::-webkit-scrollbar-track {
    background-color: #999;
    border-radius: 1rem;
}

.drawing-page .characters-block ::-webkit-scrollbar-thumb {
    background-color: #70C5CC;
    border-radius: 1rem;
}

@media (max-width: 1191px) {
    .drawing-page .characters-block {
        margin-top: 0;
    }
}

.drawing-page .characters-block .content-block {
    border-radius: 0;
    border: 0.8rem solid #FDCF54;
    padding: 0;
    background-image: none;
}

.drawing-page .characters-block .content-block .title {
    padding: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #70C5CC;
    font-size: 3rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 4.1rem;
    color: #fff;
    text-transform: capitalize;
}

.drawing-page .characters-block .content-block .characters-box {
    padding: 4.5rem;
    background-color: rgba(255, 235, 188, 0.3);
    height: 83rem;
    overflow-y: auto;
}

.drawing-page .characters-block .content-block .characters-box .character-block {
    max-width: 33.333%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 325px) {
    .drawing-page .characters-block .content-block .characters-box .character-block {
        max-width: 50%;
    }
}

@media (max-width: 991px) {
    .drawing-page .characters-block .content-block .characters-box {
        padding: 3.25rem;
    }
}

@media (max-width: 450px) {
    .drawing-page .characters-block .content-block .characters-box {
        padding: 3rem;
    }
}

@media (max-width: 385px) {
    .drawing-page .characters-block .content-block .characters-box {
        padding: 2rem;
    }
}

.drawing-page .characters-block .content-block .characters-box .characters-row {
    gap: 4.5rem 0;
}

@media (max-width: 991px) {
    .drawing-page .characters-block .content-block .characters-box .characters-row {
        gap: 4rem 0;
    }
}

@media (max-width: 450px) {
    .drawing-page .characters-block .content-block .characters-box .characters-row {
        gap: 3rem 0;
        justify-content: center !important;
    }
}

@media (max-width: 385px) {
    .drawing-page .characters-block .content-block .characters-box .characters-row {
        gap: 2.5rem 0;
    }
}

.drawing-page .characters-block .characters-tabs {
    border-radius: 0;
}

.drawing-page .characters-block .characters-tabs li {
    max-width: 24.69%;
    flex: 24.69%;
}

@media (max-width: 450px) {
    .drawing-page .characters-block .characters-tabs li {
        max-width: 50%;
        flex: 49%;
    }
}

.drawing-page .characters-block .characters-tabs li>button {
    min-width: 100%;
    max-width: 100%;
}

.drawing-page .characters-block.character-tabs-block .content-block .characters-box {
    height: 76.5rem;
}

.drawing-page .triangles-block {
    background-color: #FFEBBC;
    height: 91rem;
    padding: 5rem;
    background-image: none;
}

@media (max-width: 991px) {
    .drawing-page .triangles-block {
        padding: 3rem;
    }
}

@media (max-width: 450px) {
    .drawing-page .triangles-block {
        height: 55rem;
    }
}

.drawing-page .shap-icon-row {
    gap: 5.5rem 0;
}

.drawing-page .shap-icon-row .shap-btn {
    max-width: 25%;
    width: 100%;
}

@media (max-width: 450px) {
    .drawing-page .shap-icon-row .shap-btn {
        max-width: 33.333%;
    }
}

@media (max-width: 325px) {
    .drawing-page .shap-icon-row .shap-btn {
        max-width: 50%;
    }
}

@media (max-width: 450px) {
    .drawing-page .premium-imgs-block {
        max-width: 44.8rem;
    }
}

@media (max-width: 385px) {
    .drawing-page .premium-imgs-block {
        max-width: 40.8rem;
    }
}

@media (max-width: 325px) {
    .drawing-page .premium-imgs-block {
        max-width: 34.8rem;
    }
}

.drawing-page .premium-imgs-block .premium-img-header {
    padding: 4rem;
    background-color: #70C5CC;
}

@media (max-width: 450px) {
    .drawing-page .premium-imgs-block .premium-img-header {
        padding: 3rem;
    }
}

.drawing-page .premium-imgs-block .premium-img-header .title-icon-block h4 {
    font-size: 3rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 4.1rem;
    color: #fff;
    text-transform: capitalize;
}

@media (max-width: 385px) {
    .drawing-page .premium-imgs-block .premium-img-header .title-icon-block h4 {
        font-size: 2.2rem;
        line-height: 3.1rem;
    }
}

.drawing-page .premium-imgs-block .characters-box {
    height: 68.5rem !important;
}

.drawing-page .premium-imgs-block .premium-imgs-slider .slick-arrows {
    top: -14.5rem;
}

@media (max-width: 991px) {
    .drawing-page .premium-imgs-block .premium-imgs-slider .slick-arrows {
        top: -5rem;
    }
}

.drawing-page .preview-block {
    width: 5.8rem;
    height: 4.8rem;
    background: #fff;
    box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.16);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
}

/* .drawing-page .btnz-group-right .font-size-block .size-range-block {
    width: 32rem;
} */




.drawing-page .btnz-group-right .font-size-block .size-range-block .rang-block {
    max-width: 37.2rem;
    width: 100%;
}

.drawing-page .text-control-block {
    height: auto;
    /* width */
    /* Track */
    /* Handle */
}

.drawing-page .text-control-block ::-webkit-scrollbar {
    width: 7px;
}

.drawing-page .text-control-block ::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 0;
}

.drawing-page .text-control-block ::-webkit-scrollbar-thumb {
    background-color: #FDCF54;
    border-radius: 0;
}

.drawing-page .text-control-block .blue-title {
    margin-bottom: 0.5rem;
}

.drawing-page .text-control-block .ctm-color-picker .vue-color-picker .vc-chrome .vc-chrome-saturation-wrap {
    padding-bottom: 38%;
    margin-bottom: 3rem;
}

.drawing-page .shape-control-block.text-control-block .inner-block {
    padding: 1.5rem 2.2rem 2.5rem 2.2rem;
    position: relative;
}

.drawing-page .shape-control-block.text-control-block .inner-block .bg-layer-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}

.drawing-page .shape-control-block.text-control-block .title-row {
    position: relative;
    z-index: 5;
}

.select-paint-btn {
    max-width: 5rem;
    height: 5rem;
    height: auto;
}

.create-book-page .creat-text-box textarea .select-fonts-block {
    padding: 1rem;
    padding-bottom: 0.5rem;
    background-color: #fff;
    box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.16);
    border-radius: 1rem;
    overflow-y: auto;
    height: 16.2rem;
    overflow-x: hidden;
}

.select-fonts-block .radio-inner {
    white-space: nowrap;
    margin-bottom: 1.5rem;
}

.select-fonts-block label.custom-radio.suplier-radio {
    display: inline-block;
    margin-bottom: 0;
}

.select-fonts-block .fonts-row {
    justify-content: space-between;
    gap: 0.5rem 0;
}

.select-fonts-block .fonts-row .inner-col {
    max-width: 33.33%;
}

@media (max-width: 450px) {
    .select-fonts-block .fonts-row .inner-col {
        max-width: 50%;
        flex: 50%;
    }
}

.create-book-page .createBook-section {
    max-width: 70rem;
    width: 100%;
}

.create-book-page .createBook-section .btnz-row {
    max-width: 70rem;
}

@media (max-width: 450px) {
    .create-book-page .createBook-section .btnz-row .btnz-group-right {
        flex-wrap: wrap;
    }
}

.create-book-page .creat-text-box {
    width: 100%;
    min-height: 91rem;
    margin-bottom: 3.5rem;
}

@media (max-width: 450px) {
    .create-book-page .creat-text-box {
        min-height: 51rem;
    }
}

.create-book-page .creat-text-box .text-editor {
    max-width: 70rem;
    width: 100%;
    min-height: 91rem;
    padding: 1rem 1.5rem;
    font-size: 2.8rem;
    font-weight: 600;
    font-family: "Nunito", sans-serif;
    line-height: 3.8rem;
    color: #2a2a2a;
    border: 0;
    outline: 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background: #ffffff;
}

@media (max-width: 450px) {
    .create-book-page .creat-text-box .text-editor {
        min-height: 51rem;
    }
}

.create-book-page .creat-text-box .text-editor::-moz-placeholder {
    font-size: 2.8rem;
    color: #2a2a2a;
}

.create-book-page .creat-text-box .text-editor:-ms-input-placeholder {
    font-size: 2.8rem;
    color: #2a2a2a;
}

.create-book-page .creat-text-box .text-editor::placeholder {
    font-size: 2.8rem;
    color: #2a2a2a;
}

.word-limit {
    font-size: 2rem;
    font-weight: 600;
    font-family: "Nunito", sans-serif;
    line-height: 2.7rem;
    color: #999;
}

.create-book-page .pen-btnz-row {
    max-width: 70rem;
}

.blue-title {
    font-size: 1.6rem;
    font-weight: 600;
    font-family: "Nunito", sans-serif;
    line-height: 2.2rem;
    color: #146ffb;
    text-transform: capitalize;
}

@media (max-width: 450px) {
    .fonts-select-block {
        flex-direction: column-reverse !important;
    }
}

.fonts-select-block .select2-container {
    width: 13rem !important;
}

.fonts-select-block .select2-container .select2-selection {
    border: 0;
    border-radius: 1rem;
    padding: 1.35rem 1.5rem;
    height: 4.8rem;
    display: flex;
    align-items: center;
    background-color: #ffe4a5;
}

.fonts-select-block .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 2rem;
    padding-left: 0;
    font-size: 1.6rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 2.2rem;
    color: #000;
}

.fonts-select-block .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 1.5rem;
    transform: translateY(-50%);
    background-image: url("../img/icons/dd-blue.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 1.8rem;
    height: 1.8rem;
}

.fonts-select-block .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.font-size-block {
    max-height: 7rem;
}

.font-size-block .size-range-block {
    max-width: 100%;
    height: 4.8rem;
    width: 100%;
    overflow: hidden;
    border-radius: 1rem;
    position: relative;
    background-color: #ffe4a5;
    padding: 1.8rem 1.2rem;
    width: 100%;
    overflow: visible;
}

.font-size-block .rs-container {
    height: 1.05rem;
    width: 8.2rem;
    margin-right: 0.8rem;
    cursor: pointer;
}

.font-size-block .rs-container .rs-scale {
    position: unset;
    opacity: 0;
}

.font-size-block .rs-container .rs-bg,
.font-size-block .rs-container .rs-selected {
    height: 2px;
    border: 0;
    border-radius: 0;
}

.font-size-block .rs-container .rs-bg {
    background-color: #000;
}

.font-size-block .rs-container .rs-selected {
    background-color: #FDCF54;
}

.font-size-block .rs-container .rs-pointer {
    width: 1.05rem;
    height: 1.05rem;
    border-radius: 50%;
    background-color: #FDCF54;
    border: 0;
    box-shadow: none;
}

@media (max-width: 1191px) {
    .font-size-block .rs-container .rs-pointer {
        top: 0.1rem;
    }
}

.font-size-block .rs-container .rs-pointer::before,
.font-size-block .rs-container .rs-pointer::after {
    display: none;
}

.font-size-block .rang-block {
    max-width: 8.2rem;
    position: relative;
}

.font-size-block .value {
    font-size: 1.6rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 2.2rem;
    color: #000;
}

.font-size-block .size-range-block {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 4.8rem;
    width: 100%;
    overflow: hidden;
    border-radius: 1rem;
    position: relative;
    background-color: #ffe4a5;
    padding: 1.8rem 1.2rem;
    width: 100%;
    overflow: visible;
}

.font-size-block .rang-block {
    max-width: 8.2rem;
    position: relative;
}

.font-size-block .range {
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.font-size-block .range::-ms-tooltip {
    display: none;
}

.font-size-block .track {
    width: 100%;
    height: 2px;
    background: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.font-size-block .track-inner {
    width: 0;
    height: 100%;
    background: #FDCF54;
}

.font-size-block .thumb {
    width: 1.75rem;
    height: 1.75rem;
    background: #FDCF54;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    pointer-events: none;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.16);
}

.font-size-block .thumb:hover,
.font-size-block .thumb:active,
.font-size-block .thumb:focus {
    background: #FFEBBC;
}

/* .btnz-group-right .font-size-block .size-range-block {
    width: 28rem;
} */

.btnz-group-right .font-size-block .size-range-block .rang-block {
    max-width: 23.2rem;
    width: 100%;
}

.select2-dropdown {
    border: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
    border-radius: 1rem;
    overflow: hidden;
    /* width */
    /* Track */
    /* Handle */
}

.select2-dropdown ::-webkit-scrollbar {
    width: 7px;
}

.select2-dropdown ::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 0;
}

.select2-dropdown ::-webkit-scrollbar-thumb {
    background-color: #FDCF54;
    border-radius: 0;
}

.select2-dropdown .select2-search {
    padding: 1rem;
}

.select2-dropdown .select2-search>input {
    border-color: #eee;
    border-radius: 0.5rem;
    outline: 0;
}

.select2-dropdown .select2-results__options li {
    padding: 1.2rem 1.5rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #000;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

.select2-dropdown .select2-results__options li:hover,
.select2-dropdown .select2-results__options li.select2-results__option--highlighted {
    background-color: #FDCF54;
    color: #fff;
}

.select2-dropdown .select2-results__options li.select2-results__option--selected {
    background-color: #000;
    color: #fff;
}

.select2-dropdown .select2-results__options li.select2-results__option--selected:hover {
    background-color: #FDCF54;
    color: #fff;
}

.createBook-cover-sec {
    max-width: 97.5rem;
}

.createBook-cover-sec .creat-text-box {
    max-width: 70rem;
}

@media (max-width: 991px) {
    .createBook-cover-sec .creat-text-box {
        max-width: 46.5rem;
    }
}

@media (max-width: 576px) {
    .createBook-cover-sec .creat-text-box {
        max-width: 27rem;
    }
}

.createBook-cover-sec .cover-img-block {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 10.5rem;
    height: 16.6rem;
    width: 100%;
    /* overflow: hidden; */
    border-radius: 0;
    position: relative;
    background-color: transparent;
    box-shadow: none;
    background: #e9e2d7;
    /* background-color: rgb(255 242 212 / 50%);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); */
}

@media (max-width: 1450px) {
    .createBook-cover-sec .cover-img-block {
        height: 16.6rem;
    }
}

@media (max-width: 450px) {
    .createBook-cover-sec .cover-img-block {
        height: 16.8rem;
    }
}

.createBook-cover-sec .cover-img-block>img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.cover-img{
    margin-top:24px;
}

.custom-btn-additional{
    font-size: 14px;
    font-weight: 500 !important;
    height: 3rem !important;
    margin-top: 5px;
}

.cover-img-block1{
    background: unset !important;
}

.createBook-cover-sec .cover-img-block .text {
    position: absolute;
    left: 0rem;
    top: -18px;
    font-size: 2rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 1.5rem;
    color: #000;
    text-transform: capitalize;
}

.createBook-cover-sec .cover-img-block .cover-edit-btn:hover svg path {
    fill: #000;
}

.createBook-cover-sec .cover-img-block .cover-edit-btn:hover svg g path {
    stroke: #000;
}

.createBook-cover-sec .cover-img-block .cover-edit-btn svg path {
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

.createBook-cover-sec .cover-img-block .cover-edit-btn.top {
    top: 0;
}

.createBook-cover-sec .cover-img-block .cover-edit-btn.bottom {
    bottom: 0;
}

.createBook-cover-sec .upload-cover-block {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 10.5rem;
    height: 16.8rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
}

@media (max-width: 1450px) {
    .createBook-cover-sec .upload-cover-block {
        height: 15.8rem;
    }
}

@media (max-width: 450px) {
    .createBook-cover-sec .upload-cover-block {
        height: 16.8rem;
    }
}

.createBook-cover-sec .upload-cover-block label {
    margin-bottom: 0;
    cursor: pointer;
}

.createBook-cover-sec .btnz-row {
    max-width: 70rem;
}

@media (max-width: 576px) {
    .createBook-cover-sec .creat-text-box {
        min-height: 59rem;
    }
}

@media (max-width: 450px) {
    .createBook-cover-sec .creat-text-box {
        max-width: 100%;
        margin-bottom: 0;
    }
}

@media (max-width: 576px) {
    .createBook-cover-sec .creat-text-box textarea {
        min-height: 59rem;
    }
}

@media (max-width: 450px) {
    .createBook-cover-sec .uploader-row {
        flex-direction: column;
    }
}

@media (max-width: 450px) {
    .createBook-cover-sec .uploader-row .upload-block {
        flex-direction: row !important;
    }
}

.covers {
    padding-top: 2.5rem;
    padding-bottom: 6.7rem;
}

.covers-box {
    max-width: 70rem;
}

.covers-box .gallery-box {
    padding: 2rem 1rem;
    background-color: #fff;
    width: 100%;
    /* width */
    /* Track */
    /* Handle */
}

.covers-box .gallery-box ::-webkit-scrollbar {
    width: 7px;
}

.covers-box .gallery-box ::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 0;
}

.covers-box .gallery-box ::-webkit-scrollbar-thumb {
    background-color: #FDCF54;
    border-radius: 0;
}

.covers-box .gallery-box .gal-scroller {
    max-height: 89rem;
    overflow-y: auto;
}

@media (max-width: 450px) {
    .covers-box .gallery-box .gal-scroller {
        max-height: 69rem;
    }
}

.covers-box.chover-box-in-drwaing {
    max-width: 50rem;
}

.covers-box.chover-box-in-drwaing .gallery-card {
    height: 21.8rem;
}

.covers-box.chover-box-in-drwaing .gallery-box {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.covers-box.chover-box-in-drwaing .gallery-box .gal-scroller {
    height: 87rem;
    overflow-y: auto;
}

.gallery-card {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 32.8rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
    background-color: #f1f1f1;
    margin-bottom: 2rem;
}

@media (max-width: 385px) {
    .gallery-card {
        height: 27.8rem;
    }
}

@media (max-width: 325px) {
    .gallery-card {
        height: 22.8rem;
    }
}

@media (max-width: 290px) {
    .gallery-card {
        height: 18.8rem;
    }
}

.gallery-card>img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.nowrap {
    white-space: nowrap;
}

@media (max-width: 450px) {
    .nowrap {
        white-space: normal;
    }
}

.cover-option-sec .chose-cover-box {
    max-width: 47rem;
}

.chose-cover-drawing-page {
    padding: 30px;
}

@media (max-width: 1191px) {
    .chose-cover-drawing-page {
        margin-top: 0;
    }
}

.chose-cover-drawing-page .creation-card-outer {
    margin-bottom: 2.5rem;
}

.drawing-modal.characters-modal .chose-cover-drawing-page .creation-card-outer .title {
    font-size: 2.2rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 3.4rem;
    background: none;
    color: #000;
}

.chose-cover-drawing-page .creation-card {
    padding: 1.6rem;
    margin-bottom: 2.5rem;
    height: 16rem;
    background-image: url("../img/cov-bg.png");
    display: flex;
    justify-content: center;
    align-items: center;
}

.chose-cover-drawing-page .creation-card:hover {
    background-image: url("../img/cov-bg.png");
}

.chose-cover-drawing-page .creation-card .icon-block {
    margin-bottom: 0;
}

@media (max-width: 450px) {
    .chose-cover-drawing-page .creation-card .icon-block {
        max-width: 11.5rem;
        height: 11.5rem;
    }
}

@media (max-width: 400px) {
    .chose-cover-drawing-page .creation-card .icon-block {
        max-width: 10.5rem;
        height: 10.5rem;
    }
}

@media (max-width: 385px) {
    .chose-cover-drawing-page .creation-card .icon-block {
        max-width: 9.5rem;
        height: 9.5rem;
    }
}

@media (max-width: 325px) {
    .chose-cover-drawing-page .creation-card .icon-block {
        max-width: 7.5rem;
        height: 7.5rem;
    }
}

.poster-card-sec .postcard-row {
    gap: 3rem 3.8rem;
}

@media (max-width: 450px) {
    .poster-card-sec .postcard-row {
        justify-content: center !important;
    }
}

.postcard-card {
    max-width: 33.7rem;
    width: 100%;
}

@media (max-width: 1450px) {
    .postcard-card {
        max-width: 32.4rem;
    }
}

@media (max-width: 1300px) {
    .postcard-card {
        max-width: 28.4rem;
    }
}

@media (max-width: 1191px) {
    .postcard-card {
        max-width: 22rem;
    }
}

@media (max-width: 450px) {
    .postcard-card {
        margin-inline: auto;
    }
}

@media (max-width: 385px) {
    .postcard-card {
        max-width: 19.6rem;
    }
}

.postcard-card:hover .img-block>img {
    transform: scale(1.1);
}

.postcard-card .img-block {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 33.7rem;
    height: 33.6rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
    background-color: #fff;
    border: 2px solid #FDCF54;
    margin-bottom: 3rem;
}

@media (max-width: 1191px) {
    .postcard-card .img-block {
        max-width: 22rem;
        height: 25.6rem;
    }
}

@media (max-width: 385px) {
    .postcard-card .img-block {
        max-width: 19.6rem;
        height: 22.6rem;
    }
}

.postcard-card .img-block>img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

.postcard-card .title {
    font-size: 3.6rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 4.6rem;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-align: center;
    text-transform: capitalize;
    padding-inline: 1.5rem;
}

@media (max-width: 1191px) {
    .postcard-card .title {
        font-size: 2.6rem;
        line-height: 3.6rem;
        padding-inline: 1rem;
    }
}

.holdiday-link {
    padding-inline: 1.5rem;
    text-transform: capitalize;
    background-color: rgba(255, 228, 165, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 48.3rem;
    height: 5rem;
    width: 100%;
    overflow: hidden;
    border-radius: 10rem;
    position: static;
    font-size: 2.2rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 3rem;
    color: #000;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    margin-bottom: 3rem;
}

@media (max-width: 1450px) {
    .holdiday-link {
        max-width: 40rem;
    }
}

@media (max-width: 1300px) {
    .holdiday-link {
        max-width: 37rem;
    }
}

@media (max-width: 1191px) {
    .holdiday-link {
        max-width: 29rem;
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}

@media (max-width: 991px) {
    .holdiday-link {
        max-width: 22rem;
    }
}

@media (max-width: 385px) {
    .holdiday-link {
        max-width: 20rem;
    }
}

@media (max-width: 325px) {
    .holdiday-link {
        max-width: 100%;
    }
}

.holdiday-link span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.holdiday-link:hover,
.holdiday-link.active,
.holdiday-link:focus {
    background-color: #000;
    color: #fff;
}

.calenders-row {
    gap: 4.26rem;
}

@media (max-width: 1300px) {
    .calenders-row {
        gap: 1.26rem;
    }
}

@media (max-width: 1191px) {
    .calenders-row {
        gap: 1rem;
    }
}

@media (max-width: 385px) {
    .calenders-row {
        gap: 0;
    }
}

.calender-card {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 42.8rem;
    height: 32.4rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
}

@media (max-width: 1450px) {
    .calender-card {
        max-width: 32.05rem;
        height: 24.3rem;
    }
}

@media (max-width: 1300px) {
    .calender-card {
        max-width: 30.3rem;
        height: 23.2rem;
        transform: scale(0.9);
    }
}

@media (max-width: 1191px) {
    .calender-card {
        max-width: 24.1rem;
        height: 18.3rem;
    }
}

@media (max-width: 991px) {
    .calender-card {
        max-width: 23.9rem;
        height: 18.3rem;
    }
}

@media (max-width: 767px) {
    .calender-card {
        max-width: 22.3rem;
        height: 17.3rem;
    }
}

@media (max-width: 575px) {
    .calender-card {
        max-width: 17.5rem;
        height: 13.3rem;
    }
}

@media (max-width: 450px) {
    .calender-card {
        max-width: 15.8rem;
        height: 12.3rem;
    }
}

@media (max-width: 385px) {
    .calender-card {
        max-width: 14.38rem;
        height: 11rem;
    }
}

@media (max-width: 325px) {
    .calender-card {
        max-width: 12.07rem;
        height: 10rem;
    }
}

@media (max-width: 290px) {
    .calender-card {
        max-width: 15.6rem;
        height: 12rem;
    }
}

.my-books .my-books-box {
    max-width: 70rem;
    width: 100%;
}

.my-books .search-row {
    gap: 3.16rem;
    margin-bottom: 5rem;
}

@media (max-width: 450px) {
    .my-books .search-row {
        margin-bottom: 3rem;
    }
}

.my-books .no-book-title p {
    font-size: 2.2rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 3.2rem;
    color: #000;
    text-align: center;
}

.my-books .empty-book-img-block {
    margin-bottom: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 37.5rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
    background-color: #f1f1f1;
}

@media (max-width: 450px) {
    .my-books .empty-book-img-block {
        margin-bottom: 3rem;
    }
}

@media (max-width: 576px) {
    .my-books .empty-book-img-block {
        height: 29.5rem;
    }
}

@media (max-width: 450px) {
    .my-books .empty-book-img-block {
        height: 26.5rem;
    }
}

@media (max-width: 385px) {
    .my-books .empty-book-img-block {
        height: 23.6rem;
    }
}

@media (max-width: 325px) {
    .my-books .empty-book-img-block {
        height: 19.6rem;
    }
}

@media (max-width: 290px) {
    .my-books .empty-book-img-block {
        height: 16.6rem;
    }
}

.my-books .empty-book-img-block>img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.book-input-block {
    position: relative;
    max-width: 59.6rem;
    width: 100%;
}

@media (max-width: 576px) {
    .book-input-block {
        max-width: 43.6rem;
    }
}

@media (max-width: 450px) {
    .book-input-block {
        max-width: 38.6rem;
    }
}

@media (max-width: 385px) {
    .book-input-block {
        max-width: 32.6rem;
    }
}

@media (max-width: 325px) {
    .book-input-block {
        max-width: 25.6rem;
    }
}

@media (max-width: 290px) {
    .book-input-block {
        max-width: 100%;
    }
}

.book-input-block input {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 5rem;
    width: 100%;
    overflow: hidden;
    border-radius: 10rem;
    position: static;
    background-color: #fff;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16);
    padding: 1rem 2rem;
    font-size: 1.6rem;
    font-weight: 300;
    font-family: "Nunito", sans-serif;
    line-height: 1.9rem;
    color: #838688;
    border: 0;
    outline: 0;
    padding-right: 4rem;
}

.book-input-block input::-moz-placeholder {
    font-size: 1.6rem;
    color: #838688;
}

.book-input-block input:-ms-input-placeholder {
    font-size: 1.6rem;
    color: #838688;
}

.book-input-block input::placeholder {
    font-size: 1.6rem;
    color: #838688;
}

.book-input-block .search-btn {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
}

.book-input-block .search-btn:hover svg path {
    fill: #000;
}

.book-input-block .search-btn svg path {
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

.premium-images-sec .premium-img-row {
    gap: 10.9rem;
}

@media (max-width: 1450px) {
    .premium-images-sec .premium-img-row {
        gap: 6.9rem;
    }
}

@media (max-width: 1191px) {
    .premium-images-sec .premium-img-row {
        gap: 4.9rem;
    }
}

.premium-imgs-card {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 54rem;
    height: auto;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
    padding: 1.2rem;
    background-image: url("../img/premium-card-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}

@media (max-width: 1191px) {
    .premium-imgs-card {
        max-width: 46rem;
    }
}

@media (max-width: 991px) {
    .premium-imgs-card {
        max-width: 54rem;
    }
}

.premium-imgs-card .card-inner {
    background-color: #fff;
    width: 100%;
    height: 100%;
}

.premium-imgs-card .premium-pack-block {
    border: 1px solid #FDCF54;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 18.8rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
}

@media (max-width: 1191px) {
    .premium-imgs-card .premium-pack-block {
        height: 15.8rem;
    }
}

@media (max-width: 991px) {
    .premium-imgs-card .premium-pack-block {
        height: 18.8rem;
    }
}

@media (max-width: 450px) {
    .premium-imgs-card .premium-pack-block {
        height: 17.8rem;
    }
}

@media (max-width: 385px) {
    .premium-imgs-card .premium-pack-block {
        height: 14.8rem;
    }
}

@media (max-width: 325px) {
    .premium-imgs-card .premium-pack-block {
        height: 12.8rem;
    }
}

@media (max-width: 290px) {
    .premium-imgs-card .premium-pack-block {
        height: 10.8rem;
    }
}

.premium-imgs-card .premium-pack-block>img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.premium-imgs-card .title-row {
    padding: 1.05rem 1rem;
}

.premium-imgs-card .title-row h3 {
    font-size: 2rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 2.8rem;
    color: #222;
}

.newspaper-img-block {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 84.5rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
    background-color: #eee;
}

.newspaper-img-block>img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.newspaper-img-block .newspaper-label {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    font-size: 3.6rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 4.9rem;
    color: #000;
    text-transform: capitalize;
}

.newspaper-img-block .img-placeholder-block {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 41.33rem;
    height: 31rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
    margin-bottom: 4.6rem;
}

@media (max-width: 1191px) {
    .newspaper-img-block .img-placeholder-block {
        max-width: 34.33rem;
        height: 24rem;
    }
}

@media (max-width: 450px) {
    .newspaper-img-block .img-placeholder-block {
        max-width: 27.33rem;
        height: 21rem;
    }
}

.newspaper-img-block .img-placeholder-block>img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

@media (max-width: 991px) {
    .newspaper-img-block {
        margin-bottom: 3rem;
    }
}

@media (max-width: 576px) {
    .newspaper-img-block {
        height: 54.5rem;
    }
}

.newspaper-list {
    /* Track */
    /* Handle */
}

.newspaper-list ::-webkit-scrollbar {
    height: 0.9rem;
}

.newspaper-list ::-webkit-scrollbar-track {
    background-color: #E4D5B2;
    border-radius: 0;
}

.newspaper-list ::-webkit-scrollbar-thumb {
    background-color: #F8C253;
    border-radius: 0;
}

.new-us-gap-um {
    column-gap: 70px !important;
}

.newspaper-list .newslist-row {
    gap: 10.9rem;
}

@media (max-width: 1450px) {
    .newspaper-list .newslist-row {
        gap: 5rem;
    }
}

.news-card {
    display: flex;
    justify-content: center;
    align-items: center;
    /* max-width: 54rem; */
    height: auto;
    width: 100%;
    overflow: hidden;
    border-radius: 2rem;
    margin-bottom: 3rem;
    position: static;
    border: 0.2rem solid #FDCF54;
    background-color: #fff;
    padding: 2rem;
    gap: 3rem;
}

@media (max-width: 1191px) {
    .news-card {
        max-width: 47rem;
    }
}

.news-card .img-block {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 17.3rem;
    height: 26.4rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
    min-width: 17.3rem;
}

@media (max-width: 450px) {
    .news-card .img-block {
        max-width: 12.3rem;
        height: 21.4rem;
        min-width: 12.3rem;
    }
}

@media (max-width: 325px) {
    .news-card .img-block {
        max-width: 10.3rem;
        height: 19.4rem;
        min-width: 10.3rem;
    }
}

.news-card .img-block>img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.news-card .desc-block h2 {
    font-size: 3.6rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 4.4rem;
    color: #000;
    /*text-transform: capitalize;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    margin-bottom: 2.5rem;
}

@media (max-width: 450px) {
    .news-card .desc-block h2 {
        font-size: 3rem;
        line-height: 3.8rem;
    }
}

@media (max-width: 450px) {
    .news-detail .vol-btn {
        max-width: 35%;
    }
}

.news-detail .vol-btn .mute-icon {
    display: none;
}

.news-detail .vol-btn.show .mute-icon {
    display: block;
}

.news-detail .vol-btn.show .vol-icon {
    display: none;
}

@media (max-width: 450px) {
    .news-detail .play-btn {
        max-width: 24%;
    }
}

.news-detail .play-btn .pause-icon {
    display: none;
}

.news-detail .play-btn.show .pause-icon {
    display: block;
}

.news-detail .play-btn.show .play-icon {
    display: none;
}

.news-dt-box {
    max-width: 116.7rem;
    width: 100%;
}

.news-dt-card h2 {
    font-size: 6rem;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: 8.7rem;
    color: #000;
    /*text-transform: capitalize;*/
    margin-bottom: 3rem;
}

@media (max-width: 1191px) {
    .news-dt-card h2 {
        font-size: 4.5rem;
        line-height: 6.7rem;
    }
}

@media (max-width: 991px) {
    .news-dt-card h2 {
        font-size: 3.6rem;
        line-height: 5.5rem;
    }
}

@media (max-width: 450px) {
    .news-dt-card h2 {
        font-size: 2.7rem;
        line-height: 3.4rem;
    }
}

.news-dt-card .news-dt-img-block {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 68.5rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    position: static;
    margin-bottom: 3rem;
}

@media (max-width: 1191px) {
    .news-dt-card .news-dt-img-block {
        height: 51.5rem;
    }
}

@media (max-width: 450px) {
    .news-dt-card .news-dt-img-block {
        height: 36.5rem;
    }
}

.news-dt-card .news-dt-img-block>img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.news-dt-card .gray-title {
    font-size: 4rem;
    font-weight: 400;
    font-family: "Nunito", sans-serif;
    line-height: 5.4rem;
    color: #666666;
}

.news-dt-card .gray-title strong {
    color: #000;
    font-weight: bold;
}

.news-dt-card .gray-title strong.med-font {
    font-weight: 600;
}

@media (max-width: 991px) {
    .news-dt-card .gray-title {
        font-size: 3rem;
        line-height: 4.5rem;
    }
}

@media (max-width: 450px) {
    .news-dt-card .gray-title {
        font-size: 2.7rem;
        line-height: 3.4rem;
    }
}

.news-dt-card .dots {
    font-size: 4rem;
    font-weight: 400;
    font-family: "Nunito", sans-serif;
    line-height: 5.4rem;
    color: #000;
}

.news-dt-card .date {
    font-size: 3rem;
    font-weight: 400;
    font-family: "Nunito", sans-serif;
    line-height: 4.1rem;
    color: #666666;
}

@media (max-width: 991px) {
    .news-dt-card .date {
        font-size: 2.6rem;
        line-height: 3.4rem;
    }
}

@media (max-width: 450px) {
    .news-dt-card .date {
        font-size: 2.4rem;
        line-height: 3.2rem;
    }
}


/*M O D U L E S*/


/*======================================== 
Custom  
========================================*/

* {
    margin: 0px;
    padding: 0px;
}

.clearfix {
    clear: both;
}

body {
    background-color: #FFFAEF;
    margin: 0;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}

.ltr {
    direction: ltr !important;
    text-align: left;
}

.bg-none {
    background-image: none !important;
}

a {
    color: #FFEBBC;
    text-decoration: none;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}

a:hover,
a:active,
a:focus {
    color: #FFEBBC;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
    padding: 0;
    margin: 0;
    list-style: none;
}

button {
    background-color: transparent;
    border: 0;
    outline: 0;
}

button:focus {
    outline: 0;
}

.primary-colorBg {
    background-color: #FDCF54;
    color: #fff;
}

.primary-color {
    color: #FDCF54;
}

.px-16 {
    padding-left: 1.6rem !important;
    margin-right: 1.6rem !important;
}

.mr-16 {
    margin-right: 1.6rem !important;
}

.rtl .mr-16 {
    margin-right: 0 !important;
    margin-left: 1.6rem !important;
}

html {
    font-size: 10px;
    font-family: "Nunito", sans-serif;
    scroll-behavior: smooth;
}

@media (max-width: 450px) {
    html {
        font-size: 8px;
    }
}

body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    font-family: "Nunito", sans-serif !important;
}

.rtl {
    text-align: right;
    direction: rtl;
}

.mw-100 {
    max-width: 100% !important;
}

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

.pd-tb100 {
    padding-top: 95px;
    padding-bottom: 95px;
}

.pd-t100 {
    padding-top: 95px;
}

.pd-b100 {
    padding-bottom: 95px;
}

.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    max-width: 1910px;
}

.container {
    max-width: 1870px;
}

.mt-thumb {
    width: 100%;
    border-radius: 20px;
}

.mt-thumb img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
    width: 100%;
}

.rating-wrap {
    margin-bottom: 10px;
}

.rating-wrap .fas {
    font-size: 14px;
    color: #FFB300;
    margin: 0 2px;
}


/*# sourceMappingURL=custom.css.map */


/* input field */

.StripeElement--empty {
    height: 4rem;
    border: 1px solid #ddd;
    padding: 1rem;
    margin: 0 1rem;
    margin-top: -3rem;
    position: relative;
}

.StripeElement--empty::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 2rem;
    right: 50%;
    background: #ccc;
    transform: translate(-50%, -0%);
}

.drawing-modal .modal-content .btn-1 {
    right: 3rem;
}


/* us add new css here */

.parent-block-size-selectt .js-example-basic-single.w-100 {
    height: 4.8rem;
    border-radius: 10px;
    padding: 0rem 1rem;
    border: 1px solid #ffe4a5;
    outline: 0 !important;
}

button.edit-save-btn .fa {
    font-size: 2.5rem;
}

.ql-editor.ql-blank::before {
    color: rgba(0, 0, 0, 0.6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 27px !important;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 15px;
}

.fonts-select-block .dd-btn {
    width: 100%;
    background-repeat: repeat;
    background-size: cover;
    background: #ffe4a5;
    border-radius: 10px;
    justify-content: flex-start;
    padding: 0px 2rem;
}

.fonts-select-block .dd-btn span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: unset;
    width: 90%;
    text-align: left;
}

.fonts-select-block .ctm-dd .dropdown-menu {
    border: 0;
    background-color: #fff;
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
    width: 100%;
    border-radius: 1.5rem;
    overflow: hidden;
    margin-top: 1rem;
    height: 25rem;
    overflow: auto;
    padding: 2rem;
}

.custom-flex-font-textt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-flex-font-textt .btn-ctm-text {
    min-width: 5rem;
}

.vc-chrome-fields-wrap {
    display: flex;
    padding-top: 16px;
    display: none !important;
}

.custom-width-class-us-btn {
    width: 70rem;
}

.range-slider-rail {
    width: 100%;
    background-color: white !important;
}

.ctm-color-picker .vue-color-picker .vc-chrome {
    margin-bottom: 1rem;
}

.drawing-page .shape-control-block.fixed-header {
    position: fixed !important;
    top: 0;
    background: white;
    top: 4rem;
    left: 9.5%;
    width: unset !important;
    max-width: unset !important;
    margin-left: 0px;
    margin-top: 0px;
    width: 433px !important;
    height: auto;
    right: auto;
}

.pen-btnz-row.pen-btnz-row-fixed {
    position: fixed;
    top: 4%;
    z-index: 9;
    left: 50%;
    transform: translateX(-45%);
}

.counter-number-blockk {
    height: 4.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 4.8rem;
    max-width: 4.8rem;
    background: #ffe4a5;
    margin-left: 1rem;
    border-radius: 10px;
    color: black;
}

.parent-block-size-selectt .js-example-basic-single option {
    font-size: 2rem;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    top: 2px;
}

.upload-btn-wrapper .btn {
    background-color: #ffba41;
    padding: 0px 0px;
    border-radius: 8px;
    font-size: 20px;
    color: red !important;
    font-weight: bold;
    width: 10.5rem;
    height: 15.8rem;
    border-radius: 0px !important;
}

.upload-btn-wrapper .icon {
    font-size: 2rem;
    color: white;
    margin-bottom: 1rem;
}

.upload-btn-wrapper .heading {
    color: white;
    font-size: 1.2rem;
}

.upload-btn-wrapper .icon-tittlee {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.upload-btn-wrapper .icon-tittlee:hover {
    background: #dbb104;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.image-text-number-11 {
    position: relative;
}

.image-text-number-11 .tittle-numberrr {
    position: absolute;
    font-size: 1rem;
    left: 0.5rem;
    top: -2px;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.cover-image-edit-deletee {
    display: flex;
    position: absolute;
    top: -28px;
    right: 0px;
    column-gap: 5px;
}


/* end csss us */


/* animation css start hereee */

.height-set-newww-cer {
    /* height: 30.7rem; */
    position: relative;
}

/* .height-set-newww-cer .creat-book-cards {
    width: 65%;
    margin: 0 auto;
    position: relative;
    top: 2rem;
} */
.sapce-set-classs-uu .ctm-row {
    justify-content: center;
}

body {
    overflow-x: clip;
}

.asdsadsadsad {
    opacity: 0;
}

.asdsadsadsad.opacity-set-1 {
    opacity: 1;
}

.height-set-newww-cer .menu-creation-card {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 3.5rem 2.6rem;
    width: 100%;
}

/* .menu-creation-card.first-card {
    background: white !important;
} */


/* end animation hereee */

@media (min-width: 1224px) and (max-width:1320px) {
    .drawing-page .shape-control-block {
        min-width: 365px;
        left: 0px;
    }
    .custom-flex-font-textt {
        align-items: flex-start;
        flex-direction: column;
    }
    /* .drawing-page .btnz-group-right .font-size-block .size-range-block {
        width: 24rem;
    } */
}

@media (min-width: 1000px) and (max-width:1200px) {
    .drawing-page .shape-control-block {
        min-width: 300px;
        left: 0px;
    }
  
    .custom-flex-font-textt {
        align-items: flex-start;
        flex-direction: column;
    }
    canvas.lower-canvas {
        width: 685px !important;
    }
    .canvas-container {
        width: 500px !important;
    }
}

.recording-main-block {
    background: #FFF2D4;
    text-align: center;
    padding-top: 7.5rem;
}

.time-counter-block {
    background: rgb(255 208 100 / 89%);
    max-width: 53.4rem;
    border: 1px solid #FFF2D4;
    border-radius: 11px;
    margin: 0 auto;
    position: relative;
    margin-top: -11rem;
}

.time-counter-block .numbers-tittlee {
    font-size: 9.5rem;
    color: #000;
    padding: 8rem 3rem;
    font-weight: 700;
}

.three-button-stop-play {
    background: #FFF2D4;
    /* box-shadow: 0px 0px 6px rgb(0 0 0 / 16%); */
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: 0.6rem;
    padding: 0rem 3rem 4.2rem;
}

.circus-tittleeee {
    font-size: 3rem;
    font-weight: 700;
    color: #000;
}

.juana-tittleee {
    font-size: 2.5rem;
    font-weight: 400;
    margin-top: 3rem;
    color: #000000;
}

.inner-button-wrapper-all {
    margin-top: 1rem;
}

.swal2-container.swal2-center>.swal2-popup {
    flex-direction: column;
}

.swal2-styled {
    width: 110px !important;
}

.three-button-stop-play .record-tittle {
    font-size: 2.4rem;
    font-weight: 700;
    color: #000;
}

.button-end-recod-image {
    background: url(../img/button-200.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 55px;
    background-position: center;
    font-size: 16px;
    font-weight: 700;
}

.audio-player-width audio {
    width: 53.2rem;
    position: relative;
    top: 0.4rem;
}

.paly-stop-btn-parenttt {
    margin-top: 1rem;
}

.play-audio-book-page-main {
    max-width: 700px;
    margin: 0 auto;
}

.play-image-block {
    max-width: 700px;
    height: 700px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.line-tracker-block {
    position: absolute;
    top: 10px;
    left: 51%;
    transform: translateX(-50%);
    width: 100%;
}

.play-back-tracker-bottom {
    background: #FFF2D4;
    height: 202px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
    /* margin-top: -125px; */
}

.button-play-back-wrapperr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.play-back-timmerrr {
    min-width: 168px;
    display: inline-block;
    text-align: center;
    padding: 0.8rem 1rem;
    border: 8px solid #FFD064;
    border-radius: 11px;
    font-size: 34px;
    font-weight: 700;
    background: white;
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}

.play-back-timmerrr-lefttt {
    min-width: 168px;
    display: inline-block;
    text-align: center;
    padding: 0.8rem 1rem;
    border: 8px solid #FFD064;
    border-radius: 11px;
    font-size: 34px;
    font-weight: 700;
    background: white;
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
}

.d-showw-classs.showww-playyy {
    display: block !important;
}

.custom-clas-add-svg-width svg {
    width: 18px;
    height: 18px;
}

.custom-clas-add-svg-width svg path {
    fill: white;
}

.button-svg-usss {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #ffa808;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.button-svg-usss:hover {
    background: #000;
}

.button-svg-usss.top-oneee {
    position: relative;
    top: -3px;
    left: 1px;
}

.button-svg-usss.top-oneee .fas.fa-eye {
    color: white;
}

.image-card-hereee-draw {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
}

.image-card-hereee-draw .card-inner-wrape {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 183px;
    background: rgb(255 242 212 / 50%);
    height: 251px;
    overflow: hidden;
    margin-bottom: 77px;
    position: relative;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
}

.image-card-hereee-draw .card-inner-wrape.active {
    border: 3px solid #EB9800;
}

.edit-save-btn.custom-btn-us-addd {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 13rem;
   
    /* height: 7.3rem; */
    color: #000;
    font-weight: 800;
    height: 4.4rem;
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
    position: static;
    overflow: visible;
    border-radius: 50px;
    border: 3px solid rgb(225 159 33 / 70%);
    position: relative;
    transition: ease all 0.5s;
    background-image: linear-gradient(to bottom, rgb(249 231 91), rgb(255 186 65));
}

.small-button-pages {
    max-width: 10rem !important;
}

.edit-save-btn.custom-btn-us-addd:hover {
    background-image: linear-gradient(to bottom, rgb(255 186 65), rgb(249 231 91));
    transition: ease all 0.5s;
}

.edit-save-btn.custom-btn-us-addd:after {
    position: absolute;
    content: '';
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    background: white;
    border-radius: 50px;
    z-index: -1;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 30%);
}

.image-block-music {
    width: 78px;
    height: 78px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-card-hereee-draw .card-inner-wrape .time-block-hereee {
    font-size: 25px;
    font-weight: 700;
    color: #000;
    position: absolute;
    bottom: 20px;
}

.edit-or-delete-button {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    column-gap: 5px;
}

.edit-or-delete-button a:hover svg path {
    fill: #623a6c;
}

.time-block-hereee {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
    left: 0px;
}

@media (max-width:575px) {
    .button-play-back-wrapperr {
        position: initial;
        text-align: center;
        padding-top: 30px;
        top: 0px;
        left: 0px;
        transform: unset;
    }
    .play-back-timmerrr {
        position: initial;
        right: 0px;
        top: 0px;
        transform: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 75%;
        margin: 0 auto;
        margin-top: 20px;
    }
    .play-back-timmerrr-lefttt {
        position: initial;
        right: 0px;
        top: 0px;
        transform: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 75%;
        margin: 0 auto;
        margin-top: 20px;
    }
    .play-back-tracker-bottom {
        height: auto;
        padding-bottom: 30px;
    }
    .play-image-block {
        height: auto;
    }
    .button-end-recod-image {
        background-size: contain;
        width: 100%;
        font-size: 16px;
    }
    .time-counter-block {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media (max-width:1440px) {
    .height-set-newww-cer {
        height: auto;
    }
    .creation-block .ctm-row {
        flex-wrap: inherit;
        overflow-x: auto;
    }
    .height-set-newww-cer .creat-book-cards {
        position: relative;
        flex-wrap: nowrap !important;
        left: 0px;
        /* top: 17px; */
        overflow-x: auto;
        background: #fff1d4;
    }
    .creat-book-bg-sec {
        flex-wrap: nowrap !important;
    }
   
    .creat-book-bg-sec {
        background: none;
    }
}

@media (max-width:991px) {
    .drawing-page .shape-control-block {
        left: 0px;
        width: 447px;
        margin: 0 auto;
        margin-bottom: 6rem !important;
    }
    .myconvas-mt .canvas-container {
        width: 100% !important;
    }
    .myconvas-mt canvas {
        width: 100% !important;
    }
    .news-list-tabs {
        column-gap: 8rem;
    }
}

@media (max-width:575px) {
    .creat-book-bg-sec {
        padding: 0px;
        margin: 0px;
    }
    .myconvas-mt .canvas-container {
        width: 100% !important;
    }
    .myconvas-mt canvas {
        width: 100% !important;
    }
    .custom-width-class-us-btn {
        width: 100%;
        flex-direction: column;
    }
    .creation-card {
        width: 25rem;
    }
    .asdsadsadsad {
        margin-bottom: 30px;
    }
    .modal-content {
        width: 88%;
        margin: 0 auto !important;
    }
    .drawing-page .drawing-section .padd-btnz-row {
        max-width: unset;
        width: 100%;
        flex-wrap: wrap;
    }
    .custom-width-class-us-btn {
        width: 100%;
        flex-direction: column;
    }
    .chose-cover-drawing-page .covers-row {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .chose-cover-drawing-page .creation-card {
        width: 100%;
    }
    .drawing-page .shape-control-block {
        width: 100%;
    }
    .audio-player-width audio {
        width: 85%;
    }
    .news-list-tabs {
        column-gap: 7rem;
    }
}

.empty-book-img-block.bg-none-us-empty {
    background: none;
}


/* css */

.web-cam .modal-header {
    border: 0;
    padding: 0;
}

.web-cam .newspaper-img-block {
    height: 14rem;
    border-radius: 1rem;
}

.web-cam .newspaper-img-block .newspaper-label {
    font-size: 2.6rem;
}

.web-cam .modal-footer {
    border: 0;
    padding: 0px;
    margin: 0px;
    height: 50px;
    font-size: 20px;
    padding-bottom: 0.5rem;
}

.web-cam .modal-footer.save-btn .btn-inner {
    padding: 0px;
}

input#webcamImage {
    opacity: 0;
}

.web-cam-22 video {
    width: 100% !important;
}

#my_camera {
    width: 100% !important;
}

.web-cam-22 .modal-footer {
    border: 0;
    padding: 0px;
    margin: 0px;
    height: 50px;
    font-size: 20px;
    padding-bottom: 0.5rem;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

button.btn-inner.colorchnageeee {
    padding: 0px;
    background: #000;
    color: white;
}

.copyright {
    font-size: 1.4rem;
    color: #000;
    font-weight: 500;
    text-align: right;
    /* width: 91.5%; */
    margin-top: -2rem;
}

.newspaper-form-sec .common-input input::placeholder {
    text-transform: inherit;
}

.btn-adj {
    font-size: 2.1rem !important;
}

@media (min-width:1122px) and (max-width:1440px) {
 
    .header-btnz .dd-btn {
        width: 18.1rem;
    }
 
   
   
    /* .creat-book-bg-sec {
        justify-content: flex-start !important;
    } */
}

/* @media (min-width:1000px) and (max-width:1120px) {
    .menu-creation-card.first-card {
        margin-left: 21rem;
        padding: 3.25rem 3.6rem;
        min-width: 223px;
    }
    .creation-block .ctm-col-xl-7 {
        width: 205px;
        min-width: 205px;
        max-width: unset !important;
        flex: inherit;
    }
    .creat-book-bg-sec {
        justify-content: flex-start !important;
    }
    .height-set-newww-cer .menu-creation-card {
        padding: 3.25rem 0.2rem;
        width: 180px;
    }
} */


@media (max-width:575px) {
    .ctm-col-xl-7 {
        padding: 0px;
    }
    .sapce-set-classs-uu .creation-btn {
        width: 170px;
    }
    .sapce-set-classs-uu .creation-card {
        width: 170px;
    }
    .menu-creation-card.first-card {
        margin-left: 20rem;
        width: 192px;
        padding: 3.25rem 3.6rem;
    }
    .height-set-newww-cer .menu-creation-card {
        padding: 3.25rem 3.6rem;
        width: 21rem;
    }
}

.my-lab-view-aud-parent .title-align h2 {
    font-size: 15px;
    padding: 0.5rem 2rem;
    border-radius: 50px;
    color: #000;
    border: 3px solid rgb(225 159 33 / 70%);
    position: relative;
    background-image: linear-gradient(to bottom, rgb(249 231 91), rgb(255 186 65));
    /* background-image: url(../img/btnSY.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
}

.my-lab-view-aud-parent .title-align h2:hover {
    background-image: linear-gradient(to bottom, rgb(255 186 65), rgb(249 231 91));
    transition: ease all 0.5s;
}

.my-lab-view-aud-parent .title-align h2:after {
    position: absolute;
    content: '';
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    background: white;
    border-radius: 50px;
    z-index: -1;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 30%);
}

@media(max-width:575px) {
    .my-lab-view-aud-parent {
        flex-direction: column;
        align-items: flex-start !important;
    }
}


/* width */

.height-set-newww-cer .creat-book-cards::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}


/* Track */

.height-set-newww-cer .creat-book-cards::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

.height-set-newww-cer .creat-book-cards::-webkit-scrollbar-thumb {
    background: #ffd064;
}


/* Handle on hover */

.height-set-newww-cer .creat-book-cards::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.creation-block .ctm-row::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}


/* Track */

.creation-block .ctm-row::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

.creation-block .ctm-row::-webkit-scrollbar-thumb {
    background: #ffd064;
}


/* Handle on hover */

.creation-block .ctm-row::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.pad-icon.active {
    border: 3px solid #0667fa;
    border-radius: 100%;
}

.select-fonts-block .custom-radio {
    font-size: 2.5rem;
}

@media screen and (min-width:1300px) and (max-width:1500px) {
    .custom-flex-font-textt {
        align-items: flex-start;
        flex-direction: column;
    }
    
}

.book-writing-f-model .modal-content {
    background-color: #fef6e1;
    padding: 15px !important;
}

.book-writing-f-model .modal-content .modal-header {
    border: 0;
    justify-content: center;
}

.featured-element p {
    font-weight: 500;
    font-size: 1.5em
}

.featured-element .featured-element-img {
    max-width: 6.2rem;
    height: 6.2rem;
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
    position: static;
}

.featured-element .featured-element-img img {
    align-items: center;
    display: flex;
    justify-content: center;
}

.list-post-card {
    background-color: lightyellow;
    border-radius: 5rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    width: 100%;
    max-width: 383px;
}

.copy-btn {
    width: 18px;
    color: #026aff;
}

.anchor-postcard {
    color: black;
}

.anchor-postcard:hover {
    color: #026aff;
}

.potcard-btn {
    width: 18rem;
    background-size: cover;
    height: 52px;
    font-size: 14px;
    color: #000 !important;
}

.new-ppr-detail .img-block {
    height: 16.4rem;
    border: 1px solid #eee;
}

.readMore-btns {
    max-width: 13rem;
    width: 100%;
    height: 4rem;
    border-radius: 2rem;
    background-color: #F9C348;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2.2rem;
    margin-top: 15px;
}

.readMore-btns:hover {
    background: #000;
    color: #fff;
    background: #000;
    color: #fff;
}

.slider-modal-help {
    display: none;
}

.slider-modal-help.slick-initialized {
    display: block;
   
}

.list {
    display: none;
}

.ctm-dd .adj {
    right: 0px !important;
    left: auto !important;
    min-width: 12rem;
    padding: 0px;
}

.custom-class-for-space-pa {
    column-gap: 2.8rem;
}

.news-list-tabs {
    margin-top: 50px;
    border: none;
}

@media (max-width:1300px) {
    .custom-class-for-space-pa {
        column-gap: 5.5rem;
        justify-content: center;
    }
    header .header-btnz .dd-btn {
        width: 16.5rem;
    }
}

@media (min-width:1500px) {
   
    /* .height-set-newww-cer .menu-creation-card {
        width: 20rem;
        min-width: 20rem;
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 0px !important;
    } */
    header .home-link {
        margin-left: 0rem;
    }
    .stories-sec .story-row {
        gap: 7.2rem 6.7rem;
    }
    header .header-btnz .dd-btn {
        width: 19.5rem;
        padding: 2.2rem 1rem !important
    }
    .ctm-dd .dd-btn span {
        max-width: 14rem;
        font-size: 14px;
    }
    .creat-book-bg-sec {
        justify-content: flex-start !important;
        margin-left: 1rem;
        max-width: unset;
        gap: 0px;
    }
    /* .creat-book-bg-sec .creation-btn {
        width: 20.1rem;
        height: 100%;
    } */
    /* .height-set-newww-cer .menu-creation-card {
        width: 20rem;
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 0px !important;
    } */
    /* .creation-block.sapce-set-classs-uu .creation-btn .creation-card {
        width: 200px;
    } */
    /* .creation-block.sapce-set-classs-uu .ctm-col-xl-7 {
        max-width: 10.6%;
    } */
}

.page-header {
    height: 108px;
    background: url(../img/page-header-bg.svg) no-repeat center;
    padding: 22px 20px;
}

.page-header-model-front {
    background: url(../img/page-header-bg.svg) no-repeat center;
    padding: 22px 20px;
}

.manage-height {
    min-height: 64.4rem;
}

.toast-message {
    font-size: 1.6rem;
}

.arrow-right {
    display: none;
}

.book-col.add-cs-u {
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 70px;
}

.book-col.add-cs-u .arrow-left {
    position: absolute;
    top: 30%;
    left: -80px;
    transform: translateY(-50%);
}
.book-slider{
    margin-bottom: 30px !important;
}

.book-col.add-cs-u .arrow-right {
    position: absolute;
    right: -80px;
    margin-right: 0px;
    top: 30%;
    transform: translateY(-50%);
}

.slick-slider {
    margin-bottom: 100px;
}

/* Hide disabled Slick carousel arrows completely */
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
    display: none !important;
}

/* Hide disabled Owl Carousel arrows completely */
.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    display: none !important;
}

/* Typeahead Search Suggestions Styling */
.twitter-typeahead {
    display: block !important;
    width: 90%;
}

.tt-menu {
    width: 100%;
    margin: 2px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
}

.tt-suggestion {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
}

.tt-suggestion:last-child {
    border-bottom: none;
}

.tt-suggestion:hover,
.tt-suggestion.tt-cursor {
    background-color: #f5f5f5;
    color: #000;
}

.tt-suggestion .suggestion-type {
    color: #6c757d;
}

.tt-suggestion .suggestion-type i {
    width: 20px;
    display: inline-block;
}

.tt-empty {
    padding: 8px 16px;
    color: #999;
    text-align: center;
    font-style: italic;
}

/* Ensure typeahead works with existing form styling */
.input-group .twitter-typeahead {
    flex: 1 1 auto;
}

.input-group .tt-input {
    border-radius: 0;
}

.tt-hint {
    color: #999;
}

@media (max-width:575px) {
    header .home-link {
        margin-left: 0px;
    }
    header .header-btnz {
        margin-inline: inherit;
        margin-left: auto !important;
    }
    .book-page .page-info h2 {
        font-size: 20px;
    }
    .book-page .arrow-back {
        width: 40px;
    }
    .book-page .home-img {
        width: 40px;
    }
    .book-slider .slick-arrow {
        width: 40px;
    }
}

@media (max-width:325px) {
    .custom-flex-font-textt {
        flex-direction: column;
        align-items: flex-start;
    }
}

.inner-wrap-help-slide .model-text {
    text-align: center;
    margin-bottom: 2rem;
    font-size: 3.4rem;
    padding-top: 10px;
}

.text-img-block {
    height: 710px;
    overflow: auto;
    margin: 10px 40px;
}

.text-img-block::-webkit-scrollbar {
    width: 3px;
}


/* Track */

.text-img-block::-webkit-scrollbar-track {
    background: #fff;
}


/* Handle */

.text-img-block::-webkit-scrollbar-thumb {
    background: #ffd064;
}

.page-info h2 {
    max-width: 300px;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


/* Handle on hover */

.text-img-block::-webkit-scrollbar-thumb:hover {
    background: #ffd064;
}

/* My Favorites Option Styling */
.custom-select1 .options-list .favorites-option {
    background-color: #fff5f5;
    border-left: 3px solid #dc3545;
    font-weight: 600;
    transition: all 0.3s ease;
    color: #000 !important;
}

.custom-select1 .options-list .favorites-option:hover {
    background-color: #ffe0e0;
    color: #000 !important;
}

.custom-select1 .options-list .favorites-option i {
    animation: heartbeat 1.5s ease-in-out infinite;
}

@keyframes heartbeat {
    0% { transform: scale(1); }
    14% { transform: scale(1.1); }
    28% { transform: scale(1); }
    42% { transform: scale(1.1); }
    70% { transform: scale(1); }
}

/* Category Grid View - Only when category is selected */
.books-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.book-grid-item {
    display: flex;
    justify-content: center;
}

.category-header h2 {
    color: #333;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Responsive grid adjustments */
@media (max-width: 1200px) {
    .books-grid {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
}

@media (max-width: 768px) {
    .books-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 15px;
    }
}

@media (max-width: 480px) {
    .books-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

span.circle-dot.active:after {
    content: '';
    position: absolute;
    background: #eca017;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

span.circle-dot {
    display: inline-flex;
    width: 26px;
    height: 26px;
    border: 3px solid #eca017;
    border-radius: 50px;
    position: relative;
}

.button-bok-new-main {
    display: flex;
    column-gap: 5rem;
    margin-bottom: 3rem;
}

.button-nameee {
    display: flex;
    align-items: center;
    column-gap: 1rem;
    font-size: 20px;
    color: #000;
    font-weight: 700;
}

.button-nameee:hover {
    color: #000;
}

.info-pages-secc-us {
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 5rem;
    margin-top: 5rem;
}

.terms-con-parent h1 {
    font-size: 34px;
}

.book-col.add-cs-u .arrow-right:hover .right-icon {
    display: none;
    cursor: pointer;
}

.show-icon-hovor {
    display: none;
}

.book-col.add-cs-u .arrow-right:hover .show-icon-hovor {
    display: block;
    transform: scaleX(-1);
    cursor: pointer;
}

.book-col.add-cs-u .arrow-left:hover .left-icon {
    display: none;
    cursor: pointer;
}

.show-icon-left-hovor {
    display: none;
}

.book-col.add-cs-u .arrow-left:hover .show-icon-left-hovor {
    display: block;
    cursor: pointer;
}

.terms-con-parent h1 {
    font-size: 34px;
}

.content-terms-p-main a {
    color: #3865e0;
}

.content-terms-p-main h5.MsoNormal {
    margin-bottom: 15px;
}

section.info-pages-secc {
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 5rem;
    margin-top: 5rem;
}

.search-book-space {
    column-gap: 2.9rem;
    row-gap: 1rem;
}

.number-count-sp {
    position: absolute;
    left: -20px;
    top: 0px;
}

.slide-manu {
    background: rgb(231 190 81 / 80%);
    padding: 9rem;
    backdrop-filter: blur(8px);
}

@media (min-width:1499px) and (max-width:1800px) {
    
    .custom-flex-font-textt {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
}

.custom-select-bt .selectpicker {
    background: none;
    outline: 0 !important;
    border: none;
}

.custom-select-bt .selectpicker:focus-visible {
    border: none;
    box-shadow: none;
    outline: 0 !important;
}

.custom-select-bt .staric-red {
    color: red;
}

.yes-btn-md-1 {
    font-size: 17px;
    padding: 0px;
    border-radius: 50px;
    color: #000;
    /* background-image: url(../img/btnSY.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
    width: 150px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    text-transform: capitalize;
    border: 3px solid rgb(225 159 33 / 70%);
    cursor: pointer;
    position: relative;
    transition: ease all 0.5s;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 30%);
    outline: 3px solid #fff;
    background-image: linear-gradient(to bottom, rgb(249 231 91), rgb(255 186 65));
}

.yes-btn-md-1:hover {
    background-image: linear-gradient(to bottom, rgb(255 186 65), rgb(249 231 91));
    transition: ease all 0.5s;
}


/* .yes-btn-md-1:after {
    position: absolute;
    content: '';
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    background: white;
    border-radius: 50px;
    z-index: -1;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 30%);
} */

.modal-btn-fix-dr {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1rem;
}

.modl-text-titleee {
    font-size: 28px;
    text-align: center;
    margin-bottom: 4rem;
    line-height: 35px
}

.background-select:after {
    display: none !important;
}

.background-select {
    justify-content: space-between !important;
}

/* .active-card .icon-block {
    border: 4px solid #4761f6;
} */

.active-card .title {
    color: #4761f6;
}

.potential {
    max-width: 150px;
    height: 150px;
    margin-inline: auto;
    margin-bottom: 2rem;
}

.potential img {
    width: 100%;
}

.yes-btn-md-2 {
    background-image: linear-gradient(to bottom, #9eddf7, #9eddf7);
    border: 3px solid #87ceeb;
}

.yes-btn-md-2:hover {
    background: #87ceeb;
}

.loader {
    transform: rotateZ(45deg);
    perspective: 1000px;
    border-radius: 50%;
    width: 68px;
    height: 68px;
    color: #009580;
  }
    .loader:before,
    .loader:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: inherit;
      height: inherit;
      border-radius: 50%;
      transform: rotateX(70deg);
      animation: 1s spin linear infinite;
    }
    .loader:after {
      color: #009580;
      transform: rotateY(70deg);
      animation-delay: .4s;
    }

  @keyframes rotate {
    0% {
      transform: translate(-50%, -50%) rotateZ(0deg);
    }
    100% {
      transform: translate(-50%, -50%) rotateZ(360deg);
    }
  }

  @keyframes rotateccw {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
      transform: translate(-50%, -50%) rotate(-360deg);
    }
  }

  @keyframes spin {
    0%,
    100% {
      box-shadow: .5em 0px 0 0px currentcolor;
    }
    12% {
      box-shadow: .5em .5em 0 0 currentcolor;
    }
    25% {
      box-shadow: 0 .5em 0 0px currentcolor;
    }
    37% {
      box-shadow: -.5em .5em 0 0 currentcolor;
    }
    50% {
      box-shadow: -.5em 0 0 0 currentcolor;
    }
    62% {
      box-shadow: -.5em -.5em 0 0 currentcolor;
    }
    75% {
      box-shadow: 0px -.5em 0 0 currentcolor;
    }
    87% {
      box-shadow: .5em -.5em 0 0 currentcolor;
    }
  }

  /* .scrolling-box {

    scroll-behavior: auto;
  
} */


/* new css start here umair */
.my-lab-view-aud-parent {
    justify-content: center !important;
}

.my-lab-view-aud-parent  .ctm-col-xl-7 {
    max-width: 10.9%;
}


.height-set-newww-cer .menu-creation-card{
    padding: 0px;
}
.ctm-col-xl-7 {
    width: 100%;
    max-width: 135px;
}


.sapce-set-classs-uu .ctm-col-xl-7:nth-child(1) .creation-card .icon-block {
    background: #94ccf5;
    border: 1px solid #0268b4;
}

.sapce-set-classs-uu .ctm-col-xl-7:nth-child(2) .creation-card .icon-block {
    background: #f5dfa2;
    border: 1px solid #6b520e;
}
.sapce-set-classs-uu .ctm-col-xl-7:nth-child(3) .creation-card .icon-block {
    background: #e1f16e;
    border: 1px solid #748501;
}
.sapce-set-classs-uu .ctm-col-xl-7:nth-child(4) .creation-card .icon-block {
    background: #fcd6a3;
    border: 1px solid #fea22b;
}
.sapce-set-classs-uu .ctm-col-xl-7:nth-child(5) .creation-card .icon-block {
    background: #b2fbc5;
    border: 1px solid #199939;
}
.sapce-set-classs-uu .ctm-col-xl-7:nth-child(6) .creation-card .icon-block {
    background: #c9e5fd;
    border: 1px solid #3b9ff8;
}

.sapce-set-classs-uu .ctm-col-xl-7:nth-child(7) .creation-card .icon-block {
    background: #beb8f4;
    border: 1px solid #2107f4;
}




.image-bg-after-uss .ctm-col-xl-7:nth-child(1) .menu-creation-card .icon-block {
    background: #ffbccc;
    border: 1px solid #f4456d;
}

.image-bg-after-uss .ctm-col-xl-7:nth-child(2) .menu-creation-card .icon-block {
    background: #fddfa3;
    border: 1px solid #b67f10;
}
.image-bg-after-uss .ctm-col-xl-7:nth-child(3) .menu-creation-card .icon-block {
    background: #b3e9fb;
    border: 1px solid #1a8fb6;
}
.image-bg-after-uss .ctm-col-xl-7:nth-child(4) .menu-creation-card .icon-block {
    background: #53e253;
    border: 1px solid #0f380f;
}
.image-bg-after-uss .ctm-col-xl-7:nth-child(5) .menu-creation-card .icon-block {
    background: #fbe2b8;
    border: 1px solid #fcb233;
}
.image-bg-after-uss .ctm-col-xl-7:nth-child(6) .menu-creation-card .icon-block {
    background: #c9e5fd;
    border: 1px solid #3b9ff8;
}






@media (min-width:1100px) and (max-width: 1450px){
    /* .my-lab-view-aud-parent .ctm-col-xl-7 {
        max-width: 16%;
    } */
    .ctm-col-xl-7 {
        width: 100%;
        max-width: 135px;
    }
}

@media (max-width:1900px){
    header .home-link {
        margin-left: 0rem;
    }
}

@media (max-width:1100px){
    .ctm-col-xl-7 {
        max-width: 155px;
    }
    .my-lab-view-aud-parent .ctm-col-xl-7 {
        max-width: 16.9%;
    }
}

@media (max-width:991px){
    .menu-creation-card .icon-block img{
        width: 40px;

    }
    .creation-card .icon-block img {
        width: 40px;
    }
    .drawing-page .shape-control-block{
        left: 0px;
        position: relative;
        width: 58%;
        margin: 0 auto;
    }
    .creation-block .ctm-row {
        flex-wrap: inherit;
        overflow-x: auto;
        justify-content: flex-start;
    }
    .creation-card .icon-block {
        max-width: 8.5rem;
        height: 8.5rem;
    }
    .creation-card .title {
        font-size: 1.3rem;
        line-height: 2rem;
    }
    .image-bg-after-uss {
        position: relative;
        background: white;
        padding: 2rem 0px;
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: flex-start !important;
    }
    .menu-creation-card .icon-block{
        max-width: 8.5rem;
        height: 8.5rem;

    }
    .menu-creation-card .title{
        font-size: 1.3rem;
        line-height: 2rem;

    }
    header .logo-block-account {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0%
    }
    .menu-block-account{
        flex-basis: unset !important;
        justify-content: space-between;
        width: 100%
    }
    .header-btnz-account{
        flex-basis: unset !important;
        justify-content: space-between !important;
        width: 100%;
        margin-top: 13px;
    }
}


@media (max-width:575px){
    .menu-creation-card .icon-block img{
        width: 30px;

    }
    .creation-card .icon-block img {
        width: 30px;
    }
    .drawing-page .shape-control-block{
        left: 0px;
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
    .creation-card {
        width: unset;
    }
    .my-lab-view-aud-parent {
        justify-content: center !important;
        flex-wrap: wrap;
        display: flex !important;
        overflow-x: auto;
        flex-direction: row !important;
    }
    .my-lab-view-aud-parent .ctm-col-xl-7 {
        max-width: 121px;
        margin-bottom: 30px;
    }
    .menu-creation-card.first-card {
        margin-left: 0px;
    }
}



/* end new csss umair */

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

.ql-align-right{
    text-align: right;
}

.new-font{
    font-family: "IndianaJonas";
}

@media (max-width: 968px){
    .book-col.add-cs-u .arrow-left {
        left: 0px !important;
        z-index: 9999999;
    }
    .book-col.add-cs-u .arrow-right {
        margin-right: 80px !important;
    }
}

.display-range{
    display: inherit !important;
}

.ctm-textarea{
    outline: none;
    border: none;
}

.voice-character{
    display: grid;
}

.voice-model-custom{
    display: inline-flex;
    margin-top: 22px;
}

@media print {
    .result {page-break-after: always;}
}


@media (max-width: 426px){
    .edit-save-btn.custom-btn-us-addd {
        min-width: 15.1rem;
    }
    .image-resp{
        width :50px;
    }

    .margin-resp{
        margin-left:-15px !important;
        margin-bottom: 30px !important;
    }
   
    .resp-aero-image{
        width: 50px;
    }
}

@media (max-width: 375px){
   
    .image-resp{
        width :30px;
    }

    .margin-resp{
        margin-left:-15px !important;
        margin-bottom: 30px !important;
    }
   
}

.font-helper{
    font-size: 12px;
}

.helper-custom-model{
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;
}

.two-btn-a-btn-front {
    width: 34%;
    display: flex;
    justify-content: flex-end;
    column-gap: 15px;
}


@media(max-width:575px){
    .createBook-cover-sec .btnz-row {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .two-btn-a-btn-front {
        width: 100%;
        justify-content: flex-end;
        margin-bottom: 30px;
    }
    /* Override absolute positioning for new responsive header structure */
    header .row.d-block.d-md-none .logo-block {
        position: static !important;
        left: auto !important;
        transform: none !important;
    }
    /* Keep original positioning for old header structure */
    header .header-row .logo-block {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    header .header-btnz .dropdown.ctm-dd {
        margin-bottom: 0px !important;
    }
    header .header-btnz .dd-btn {
        width: 13.5rem;
        padding: 5px;
    }
    .my-lab-view-aud-parent .creation-card .icon-block img {
        width: 40px;
    }
    .my-lab-view-aud-parent .creation-card .title {
        font-size: 1.4rem;
        line-height: 2rem;
    }
    .sapce-set-classs-uu .creation-btn {
        width: 100px;
    }
    .sapce-set-classs-uu .creation-card {
        width: 100px;
    }
    .height-set-newww-cer .menu-creation-card {
        width: 100px;
    }
    .image-bg-after-uss .ctm-col-xl-7 {
        max-width: 100px;
    }
    .play-audio-book-page-main .page-header {
        min-height: 108px;
        height: unset;
        background-size: cover;
        align-items: baseline !important;
    }
    .play-audio-book-page-main .page-info h2{
        font-size: 27px;
    }
    .play-audio-book-page-main .page-info h3{
        font-size: 22px;
    }
    .play-audio-book-page-main .page-header .all-btnz-row {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .play-back-timmerrr-lefttt {
        left: 40px;
        right: auto;
        top: 13px;
        width: 17%;
        min-width: 100px;
        position: absolute;
        font-size: 14px;
    }

    .play-back-tracker-bottom {
        height: 100px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .play-back-timmerrr {
       min-width: 100px;
        right: 40px;
        top: 13px;
        transform: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 17%;
        margin: 0 auto;
        margin-top: 20px;
        position: absolute;
        font-size: 14px;
    }
    .button-play-back-wrapperr .play {
        width: 60px;
        height: 60px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .button-play-back-wrapperr .pause {
        width: 60px;
        height: 60px;
        background-repeat: no-repeat;
        background-size: contain;
    }






}


@media (max-width:380px){
    .play-back-timmerrr{
        right: 20px;
       
    }
    .play-back-timmerrr-lefttt{
        left: 20px;
       
    }
}

@media (max-width:325px){
    header .logo-block {
        top: 0px;
    }
    header .header-row {
        padding-top: 70px;
    }
    .play-back-timmerrr{
        right: 20px;
        min-width: 80px;
    }
    .play-back-timmerrr-lefttt{
        left: 20px;
        min-width: 80px;
    }
}

.swal2-html-container{
    font-size: 1.875em !important;
}


.book-sale-modal-image-block{
    border: 1px solid;
    /*max-height: 449px;*/
    /*border-radius: 20px;*/
    /*max-width: 332px;*/
}

.book-sale-modal-image-block img{
    /*border-radius: 20px;*/
}

.title-by{
    font-weight: 500
}

.title-by span{
    color: #092cef
}

.textarea-style{
    height: 10rem !important;
    justify-content: start !important;
    padding-top: 5px !important;
}

.book-publish-note span{
    color: red;
}

.story-desc .rejection-message{
    color: yellow;
}



.cart-header-icon{
    max-width: 4.5rem;
    min-width: 3rem;
    position: relative;
}

.wishlist-header-icon{
    max-width: 4.5rem;
    min-width: 3rem;
    position: relative;
}

.image-counter{
    position: absolute;
    top: 8px;
    background-color: red;
    padding: 2px 6px;
    border-radius: 15px;
    font-size: 10px;
    right: 0;
}


.book-buy-button{
    font-size: 2rem;
    height: 5rem;
}


.front-drawing-modal.characters-modal .modal-content{
    border-radius: 0rem;
    border: 0.8rem solid #000;
    background-color: #252a24;
}

.front-drawing-modal .title-by span{
    color: #3ffd00;
    font-size: 1.7rem
}

.front-drawing-modal .login-top-tittless .tittle, .front-drawing-modal h5,.front-drawing-modal p{
    color: #fff;
    font-size: 1.7rem
}

.front-drawing-modal .login-top-tittless .tittle{
    font-size: 2.5rem
}

@media (min-width: 1000px) {
    .front-drawing-modal .modal-dialog {
        max-width: 80rem;
    }
}

.readmore-btn {
    cursor: pointer;
    color: blue !important;
}
.hide_content {
    display: none;
}
.get-vanished-mydata {
    max-height: 7rem !important;
    overflow: hidden !important;
}
.showContent .get-vanished-mydata {
    max-height: unset !important;
}

.showContent .get-vanished-mydata p{
    max-height: unset !important;
}

header .header-btnz{
    gap: 0.5rem 1.5rem
}

.menu-block, .header-btnz{
    flex-basis: 39%;
}

.header-btnz{
    justify-content: end;
}

.logo-block{
    flex-basis: 40%;
}

@media (min-width: 1000px) {
    .cart{
        width: 1100px
    }
}

.cart h2{
    margin: 40px 0px 20px 0px;
    color: #fff;
}

.cart-item{
    background-color: #f5f5f5;
    padding: 10px;
    display: flex;
    border-radius: 10px;
}

.cart-item .cart-item-image{
    margin-right: 10px;
    min-width: 133px;
    max-width: 133px;
    max-height: 180px;
}

.cart-item .cart-item-detail{
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    width: 100%;
}

.cart-item .cart-item-detail .price-icons-section{
    display: flex;
    justify-content: space-between;
}

.cart-item .cart-item-detail .price-icons-section .price{
    color: green;
    font-size: 2rem;
    font-weight: bold;
}

.cart-item .cart-item-detail .price-icons-section .icons{
    display: flex;
}

.cart-item .cart-item-detail .price-icons-section .icons button{
    color: black;
    font-size: 2.5rem;
}

.cart-item .cart-item-detail .product-detail p{
    font-size: 1.7rem;
}

.cart-item .cart-item-detail .product-detail .product-title,
.cart-item .cart-item-detail .product-detail .product-by span{
    font-weight: bold;
}

.order-summery{
    background-color: #f5f5f5;
    padding: 10px 30px;
    border-bottom: 1px solid #00000024;
}

.order-summery .heading{
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 15px;
}
.order-summery .item{
    display: flex;
    justify-content: space-between;
    font-size: 1.7rem;
    margin-bottom: 10px;
}

.order-summery .item .item-detail{
    font-weight: 500;
    color: #515151;
}

.order-summery .item .item-amount{
    font-weight: bold;
}

.order-payment-form{
    background-color: #f5f5f5;
    padding: 10px 30px;
}

.order-payment-form .heading{
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 15px;
}

.order-payment-form .form .stripe-card{
    margin: 0;
    background-color: #fff;
}

.search-section-icon{
    height: 100%;
    /*width: auto;*/
    font-size: 15px;
    background-color: #0a2cef;
    border-color: #0a2cef;
}

.filter-section {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.book-card-front{
    max-width: 200px;
    min-width: 200px;
    max-height: 260px;
    min-height: 260px;
    overflow: hidden;
    cursor:pointer;
    position: relative;
}



.password-checklist{
    margin-bottom: 15px;
    width: 100%;
    padding: 20px 30px;
    background: #ffe5aa;
    border-radius: 5px;
}

.checklist-title{
    font-size: 15px;
    color: #000;
    margin-bottom: 10px;
}

.checklist{
    list-style: none;
}

.list-item{
    padding-left: 30px;
    color: #000;
    font-size: 14px;
}

.list-item::before{
    content: '\f00d';
    font-family: FontAwesome;
    display: inline-block;
    margin: 8px 0;
    margin-left: -30px;
    width: 20px;
    font-size: 12px;
}

.list-item.checked{
    opacity: 0.5;
}

.list-item.checked::before{
    content: '\f00c';
    color: #922037;
}

.position-relative1{
    /*display: flex;*/
    /*justify-content: right;*/
    /*border: 1px solid;*/
    /*position: absolute;*/
    /*top: 5px;*/
    /*right: 20px;*/
}


.position-relative2{
    display: flex;
    justify-content: right;
}

.copy-modal-url{
    background-color: #f8f8f8 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px 4px;
    color: #074585;
}

.copy-modal-url1 {
    /*background-color: #f8f8f8 !important;*/
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 6px;
    font-size: 20px;
}


.owl-carousel.owl-drag .owl-item:not(:first-child){
    display: flex;
    justify-content: center;
    align-items: center;
}


.owl-carousel.owl-drag .owl-item:first-child {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
}


/*!* Small devices (576px and up) *!*/
/*@media (max-width: 576px) {*/
/*    .book-card-front{*/
/*        max-width: unset;*/
/*    }*/
/*}*/

/*!* Medium devices (768px and up) *!*/
/*@media (min-width: 768px) {*/
/*    .example {*/
/*        background-color: green;*/
/*    }*/
/*}*/

/*!* Large devices (992px and up) *!*/
/*@media (min-width: 992px) {*/
/*    .book-card-front{*/
/*        !*max-width: unset;*!*/
/*        min-width: unset;*/
/*    }*/
/*}*/

/*!* Extra large devices (1200px and up) *!*/
/*@media (min-width: 1200px) {*/
/*    .book-card-front{*/
/*        !*max-width: unset;*!*/
/*        min-width: unset;*/
/*    }*/
/*}*/



.custom-select1 {
    position: relative;
    width: 100%;
}

.select-box {
    background: #212224;
    /*border: 1px solid #ced4da;*/
    padding: 12px 10px;
    width: 100%;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*border-radius: 5px;*/
}

.selected-option{
    font-size: 1.9rem;
}

.custom-select1 .arrow {
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    margin-left: 12px
}

.options-list {
    display: none;
    position: absolute;
    width: 100%;
    background: #212224;
    border: 1px solid #ced4da;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 10;
}

.options-list li {
    padding: 8px 12px;
    cursor: pointer;
    font-size:1.9rem
}

.options-list li:hover {
    background: #212224;
}

/* Show options on hover */
.custom-select1:hover .options-list {
    display: block;
}


.append-button {
    padding: 10px 15px;
    font-size: 1.5rem;
    color: black;
    border: none;
    background: #ffffff;
    border-radius: unset;
}


.options-list li {
    text-transform: uppercase;
}

.selected-option{
    text-transform: uppercase;
}

.options-list li:hover {
    background-color: #f0f0f0; /* Light gray background */
    color: #333; /* Darker text color */
}

.custom-select1 .label {
    font-size: 14px;
    color: #f5d50c;
    display: block;
    margin-bottom: 2px;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

.custom-select1 .selected-option {
    font-size: 16px;
    font-weight: bold;
}

.custom-select1.has-selection .label {
    display: block;
    padding-left: 12px;
}

.custom-select1.has-selection .selected-option {
    font-size: 16px; /* Reduce font size slightly */
}

.product-card{
    width: 161px;
}

.product-card h4{
    font-size: 2rem;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-card p{
    font-size: 1.8rem;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-card p span{
    color: #074585;
    font-weight: 500;
}


html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}


.wrapper {
    flex: 1;
}

/* Reduce slick slider arrow images by 50% on desktop */
@media (min-width: 992px) {
    /* Reduce SVG arrow images in slick sliders */
    .arrow-left .left-icon,
    .arrow-right .right-icon,
    .arrow-left .show-icon-left-hovor,
    .arrow-right .show-icon-hovor {
        /*width: 50% !important;*/
        /*height: 50% !important;*/
    }
    
    /* Reduce owl carousel arrow background images */
    .owl-carousel .prev-slide,
    .owl-carousel .next-slide {
        background-size: 50% !important;
    }
    
    /* Reduce premium image slider arrows */
    .premium-imgs-slider .slick-arrows {
        width: 2.75rem !important;  /* 50% of 5.5rem */
        height: 2.75rem !important; /* 50% of 5.5rem */
    }
}


.bs-tooltip-top .arrow::before{
    border-top-color: #df4957 !important;
}

/* Responsive search form styles */
@media (max-width: 991px) {
    .filter-section .custom-select1 {
        margin-bottom: 1rem;
    }
}

@media (max-width: 767px) {
    .filter-section .custom-select1 {
        width: 100% !important;
        margin-bottom: 1.5rem;
    }
    .filter-section .input-group {
        width: 100%;
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch;
    }
    .filter-section .form-control {
        width: 100%;
        flex: 1;
        border-radius: 0 !important;
    }
    .filter-section .input-group-append {
        display: flex !important;
        align-items: center;
    }
    .filter-section .append-button {
        min-width: 50px;
        height: 100%;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 0 !important;
    }
}

/* ========================================
   VOLUME CONTROL WRAPPER
   ======================================== */

.volume-control-wrapper {
    position: relative;
    display: inline-block;
}

/* ========================================
   VERTICAL SLIDER TOOLTIP
   ======================================== */

.volume-slider-tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 10px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 15px 10px;
    z-index: 1000;
    min-width: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Tooltip Arrow */
.volume-slider-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-top-color: #fff;
}

/* Volume Value Display */
.volume-value-display {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    min-width: 35px;
    text-align: center;
}

/* Min Label */
.volume-min-label {
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}

/* ========================================
   VERTICAL SLIDER STYLING
   ======================================== */

.vertical-slider {
    -webkit-appearance: slider-vertical;
    appearance: slider-vertical;
    width: 8px;
    height: 120px;
    background: linear-gradient(to top, #e0e0e0 0%, #4CAF50 100%);
    border-radius: 4px;
    outline: none;
    cursor: pointer;
}

/* Firefox vertical slider */
.vertical-slider::-moz-range-track {
    width: 8px;
    background: linear-gradient(to top, #e0e0e0 0%, #4CAF50 100%);
    border-radius: 4px;
}

/* Chrome/Safari slider thumb */
.vertical-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid #4CAF50;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Firefox slider thumb */
.vertical-slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid #4CAF50;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Active state */
.vertical-slider:active::-webkit-slider-thumb {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    transform: scale(1.1);
}

.vertical-slider:active::-moz-range-thumb {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    transform: scale(1.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
    .volume-slider-tooltip {
        /* On mobile, position slightly different for better touch */
        bottom: 110%;
        margin-bottom: 5px;
        padding: 12px 8px;
    }

    .vertical-slider {
        height: 100px; /* Slightly shorter for mobile */
        width: 10px; /* Slightly wider for easier touch */
    }

    .vertical-slider::-webkit-slider-thumb {
        width: 24px;
        height: 24px;
    }

    .vertical-slider::-moz-range-thumb {
        width: 24px;
        height: 24px;
    }
}

/* ========================================
   ACCESSIBILITY
   ======================================== */

.vertical-slider:focus {
    outline: 2px solid #4CAF50;
    outline-offset: 2px;
}