/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   CSS TABLE OF CONTENTS

   1.0 - Reset
   2.0 - Fonts
   3.0 - Globals
   4.0 - Color Palette
   5.0 - Header
   6.0 - Body
       6.1 - Sliders
       6.2 - Imagery
   7.0 - Footer
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

:root {
    /* PRIMARY COLORS */
    --color-primary: #F26D07;
    --main-corp-color: #F26D07;
    --color-primary-light: #F99639;
    --color-primary-dark: #C14E06;
    --color-primary-bg: #F26D07;

    /* SECONDARY COLORS */
    --color-secondary: #15192b;
    --color-secondary-light: #4d5869;
    --color-secondary-dark: #000518;
    --color-secondary-bg: #15192b;

    /*
    --color-accent: #f5414f;
    --color-accent-light: color-mod(var(--color-accent) tint(15%));
    --color-accent-dark: color-mod(var(--color-accent) shade(10%));
    --color-accent-bg: color-mod(var(--color-accent) alpha(20%));
    */

    /* PRIMARY GRADIENT */
    --orange-900: #3B0F02;
    --orange-800: #631000;
    --orange-700: #903304;
    --orange-600: #C14E06;
    --orange-500: #F26D07;
    --orange-400: #F99639;
    --orange-300: #FAB76B;
    --orange-200: #FCD49C;
    --orange-100: #FDEAC8;
    --orange-50: #FEF5E1;

    /* SECONDARY GRADIENT */
    --blue-900: #02063B;
    --blue-800: #030E63;
    --blue-700: #041B90;
    --blue-600: #062EC1;
    --blue-500: #0745F2;
    --blue-400: #3976F9;
    --blue-300: #6A9FFB;
    --blue-200: #9CC4FC;
    --blue-100: #C8E1FD;
    --blue-50: #E1F0FE;

    /* GRAY GRADIENT */
    --black: #000000;

    --gray-900: #1A1B23;
    --gray-800: #2C2E3A;
    --gray-700: #404354;
    --gray-600: #565C71;
    --gray-500: #6B748E;
    --gray-400: #8B94A7;
    --gray-300: #A8B0BD;
    --gray-200: #C5CBD3;
    --gray-100: #DFE3E7;
    --gray-50: #EEF0F2;

    --white: #ffffff;

    /* BLUE-GRAY GRADIENT */
    --blue-gray-900: #11132c;
    --blue-gray-800: #1D2349;
    --blue-gray-700: #2A356B;
    --blue-gray-600: #384B8F;
    --blue-gray-500: #4663B3;
    --blue-gray-400: #6C89C6;
    --blue-gray-300: #91AAD4;
    --blue-gray-200: #B6C8E2;
    --blue-gray-100: #D7E2EF;
    --blue-gray-50: #E9F0F6;

    --light-gray: #F8F9FA;

    /* RED GRADIENT */
    --red-900: #3B0D02;
    --red-800: #631103;
    --red-700: #901204;
    --red-600: #C10F06;
    --red-500: #F20707;
    --red-400: #F93942;
    --red-300: #FB6A79;
    --red-200: #FC9CAA;
    --red-100: #FDC8D3;
    --red-50: #FEE1E8;

    /* GREEN GRADIENT */
    --green-900: #023B25;
    --green-800: #036339;
    --green-700: #04904C;
    --green-600: #06C15D;
    --green-500: #07F26B;
    --green-400: #39F97F;
    --green-300: #6AFB98;
    --green-200: #9CFCB6;
    --green-100: #C8FDD4;
    --green-50: #E1FEE6;

    /* YELLOW GRADIENT */
    --yellow-900: #3B2402;
    --yellow-800: #634103;
    --yellow-700: #906604;
    --yellow-600: #C19206;
    --yellow-500: #F2C308;
    --yellow-400: #F9DC39;
    --yellow-300: #FBEC6A;
    --yellow-200: #FCF79C;
    --yellow-100: #FDFDC8;
    --yellow-50: #FDFEE1;

    /* Filters got from this Pen: https://codepen.io/btous/pen/YzxWxNd, which is forked from this one: https://codepen.io/sosuke/pen/Pjoqqp */
    /* CSS FILTER - PRIMARY GRADIENT */
    --filter-orange-900: brightness(0) saturate(100%) invert(10%) sepia(29%) saturate(3603%) hue-rotate(348deg) brightness(93%) contrast(104%);
    --filter-orange-800: brightness(0) saturate(100%) invert(12%) sepia(73%) saturate(2502%) hue-rotate(5deg) brightness(97%) contrast(113%);
    --filter-orange-700: brightness(0) saturate(100%) invert(17%) sepia(100%) saturate(2435%) hue-rotate(22deg) brightness(90%) contrast(97%);
    --filter-orange-600: brightness(0) saturate(100%) invert(26%) sepia(92%) saturate(1781%) hue-rotate(14deg) brightness(97%) contrast(95%);
    --filter-orange-500: brightness(0) saturate(100%) invert(38%) sepia(100%) saturate(716%) hue-rotate(353deg) brightness(105%) contrast(104%);
    --filter-orange-400: brightness(0) saturate(100%) invert(61%) sepia(31%) saturate(1016%) hue-rotate(345deg) brightness(102%) contrast(95%);
    --filter-orange-300: brightness(0) saturate(100%) invert(69%) sepia(64%) saturate(372%) hue-rotate(343deg) brightness(102%) contrast(96%);
    --filter-orange-200: brightness(0) saturate(100%) invert(89%) sepia(21%) saturate(917%) hue-rotate(324deg) brightness(102%) contrast(98%);
    --filter-orange-100: brightness(0) saturate(100%) invert(95%) sepia(63%) saturate(621%) hue-rotate(304deg) brightness(106%) contrast(98%);
    --filter-orange-50: brightness(0) saturate(100%) invert(99%) sepia(63%) saturate(470%) hue-rotate(311deg) brightness(101%) contrast(99%);

    /* CSS FILTER - SECONDARY GRADIENT */
    --filter-blue-900: brightness(0) saturate(100%) invert(3%) sepia(88%) saturate(7480%) hue-rotate(245deg) brightness(80%) contrast(105%); /* Color loss 0.3 */
    --filter-blue-800: brightness(0) saturate(100%) invert(10%) sepia(34%) saturate(7441%) hue-rotate(233deg) brightness(82%) contrast(115%); /* Color loss 0.1 */
    --filter-blue-700: brightness(0) saturate(100%) invert(12%) sepia(69%) saturate(4696%) hue-rotate(233deg) brightness(80%) contrast(113%); /* Color loss 0.2 */
    --filter-blue-600: brightness(0) saturate(100%) invert(14%) sepia(85%) saturate(4887%) hue-rotate(232deg) brightness(78%) contrast(106%); /* Color loss 0.1 */
    --filter-blue-500: brightness(0) saturate(100%) invert(13%) sepia(100%) saturate(6636%) hue-rotate(230deg) brightness(99%) contrast(95%); /* Color loss 0.1 */
    --filter-blue-400: brightness(0) saturate(100%) invert(32%) sepia(78%) saturate(1313%) hue-rotate(202deg) brightness(108%) contrast(95%);
    --filter-blue-300: brightness(0) saturate(100%) invert(59%) sepia(13%) saturate(1915%) hue-rotate(181deg) brightness(101%) contrast(97%);
    --filter-blue-200: brightness(0) saturate(100%) invert(72%) sepia(22%) saturate(639%) hue-rotate(178deg) brightness(101%) contrast(98%);
    --filter-blue-100: brightness(0) saturate(100%) invert(76%) sepia(34%) saturate(197%) hue-rotate(175deg) brightness(108%) contrast(98%);
    --filter-blue-50: brightness(0) saturate(100%) invert(100%) sepia(64%) saturate(2163%) hue-rotate(177deg) brightness(106%) contrast(99%);

    /* CSS FILTER - GRAY GRADIENT */
    --filter-black: brightness(0) saturate(100%) invert(0);

    --filter-gray-900: brightness(0) saturate(100%) invert(9%) sepia(14%) saturate(854%) hue-rotate(196deg) brightness(91%) contrast(95%);
    --filter-gray-800: brightness(0) saturate(100%) invert(14%) sepia(11%) saturate(1152%) hue-rotate(194deg) brightness(95%) contrast(88%);
    --filter-gray-700: brightness(0) saturate(100%) invert(25%) sepia(7%) saturate(1390%) hue-rotate(194deg) brightness(93%) contrast(89%);
    --filter-gray-600: brightness(0) saturate(100%) invert(35%) sepia(7%) saturate(1246%) hue-rotate(189deg) brightness(97%) contrast(90%);
    --filter-gray-500: brightness(0) saturate(100%) invert(46%) sepia(9%) saturate(952%) hue-rotate(187deg) brightness(96%) contrast(95%);
    --filter-gray-400: brightness(0) saturate(100%) invert(61%) sepia(15%) saturate(352%) hue-rotate(183deg) brightness(94%) contrast(88%);
    --filter-gray-300: brightness(0) saturate(100%) invert(75%) sepia(25%) saturate(133%) hue-rotate(178deg) brightness(90%) contrast(90%);
    --filter-gray-200: brightness(0) saturate(100%) invert(80%) sepia(9%) saturate(204%) hue-rotate(175deg) brightness(103%) contrast(84%);
    --filter-gray-100: brightness(0) saturate(100%) invert(90%) sepia(6%) saturate(144%) hue-rotate(169deg) brightness(106%) contrast(83%);
    --filter-gray-50: brightness(0) saturate(100%) invert(87%) sepia(2%) saturate(167%) hue-rotate(169deg) brightness(112%) contrast(92%);

    --filter-white: brightness(0) saturate(100%) invert(100);

    /* CSS FILTER - BLUE-GRAY GRADIENT */
    --filter-blue-gray-900: brightness(0) saturate(100%) invert(4%) sepia(29%) saturate(7309%) hue-rotate(233deg) brightness(92%) contrast(93%);
    --filter-blue-gray-800: brightness(0) saturate(100%) invert(7%) sepia(57%) saturate(2919%) hue-rotate(224deg) brightness(94%) contrast(88%);
    --filter-blue-gray-700: brightness(0) saturate(100%) invert(17%) sepia(35%) saturate(1925%) hue-rotate(203deg) brightness(97%) contrast(91%);
    --filter-blue-gray-600: brightness(0) saturate(100%) invert(22%) sepia(91%) saturate(1070%) hue-rotate(206deg) brightness(85%) contrast(81%);
    --filter-blue-gray-500: brightness(0) saturate(100%) invert(32%) sepia(95%) saturate(464%) hue-rotate(187deg) brightness(94%) contrast(83%);
    --filter-blue-gray-400: brightness(0) saturate(100%) invert(61%) sepia(44%) saturate(465%) hue-rotate(184deg) brightness(80%) contrast(92%);
    --filter-blue-gray-300: brightness(0) saturate(100%) invert(75%) sepia(19%) saturate(604%) hue-rotate(180deg) brightness(87%) contrast(89%);
    --filter-blue-gray-200: brightness(0) saturate(100%) invert(85%) sepia(12%) saturate(571%) hue-rotate(179deg) brightness(95%) contrast(86%);
    --filter-blue-gray-100: brightness(0) saturate(100%) invert(93%) sepia(6%) saturate(651%) hue-rotate(180deg) brightness(99%) contrast(89%);
    --filter-blue-gray-50: brightness(0) saturate(100%) invert(89%) sepia(4%) saturate(1059%) hue-rotate(191deg) brightness(108%) contrast(93%);

    --filter-light-gray: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(136%) hue-rotate(169deg) brightness(99%) contrast(98%); /* Color loss 0.1 */

    /* CSS FILTER - RED GRADIENT */
    --filter-red-900: brightness(0) saturate(100%) invert(10%) sepia(84%) saturate(820%) hue-rotate(334deg) brightness(98%) contrast(110%); /* Color loss 0.1 */
    --filter-red-800: brightness(0) saturate(100%) invert(8%) sepia(61%) saturate(5431%) hue-rotate(5deg) brightness(91%) contrast(98%);
    --filter-red-700: brightness(0) saturate(100%) invert(9%) sepia(68%) saturate(6860%) hue-rotate(7deg) brightness(85%) contrast(97%);
    --filter-red-600: brightness(0) saturate(100%) invert(8%) sepia(99%) saturate(6997%) hue-rotate(5deg) brightness(93%) contrast(95%);
    --filter-red-500: brightness(0) saturate(100%) invert(14%) sepia(88%) saturate(4501%) hue-rotate(353deg) brightness(96%) contrast(112%); /* Color loss 0.6 */
    --filter-red-400: brightness(0) saturate(100%) invert(26%) sepia(100%) saturate(1692%) hue-rotate(337deg) brightness(102%) contrast(95%);
    --filter-red-300: brightness(0) saturate(100%) invert(46%) sepia(65%) saturate(498%) hue-rotate(305deg) brightness(105%) contrast(97%);
    --filter-red-200: brightness(0) saturate(100%) invert(68%) sepia(10%) saturate(1813%) hue-rotate(304deg) brightness(105%) contrast(98%);
    --filter-red-100: brightness(0) saturate(100%) invert(73%) sepia(21%) saturate(421%) hue-rotate(301deg) brightness(112%) contrast(98%);
    --filter-red-50: brightness(0) saturate(100%) invert(91%) sepia(4%) saturate(1296%) hue-rotate(301deg) brightness(101%) contrast(99%);

    /* CSS FILTER - GREEN GRADIENT */
    --filter-green-900: brightness(0) saturate(100%) invert(17%) sepia(47%) saturate(728%) hue-rotate(105deg) brightness(96%) contrast(100%);
    --filter-green-800: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(644%) hue-rotate(102deg) brightness(101%) contrast(105%);
    --filter-green-700: brightness(0) saturate(100%) invert(43%) sepia(67%) saturate(6034%) hue-rotate(139deg) brightness(90%) contrast(97%);
    --filter-green-600: brightness(0) saturate(100%) invert(48%) sepia(83%) saturate(1049%) hue-rotate(109deg) brightness(95%) contrast(95%);
    --filter-green-500: brightness(0) saturate(100%) invert(69%) sepia(89%) saturate(3063%) hue-rotate(99deg) brightness(113%) contrast(94%);
    --filter-green-400: brightness(0) saturate(100%) invert(68%) sepia(19%) saturate(1402%) hue-rotate(89deg) brightness(110%) contrast(101%);
    --filter-green-300: brightness(0) saturate(100%) invert(78%) sepia(32%) saturate(719%) hue-rotate(79deg) brightness(110%) contrast(97%);
    --filter-green-200: brightness(0) saturate(100%) invert(91%) sepia(11%) saturate(1368%) hue-rotate(71deg) brightness(103%) contrast(98%);
    --filter-green-100: brightness(0) saturate(100%) invert(93%) sepia(16%) saturate(594%) hue-rotate(67deg) brightness(104%) contrast(98%);
    --filter-green-50: brightness(0) saturate(100%) invert(93%) sepia(9%) saturate(444%) hue-rotate(76deg) brightness(103%) contrast(99%); /* Color loss 0.1 */

    /* CSS FILTER - YELLOW GRADIENT */
    --filter-yellow-900: brightness(0) saturate(100%) invert(14%) sepia(60%) saturate(638%) hue-rotate(357deg) brightness(99%) contrast(101%);
    --filter-yellow-800: brightness(0) saturate(100%) invert(23%) sepia(41%) saturate(1992%) hue-rotate(19deg) brightness(97%) contrast(98%);
    --filter-yellow-700: brightness(0) saturate(100%) invert(38%) sepia(15%) saturate(5693%) hue-rotate(24deg) brightness(93%) contrast(97%);
    --filter-yellow-600: brightness(0) saturate(100%) invert(49%) sepia(99%) saturate(913%) hue-rotate(17deg) brightness(95%) contrast(95%);
    --filter-yellow-500: brightness(0) saturate(100%) invert(81%) sepia(64%) saturate(935%) hue-rotate(349deg) brightness(94%) contrast(103%);
    --filter-yellow-400: brightness(0) saturate(100%) invert(89%) sepia(32%) saturate(1049%) hue-rotate(342deg) brightness(105%) contrast(95%);
    --filter-yellow-300: brightness(0) saturate(100%) invert(84%) sepia(10%) saturate(2019%) hue-rotate(8deg) brightness(110%) contrast(97%);
    --filter-yellow-200: brightness(0) saturate(100%) invert(91%) sepia(8%) saturate(2160%) hue-rotate(338deg) brightness(114%) contrast(98%);
    --filter-yellow-100: brightness(0) saturate(100%) invert(95%) sepia(7%) saturate(1992%) hue-rotate(324deg) brightness(115%) contrast(98%);
    --filter-yellow-50: brightness(0) saturate(100%) invert(90%) sepia(1%) saturate(3244%) hue-rotate(23deg) brightness(96%) contrast(131%); /* Color loss 0.3 */


    /* feedback */
    /*    --color-success: #88c459;
        --color-error: #f5414f;
        --color-warning: #ffd137;*/

    /* typography */
    /*    --color-text: var(--gray-10);
        --color-text-heading: var(--gray-900);
        --color-text-subtle: var(--gray-6);
        --color-link: var(--color-primary);
        --color-link-visited: var(--color-primary-dark);
        --color-mark: var(--color-accent-bg);
        --color-blockquote-border: var(--gray-2);*/

    /* border */
    /*
    --color-border: var(--gray-2);
    */

    /* body */
    /*
    --color-body: var(--white);
    */

    /* forms */
    /*  --form-element-border: var(--color-border);
      --form-element-border-focus: var(--color-primary);
      --form-element-border-error: var(--color-error);
      --form-element-bg: var(--white);
      --form-text-placeholder: var(--gray-4);*/

    /* buttons */
    /*    --btn-primary-bg: var(--color-primary);
        --btn-primary-hover: var(--color-primary-light);
        --btn-primary-active: var(--color-primary-dark);
        --btn-primary-label: var(--white);*/



    /* icons */
    /*    --color-icon-primary: var(--gray-4);
        --color-icon-secondary: inherit;*/

    /* FONTS */
    --font-family-sans-serif: 'Red Hat Display', sans-serif;
    /*
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    */

    /* HEADLINE */
    --heading-xxl-size:3.2rem;
    --heading-xl-size:3rem;
    --heading-l-size:2.25rem;
    --heading-m-size:1.875rem;
    --heading-s-size:1.5rem;
    --heading-xs-size:1.25rem;
    --heading-xxs-size:1rem;

    --heading-xxl-lh:3.3rem;
    --heading-xl-lh:3.125rem;
    --heading-l-lh:2.75rem;
    --heading-m-lh:2.375rem;
    --heading-s-lh:2rem;
    --heading-xs-lh:1.625rem;


    /* BODY */
    --body-xl-size: 2rem;
    --body-l-size: 1.125rem;
    --body-m-size: 1rem;
    --body-s-size: 0.875rem;
    --body-xs-size: 0.75rem;

    --body-xl-lh: 2rem;
    --body-l-lh: 1.625rem;
    --body-m-lh: 1.375rem;
    --body-s-lh: 1.125rem;
    --body-xs-lh: 1;



    /* SPACING */
    --space-unit: 16px; /* or 1rem* */
    --spacing-00:0;
    --spacing-01:calc(0.5 * var(--space-unit));
    --spacing-02:calc(1 * var(--space-unit));
    --spacing-03:calc(1.5 * var(--space-unit));
    --spacing-04:calc(2 * var(--space-unit));
    --spacing-05:calc(2.5 * var(--space-unit));
    --spacing-06:calc(3 * var(--space-unit));
    --spacing-07:calc(3.5 * var(--space-unit));
    --spacing-08:calc(4 * var(--space-unit));
    --spacing-09:calc(4.5 * var(--space-unit));
    --spacing-10:calc(5 * var(--space-unit));


    /* BREAKPOINTS */
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}
/* ORANGES CLASSES */
.orange-900 {
    --orange-900:#3B0F02;
}
.orange-800 {
    --orange-800:#631000;
}
.orange-700 {
    --orange-700:#903304;
}
.orange-600 {
    --orange-600:#C14E06;
}
.orange-500 {
    --orange-500: #f26d07;
}
.orange-400 {
    --orange-400:#F99639;
}
.orange-300 {
    --orange-300:#FAB76B;
}
.orange-200 {
    --orange-200:#FCD49C;
}
.orange-100 {
    --orange-100:#FDEAC8;
}
.orange-50 {
    --orange-50:#FEF5E1;
}

/* BLUE CLASSES */
.blue-900 {
    --blue-900:#02063B;
}
.blue-800 {
    --blue-800: #030e63;
}
.blue-700 {
    --blue-700:#041B90;
}
.blue-600 {
    --blue-600:#062EC1;
}
.blue-500 {
    --blue-500:#0745F2;
}
.blue-400 {
    --blue-400:#3976F9;
}
.blue-300 {
    --blue-300:#6A9FFB;
}
.blue-200 {
    --blue-200:#9CC4FC;
}
.blue-100 {
    --blue-100:#C8E1FD;
}
.blue-50 {
    --blue-50:#FEF5E1;
}


/* BLUE GRAY CLASSES */
.blue-gray-900 {
    --blue-gray-900: #11132c;
}
.blue-gray-800 {
    --blue-gray-800:#1D2349;
}
.blue-gray-700 {
    --blue-gray-700:#2A356B;
}
.blue-gray-600 {
    --blue-gray-600:#384B8F;
}
.blue-gray-500 {
    --blue-gray-500:#4663B3;
}
.blue-gray-400 {
    --blue-gray-400:#6C89C6;
}
.blue-gray-300 {
    --blue-gray-300:#91AAD4;
}
.blue-gray-200 {
    --blue-gray-200:#B6C8E2;
}
.blue-gray-100 {
    --blue-gray-100:#D7E2EF;
}
.blue-gray-50 {
    --blue-gray-50:#E9F0F6;
}


/* GRAY CLASSES */
.gray-900 {
    --gray-900:#1A1B23;
}
.gray-800 {
    --gray-800:#2C2E3A;
}
.gray-700 {
    --gray-700:#404354;
}
.gray-600 {
    --gray-600:#565C71;
}
.gray-500 {
    --gray-500:#6B748E;
}
.gray-400 {
    --gray-400:#8B94A7;
}
.gray-300 {
    --gray-300:#A8B0BD;
}
.gray-200 {
    --gray-200:#C5CBD3;
}
.gray-100 {
    --gray-100:#DFE3E7;
}
.gray-50 {
    --gray-50:#EEF0F2 !important;
}
.light-gray {
    --light-gray:#F8F9FA !important;
}

.heading-xxl {
    font-size:var(--heading-xxl-size) !important;
    line-height:var(--heading-xxl-lh) !important;
    kerning:0 !important;
    font-weight:600 !important;
    color:var(--blue-gray-800) !important;
}
.heading-xl {
    font-size:var(--heading-xl-size) !important;
    line-height:var(--heading-xl-lh) !important;
    kerning:0 !important;
    font-weight:600 !important;
    color:var(--blue-gray-900) !important;
}
.heading-l {
    font-size:var(--heading-l-size) !important;
    line-height:var(--heading-l-lh) !important;
    kerning:0 !important;
    font-weight:600 !important;
    color:var(--blue-gray-900) !important;
}

.heading-m {
    font-size:var(--heading-m-size) !important;
    line-height:var(--heading-m-lh) !important;
    kerning:0 !important;
    font-weight:600 !important;
    color:var(--blue-gray-900) !important;
}
.heading-s {
    font-size:var(--heading-s-size) !important;
    line-height:var(--heading-s-lh) !important;
    kerning:0 !important;
    font-weight:500;
    color:var(--blue-gray-900) !important;
}
.heading-xs {
    font-size:var(--heading-xs-size);
    line-height:var(--heading-xs-lh);
    kerning:1;
    font-weight:500;
    color:var(--blue-gray-900) !important;
}
.heading-xxs {
    font-size:var(--heading-xxs-size);
    line-height:var(--heading-xs-lh);
    kerning:1;
    font-weight:500;
    color:var(--blue-gray-900) !important;
}
.bg-primary {
    background-color:var(--color-primary)!important;
}
.bg-secondary {
    background-color:var(--gray-900)!important;
}
.bg-blue-gray {
    background-color:var(--blue-gray-900)!important;
}
.primary-color {
    color:var(--color-primary) !important;
}
.secondary-color {
    color:var(--gray-900) !important;
}
.body-xl {
    font-size:var(--body-xl-size);
    line-height:var(--body-xl-lh);
    kerning:0.8;
    font-weight:400;
    color:var(--gray-700)
}
.body-l {
    font-size:var(--body-l-size);
    line-height:var(--body-l-lh);
    kerning:0.6;
    font-weight:400;
    color:var(--gray-700)
}
.body-m {
    font-size:var(--body-m-size);
    line-height:var(--body-m-lh);
    kerning:0.2;
    font-weight:400;
    color:var(--gray-700)
}
.body-s {
    font-size:var(--body-s-size);
    line-height:var(--body-s-lh);
    kerning:0;
    font-weight:400;
    color:var(--gray-700)
}
.body-xs {
    font-size:var(--body-xs-size);
    line-height:var(--body-xs-lh);
    kerning:0;
    font-weight:400;
    color:var(--gray-700)
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
                                  SPACING
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.spacing-00 {
    padding:var(--spacing-00);
}
.spacing-01 {
    padding:var(--spacing-01);
}
.spacing-02 {
    padding:var(--spacing-02);
}
.spacing-03 {
    padding:var(--spacing-03);
}
.spacing-04 {
    padding:var(--spacing-04);
}
.spacing-05 {
    padding:var(--spacing-05);
}
.spacing-06 {
    padding:var(--spacing-06);
}
.spacing-07 {
    padding:var(--spacing-07);
}
.spacing-08 {
    padding:var(--spacing-08);
}
.spacing-09 {
    padding:var(--spacing-09);
}
.spacing-10 {
    padding:var(--spacing-10);
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
                                 BUTTONS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.btn-outline-dark {
    border: 2px solid var(--blue-gray-900);
    background: none !important;
    color: var(--blue-gray-900) !important;
    border-radius: 4px !important;
    outline: none !important;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
    background-color: var(--blue-gray-900);
    border-color:var(--blue-gray-900);
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(17, 19, 44, 0.5) !important;
    box-shadow: aliceblue;
}

.primary-blue-lg:active,
.primary-blue-lg:hover,
.primary-blue-lg:focus,
.primary-blue-lg {
    background: #303AB2 !important;
    border-radius: 5px;
    border:0 !important;
    font-weight: 500 !important;
    text-align: center;
    color: var(--white) !important;
    text-transform: capitalize !important;
}
.primary-blue-lg.disabled {
    background: var(--gray-200) !important;
}

textarea {
    resize: none;
}
.text-orange ,
.text-primary {
    color: #f87615 !important;
    color: var(--orange-500) !important;
}

.text-gray {
    color: var(--gray-500) !important;
}
.text-blue-100 {
    /*
    color: var(--blue-100) !important;
    */
    color: #9DB1C5 !important;
}
.text-white {
    color:#fff !important;
}
.settings-section-title{
    color:var(--blue-gray-900);
    line-height: 2em;
    font-size: 1.5em;
    font-weight: 600;
}

.col-align {
    float: none;
    display: inline-block;
}
.col-align--top {
    vertical-align: top;
}
.col-align--center {
    vertical-align: middle;
}
.col-align--bottom {
    vertical-align: bottom;
}
.v-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.add-location {
    text-decoration: underline !important;
}
/*.empty-state-section {
    margin:8em 0;
}*/
.btn-floorfy {
    /*
    box-shadow: 0px 1px 8px rgba(242, 109, 7, 0.4);
    */
}
.btn-dark {
    color: #fff !important;
    background-color: var(--blue-gray-900) !important;
    border-color: var(--blue-gray-900) !important;
    border: 2px solid #11132C !important;
}
.btn-dark-blue {
    color: #fff !important;
    background-color: var(--blue-800) !important;
    border-color: var(--blue-800) !important;
    border: 2px solid var(--blue-800) !important;
    border-radius: 4px;
    outline: none !important;
}
.btn-white {
    color: #fff !important;
    background-color: rgba(255,255,255,0.3) !important;
    border-color:  rgba(255,255,255,0.3)  !important;
    border: 2px solid #fff !important;
}
.btn {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
}
.btn-primary {
    border: 2px solid var(--orange-500);
}
.primary-link {
    color:var(--color-primary) !important;
    text-decoration: none;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
.secondary-link {
    color: var(--blue-gray-900) !important;
    font-weight: 500;
}
.hidden-link {
    font-weight: 400 !important;
}
.btn-outline-white {
    border: 2px solid #fff !important;
    background: none !important;
    color: #fff !important;
    outline: none !important;
}
.btn-outline-light {
    border:4px solid #fff;
    padding: 1rem 2.25rem;
}
.btn-outline-white:active {
    box-shadow: inset 0 3px 5px rgba(255, 255,255, .125);
}
.btn-outline-white:hover {
    opacity: 1;
}
.btn-primary-outline {
    background: none !important;
    color:#fff !important;
}
.btn-primary-outline:hover ,
.btn-primary-outline:focus ,
.btn-primary-outline:active {
    color: #fff !important;

}
.btn-secondary-outline {
    background: none !important;
    color: var(--blue-gray-900) !important;
    border: 2px solid var(--blue-gray-900) !important;
}
#copyOpenhouseLink {
    outline: none !important;
}


/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 9999; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.opacity-0 {
    opacity:0 !important;
}
.opacity-10 {
    opacity:0.1 !important;
}
.opacity-20 {
    opacity:0.2 !important;
}
.opacity-30 {
    opacity:0.3 !important;
}
.opacity-40 {
    opacity:0.4 !important;
}
.opacity-50 {
    opacity:0.5 !important;
}
.opacity-60 {
    opacity:0.6 !important;
}
.opacity-70 {
    opacity:0.7 !important;
}
.opacity-80 {
    opacity:0.8 !important;
}
.opacity-90 {
    opacity:0.9 !important;
}
.opacity-100 {
    opacity:1 !important;
}


#smallPlanIcon  .st0{fill:#0F1E4D;}
#smallPlanIcon  .st1{fill:#414F77;stroke:#F26D07;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
#smallPlanIcon  .st2{fill:#13204F;stroke:#F26D07;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
#smallPlanIcon  .st3{fill:#0F1E4D;stroke:#F26D07;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}


#mediumPlanIcon .st0{fill:#0F1E4D;}
#mediumPlanIcon .st1{fill:#414F77;stroke:#F26D07;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
#mediumPlanIcon .st2{fill:#13204F;stroke:#F26D07;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
#mediumPlanIcon .st3{fill:#0F1E4D;stroke:#F26D07;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}


#largePlanIcon .cls-1,
#largePlanIcon .cls-4 {fill:#0f1e4d;}
#largePlanIcon .cls-2 {fill:#414f77;}
#largePlanIcon .cls-2,
#largePlanIcon .cls-3,
#largePlanIcon .cls-4{stroke:#f26d07;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;}.cls-3{fill:#13204f;}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
                                  INPUTS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.input-default-md,
.input-default-md:focus {
    /* Auto Layout */
    padding: 10px 16px 10px 2.5em;
    position: static;
    width: 100%;
    height: 40px;
    left: 0px;
    top: 22px;
    background: var(--white) !important;
    border: 1px solid var(--gray-200) !important;
    box-sizing: border-box;
    border-radius: 5px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 1em 0 0.5em 0;
    box-shadow: none !important;
    font-weight: 500;
}
.input-default-md::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--gray-300);
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
                                    CARDS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.card-dark {
    background:var(--blue-900) !important;
    color:var(--white) !important;
}
.card-dark h5,
.card-dark h2{
    color:var(--white) !important;
}
.card-dark hr{
    border-color:var(--white) !important;
}
.card-light {
    background:var(--white) !important;
    color:var(--blue-900) !important;
}
.card-light h5 ,
.card-light h2 {
    color: var(--blue-900) !important;
}
.card-light hr{
    border-color:var(--blue-900) !important;
}
.card-orange {
    background:var(--color-primary) !important;
    color:var(--white) !important;
}
.card-orange h5,
.card-orange h2,
.card-orange a,
.card-orange i{
    color:var(--white) !important;
}
.card-orange hr{
    border-color:var(--white) !important;
}
.card-orange .btn {
    background:var(--white) !important;
    color:var(--color-primary) !important;
}


.card-orange #largePlanIcon .cls-2,.card-orange  #largePlanIcon .cls-3,.card-orange #largePlanIcon .cls-4 {
    stroke: #fff;

}
.card-orange .cls-3 {
    fill: #13204f !important;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
                              EMPTY STATES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.empty-state-title {
    font-size: 2em;
}
.empty-state-subtitle {
    font-weight: 100;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
                              MARGINS & PADDINGS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.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: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !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: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !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 only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .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: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !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: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }
    .m-sm-n1 {
        margin: -0.25rem !important;
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }
    .m-sm-n2 {
        margin: -0.5rem !important;
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }
    .m-sm-n3 {
        margin: -1rem !important;
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }
    .m-sm-n4 {
        margin: -1.5rem !important;
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }
    .m-sm-n5 {
        margin: -3rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !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: 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: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !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: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }
    .m-sm-n1 {
        margin: -0.25rem !important;
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }
    .m-sm-n2 {
        margin: -0.5rem !important;
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }
    .m-sm-n3 {
        margin: -1rem !important;
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }
    .m-sm-n4 {
        margin: -1.5rem !important;
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }
    .m-sm-n5 {
        margin: -3rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !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: 0.25rem !important;
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !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: 0.25rem !important;
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }
    .m-md-n1 {
        margin: -0.25rem !important;
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }
    .m-md-n2 {
        margin: -0.5rem !important;
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }
    .m-md-n3 {
        margin: -1rem !important;
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }
    .m-md-n4 {
        margin: -1.5rem !important;
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }
    .m-md-n5 {
        margin: -3rem !important;
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !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: 0.25rem !important;
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !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: 0.25rem !important;
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }
    .m-lg-n1 {
        margin: -0.25rem !important;
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }
    .m-lg-n2 {
        margin: -0.5rem !important;
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }
    .m-lg-n3 {
        margin: -1rem !important;
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }
    .m-lg-n4 {
        margin: -1.5rem !important;
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }
    .m-lg-n5 {
        margin: -3rem !important;
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !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: 0.25rem !important;
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 3rem !important;
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !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: 0.25rem !important;
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 3rem !important;
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }
    .m-xl-n1 {
        margin: -0.25rem !important;
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }
    .m-xl-n2 {
        margin: -0.5rem !important;
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }
    .m-xl-n3 {
        margin: -1rem !important;
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }
    .m-xl-n4 {
        margin: -1.5rem !important;
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }
    .m-xl-n5 {
        margin: -3rem !important;
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !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;
    }
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
                          MATERIAL ELEVATION SHADOWS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.shadow-0 {
    box-shadow: none !important;
}
.shadow-1 {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.2) !important;
}
.shadow-2 {
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.12), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px rgba(0, 0, 0, 0.2) !important;
}
.shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.12), 0px 3px 4px rgba(0, 0, 0, 0.14), 0px 3px 3px rgba(0, 0, 0, 0.2) !important;
}
.shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px rgba(0, 0, 0, 0.2) !important;
}
.shadow-5 {
    box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.12), 0px 5px 8px rgba(0, 0, 0, 0.14), 0px 3px 5px rgba(0, 0, 0, 0.2) !important;
}
.shadow-6 {
    box-shadow: 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 3px 5px rgba(0, 0, 0, 0.2) !important;
}
.shadow-7 {
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.12), 0px 7px 10px rgba(0, 0, 0, 0.14), 0px 4px 5px rgba(0, 0, 0, 0.2) !important;
}
.shadow-8 {
    box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 5px 5px rgba(0, 0, 0, 0.2) !important;
}
.shadow-9 {
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.12), 0px 9px 12px rgba(0, 0, 0, 0.14), 0px 5px 6px rgba(0, 0, 0, 0.2) !important;
}
.shadow-10 {
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.12), 0px 10px 14px rgba(0, 0, 0, 0.14), 0px 6px 6px rgba(0, 0, 0, 0.2) !important;
}
.shadow-11{
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.14), 0px 6px 7px rgba(0, 0, 0, 0.2) !important;
}
.shadow-12 {
    box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 7px 8px rgba(0, 0, 0, 0.2) !important;
}
.shadow-13 {
    box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.12), 0px 13px 19px rgba(0, 0, 0, 0.14), 0px 7px 8px rgba(0, 0, 0, 0.2) !important;
}
.shadow-14 {
    box-shadow: 0px 5px 26px rgba(0, 0, 0, 0.12), 0px 14px 21px rgba(0, 0, 0, 0.14), 0px 7px 9px rgba(0, 0, 0, 0.2) !important;
}
.shadow-15 {
    box-shadow: 0px 6px 28px rgba(0, 0, 0, 0.12), 0px 15px 22px rgba(0, 0, 0, 0.14), 0px 8px 9px rgba(0, 0, 0, 0.2) !important;
}
.shadow-16 {
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14), 0px 8px 10px rgba(0, 0, 0, 0.2) !important;
}
.shadow-17 {
    box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.12), 0px 17px 26px rgba(0, 0, 0, 0.14), 0px 8px 11px rgba(0, 0, 0, 0.2) !important;
}
.shadow-18 {
    box-shadow: 0px 7px 34px rgba(0, 0, 0, 0.12), 0px 18px 28px rgba(0, 0, 0, 0.14), 0px 9px 11px rgba(0, 0, 0, 0.2) !important;
}
.shadow-19 {
    box-shadow: 0px 7px 36px rgba(0, 0, 0, 0.12), 0px 19px 29px rgba(0, 0, 0, 0.14), 0px 9px 12px rgba(0, 0, 0, 0.2) !important;
}
.shadow-20 {
    box-shadow: 0px 8px 38px rgba(0, 0, 0, 0.12), 0px 20px 31px rgba(0, 0, 0, 0.14), 0px 10px 13px rgba(0, 0, 0, 0.2) !important;
}
.shadow-21 {
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.12), 0px 21px 33px rgba(0, 0, 0, 0.14), 0px 10px 13px rgba(0, 0, 0, 0.2) !important;
}
.shadow-22 {
    box-shadow: 0px 8px 42px rgba(0, 0, 0, 0.12), 0px 22px 35px rgba(0, 0, 0, 0.14), 0px 10px 14px rgba(0, 0, 0, 0.2) !important;
}
.shadow-23 {
    box-shadow: 0px 9px 44px rgba(0, 0, 0, 0.12), 0px 23px 36px rgba(0, 0, 0, 0.14), 0px 11px 14px rgba(0, 0, 0, 0.2) !important;
}
.shadow-24 {
    box-shadow: 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.filter-shadow {
    filter: drop-shadow(2px 8px 6px rgba(8, 18, 109, 0.1));
}
.how-it-works-slide-img-1 {
    max-width: 23rem;
    border-radius: 8px;
}
.how-it-works-slide-img-2 {
    min-width: 20rem;
}
.neumorph-shadows-10 {
    background: linear-gradient(317.7deg, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0.4) 105.18%), #EBECF0;
    background-blend-mode: soft-light, normal;
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
    box-shadow: 5px 5px 10px #A6ABBD, -5px -5px 10px #FAFBFF;
    border-radius: 40px;
}
.neumorph-shadows-20 {
    background: linear-gradient(317.7deg, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0.4) 105.18%), #EBECF0;
    background-blend-mode: soft-light, normal;
    border: 2px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
    box-shadow: 10px 10px 20px #A6ABBD, -10px -10px 20px #FAFBFF;
    border-radius: 40px;
}
.neumorph-shadows-40 {
    background: linear-gradient(317.7deg, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0.4) 105.18%), #EBECF0;
    background-blend-mode: soft-light, normal;
    border: 4px solid rgba(255, 255, 255, 0.16);
    box-sizing: border-box;
    box-shadow: 20px 20px 40px #A6ABBD, -20px -20px 40px #FAFBFF;
    border-radius: 40px;
}
.neumorph-shadows-60 {
    background: linear-gradient(317.7deg, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0.4) 105.18%), #EBECF0;
    background-blend-mode: soft-light, normal;
    border: 6px solid rgba(255, 255, 255, 0.16);
    box-sizing: border-box;
    box-shadow: 30px 30px 60px #A6ABBD, -30px -30px 60px #FAFBFF;
    border-radius: 40px;
}
.neumorph-inner-10 {
    background: linear-gradient(317.7deg, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0.4) 105.18%), #EBECF0;
    background-blend-mode: soft-light, normal;
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
    box-shadow: inset 5px 5px 10px #A6ABBD, inset -5px -5px 10px #FAFBFF;
    border-radius: 40px;
}
.neumorph-inner-20 {
    background: linear-gradient(317.7deg, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0.4) 105.18%), #EBECF0;
    background-blend-mode: soft-light, normal;
    border: 2px solid rgba(255, 255, 255, 0.502431);
    box-sizing: border-box;
    box-shadow: inset 10px 10px 20px #A6ABBD, inset -10px -10px 20px #FAFBFF;
    border-radius: 40px;
}
.neumorph-inner-40 {
    background: linear-gradient(317.7deg, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0.4) 105.18%), #EBECF0;
    background-blend-mode: soft-light, normal;
    border: 2px solid rgba(255, 255, 255, 0.16);
    box-sizing: border-box;
    box-shadow: inset 20px 20px 40px #A6ABBD, inset -20px -20px 40px #FAFBFF;
    border-radius: 40px;
}
.neumorph-inner-60 {
    background: linear-gradient(317.7deg, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0.4) 105.18%), #EBECF0;
    background-blend-mode: soft-light, normal;
    border: 4px solid rgba(255, 255, 255, 0.16);
    box-sizing: border-box;
    box-shadow: inset 30px 30px 60px #A6ABBD, inset -30px -30px 60px #FAFBFF;
    border-radius: 40px;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.btn-rounded {
    border-radius: 5px !important;
}
hr.divider {
    border-color: var(--color-primary);
}
hr.dark-divider {
    border-top: 1px solid var(--blue-900) !important;
}
hr.white-divider {
    border-top: 1px solid var(--white) !important;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: var(--color-primary);
}
.fw-400 {
    font-weight:400 !important;
}
.fw-500 {
    font-weight:500 !important;
}
.fw-600 {
    font-weight:600 !important;
}
a {
    cursor:pointer
}
.href {
    color: var(--color-primary);
    text-decoration: underline;
}

body {
    font-family: var(--font-family-sans-serif);
}
body a{
    font-family: var(--font-family-sans-serif);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-family-sans-serif);
}
#floorfyLogo {
    filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .2));
    cursor: pointer;
}
.border-rounded {
    border-radius: 3em;
}
.btn-bordered {
    border-radius: 4em !important;
}
.subscribe-plan {
    letter-spacing: .1rem;
    font-weight: bold;
    padding: 0.75rem;
    transition: all 0.2s;
}
/* Hover Effects on Card */
@media (min-width: 992px) {
    #content_plans .card:hover {
        margin-top: -.25rem;
        margin-bottom: .25rem;
        box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
    }
    #content_plans .card:hover .btn {
        opacity: 1;
    }
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
.circle {
    height: 100px;
    width: 100px;
    border-radius: 100%;
    /*
    box-shadow: 0 1px 0 0 rgba(17, 19, 44, 0.25), 0 -1px 0 0 rgba(242, 109, 7, 0.25), 1px 0 0 0 rgba(17, 19, 44, 0.25), -1px 0 0 0 rgba(242, 109, 7, 0.25), 1px -1px 0 0 rgba(193, 78, 6, 0.5), -1px 1px 0 0 rgba(255, 128, 0, 0.5), 1px 1px 0 0 rgba(17, 19, 44, 0.75), -1px -1px 0 0 rgba(242, 109, 7, 0.75);
    */
    animation: rotateThis 2s linear infinite;
}
@keyframes rotateThis {
    from {
        transform: rotate(0deg) scale(1);
    }
    to {
        transform: rotate(360deg) scale(1);
    }
}
@keyframes psycho {
    0% {
        transform: rotate(0deg) scale(1) translate(0, 0);
    }
    33% {
        transform: rotate(360deg) scale(1) translate(5px, 5px);
    }
    66% {
        transform: rotate(720deg) scale(1) translate(-5px, -5px);
    }
    100% {
        transform: rotate(1080deg) scale(1) translate(0, 0);
    }
}


.circles > * {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 2%;
}

.circles {
    transform: translateZ(0);
    margin-bottom: 100px;
}
#mi_change_passwd_newPassword_first {
    margin-bottom:1em;
}
#mi_change_passwd_newPassword_second {
    margin-bottom:2em;
}
#mi_change_passwd ul {
    display: none;
}


.testi-img img {
    border: 2px solid var(--gray-300);
    border-radius: 50%;
    box-shadow: 0 0 3px #bbb;
    transition: all 0.5s;
    height: 80px;
    width: 80px;
    padding: 2px;
    background: #fff;
}
.hr-footer {
    border-color: var(--blue-gray-800);
}


.pricing-cubes-text {
    text-transform: uppercase;
    color: var(--orange-500);
    font-size: 0.75rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    line-height: 1.25;
    text-align: left;

    .first-year {
        text-transform: initial;
    }
}
.rental-cam-text {
    text-transform: initial;
}
.heading-icon-col {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.monthly-plan-subtitle {
    font-size: 0.75em;
}
.yearly-plan {
    display:none;
}

/* Data country rent and free camera // data plan rent and free camera */
[data-country-rent-camera="false"] [data-plan-rent-camera="false"] .cube-image-camera,
[data-country-free-camera="false"] [data-plan-free-camera="false"] .cube-image-camera {
    display: none;
}
[data-country-rent-camera="true"] [data-plan-rent-camera="true"] .cube-image-without-camera,
[data-country-free-camera="true"] [data-plan-free-camera="true"] .cube-image-without-camera {
    display: none !important;
}
[data-country-rent-camera="false"] [data-plan-rent-camera="false"] .cube-image-without-camera,
[data-country-free-camera="false"] [data-plan-free-camera="false"] .cube-image-without-camera {
    display: flex;
}
[data-country-rent-camera="true"] [data-plan-rent-camera="true"] .cube-image-camera,
[data-country-free-camera="true"] [data-plan-free-camera="true"] .cube-image-camera {
    display: flex !important;
}
[data-country-rent-camera="true"] .rental-cam-text,
[data-plan-rent-camera="true"] .rental-cam-text {
    display: flex;
}

/* Plan card monthly plan subtitle exceptions */
.plan-card[data-plan-id="acegui_cam"] .monthly-plan-subtitle[data-price-type="1"] ,
.plan-card[data-plan-id="inmo4"] .monthly-plan-subtitle[data-price-type="1"],
.plan-card[data-plan-id="acapub"] .monthly-plan-subtitle[data-price-type="1"] {
    visibility:hidden !important;
}

/* Plan card apub1 cubes */
.plan-card[data-plan-id="apub1"] .cube-img {
    display:none !important;
}
.apub1-cube {
    display:none !important;
}
.plan-card[data-plan-id="apub1"] .apub1-cube {
    display: block !important;
}
.prices-without-iva {
    display: none;
    text-align: center;
    font-weight:500;
    margin-top: 1rem;
    margin-bottom: 3rem;
}