/* Colors */

.dark {
    --base-50: var(--slate-950);
    --base-100: var(--slate-900);
    --base-200: var(--slate-800);
    --base-300: var(--slate-700);
    --base-400: var(--slate-600);
    --base-500: var(--slate-500);
    --base-600: var(--slate-400);
    --base-700: var(--slate-300);
    --base-800: var(--slate-200);
    --base-900: var(--slate-100);
    --base-950: var(--slate-50);
    --brand-700: hsla(235, 100%, 83%, 1.000);
    --brand-600: hsla(235, 100%, 73%, 1.000);
    --brand-500: hsla(235, 100%, 63%, 1.000);
    --brand-400: hsla(235, 100%, 53%, 1.000);
    --brand-300: hsla(235, 100%, 43%, 1.000);
    --primary-400: hsla(317, 93%, 62%, 1.000);
    --primary-500: hsla(317, 93%, 62%, 1.000);
    --primary-600: hsla(317, 93%, 62%, 1.000);
    --action-secondary-400: ;
    --action-secondary-500: ;
    --action-secondary-600: ;
    --success-600: hsla(142, 70%, 55%, 1.000);
    --success-500: hsla(142, 70%, 45%, 1.000);
    --success-400: hsla(142, 70%, 35%, 1.000);
    --warning-600: hsla(46, 97%, 64%, 1.000);
    --warning-500: hsla(46, 97%, 54%, 1.000);
    --warning-400: hsla(46, 97%, 44%, 1.000);
    --danger-600: hsla(360, 84%, 70%, 1.000);
    --danger-500: hsla(360, 84%, 60%, 1.000);
    --danger-400: hsla(360, 84%, 50%, 1.000);
}

.light {
    --base-50: var(--slate-50);
    --base-100: var(--slate-100);
    --base-200: var(--slate-200);
    --base-300: var(--slate-300);
    --base-400: var(--slate-400);
    --base-500: var(--slate-500);
    --base-600: var(--slate-600);
    --base-700: var(--slate-700);
    --base-800: var(--slate-800);
    --base-900: var(--slate-900);
    --base-950: var(--slate-950);
    --brand-300: hsla(235, 100%, 83%, 1.000);
    --brand-400: hsla(235, 100%, 73%, 1.000);
    --brand-500: hsla(235, 100%, 63%, 1.000);
    --brand-600: hsla(235, 100%, 53%, 1.000);
    --brand-700: hsla(235, 100%, 43%, 1.000);
    --primary-400: hsla(317, 93%, 62%, 1.000);
    --primary-500: hsla(317, 93%, 62%, 1.000);
    --primary-600: hsla(317, 93%, 62%, 1.000);
    --action-secondary-400: ;
    --action-secondary-500: ;
    --action-secondary-600: ;
    --success-400: hsla(142, 70%, 55%, 1.000);
    --success-500: hsla(142, 70%, 45%, 1.000);
    --success-600: hsla(142, 70%, 35%, 1.000);
    --warning-400: hsla(46, 97%, 64%, 1.000);
    --warning-500: hsla(46, 97%, 54%, 1.000);
    --warning-600: hsla(46, 97%, 44%, 1.000);
    --danger-400: hsla(360, 84%, 70%, 1.000);
    --danger-500: hsla(360, 84%, 60%, 1.000);
    --danger-600: hsla(360, 84%, 50%, 1.000);
}

/* Background Colors */

body:not(.fl-builder) .bg-white,
.bg-white .fl-col-content,
.bg-white .fl-row-content-wrap,
.bg-white .fl-module-box,
.fl-module-content .bg-white {
    background-color: var(--white);
}

body:not(.fl-builder) .bg-base-50,
.bg-base-50 .fl-col-content,
.bg-base-50 .fl-row-content-wrap,
.bg-base-50 .fl-module-box,
.fl-module-content .bg-base-50 {
    background-color: var(--base-50);
}

body:not(.fl-builder) .bg-base-100,
.bg-base-100 .fl-col-content,
.bg-base-100 .fl-row-content-wrap,
.bg-base-100 .fl-module-box,
.fl-module-content .bg-base-100 {
    background-color: var(--base-100);
}

body:not(.fl-builder) .bg-base-200,
.bg-base-200 .fl-col-content,
.bg-base-200 .fl-row-content-wrap,
.bg-base-200 .fl-module-box,
.fl-module-content .bg-base-200 {
    background-color: var(--base-200);
}

body:not(.fl-builder) .bg-base-300,
.bg-base-300 .fl-col-content,
.bg-base-300 .fl-row-content-wrap,
.bg-base-300 .fl-module-box,
.fl-module-content .bg-base-300 {
    background-color: var(--base-300);
}

body:not(.fl-builder) .bg-base-400,
.bg-base-400 .fl-col-content,
.bg-base-400 .fl-row-content-wrap,
.bg-base-400 .fl-module-box,
.fl-module-content .bg-base-400 {
    background-color: var(--base-400);
}

body:not(.fl-builder) .bg-base-500,
.bg-base-500 .fl-col-content,
.bg-base-500 .fl-row-content-wrap,
.bg-base-500 .fl-module-box,
.fl-module-content .bg-base-500 {
    background-color: var(--base-500);
}

body:not(.fl-builder) .bg-base-600,
.bg-base-600 .fl-col-content,
.bg-base-600 .fl-row-content-wrap,
.bg-base-600 .fl-module-box,
.fl-module-content .bg-base-600 {
    background-color: var(--base-600);
}

body:not(.fl-builder) .bg-base-700,
.bg-base-700 .fl-col-content,
.bg-base-700 .fl-row-content-wrap,
.bg-base-700 .fl-module-box,
.fl-module-content .bg-base-700 {
    background-color: var(--base-700);
}

body:not(.fl-builder) .bg-base-800,
.bg-base-800 .fl-col-content,
.bg-base-800 .fl-row-content-wrap,
.bg-base-800 .fl-module-box,
.fl-module-content .bg-base-800 {
    background-color: var(--base-800);
}

body:not(.fl-builder) .bg-base-900,
.bg-base-900 .fl-col-content,
.bg-base-900 .fl-row-content-wrap,
.bg-base-900 .fl-module-box,
.fl-module-content .bg-base-900 {
    background-color: var(--base-900);
}

body:not(.fl-builder) .bg-base-950,
.bg-base-950 .fl-col-content,
.bg-base-950 .fl-row-content-wrap,
.bg-base-950 .fl-module-box,
.fl-module-content .bg-base-950 {
    background-color: var(--base-950);
}

body:not(.fl-builder) .bg-black,
.bg-black .fl-col-content,
.bg-black .fl-row-content-wrap,
.bg-black .fl-module-box,
.fl-module-content .bg-black {
    background-color: var(--black);
}

body:not(.fl-builder) .bg-brand-300,
.bg-brand-300 .fl-col-content,
.bg-brand-300 .fl-row-content-wrap,
.bg-brand-300 .fl-module-box,
.fl-module-content .bg-brand-300 {
    background-color: var(--brand-300);
}

body:not(.fl-builder) .bg-brand-400,
.bg-brand-400 .fl-col-content,
.bg-brand-400 .fl-row-content-wrap,
.bg-brand-400 .fl-module-box,
.fl-module-content .bg-brand-400 {
    background-color: var(--brand-400);
}

body:not(.fl-builder) .bg-brand,
.bg-brand .fl-col-content,
.bg-brand .fl-row-content-wrap,
body:not(.fl-builder) .bg-brand-500,
.bg-brand-500 .fl-col-content,
.bg-brand-500 .fl-row-content-wrap,
.bg-brand-500 .fl-module-box,
.fl-module-content .bg-brand-500 {
    background-color: var(--brand-500);
}

body:not(.fl-builder) .bg-brand-600,
.bg-brand-600 .fl-col-content,
.bg-brand-600 .fl-row-content-wrap,
.bg-brand-600 .fl-module-box,
.fl-module-content .bg-brand-600 {
    background-color: var(--brand-600);
}

body:not(.fl-builder) .bg-brand-700,
.bg-brand-700 .fl-col-content,
.bg-brand-700 .fl-row-content-wrap,
.bg-brand-700 .fl-module-box,
.fl-module-content .bg-brand-700 {
    background-color: var(--brand-700);
}

body:not(.fl-builder) .bg-brand-gradient,
.bg-brand-gradient .fl-col-content,
.bg-brand-gradient .fl-row-content-wrap,
.bg-brand-gradient .fl-module-box,
.fl-module-content .bg-brand-gradient {
    background: rgb(169,176,255);
    background: linear-gradient(90deg, var(--brand-300) 0%, var(--brand-400) 25%, var(--brand-500) 50%, var(--brand-600) 75%, var(--brand-700) 100%);
}

body:not(.fl-builder) .bg-primary-400,
.bg-primary-400 .fl-col-content,
.bg-primary-400 .fl-row-content-wrap,
.bg-primary-400 .fl-module-box,
.fl-module-content .bg-primary-400 {
    background-color: var(--primary-400);
}

body:not(.fl-builder) .bg-primary,
.bg-primary .fl-col-content,
.bg-primary .fl-row-content-wrap,
body:not(.fl-builder) .bg-primary-500,
.bg-primary-500 .fl-col-content,
.bg-primary-500 .fl-row-content-wrap,
.bg-primary-500 .fl-module-box,
.fl-module-content .bg-primary-500 {
    background-color: var(--primary-500);
}

body:not(.fl-builder) .bg-primary-600,
.bg-primary-600 .fl-col-content,
.bg-primary-600 .fl-row-content-wrap,
.bg-primary-600 .fl-module-box,
.fl-module-content .bg-primary-600 {
    background-color: var(--primary-600);
}

body:not(.fl-builder) .bg-secondary-400,
.bg-secondary-400 .fl-col-content,
.bg-secondary-400 .fl-row-content-wrap,
.bg-secondary-400 .fl-module-box,
.fl-module-content .bg-secondary-400 {
    background-color: var(--secondary-400);
}

body:not(.fl-builder) .bg-secondary,
.bg-secondary .fl-col-content,
.bg-secondary .fl-row-content-wrap,
body:not(.fl-builder) .bg-secondary-500,
.bg-secondary-500 .fl-col-content,
.bg-secondary-500 .fl-row-content-wrap,
.bg-secondary-500 .fl-module-box,
.fl-module-content .bg-secondary-500 {
    background-color: var(--secondary-500);
}

body:not(.fl-builder) .bg-secondary-600,
.bg-secondary-600 .fl-col-content,
.bg-secondary-600 .fl-row-content-wrap,
.bg-secondary-600 .fl-module-box,
.fl-module-content .bg-secondary-600 {
    background-color: var(--secondary-600);
}

body:not(.fl-builder) .bg-tertiary-400,
.bg-tertiary-400 .fl-col-content,
.bg-tertiary-400 .fl-row-content-wrap,
.bg-tertiary-400 .fl-module-box,
.fl-module-content .bg-tertiary-400 {
    background-color: var(--tertiary-400);
}

body:not(.fl-builder) .bg-tertiary,
.bg-tertiary .fl-col-content,
.bg-tertiary .fl-row-content-wrap,
body:not(.fl-builder) .bg-tertiary-500,
.bg-tertiary-500 .fl-col-content,
.bg-tertiary-500 .fl-row-content-wrap,
.bg-tertiary-500 .fl-module-box,
.fl-module-content .bg-tertiary-500 {
    background-color: var(--tertiary-500);
}

body:not(.fl-builder) .bg-tertiary-600,
.bg-tertiary-600 .fl-col-content,
.bg-tertiary-600 .fl-row-content-wrap,
.bg-tertiary-600 .fl-module-box,
.fl-module-content .bg-tertiary-600 {
    background-color: var(--tertiary-600);
}

body:not(.fl-builder) .bg-success-400,
.bg-success-400 .fl-col-content,
.bg-success-400 .fl-row-content-wrap,
.bg-success-400 .fl-module-box,
.fl-module-content .bg-success-400 {
    background-color: var(--success-400);
}

body:not(.fl-builder) .bg-success,
.bg-success .fl-col-content,
.bg-success .fl-row-content-wrap,
body:not(.fl-builder) .bg-success-500,
.bg-success-500 .fl-col-content,
.bg-success-500 .fl-row-content-wrap,
.bg-success-500 .fl-module-box,
.fl-module-content .bg-success-500 {
    background-color: var(--success-500);
}

body:not(.fl-builder) .bg-success-600,
.bg-success-600 .fl-col-content,
.bg-success-600 .fl-row-content-wrap,
.bg-success-600 .fl-module-box,
.fl-module-content .bg-success-600 {
    background-color: var(--success-600);
}

body:not(.fl-builder) .bg-warning-400,
.bg-warning-400 .fl-col-content,
.bg-warning-400 .fl-row-content-wrap,
.bg-warning-400 .fl-module-box,
.fl-module-content .bg-warning-400 {
    background-color: var(--warning-400);
}

body:not(.fl-builder) .bg-warning,
.bg-warning .fl-col-content,
.bg-warning .fl-row-content-wrap,
body:not(.fl-builder) .bg-warning-500,
.bg-warning-500 .fl-col-content,
.bg-warning-500 .fl-row-content-wrap,
.bg-warning-500 .fl-module-box,
.fl-module-content .bg-warning-500 {
    background-color: var(--warning-500);
}

body:not(.fl-builder) .bg-warning-600,
.bg-warning-600 .fl-col-content,
.bg-warning-600 .fl-row-content-wrap,
.bg-warning-600 .fl-module-box,
.fl-module-content .bg-warning-600 {
    background-color: var(--warning-600);
}

body:not(.fl-builder) .bg-danger-400,
.bg-danger-400 .fl-col-content,
.bg-danger-400 .fl-row-content-wrap,
.bg-danger-400 .fl-module-box,
.fl-module-content .bg-danger-400 {
    background-color: var(--danger-400);
}

body:not(.fl-builder) .bg-danger,
.bg-danger .fl-col-content,
.bg-danger .fl-row-content-wrap,
body:not(.fl-builder) .bg-danger-500,
.bg-danger-500 .fl-col-content,
.bg-danger-500 .fl-row-content-wrap,
.bg-danger-500 .fl-module-box,
.fl-module-content .bg-danger-500 {
    background-color: var(--danger-500);
}

body:not(.fl-builder) .bg-danger-600,
.bg-danger-600 .fl-col-content,
.bg-danger-600 .fl-row-content-wrap,
.bg-danger-600 .fl-module-box,
.fl-module-content .bg-danger-600 {
    background-color: var(--danger-600);
}

/* Text Colors */

.text-base-50,
.text-base-50 h1,
.text-base-50 h2,
.text-base-50 h3,
.text-base-50 h4,
.text-base-50 h5,
.text-base-50 h6 {
    color: var(--base-50);
}

.text-base-100,
.text-base-100 h1,
.text-base-100 h2,
.text-base-100 h3,
.text-base-100 h4,
.text-base-100 h5,
.text-base-100 h6 {
    color: var(--base-100);
}

.text-base-200,
.text-base-200 h1,
.text-base-200 h2,
.text-base-200 h3,
.text-base-200 h4,
.text-base-200 h5,
.text-base-200 h6 {
    color: var(--base-200);
}

.text-base-300,
.text-base-300 h1,
.text-base-300 h2,
.text-base-300 h3,
.text-base-300 h4,
.text-base-300 h5,
.text-base-300 h6 {
    color: var(--base-300);
}

.text-base-400,
.text-base-400 h1,
.text-base-400 h2,
.text-base-400 h3,
.text-base-400 h4,
.text-base-400 h5,
.text-base-400 h6 {
    color: var(--base-400);
}

.text-base-500,
.text-base-500 h1,
.text-base-500 h2,
.text-base-500 h3,
.text-base-500 h4,
.text-base-500 h5,
.text-base-500 h6 {
    color: var(--base-500);
}

.text-base-600,
.text-base-600 h1,
.text-base-600 h2,
.text-base-600 h3,
.text-base-600 h4,
.text-base-600 h5,
.text-base-600 h6 {
    color: var(--base-600);
}

.text-base-700,
.text-base-700 h1,
.text-base-700 h2,
.text-base-700 h3,
.text-base-700 h4,
.text-base-700 h5,
.text-base-700 h6 {
    color: var(--base-700);
}

.text-base-800,
.text-base-800 h1,
.text-base-800 h2,
.text-base-800 h3,
.text-base-800 h4,
.text-base-800 h5,
.text-base-800 h6 {
    color: var(--base-800);
}

.text-base-900,
.text-base-900 h1,
.text-base-900 h2,
.text-base-900 h3,
.text-base-900 h4,
.text-base-900 h5,
.text-base-900 h6 {
    color: var(--base-900);
}

.text-base-950,
.text-base-950 h1,
.text-base-950 h2,
.text-base-950 h3,
.text-base-950 h4,
.text-base-950 h5,
.text-base-950 h6 {
    color: var(--base-950);
}

/* Text Transforms */

.uppercase {
    text-transform: uppercase;
}

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

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

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

.text-balance {
    text-wrap: balance;
}

.text-pretty {
    text-wrap: pretty;
}

.font-bold {
    font-weight: 700;
}

.no-underline {
    text-decoration: none;
}

.cursor-pointer {
    cursor: pointer;
}

.no-break {
    white-space: nowrap;
 }

/* List Styles */

.list-none {
    list-style-type: none;
}

.list-disc {
    list-style-type: disc;
}

.list-decimal {
    list-style-type: decimal;
}

body:not(.fl-builder) .difference {
    mix-blend-mode: difference;
}

/* Borders */

.border-solid {
    border-style: solid;
}

.border-dashed {
    border-style: dashed;
}

.border-dotted	{
    border-style: dotted;
}

.border-double {
    border-style: double;
}

.border-hidden {
    border-style: hidden;
}

.border-none {
    border-style: none;
}

.border-black {
    border: 1px solid var(--black);
}

/* Border Radii */

body:not(.fl-builder) .border-rad-0,
.ui .border-rad-0,
.fl-module-photo.border-rad-0 .fl-photo-img {
    border-radius: var(--radius-0);
}

body:not(.fl-builder) .border-rad-xs,
.ui .border-rad-xs,
.fl-module-photo.border-rad-xs .fl-photo-img {
    border-radius: var(--radius-xs);
}

body:not(.fl-builder) .border-rad-sm,
.ui .border-rad-sm,
.fl-module-photo.border-rad-sm .fl-photo-img {
    border-radius: var(--radius-sm);
}

body:not(.fl-builder) .border-rad-md,
.ui .border-rad-md,
.fl-module-photo.border-rad-md .fl-photo-img {
    border-radius: var(--radius-md);
}

body:not(.fl-builder) .border-rad-lg,
.ui .border-rad-lg,
.fl-module-photo.border-rad-lg .fl-photo-img {
    border-radius: var(--radius-lg);
}

body:not(.fl-builder) .border-rad-xl,
.ui .border-rad-xl,
.fl-module-photo.border-rad-xl .fl-photo-img {
    border-radius: var(--radius-xl);
}

body:not(.fl-builder) .border-rad-2x,
.ui .border-rad-2x,
.fl-module-photo.border-rad-2x .fl-photo-img {
    border-radius: var(--radius-xxl);
}

.rounded-full {
    border-radius: calc(infinity * 1px);
    }

/* Individual corners */

/* Top Left */
body:not(.fl-builder) .rounded-tl-0,
.fl-module-photo.rounded-tl-0 .fl-photo-img {
    border-top-left-radius: var(--radius-0);
}

body:not(.fl-builder) .rounded-tl-xs,
.fl-module-photo.rounded-tl-xs .fl-photo-img {
    border-top-left-radius: var(--radius-xs);
}

body:not(.fl-builder) .rounded-tl-sm,
.fl-module-photo.rounded-tl-sm .fl-photo-img {
    border-top-left-radius: var(--radius-sm);
}

body:not(.fl-builder) .rounded-tl-md,
.fl-module-photo.rounded-tl-md .fl-photo-img {
    border-top-left-radius: var(--radius-md);
}

body:not(.fl-builder) .rounded-tl-lg,
.fl-module-photo.rounded-tl-lg .fl-photo-img { border-top-left-radius: var(--radius-lg); }

body:not(.fl-builder) .rounded-tl-xl,
.fl-module-photo.rounded-tl-xl .fl-photo-img { border-top-left-radius: var(--radius-xl); }

body:not(.fl-builder) .rounded-tl-2x,
.fl-module-photo.rounded-tl-2x .fl-photo-img { border-top-left-radius: var(--radius-xxl); }

/* Top Right */
body:not(.fl-builder) .rounded-tr-0,
.fl-module-photo.rounded-tr-0 .fl-photo-img { border-top-right-radius: var(--radius-0); }

body:not(.fl-builder) .rounded-tr-xs,
.fl-module-photo.rounded-tr-xs .fl-photo-img { border-top-right-radius: var(--radius-xs); }

body:not(.fl-builder) .rounded-tr-sm,
.fl-module-photo.rounded-tr-sm .fl-photo-img { border-top-right-radius: var(--radius-sm); }

body:not(.fl-builder) .rounded-tr-md,
.fl-module-photo.rounded-tr-md .fl-photo-img { border-top-right-radius: var(--radius-md); }

body:not(.fl-builder) .rounded-tr-lg,
.fl-module-photo.rounded-tr-lg .fl-photo-img { border-top-right-radius: var(--radius-lg); }

body:not(.fl-builder) .rounded-tr-xl,
.fl-module-photo.rounded-tr-xl .fl-photo-img { border-top-right-radius: var(--radius-xl); }

body:not(.fl-builder) .rounded-tr-2x,
.fl-module-photo.rounded-tr-2x .fl-photo-img { border-top-right-radius: var(--radius-xxl); }

/* Bottom Right */
body:not(.fl-builder) .rounded-br-0,
.fl-module-photo.rounded-br-0 .fl-photo-img { border-bottom-right-radius: var(--radius-0); }

body:not(.fl-builder) .rounded-br-xs,
.fl-module-photo.rounded-br-xs .fl-photo-img { border-bottom-right-radius: var(--radius-xs); }

body:not(.fl-builder) .rounded-br-sm,
.fl-module-photo.rounded-br-sm .fl-photo-img { border-bottom-right-radius: var(--radius-sm); }

body:not(.fl-builder) .rounded-br-md,
.fl-module-photo.rounded-br-md .fl-photo-img { border-bottom-right-radius: var(--radius-md); }

body:not(.fl-builder) .rounded-br-lg,
.fl-module-photo.rounded-br-lg .fl-photo-img { border-bottom-right-radius: var(--radius-lg); }

body:not(.fl-builder) .rounded-br-xl,
.fl-module-photo.rounded-br-xl .fl-photo-img { border-bottom-right-radius: var(--radius-xl); }

body:not(.fl-builder) .rounded-br-2x,
.fl-module-photo.rounded-br-2x .fl-photo-img { border-bottom-right-radius: var(--radius-xxl); }

/* Bottom Left */
body:not(.fl-builder) .rounded-bl-0,
.fl-module-photo.rounded-bl-0 .fl-photo-img { border-bottom-left-radius: var(--radius-0); }

body:not(.fl-builder) .rounded-bl-xs,
.fl-module-photo.rounded-bl-xs .fl-photo-img { border-bottom-left-radius: var(--radius-xs); }

body:not(.fl-builder) .rounded-bl-sm,
.fl-module-photo.rounded-bl-sm .fl-photo-img { border-bottom-left-radius: var(--radius-sm); }

body:not(.fl-builder) .rounded-bl-md,
.fl-module-photo.rounded-bl-md .fl-photo-img { border-bottom-left-radius: var(--radius-md); }

body:not(.fl-builder) .rounded-bl-lg,
.fl-module-photo.rounded-bl-lg .fl-photo-img { border-bottom-left-radius: var(--radius-lg); }

body:not(.fl-builder) .rounded-bl-xl,
.fl-module-photo.rounded-bl-xl .fl-photo-img { border-bottom-left-radius: var(--radius-xl); }

body:not(.fl-builder) .rounded-bl-2x,
.fl-module-photo.rounded-bl-2x .fl-photo-img { border-bottom-left-radius: var(--radius-xxl); }

/* Width */

.w-full {
    width: 100%;
}

/* Max-Width */

.max-w-12 {
    max-width: var(--max-width-12); /* 1440px */
}
  
.max-w-11 {
    max-width: var(--max-width-11); /* 1320px */
}

.max-w-10 {
    max-width: var(--max-width-10) /* 1200px */
}

.max-w-9 {
    max-width: var(--max-width-9); /* 1080px */
}

.max-w-8 {
    max-width: var(--max-width-8); /* 960px */
}

.max-w-7 {
    max-width: var(--max-width-7); /* 840px */
}

.max-w-6 {
    max-width: var(--max-width-6); /* 720px */
}

.max-w-5 {
    max-width: var(--max-width-5); /* 640px */
}

.max-w-4 {
    max-width: var(--max-width-4); /* 480px */
}

.max-w-3 {
    max-width: var(--max-width-3); /* 360px */
}

.max-w-2 {
    max-width: var(--max-width-2); /* 240px */
}

.max-w-1 {
    max-width: var(--max-width-1); /* 120px */
}

.max-w-full {
    max-width: 100%;
}

/* Margins */

.m-auto {
    margin: auto;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.mx-xs {
    margin-left: var(--spacing-h-xs);
    margin-right: var(--spacing-h-xs);
}

.mx-sm {
    margin-left: var(--spacing-h-sm);
    margin-right: var(--spacing-h-sm);
}

.mx-md {
    margin-left: var(--spacing-h-md);
    margin-right: var(--spacing-h-md);
}

.mx-lg {
    margin-left: var(--spacing-h-lg);
    margin-right: var(--spacing-h-lg);
}

.mx-xl {
    margin-left: var(--spacing-h-xl);
    margin-right: var(--spacing-h-xl);
}

.mx-xxl {
    margin-left: var(--spacing-h-xxl);
    margin-right: var(--spacing-h-xxl);
}

.my-xs {
    margin-top: var(--spacing-v-xs);
    margin-bottom: var(--spacing-v-xs);
}

.my-sm {
    margin-top: var(--spacing-v-sm);
    margin-bottom: var(--spacing-v-sm);
}

.my-md {
    margin-top: var(--spacing-v-md);
    margin-bottom: var(--spacing-v-md);
}

.my-lg {
    margin-top: var(--spacing-v-lg);
    margin-bottom: var(--spacing-v-lg);
}

.my-xl {
    margin-top: var(--spacing-v-xl);
    margin-bottom: var(--spacing-v-xl);
}

.my-xxl {
    margin-top: var(--spacing-v-xxl);
    margin-bottom: var(--spacing-v-xxl);
}

/* Padding */

.p-xs {
    padding: var(--spacing-xs);
}

.p-sm {
    padding: var(--spacing-sm);
}

.p-md {
    padding: var(--spacing-md);
}

.p-lg {
    padding: var(--spacing-lg);
}

.p-xl {
    padding: var(--spacing-xl);
}

.p-xxl {
    padding: var(--spacing-xxl);
}

.py-xs {
    padding-top: var(--spacing-v-xs);
    padding-bottom: var(--spacing-v-xs);
}

.py-sm {
    padding-top: var(--spacing-v-sm);
    padding-bottom: var(--spacing-v-sm);
}

.py-md {
    padding-top: var(--spacing-v-md);
    padding-bottom: var(--spacing-v-md);
}

.py-lg {
    padding-top: var(--spacing-v-lg);
    padding-bottom: var(--spacing-v-lg);
}

.py-xl {
    padding-top: var(--spacing-v-xl);
    padding-bottom: var(--spacing-v-xl);
}

.py-xxl {
    padding-top: var(--spacing-v-xxl);
    padding-bottom: var(--spacing-v-xxl);
}

.px-xs {
    padding-left: var(--spacing-h-xs);
    padding-right: var(--spacing-h-xs);
}

.px-sm {
    padding-left: var(--spacing-h-sm);
    padding-right: var(--spacing-h-sm);
}

.px-md {
    padding-left: var(--spacing-h-md);
    padding-right: var(--spacing-h-md);
}

.px-lg {
    padding-left: var(--spacing-h-lg);
    padding-right: var(--spacing-h-lg);
}

.px-xl {
    padding-left: var(--spacing-h-xl);
    padding-right: var(--spacing-h-xl);
}

.px-xxl {
    padding-left: var(--spacing-h-xxl);
    padding-right: var(--spacing-h-xxl);
}

/* Display */

.block	{
    display: block;
}

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

.inline	{
    display: inline;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.justify-center {
    justify-content: center;
}

.self-center {
    align-self: center;
}

.self-start {
    align-self: flex-start;
}

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

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.items-stretch {
    align-items: stretch;
}

/* Place Content */
.place-content-center {
    place-content: center;
}

.place-content-start {
    place-content: start;
}

.place-content-end {
    place-content: end;
}

.place-content-between {
    place-content: space-between;
}

.place-content-around {
    place-content: space-around;
}

.place-content-evenly {
    place-content: space-evenly;
}

.place-content-baseline {
    place-content: baseline;
}

.place-content-stretch {
    place-content: stretch;
}

/* Grid Columns */

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

/* Column Span */

.col-span-1	{
    grid-column: span 1 / span 1;
}

.col-span-2	{
    grid-column: span 2 / span 2;
}

.col-span-3	{
    grid-column: span 3 / span 3;
}

.col-span-4	{
    grid-column: span 4 / span 4;
}

.col-span-5 {
    grid-column: span 5 / span 5;
}

.col-span-6 {
    grid-column: span 6 / span 6;
}

.col-span-7 {
    grid-column: span 7 / span 7;
}

.col-span-8	{
    grid-column: span 8 / span 8;
}

.col-span-9 {
    grid-column: span 9 / span 9;
}

.col-span-10 {
    grid-column: span 10 / span 10;
}

.col-span-11 {
    grid-column: span 11 / span 11;
}

.col-span-12 {
    grid-column: span 12 / span 12;
}

/* Column End */
.col-end-1 {
    grid-column-end: 1;
}

.col-end-2 {
    grid-column-end: 2;
}

.col-end-3 {
    grid-column-end: 3;
}

.col-end-4 {
    grid-column-end: 4;
}

.col-end-5 {
    grid-column-end: 5;
}

.col-end-6 {
    grid-column-end: 6;
}

.col-end-7 {
    grid-column-end: 7;
}

.col-end-8 {
    grid-column-end: 8;
}

.col-end-9 {
    grid-column-end: 9;
}

.col-end-10 {
    grid-column-end: 10;
}

.col-end-11 {
    grid-column-end: 11;
}

.col-end-12 {
    grid-column-end: 12;
}

/* Gap */

.gap-1 {
    gap: .25rem;
}

.gap-2 {
    gap: .5rem;
}

.gap-3 {
    gap: .75rem;
}

.gap-4 {
    gap: 1rem;
}

/* Aspect Ratio */

.square {
    aspect-ratio: 1/1;
}

.widescreen {
    aspect-ratio: 16/9;
}

.portrait {
    aspect-ratio: 9/16;
}

.cinemascope {
    aspect-ratio: 2.35/1;
}

/* Object Fit */

.object-contain {
    object-fit: contain;
}

.object-cover {
    object-fit: cover;
}

.object-fill {
    object-fit: fill;
}

.object-none {
    object-fit: none;
}

.object-scale-down {
    object-fit: scale-down;
}

/* Shadows */

.shadow-sm {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.shadow {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.shadow-md {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.shadow-xl {
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.shadow-2xl {
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}

.shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
}

.shadow-none {
    box-shadow: 0 0 #0000;
}

/* Backdrop Filters */

body:not(.fl-builder) .backdrop-saturate-0,
.backdrop-saturate-0 .fl-row-content-wrap:after,
.backdrop-saturate-0 .fl-col-content::after {
    -webkit-backdrop-filter: saturate(0);
    backdrop-filter: saturate(0);
}

body:not(.fl-builder) .backdrop-blur,
.backdrop-blur .fl-row-content-wrap:after,
.backdrop-blur .fl-col-content::after {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

/* Breakpoints */

@media screen and (min-width: 90rem) {
    /* XL Desktop > 1440px */

    .hidden-xl,
    .swiper-slide .hidden-xl {
        display: none !important;
    }

    .hidden-lg,
    .hidden-md,
    .hidden-sm {
        display: block;
    }

  }
  
@media screen and (max-width: 90rem) and (min-width: 60rem) {
    /* LG Laptop < 1440px */  

    .hidden-lg,
    .swiper-slide .hidden-lg {
        display: none !important;
    }
    
    .hidden-xl,
    .hidden-md,
    .hidden-sm {
        display: block;
    }

  }
  
  @media screen and (max-width: 60rem) and (min-width: 30rem) {
    /* MD Tablet < 960px */  

    .hidden-md,
    .swiper-slide .hidden-md {
        display: none !important;
    }

    .hidden-xl,
    .hidden-lg,
    .hidden-sm {
        display: block;
    }

    .grid-cols-md-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    
    .grid-cols-md-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    
    .grid-cols-md-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    
    .grid-cols-md-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    
    .grid-cols-md-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    
    .grid-cols-md-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    
    .grid-cols-md-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    
    .grid-cols-md-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    
    .grid-cols-md-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    
    .grid-cols-md-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    
    .grid-cols-md-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .grid-cols-md-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

  }
  
  @media screen and (max-width: 30rem) {
    /* SM Mobile < 480px */  

    .hidden-xl,
    .hidden-lg,
    .hidden-md {
        display: block;
    }

    .hidden-sm,
    .swiper-slide .hidden-sm {
        display: none !important;
    }

    .grid-cols-sm-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    
    .grid-cols-sm-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    
    .grid-cols-sm-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    
    .grid-cols-sm-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    
    .grid-cols-sm-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    
    .grid-cols-sm-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    
    .grid-cols-sm-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    
    .grid-cols-sm-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    
    .grid-cols-sm-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    
    .grid-cols-sm-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    
    .grid-cols-sm-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .grid-cols-sm-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

  }

/* Positioning */
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.top-0 {
    top: 0;
}
.left-0 {
    left: 0;
}

.flex-col {
    flex-direction: column;
}