/*!
 *   AdminLTE v3.2.0
 *   Only Core
 *   Author: Colorlib
 *   Website: AdminLTE.io <https://adminlte.io>
 *   License: Open source - MIT <https://opensource.org/licenses/MIT>
 */

.landing {
    font-family: Inter,sans-serif;
}

:root {
    --block-zig-zag-below-ratio-height: 74;
    --block-zig-zag-below-ratio-width: 1428;
    --block-zig-zag-below-vw-width: 100vw;
    --block-clip-path: polygon(-1px -1px,-1px calc(100% + 1px),calc(50% - 50vw) 100%,calc(50% - 50vw + 70300vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 7200vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 70420vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 7200vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 70576vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 7187vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 70729vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 7147vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 70874vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 7082vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 71008vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 6995vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 71126vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 6888vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 71226vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 6763vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 71306vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 6623vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 71363vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 6471vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 71394vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 6312vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 71400vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 6200vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 71400vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 1200vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 71406vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 1088vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 71437vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 929vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 71494vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 777vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 71574vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 637vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 71674vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 512vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 71792vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 405vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 71926vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 318vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 72071vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 253vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 72224vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 213vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 72380vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 200vw/var(--block-zig-zag-below-ratio-width)),calc(50% - 50vw + 72500vw/var(--block-zig-zag-below-ratio-width)) calc(100% - 200vw/var(--block-zig-zag-below-ratio-width)),calc(50% + 50vw) calc(100% - 100vw*var(--block-zig-zag-below-ratio-height)/var(--block-zig-zag-below-ratio-width)),calc(50% + 50vw + 1px) calc(100% - 100vw*var(--block-zig-zag-below-ratio-height)/var(--block-zig-zag-below-ratio-width)),calc(50% + 50vw + 1px) -1px);


    --block-ratio-height: 739;
    --block-ratio-width: 1440;
    --block-vw-width: min(100vw,1440px);
    --block-vw-height: calc(var(--block-vw-width)/var(--block-ratio-width)*var(--block-ratio-height));


    --admin-bar-height: 32px;
    --glitter-delay: 0.1s;
    --glitter-speed: 0.6s;
    --glitter-timing-function: cubic-bezier(0.215,0.61,0.355,1);
    --block-gap: var(--grid-gap);
    --block-grid-default: 1fr;
    --block-paging-item-color: var(--color-default);
    --block-paging-item-active-color: var(--color-white);
    --block-paging-item-active-background-color: var(--color-accent);
    --block-paging-item-gap: var(--grid-gap);
    --block-paging-item-hover-color: var(--color-default);
    --block-paging-item-hover-background-color: var(--color-lighter-gray);
    --block-paging-item-height: var(--5x);
    --block-paging-item-line-height: var(--block-paging-item-height);
    --block-paging-item-min-height: 0;
    --block-paging-item-padding: 0 var(--5x);
    --block-paging-indicator-color: var(--color-light-gray);
    --block-paging-indicator-border-color: transparent;
    --block-paging-indicator-active-color: var(--color-accent);
    --block-paging-indicator-active-border-color: transparent;
    --block-paging-indicator-hover-color: var(--color-accent);
    --block-paging-indicator-hover-border-color: transparent;
    --block-paging-indicator-gap: var(--1x);
    --block-paging-indicator-size: var(--2x);
    --block-paging-next-prev-color: var(--color-light-gray);
    --block-paging-next-prev-hover-color: var(--color-accent);
    --block-paging-next-prev-size: var(--5x);



    --breakpoint-x-small: 480px;
    --breakpoint-mobile: 780px;
    --breakpoint-tablet: 960px;
    --breakpoint-laptop: 1280px;
    --breakpoint-desktop: 1680px;
    --layout-padding: var(--12x);
    --layout-width: 1240px;
    --wrap-padding-narrow: var(--12x);
    --wrap-width-narrow: 606px;
    --border-radius-small: 5px;
    --border-radius: 10px;
    --border-radius-normal: 10px;
    --border-radius-large: 20px;
    --border-radius-x-large: 25px;
    --border-radius-xx-large: clamp(20px,3.125vw,40px);
    --border-radius-round: 50%;
    --box-shadow-low: rgba(var(--color-midnight-rgb),0.1) 0 2px 6px;
    --box-shadow-low-midnight: rgba(var(--color-midnight-rgb),0.1) 0 2px 6px;
    --box-shadow-low-violet: rgba(var(--color-violet-rgb),0.1) 0 2px 6px;
    --box-shadow-medium: rgba(var(--color-midnight-rgb),0.2) 0 2px 10px;
    --box-shadow-medium-midnight: rgba(var(--color-midnight-rgb),0.2) 0 2px 10px;
    --box-shadow-medium-violet: rgba(var(--color-violet-rgb),0.2) 0 2px 10px;
    --box-shadow-high: rgba(var(--color-midnight-rgb),0.2) 0 8px 33px;
    --box-shadow-high-midnight: rgba(var(--color-midnight-rgb),0.2) 0 8px 33px;
    --box-shadow-high-violet: rgba(var(--color-violet-rgb),0.2) 0 8px 33px;
    --box-shadow-very-high: rgba(var(--color-midnight-rgb),0.2) 0 20px 60px;
    --box-shadow-very-high-midnight: rgba(var(--color-midnight-rgb),0.2) 0 20px 60px;
    --box-shadow-very-high-violet: rgba(var(--color-violet-rgb),0.2) 0 20px 60px;
    --button-border-radius: calc(var(--button-height)/2);
    --button-border-width: 2px;
    --button-height: var(--5x);
    --button-padding: 0 var(--2x);
    --button-background-color: var(--color-violet);
    --button-border-color: transparent;
    --button-border-style: solid;
    --button-color: var(--color-white);
    --button-hover-background-color: var(--color-lavender);
    --button-hover-border-color: transparent;
    --button-hover-color: var(--color-white);
    --color-default: #3e0075;
    --color-default-rgb: 62,0,117;
    --color-black: #261e33;
    --color-black-rgb: 38,30,51;
    --color-white: #fff;
    --color-white-rgb: 255,255,255;
    --color-accent: #8039df;
    --color-accent-rgb: 128,57,223;
    --color-midnight: #1d0254;
    --color-midnight-rgb: 29,2,84;
    --color-purple-haze: #3e0075;
    --color-purple-haze-rgb: 62,0,117;
    --color-purple: #683eb2;
    --color-purple-rgb: 104,62,178;
    --color-violet: #8039df;
    --color-violet-rgb: 128,57,223;
    --color-electric-violet: #974eff;
    --color-electric-violet-rgb: 151,78,255;
    --color-lavender: #9069e7;
    --color-lavender-rgb: 144,105,231;
    --color-lavender-cream: #c2a4f7;
    --color-lavender-cream-rgb: 194,164,247;
    --color-lilac: #f5edff;
    --color-lilac-rgb: 245,237,255;
    --color-lilac-cream: #f9f4ff;
    --color-lilac-cream-rgb: 249,244,255;
    --color-rose: #ff2370;
    --color-rose-rgb: 255,35,112;
    --color-yellow: #ffe03f;
    --color-yellow-rgb: 255,224,63;
    --color-teal: #4cfec8;
    --color-teal-rgb: 76,254,200;
    --color-sky: #3caff2;
    --color-sky-rgb: 60,175,242;
    --color-dark-gray: #c4c4c4;
    --color-dark-gray-rgb: 196,196,196;
    --color-gray: #d8d8d8;
    --color-gray-rgb: 216,216,216;
    --color-light-gray: #eaeaea;
    --color-light-gray-rgb: 234,234,234;
    --color-lighter-gray: #f2f2f2;
    --color-lighter-gray-rgb: 242,242,242;
    --color-light-yellow: #fefcef;
    --color-light-yellow-rgb: 254,252,239;
    --color-light-purple: rgba(29,2,84,.098);
    --color-light-purple-rgb: 29,2,84;
    --color-light-blue: #eff7fd;
    --color-light-blue-rgb: 239,247,253;
    --color-light-green: #f3fffa;
    --color-light-green-rgb: 243,255,250;
    --color-lilac-50: rgba(245,237,255,.502);
    --color-lilac-50-rgb: 245,237,255;
    --color-lilac-40: rgba(245,237,255,.4);
    --color-lilac-40-rgb: 245,237,255;
    --color-rose-40: rgba(255,35,112,.4);
    --color-rose-40-rgb: 255,35,112;
    --color-yellow-40: rgba(255,224,63,.4);
    --color-yellow-40-rgb: 255,224,63;
    --color-teal-40: rgba(76,254,200,.4);
    --color-teal-40-rgb: 76,254,200;
    --color-sky-40: rgba(60,175,242,.4);
    --color-sky-40-rgb: 60,175,242;
    --color-midnight-10: rgba(29,2,84,.102);
    --color-midnight-10-rgb: 29,2,84;
    --color-purple-10: rgba(104,62,178,.102);
    --color-purple-10-rgb: 104,62,178;
    --color-rose-10: rgba(255,35,112,.102);
    --color-rose-10-rgb: 255,35,112;
    --color-yellow-10: rgba(255,224,63,.102);
    --color-yellow-10-rgb: 255,224,63;
    --color-teal-10: rgba(76,254,200,.102);
    --color-teal-10-rgb: 76,254,200;
    --color-sky-10: rgba(60,175,242,.102);
    --color-sky-10-rgb: 60,175,242;
    --font-family: Messina Sans,sans-serif;
    --font-family-default: Messina Sans,sans-serif;
    --font-family-heading: BN Axel Grotesk,sans-serif;
    --font-size-base: clamp(14px,calc(12.26667px + 0.22222vw),16px);
    --font-size-h1: clamp(40px,calc(5.33333px + 4.44444vw),80px);
    --font-size-h2: clamp(40px,calc(22.66667px + 2.22222vw),60px);
    --font-size-h3: clamp(32px,calc(25.06667px + 0.88889vw),40px);
    --font-size-h4: clamp(28px,calc(24.53333px + 0.44444vw),32px);
    --font-size-h5: clamp(28px,28px,28px);
    --font-size-h6: clamp(20px,calc(13.06667px + 0.88889vw),28px);
    --font-size-h1-content: clamp(40px,calc(22.66667px + 2.22222vw),60px);
    --font-size-h2-content: clamp(20px,calc(13.06667px + 0.88889vw),28px);
    --font-size-h3-content: clamp(16px,calc(12.53333px + 0.44444vw),20px);
    --font-size-h4-content: clamp(14px,calc(12.26667px + 0.22222vw),16px);
    --font-size-h5-content: clamp(14px,calc(12.26667px + 0.22222vw),16px);
    --font-size-h6-content: clamp(14px,calc(12.26667px + 0.22222vw),16px);
    --font-size-button: 14px;
    --font-size-trailing-link: 14px;
    --font-size-filters: 14px;
    --font-size-ui-large: 16px;
    --font-size-ui: 14px;
    --font-size-kicker: 14px;
    --font-size-large-kicker: clamp(14px,calc(12.26667px + 0.22222vw),16px);
    --font-size-subtitle: clamp(14px,calc(10.53333px + 0.44444vw),18px);
    --font-size-quote-card: clamp(18px,calc(9.33333px + 1.11111vw),28px);
    --font-size-xx-large: clamp(20px,calc(13.06667px + 0.88889vw),28px);
    --font-size-x-large: clamp(18px,calc(16.26667px + 0.22222vw),20px);
    --font-size-large: clamp(14px,calc(10.53333px + 0.44444vw),18px);
    --font-size-small: clamp(12px,calc(10.26667px + 0.22222vw),14px);
    --font-size-x-small: 12px;
    --font-weight-base: 400;
    --font-weight-h1: 700;
    --font-weight-h2: 700;
    --font-weight-h3: 700;
    --font-weight-h4: 700;
    --font-weight-h5: 700;
    --font-weight-h6: 400;
    --font-weight-h1-content: 700;
    --font-weight-h2-content: 400;
    --font-weight-h3-content: 700;
    --font-weight-h4-content: 700;
    --font-weight-h5-content: 700;
    --font-weight-h6-content: 700;
    --font-weight-button: 700;
    --font-weight-trailing-link: 700;
    --font-weight-filters: 700;
    --font-weight-ui-large: 700;
    --font-weight-ui: 700;
    --font-weight-kicker: 700;
    --font-weight-large-kicker: 700;
    --font-weight-subtitle: 400;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --letter-spacing-base: -0.01em;
    --letter-spacing-h3-content: 0;
    --letter-spacing-h4-content: 0;
    --letter-spacing-h5-content: 0;
    --letter-spacing-h6-content: 0;
    --letter-spacing-button: 0;
    --letter-spacing-kicker: 0.05em;
    --letter-spacing-large-kicker: 0.05em;
    --line-height-base: 1.4;
    --line-height-h1: 1;
    --line-height-h2: 1;
    --line-height-h3: 1;
    --line-height-h4: 1;
    --line-height-h5: 1;
    --line-height-h6: 1.4;
    --line-height-h1-content: 1;
    --line-height-h2-content: 1.4;
    --line-height-h3-content: 1.4;
    --line-height-h4-content: 1.4;
    --line-height-h5-content: 1.4;
    --line-height-h6-content: 1.4;
    --line-height-kicker: 1.4;
    --line-height-large-kicker: 1.4;
    --line-height-subtitle: 1.4;
    --line-height-quote-card: 1.4;
    --line-height-xx-large: 1.4;
    --line-height-x-large: 1.4;
    --line-height-large: 1.4;
    --line-height-small: 1.4;
    --line-height-x-small: 1.4;
    --gap-x-small: var(--1x);
    --gap-small: var(--2x);
    --gap: var(--3x);
    --gap-normal: var(--3x);
    --gap-large: var(--5x);
    --gap-x-large: var(--10x);
    --gap-xx-large: var(--15x);
    --spacing-0: 0;
    --spacing-none: 0;
    --spacing-xxx-small: var(--1x);
    --spacing-xx-small: var(--2x);
    --spacing-x-small: var(--3x);
    --spacing-small: var(--5x);
    --spacing-medium: var(--7x);
    --spacing-large: var(--10x);
    --spacing-x-large: var(--15x);
    --spacing-xx-large: var(--20x);
    --spacing-xxx-large: var(--40x);
    --1x: 8px;
    --2x: 16px;
    --3x: 24px;
    --4x: 32px;
    --5x: 40px;
    --6x: 48px;
    --7x: 56px;
    --8x: 64px;
    --9x: 72px;
    --10x: 80px;
    --11x: 88px;
    --12x: 96px;
    --13x: 104px;
    --14x: 112px;
    --15x: 120px;
    --16x: 128px;
    --17x: 136px;
    --18x: 144px;
    --19x: 152px;
    --20x: 160px;
    --21x: 168px;
    --22x: 176px;
    --23x: 184px;
    --24x: 192px;
    --25x: 200px;
    --26x: 208px;
    --27x: 216px;
    --28x: 224px;
    --29x: 232px;
    --30x: 240px;
    --31x: 248px;
    --32x: 256px;
    --33x: 264px;
    --34x: 272px;
    --35x: 280px;
    --36x: 288px;
    --37x: 296px;
    --38x: 304px;
    --39x: 312px;
    --40x: 320px;
    --grid-gap: 24px;
    --grid-gap-x-small: var(--1x);
    --grid-gap-small: var(--2x);
    --grid-gap-normal: var(--3x);
    --grid-gap-large: var(--5x);
    --grid-gap-x-large: var(--10x);
    --grid-gap-xx-large: var(--15x);
    --block-paging-item-background-color: var(--color-default);
}

.bg-purple-haze {
    -webkit-clip-path: polygon(calc(100% + 1px) -1px,-1px -1px,calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*784.124/var(--block-ratio-width) - 704.124vw) calc(100% - var(--block-vw-height) + var(--block-vw-height)*738.472/var(--block-ratio-height) - 124.628vw),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*784.124/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*738.472/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*787.477/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*738.851/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*791.194/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*738.693/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*795.577/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*737.751/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*799.504/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*736.056/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*802.629/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*734.023/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*805.509/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*731.224/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*807.291/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*728.641/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*808.749/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*725.323/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*809.609/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*721.637/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*809.7/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*717.815/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*809.28/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*714.474/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*808.452/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*711.212/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*638.674/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*135.582/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*637.695/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*131.859/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*637.048/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*127.758/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*636.898/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*123.008/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*637.695/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*118.068/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*639.34/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*114.09/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*641.22/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*111.385/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*644.042/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*108.783/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*647.321/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*106.867/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*651.038/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*105.557/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*655.366/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*104.745/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*658.828/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*104.539/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*661.766/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*104.539/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*661.766/var(--block-ratio-width) + 858.234vw) calc(100% - var(--block-vw-height) + var(--block-vw-height)*104.539/var(--block-ratio-height) + 86.729vw));
    clip-path: polygon(calc(100% + 1px) -1px,-1px -1px,calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*784.124/var(--block-ratio-width) - 704.124vw) calc(100% - var(--block-vw-height) + var(--block-vw-height)*738.472/var(--block-ratio-height) - 124.628vw),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*784.124/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*738.472/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*787.477/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*738.851/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*791.194/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*738.693/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*795.577/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*737.751/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*799.504/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*736.056/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*802.629/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*734.023/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*805.509/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*731.224/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*807.291/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*728.641/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*808.749/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*725.323/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*809.609/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*721.637/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*809.7/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*717.815/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*809.28/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*714.474/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*808.452/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*711.212/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*638.674/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*135.582/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*637.695/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*131.859/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*637.048/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*127.758/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*636.898/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*123.008/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*637.695/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*118.068/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*639.34/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*114.09/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*641.22/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*111.385/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*644.042/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*108.783/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*647.321/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*106.867/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*651.038/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*105.557/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*655.366/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*104.745/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*658.828/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*104.539/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*661.766/var(--block-ratio-width)) calc(100% - var(--block-vw-height) + var(--block-vw-height)*104.539/var(--block-ratio-height)),calc(50% - var(--block-vw-width)/2 + var(--block-vw-width)*661.766/var(--block-ratio-width) + 858.234vw) calc(100% - var(--block-vw-height) + var(--block-vw-height)*104.539/var(--block-ratio-height) + 86.729vw));
    height: var(--block-vw-height);
    background-color: #3e0075;
}

.CustomerQuotesWithImageLogoItemBlock-imageWrapper:before {
    content: url(../images/bg-circles.svg);
    height: 505px;
    position: absolute;
    right: -26px;
    top: -100px;
    width: 528px;
    z-index: -1;
}
.CustomerQuotesWithImageLogoItemBlock-inner div:first-child {
    max-width: 609px;
}
.CustomerQuotesWithImageLogoItemBlock-images {
    margin: 0 auto;
    position: relative;
    transform: translateY(calc(8px*-1));
    max-width: 609px;
}
.CustomerQuotesWithImageLogoItemBlock-images .Block-photo {
    max-height: 348px;
    max-width: 609px;
}
.CustomerQuotesWithImageLogoItemBlock-images .Block-photo:before {
    background: linear-gradient(0deg,rgba(144,105,231,.75),rgba(144,105,231,0) 91.58%);
    border-radius: 10px;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.CustomerQuotesWithImageLogoItemBlock-images .Block-photo img {
    position: relative;
    z-index: -1;
    aspect-ratio: 318 / 348;
}
.CustomerQuotesWithImageLogoItemBlock-images .Block-logo {
    bottom: 55px;
    left: 34px;
    position: absolute;
    width: auto;
    z-index: 9999;
}
.Block-cta {
    bottom: 34px;
    color: #fff;
    font-size: 14px;
    left: 34px;
    line-height: 19.6px;
    position: absolute;
}

a {
    color: inherit;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover .card {
    color: inherit;
}
.bg-hero {
    background-color: #1e0454;
}
.is-zigZagBelow {
    position: relative;
}

.Block-background {
    -webkit-clip-path: var(--block-clip-path);
    clip-path: var(--block-clip-path);
}

.Block-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.bg-lilac {
    background-color: #f5edff;
}
.bg-danger {
    background-color: #fd2171 !important;
}
.btn-warning {
    color: #FFFEFE;
    background-color: #ffe03f;
    border-color: #ffe03f;
}
.landing-text-success {
    color: #4cfec8 !important;
}
.landing-btn-success {
    background-color: #4cfec8 !important;
    color: #1d0254;
    font-weight: 500;
    font-size: 90%;
    border-color: #4cfec8;
}
.btn-violet {
    background-color: #8039df;
    color: white;
    font-weight: 500;
    font-size: 90%;
    border-color: #8039df;
}
.btn-violet:hover {
    background-color: #9069e7;
    color: white;
    border-color: #9069e7;
}
.btn-danger {
    background-color: #ff2370;
    color: white;
    font-weight: 500;
    font-size: 90%;
    border-color: #ff2370;
}
.btn-danger:hover {
    background-color: #ff2370;
    color: white;
    border-color: #ff2370;
}
.btn-white {
    color: #3e0075;
    background-color: white;
    font-weight: 500;
    font-size: 90%;
    border: 2px solid white;
}
.btn-white:hover {
    background-color: #f5edff;
    border: 2px solid #9069e7;
}
.text-warning {
    color: #ffe03f !important;
}
.text-danger {
    color: #ff2370 !important;
}
.text-lavender, a.text-lavender:hover {
    color: #9069e7 !important;
}
.text-violet, .text-violet:focus {
    color: #8039df !important;
}
.bg-warning {
    background-color: #ffe03f;
}
.bg-violet {
    background-color: #8039df;
}
.bg-main {

}
.fw-medium {
    font-weight: 500 !important;
}
.shadow {
    box-shadow: 0 0 #0000, 0 0 #0000, 0px 0px 1px rgba(40, 41, 61, .08), 0px 0.5px 2px rgba(96, 97, 112, .16) !important;
}
.dropdown-toggle.no-caret::after {
    display: none !important;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/.8em auto no-repeat;
}
.bg-end-cap-cta {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../images/bg-endcap-cta-1.png);
    background-position: center center;
    background-size: cover;
    opacity: 1;
}
@media (min-width: 576px) {
    .border-sm-top {
        border-top: 1px solid !important;
    }
    .border-sm-right {
        border-right: 1px solid !important;
    }
    .border-sm-bottom {
        border-bottom: 1px solid !important;
    }
    .border-sm-left {
        border-left: 1px solid !important;
    }
    .border-sm-top-0 {
        border-top: 0 !important;
    }
    .border-sm-right-0 {
        border-right: 0 !important;
    }
    .border-sm-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-sm-left-0 {
        border-left: 0 !important;
    }
    .border-sm-x {
        border-left: 1px solid !important;
        border-right: 1px solid !important;
    }
    .border-sm-y {
        border-top: 1px solid !important;
        border-bottom: 1px solid !important;
    }
    .border-sm {
        border-top: 1px solid !important;
        border-bottom: 1px solid !important;
        border-left: 1px solid !important;
        border-right: 1px solid !important;
    }
    .border-sm-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media (min-width: 768px) {
    .border-md-top {
        border-top: 1px solid !important;
    }
    .border-md-right {
        border-right: 1px solid !important;
    }
    .border-md-bottom {
        border-bottom: 1px solid !important;
    }
    .border-md-left {
        border-left: 1px solid !important;
    }
    .border-md-top-0 {
        border-top: 0 !important;
    }
    .border-md-right-0 {
        border-right: 0 !important;
    }
    .border-md-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-md-left-0 {
        border-left: 0 !important;
    }
    .border-md-x {
        border-left: 1px solid !important;
        border-right: 1px solid !important;
    }
    .border-md-y {
        border-top: 1px solid !important;
        border-bottom: 1px solid !important;
    }
    .border-md {
        border-top: 1px solid !important;
        border-bottom: 1px solid !important;
        border-left: 1px solid !important;
        border-right: 1px solid !important;
    }
    .border-md-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media (min-width: 992px) {
    .border-lg-top {
        border-top: 1px solid !important;
    }
    .border-lg-right {
        border-right: 1px solid !important;
    }
    .border-lg-bottom {
        border-bottom: 1px solid !important;
    }
    .border-lg-left {
        border-left: 1px solid !important;
    }
    .border-lg-top-0 {
        border-top: 0 !important;
    }
    .border-lg-right-0 {
        border-right: 0 !important;
    }
    .border-lg-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-lg-left-0 {
        border-left: 0 !important;
    }
    .border-lg-x {
        border-left: 1px solid !important;
        border-right: 1px solid !important;
    }
    .border-lg-y {
        border-top: 1px solid !important;
        border-bottom: 1px solid !important;
    }
    .border-lg {
        border-top: 1px solid !important;
        border-bottom: 1px solid !important;
        border-left: 1px solid !important;
        border-right: 1px solid !important;
    }
    .border-lg-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media (min-width: 1200px) {
    .border-xl-top {
        border-top: 1px solid !important;
    }
    .border-xl-right {
        border-right: 1px solid !important;
    }
    .border-xl-bottom {
        border-bottom: 1px solid !important;
    }
    .border-xl-left {
        border-left: 1px solid !important;
    }
    .border-xl-top-0 {
        border-top: 0 !important;
    }
    .border-xl-right-0 {
        border-right: 0 !important;
    }
    .border-xl-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-xl-left-0 {
        border-left: 0 !important;
    }
    .border-xl-x {
        border-left: 1px solid !important;
        border-right: 1px solid !important;
    }
    .border-xl-y {
        border-top: 1px solid !important;
        border-bottom: 1px solid !important;
    }
    .border-xl {
        border-top: 1px solid !important;
        border-bottom: 1px solid !important;
        border-left: 1px solid !important;
        border-right: 1px solid !important;
    }
    .border-xl-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}
.login-bg {
    height: 100%;
    position: absolute;
    right: 0;
    width: auto;
    fill: #8038df;
}
.z-index--1 {
    z-index: -1 !important;
}
.z-index-1 {
    z-index: 1 !important;
}
.z-index-2 {
    z-index: 2 !important;
}
.bg-holder {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    will-change: transform, opacity, filter;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    z-index: 0;
}
.bg-contact {
    background-color: #deebff !important;
}

.w-48px {
    width: 48px;
    height: 48px;
}
.fav-tool svg, .tool-card svg {
    width: 24px;
    height: 24px;
}
.w-40px {
    width: 40px;
    height: 40px;
}
.w-80px {
    width: 80px;
    height: 80px;
}
.w-96px {
    width: 96px;
    height: 96px;
}
.w-36px {
    width: 36px;
    height: 36px;
}
.w-24px {
    width: 24px;
    height: 24px;
}
.w-16px {
    width: 16px;
    height: 16px;
}
header .dropdown-menu {
    min-width: 240px;
}
header .dropdown-menu-tools {
    width: 300px;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.dropdown-menu-projects {
    width: 360px;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 0;
}
.dropdown-menu-end {
    inset: 0px 0px auto auto !important;
    transform: translate3d(0, 38px, 0px) !important;
}
.bg-primary {
    background-color: #384eb7 !important;
}
.smaller {
    font-size: 0.7rem;
}
.card-columns {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
}
.card-columns .card {
    display: inline-block;
    margin: 0 0 1.5em;
    width: 100%;
    -webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
@media only screen and (max-width: 320px) {
    .card-columns {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 321px) and (max-width: 768px){
    .card-columns {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .editor-container {
        width: 100%;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
    .card-columns {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
.bg-purple {
    background: #3e0075;
}
.bg-footer {
    background-color: #271e33;
}
.progress-sm {
    height: 0.5rem;
}
.progress-lg {
    height: 1.5rem;
}
.bg-light {
    background: #f0f2f5 !important;
}
.outline-none {
    outline: none;
}
.landing-card-columns {
    max-height: 33rem;
    overflow: hidden;
    position: relative;
}
.landing-card-columns.full {
    max-height: unset;
}
.landing-card-columns .see-more-tools {
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(to top,#1d0754,rgb(255 255 255 / 0%));
    padding-top: 8rem;
    padding-bottom: 2rem;
}
.landing-card-columns.full .see-more-tools {
    display: none !important;
}
.landing-card-columns .tool-card {
    border: 0;
    background-color: #f8fafc;
}
.landing-card-columns .tool-card:hover svg {
    color: initial;
}
#features svg {
    fill: #3c82f6;
    width: 30px;
}
.tools-list svg {
    width: 32px;
}
.form-select, .form-control {
    background-color: white;
    border: 1px solid #e2e8f0;
}
.form-select:focus, .form-control:focus {
    border: 1px solid #3c82f6;
    outline: none;
    box-shadow: none;
}
.form-outline input:focus {
    outline: 2px solid #3c82f6;
    outline-offset: 0;
    border-color: transparent;
}
.form-outline:focus-within .position-absolute {
    color: #3c82f6;
}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    opacity: .75;
    transform: scale(.75) translateY(-0.5rem) translateX(0.15rem);
    font-weight: 300;
}

select:invalid, option:disabled, .form-select::placeholder, .form-control::placeholder {
    color: gray;
}
.form-select::placeholder, .form-control:focus::placeholder {
    color: gray;
}
.placeholder-violet::placeholder, .placeholder-violet:focus::placeholder {
    color: #8039df;
}
select:required:invalid {
    color: gray;
}
option[value=""][disabled] {
    display: none;
}
.nav-fill .nav-item {
    flex: 1 0 20%;
    text-align: center;
}
.nav-fill .nav-item .nav-link {
    border-radius: 0;
    border-top: 0;
    padding: 1rem 1rem;
}
.nav-fill .nav-item:first-child .nav-link {
    border-left: 0;
}
.nav-fill .nav-item:last-child .nav-link {
    border-right: 0;
}
.nav-tabs-none-bg .nav-item .nav-link {
    border: 0;
    background: none;
}
.nav-tabs-none-bg .nav-item .nav-link .badge {
    color: black;
    background: #e0e8ee !important;
}
.nav-tabs-none-bg .nav-item .nav-link.active {
    color: #141125 !important;
    border-bottom: 3px solid #3c82f6;
}
.nav-tabs-none-bg .nav-item .nav-link.active .badge {
    color: white;
    background: #3c82f6 !important;
}
.nav-sidebar .nav-item {

}
.nav-sidebar .nav-item a {
    display: flex;
    cursor: pointer;
    padding: 0.65rem 1.5rem;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    text-transform: capitalize;
    text-decoration: none;
    color: #0f172a;
}
.nav-sidebar .nav-item a.active, .nav-sidebar .nav-item a:hover{
    /*background: #0f172a;
    color: white;*/
}
.nav-sidebar .nav-item ul li {
    position: relative;
}
.nav-sidebar .nav-item ul li a {
    background: transparent !important;
}
.nav-sidebar .nav-item ul li:hover a {
    background-color: rgba(71, 77, 102, 0.2);
}
.nav-sidebar .nav-item ul li a {
    background: transparent !important;
}
.nav-sidebar .nav-item ul li:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    border: 1px solid #0f172a;
    top: 50%;
    margin-top: -6px;
}
.nav-sidebar .nav-item ul li.active:before {
    background-color: #0f172a;
}
.dashboard-header {
    background-color: white;
}
.dashboard-main-project {
    position: fixed;
    right: 0;
    background-color: white;
    height: calc(100vh - 56px);
    overflow-x: hidden;
    overflow-y: auto;
}
@media only screen and (min-width: 1600px) {
    .dashboard-main-project {
        position: sticky;
        top: 56px;
    }
    .btn-project-hide {
        display: none;
    }
}
.header-hide .dashboard-main-project, .sidebar-hide .dashboard-main-project  {
    display: none;
}
@media only screen and (max-width: 1200px) {
    .dashboard-main-project  {
        display: none;
    }
}
.project-active .dashboard-main-project {
    width: 360px;
}
.subscribe-bar {
    color: rgb(253, 188, 61);
    background-color: rgba(253, 181, 40, 0.12);
}
.subscribe-bar a {
    color: rgb(253, 188, 61) !important;
}
.container-fluid-tools {
    height: calc(100vh - 56px);
}
.container-fluid-tools .tools-card {
    height: calc(100vh - 56px) !important
}

@media only screen and (min-width: 780px) {
    .rounded-lg-0 {
        border-radius: 0 !important;
    }
}
@media only screen and (max-width: 780px) {
    .container-fluid-tools {
        overflow-x: hidden;
        overflow-y: scroll;
    }
}
.tool-form {
    height: 100%
}
@media only screen and (max-width: 780px) {
    .tool-form {
        height: 100%
    }
}
@media only screen and (max-width: 780px) {
    .container-fluid-tools .tools-card {
        height: auto !important;
    }
    .container-fluid-tools {
        height: calc(100vh - 56px) !important;
    }
}
.subheading-editor-buttons {
    position: absolute;
    right: -32px;
    bottom: 0;
    top: 0;
}
.subheading-editor-buttons a {
    font-size: 1.5rem;
    color: #3c82f6;
    cursor: pointer;
}
.article-editor-sidebar {
    width: 280px;
    min-width: 280px;
}
@media only screen and (max-width: 780px) {
    .article-editor-sidebar {
        width: 100%;
    }
}
.btn-upgrade, .btn-upgrade:hover, .btn-upgrade:active {
    background-image: linear-gradient(90deg,#00cdfa -20.67%,#9058ff 42.73%,#ff76df 105.77%);
    color: white;
}
.card-tool-icon {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.auth-content {
    display: flex;
    display: -webkit-flex; }

.auth-content {
    flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -ms-flex-wrap: wrap; }

.auth-image {
    position: relative;
    width: 58.33%;
    margin-bottom: -8px;
    background-position: center center;
    background-size: cover;
    background: #b880ff;
    background-repeat: no-repeat, no-repeat;
}
.auth-image::after{
    background-color: white;
    content: '';
    display: block;
    position: absolute;
    width: 200%;
    left: 86%;
    border-radius: 50%;
    padding-bottom: 200%;
}
.auth-image figure {
    max-width: 70%;
}
.booking-img {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.auth-form {
    width: 41.67%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

@media screen and (max-width: 1200px) {

    .auth-content {
        flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column; }

    .auth-image, .auth-form {
        width: 100%;
    }

    .auth-image {
        order: 2;
        text-align: center; }

    .auth-form {
        order: 1;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px; }

    .booking-img {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        width: 100%; } }
@media screen and (max-width: 480px) {

}

.btn-google, .btn-google:hover {
    color: white;
    background-color: #ea4335;
}

.btn-facebook, .btn-facebook:hover {
    color: white;
    background-color: #4f85eb;
}
.bg-chat-main {
    background-color: white;
}
.bg-chat-sender {
    background-color: #0284ff;
    color: white;
}
.bg-chat-response {
    background-color: #e4e6eb;
}