:root {
    
    
    --font-size-display: 2.25rem;
    
    --font-size-h1: 3.5rem;
    --font-size-h2: 2.875rem;
    --font-size-h3: 2.25rem;
    --font-size-h4: 1.5rem;
    --font-size-h5: 1.5rem;
    --font-size-h6: 1.125rem;

    --font-size-h1-sm: 2.625rem;
    --font-size-h2-sm: 2.25rem;
    --font-size-h3-sm: 1.5rem;
    --font-size-h4-sm: 1.25rem;
    --font-size-h5-sm: 1.25rem;
    --font-size-h6-sm: 1.125rem;

    --font-size-base: 1rem;
    --font-size-s: 0.875rem;
    --font-size-xs: 0.75rem;
    
    --fs-10: 0.625rem;
    --fs-12: 0.75rem;
    --fs-14: 0.875rem;
    --fs-16: 1rem;
    --fs-18: 1.125rem;
    --fs-20: 1.25rem;
    --fs-22: 1.375rem;
    --fs-24: 1.5rem;
    --fs-26: 1.625rem;
    --fs-28: 1.75rem;
    --fs-30: 1.875rem;
    --fs-32: 2rem;
    --fs-34: 2.125rem;
    --fs-36: 2.25rem;
    --fs-38: 2.375rem;
    --fs-40: 2.5rem;
    
    
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semi-bold: 600;
    --font-bold: bold;
    
    
    --color-blue-entel: #002eff;
    --color-orange-entel: #ff3d00;
    --color-primary-empresas: #10069F;
    --color-secondary-empresas: #ff3d00;
    --color-pink: #fd6c98;
    --color-blue: #2fcbf1;
    --color-green: #42e8b4;
    --color-blue-dark: #020247;
    --color-error: #E81E1E;
    --color-warning: #2fcbf1;
    --color-success: #42e8b4;
    --color-info: #002eff;
    --color-white: #ffffff;
    --color-gray-soft: #cccccc;
    --color-gray-black: #333333;
    
    
    --border-radius-none: 0;
    --border-radius-small: 6px;
    --border-radius-soft: 8px;
    --border-radius-medium: 12px;
    --border-radius-large: 16px;
    --border-radius-rounded: 100px;
    --border-radius-circle: 100%;
    
    
    --padding-xs: 5px;
    --padding-s: 10px;
    --padding-base: 15px;
    --padding-m: 20px;
    --padding-medium: 25px;
    --padding-l: 30px;
    --padding-xl: 40px;
    --padding-xl-2: 50px;
    --padding-xxl: 60px;
    
    
    --margin-xs: 5px;
    --margin-s: 10px;
    --margin-base: 15px;
    --margin-m: 20px;
    --margin-medium: 25px;
    --margin-l: 30px;
    --margin-xl: 40px;
    --margin-xxl: 50px;
    --margin-xxxl: 70px;
    --margin-xxxxl: 100px;
    
    

    
    --blue-primary-010: #F3F5FF;
    --blue-primary-025: #BFCBFF;
    --blue-primary-050: #8097FF;
    --blue-primary-075: #4062FF;
    --blue-primary-100: #002EFF;
    --blue-primary-125: #0022BF;
    --blue-primary-150: #001780;

    
    --orange-025: #FFCFBF;
    --orange-050: #FF9E80;
    --orange-075: #FF6E40;
    --orange-100: #FF3D00;
    --orange-125: #BF2E00;
    --orange-150: #801E00;

    
    --green-025: #D0F9EC;
    --green-050: #A0F3D9;
    --green-075: #71EEC7;
    --green-100: #42E8B4;
    --green-125: #31AE87;
    --green-150: #21745A;

    
    --blue-business-025: #C3C1E7;
    --blue-business-050: #8783CF;
    --blue-business-075: #4C44B7;
    --blue-business-100: #10069F;
    --blue-business-125: #0C0477;
    --blue-business-150: #08034F;

    
    --color-success-010: #E6FFFA;
    --color-success-100: #1EA67B;
    --color-success-150: #137E5D;

    
    --color-error-010: #FEF4F3;
    --color-error-100: #DB110A;
    --color-error-150: #B40C06;

    
    --color-warning-010: #FEF9EC;
    --color-warning-100: #F5B207;
    --color-warning-150: #916802;

    
    --color-lightbox: 53, 52, 68;

    
    --shadow-none: 0px 0px 0px  rgba(0, 0, 0, 0);
    --shadow-xs:   0px 0px 1px  rgba(0, 0, 0, 0.1);
    --shadow-s:    0px 1px 4px  rgba(0, 0, 0, 0.2);
    --shadow-m:    0px 2px 8px  rgba(0, 0, 0, 0.2);
    --shadow-l:    0px 4px 16px rgba(0, 0, 0, 0.2);
    --shadow-xl:   0px 6px 24px rgba(0, 0, 0, 0.2);
}

@font-face {
    font-family: 'Barlow-Light';
    src: url("");
    src: url("") format('eot'),
     url("../fonts/Barlow-Light.woff") format('woff'),
     url("../fonts/Barlow-Light.ttf") format('truetype'),
     url("") format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow-Regular';
    src: url("");
    src: url("") format('eot'),
     url("../fonts/Barlow-Regular.woff") format('woff'),
     url("../fonts/Barlow-Regular.ttf") format('truetype'),
     url("") format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow-Medium';
    src: url("");
    src: url("") format('eot'),
     url("../fonts/Barlow-Medium.woff") format('woff'),
     url("../fonts/Barlow-Medium.ttf") format('truetype'),
     url("") format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow-SemiBold';
    src: url("");
    src: url("") format('eot'),
     url("../fonts/Barlow-SemiBold.woff") format('woff'),
     url("../fonts/Barlow-SemiBold.ttf") format('truetype'),
     url("") format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow-Bold';
    src: url("");
    src: url("") format('eot'),
     url("../fonts/Barlow-Bold.woff") format('woff'),
     url("../fonts/Barlow-Bold.ttf") format('truetype'),
     url("") format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Regular';
    src: url("../fonts/Inter-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Medium';
    src: url("") format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: url("") format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Bold';
    src: url("") format('truetype');
    font-weight: bold;
    font-style: normal;
}

.fw-300 {
    font-weight: var(--font-light);
}

.fw-400 {
    font-weight: var(--font-regular);
}

.fw-500 {
    font-weight: var(--font-medium);
}

.fw-600 {
    font-weight: var(--font-semi-bold);
}

.fw-bold {
    font-weight: var(--font-bold);
}

.lh-20 { line-height: 20px; }

.lh-22 { line-height: 22px; }

.lh-24 { line-height: 24px; }

.lh-26 { line-height: 26px; }

.lh-28 { line-height: 28px; }

html, body {
    font-family: 'Inter-Regular';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
}

button, a {
    font-family: 'Barlow-SemiBold';
    font-weight: 600;
    letter-spacing: 0.0125em;
    line-height: 24px;
    font-size: var(--font-size-base);
}

button.small, a.small {
    font-size: var(--fs-10);
    letter-spacing: 0.005em;
    line-height: 12px;
}

h1, .h1, .heading1 {
    font-family: 'Barlow-Light';
    font-weight: 300;
    font-size: var(--font-size-h1);
    letter-spacing: -0.015em;
    line-height: 80px;
}

h2, .h2, .heading2 {
    font-family: 'Barlow-Regular';
    font-weight: 400;
    font-size: var(--font-size-h2);
    letter-spacing: 0.005em;
    line-height: 56px;
}

h3, .h3, .heading3 {
    font-family: 'Barlow-Regular';
    font-weight: 400;
    font-size: var(--font-size-h3);
    letter-spacing: 0.015em;
    line-height: 40px;
}

h4, .h4, .heading4 {
    font-family: 'Barlow-SemiBold';
    font-weight: 600;
    font-size: var(--font-size-h4);
    letter-spacing: 0.015em;
    line-height: 32px;
}

h5, .h5, .heading5 {
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-size: var(--font-size-h5);
    letter-spacing: 0.0025em;
    line-height: 32px;
}

h6, .h6, .heading6 {
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-size: var(--font-size-h6);
    letter-spacing: 0.0025em;
    line-height: 24px;
}

h1.bold, .h1.bold, .heading1.bold,
h2.bold, .h2.bold, .heading2.bold,
h3.bold, .h3.bold, .heading3.bold {
    font-family: 'Barlow-SemiBold';
    font-weight: 600;
}

h4.bold, .h4.bold, .heading4.bold {
    font-family: 'Barlow-Bold';
    font-weight: 700;
}

h5.bold, .h5.bold, .heading5.bold,
h6.bold, .h6.bold, .heading6.bold {
    font-family: 'Inter-SemiBold';
    font-weight: 600;
}

.phone h1, .phone .h1, .phone .heading1 {
    font-size: var(--font-size-h1-sm);
    line-height: 48px;
}

.phone h2, .phone .h2, .phone .heading2 {
    font-size: var(--font-size-h2-sm);
    line-height: 42px;
}

.phone h3, .phone .h3, .phone .heading3 {
    font-size: var(--font-size-h3-sm);
    line-height: 28px;
}

.phone h4, .phone .h4, .phone .heading4 {
    font-size: var(--font-size-h4-sm);
    line-height: 24px;
}

.phone h5, .phone .h5, .phone .heading5 {
    font-size: var(--font-size-h5-sm);
    line-height: 28px;
}

.phone h6, .phone .h6, .phone .heading6 {
    font-size: var(--font-size-h6-sm);
    line-height: 24px;
}

.phone h1.bold, .phone .h1.bold, .phone .heading1.bold {
    font-family: 'Barlow-Medium';
    font-weight: 500;
}

.phone h2.bold, .phone .h2.bold, .phone .heading2.bold,
.phone h3.bold, .phone .h3.bold, .phone .heading3.bold {
    font-family: 'Barlow-SemiBold';
    font-weight: 600;
}

h4.bold, .h4.bold, .heading4.bold {
    font-family: 'Barlow-SemiBold';
    font-weight: 700;
}

h5.bold, .h5.bold, .heading5.bold,
h6.bold, .h6.bold, .heading6.bold {
    font-family: 'Inter-SemiBold';
    font-weight: 600;
}

span.fs-12, label.fs-12 {
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-size: var(--fs-12);
    letter-spacing: 0.005em;
}

p {
    font-family: 'Inter-Regular';
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.005em;
}

p.fs-18 {
    letter-spacing: 0.0075em;
}

p.fs-14 {
    line-height: 18px;
    letter-spacing: 0.0025em;
}

span.bold, label.bold, p.bold, p.fs-18, p.fs-14 {
    font-family: 'Inter-Regular';
    font-weight: 600;
}

label.fs-18, label.fs-16 {
    font-family: 'Inter-Medium';
    font-weight: 500;
    letter-spacing: 0.0025em;
    line-height: 24px;
}

label.fs-18.bold, label.fs-16.bold {
    font-weight: 700;
}

.fs-10 {
    font-size: 0.625rem;
}

.fs-12 {
    font-size: 0.75rem;
}

.fs-14 {
    font-size: 0.875rem;
}

.fs-16 {
    font-size: 1rem;
}

.fs-18 {
    font-size: 1.125rem;
}

.fs-20 {
    font-size: 1.25rem;
}

.fs-22 {
    font-size: 1.375rem;
}

.fs-24 {
    font-size: 1.5rem;
}

.fs-26 {
    font-size: 1.625rem;
}

.fs-28 {
    font-size: 1.75rem;
}

.fs-30 {
    font-size: 1.875rem;
}

.fs-32 {
    font-size: 2rem;
}

.fs-34 {
    font-size: 2.125rem;
}

.fs-36 {
    font-size: 2.25rem;
}

.fs-38 {
    font-size: 2.375rem;
}

.fs-40 {
    font-size: 2.5rem;
}

.phone .fsm-10, .tablet .fsm-10 {
    font-size: 0.625rem;
}

.phone .fsm-12, .tablet .fsm-12 {
    font-size: 0.75rem;
}

.phone .fsm-14, .tablet .fsm-14 {
    font-size: 0.875rem;
}

.phone .fsm-16, .tablet .fsm-16 {
    font-size: 1rem;
}

.phone .fsm-18, .tablet .fsm-18 {
    font-size: 1.125rem;
}

.phone .fsm-20, .tablet .fsm-20 {
    font-size: 1.25rem;
}

.phone .fsm-22, .tablet .fsm-22 {
    font-size: 1.375rem;
}

.phone .fsm-24, .tablet .fsm-24 {
    font-size: 1.5rem;
}

.phone .fsm-26, .tablet .fsm-26 {
    font-size: 1.625rem;
}

.phone .fsm-28, .tablet .fsm-28 {
    font-size: 1.75rem;
}

.phone .fsm-30, .tablet .fsm-30 {
    font-size: 1.875rem;
}

.phone .fsm-32, .tablet .fsm-32 {
    font-size: 2rem;
}

.phone .fsm-34, .tablet .fsm-34 {
    font-size: 2.125rem;
}

.phone .fsm-36, .tablet .fsm-36 {
    font-size: 2.25rem;
}

.phone .fsm-38, .tablet .fsm-38 {
    font-size: 2.375rem;
}

.phone .fsm-40, .tablet .fsm-40 {
    font-size: 2.5rem;
}

.fs-20, .fs-22, .fs-24, .fs-26, .fs-28, .fs-30, .fs-32, .fs-34, .fs-36, .fs-38, .fs-40 {
    font-family: 'Barlow-Regular';
}

.f-light { 
    font-family: 'Barlow-Light';
}
.f-regular { 
    font-family: 'Barlow-Regular';
}
.f-medium { 
    font-family: 'Barlow-Medium';
}
.f-semibold { 
    font-family: 'Barlow-SemiBold';
}
.f-bold { 
    font-family: 'Barlow-Bold';
}

.f-inter {
    font-family: 'Inter-Regular';
}

.f-inter-md {
    font-family: 'Inter-Medium';
}

.f-inter-sb {
    font-family: 'Inter-SemiBold';
}

.f-inter-bold {
    font-family: 'Inter-Bold';
}

.padding-5 {
    padding: var(--padding-xs);
}

.padding {
    padding: var(--padding-s);
}

.padding-15 {
    padding: var(--padding-base);
}

.padding-20 {
    padding: var(--padding-m);
}

.padding-25 {
    padding: var(--padding-medium);
}

.padding-30 {
    padding: var(--padding-l);
}

.padding-left {
    padding-left: var(--padding-s);
}

.padding-left-20 {
    padding-left: var(--padding-m);
}

.padding-left-30 {
    padding-left: var(--padding-l);
}

.padding-top {
    padding-top: var(--padding-s);
}

.padding-top-20 {
    padding-top: var(--padding-m);
}

.padding-top-30 {
    padding-top: var(--padding-l);
}

.padding-right {
    padding-right: var(--padding-s);
}

.padding-right-20 {
    padding-right: var(--padding-m);
}

.padding-right-30 {
    padding-right: var(--padding-l);
}

.padding-bottom {
    padding-bottom: var(--padding-s);
}

.padding-bottom-20 {
    padding-bottom: var(--padding-m);
}

.padding-bottom-30 {
    padding-bottom: var(--padding-l);
}

.padding-bottom-60 {
    padding-bottom: var(--padding-xxl);
}

.phone .no-padding-sm {
    padding: 0 !important;
}

.tablet .no-padding-md {
    padding: 0 !important;
}

.tablet .no-padding-sm-md,
.phone .no-padding-sm-md {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.margin-auto {
    margin: 0 auto;
}

.margin {
    margin: var(--margin-s);
}

.margin-15 {
    margin: var(--margin-base);
}

.margin-20 {
    margin: var(--margin-m);
}

.margin-30 {
    margin: var(--margin-l);
}

.margin-left-5 {
    margin-left: var(--margin-xs);
}

.margin-left {
    margin-left: var(--margin-s);
}

.margin-left-15 {
    margin-left: var(--margin-base);
}

.margin-left-20 {
    margin-left: var(--margin-m);
}

.margin-left-30 {
    margin-left: var(--margin-l);
}

.margin-left-40 {
    margin-left: var(--margin-xl);
}

.margin-top {
    margin-top: var(--margin-s);
}

.margin-top-15 {
    margin-top: var(--margin-base);
}

.margin-top-20 {
    margin-top: var(--margin-m);
}

.margin-top-25 {
    margin-top: var(--margin-medium);
}

.margin-top-30 {
    margin-top: var(--margin-l);
}

.margin-top-40 {
    margin-top: var(--margin-xl);
}

.margin-top-xl {
    margin-top: var(--margin-xxl);
}

.margin-top-100 {
    margin-top: var(--margin-xxxxl);
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-right {
    margin-right: var(--margin-s);
}

.margin-right-5 {
    margin-right: var(--margin-xs);
}

.margin-right-15 {
    margin-right: var(--margin-base);
}

.margin-right-20 {
    margin-right: var(--margin-m);
}

.margin-right-30 {
    margin-right: var(--margin-l);
}

.margin-right-40 {
    margin-right: var(--margin-xl);
}

.margin-bottom {
    margin-bottom: var(--margin-s);
}

.margin-bottom-15 {
    margin-bottom: var(--margin-base);
}

.margin-bottom-20 {
    margin-bottom: var(--margin-m);
}

.margin-bottom-30 {
    margin-bottom: var(--margin-l);
}

.margin-bottom-40 {
    margin-bottom: var(--margin-xl);
}

.w-16 { width: 16px; }

.w-18 { width: 18px; }

.w-20 { width: 20px; }

.w-24 { width: 24px; }

.w-26 { width: 26px; }

.w-28 { width: 28px; }

.w-32 { width: 32px; }

.w-36 { width: 36px; }

.w-40 { width: 40px; }

.w-48 { width: 48px; }

.w-64 { width: 64px; }

.background-blue-primary-010 { background-color: var(--blue-primary-010); }
.background-blue-primary-025 { background-color: var(--blue-primary-025); }
.background-blue-primary-050 { background-color: var(--blue-primary-050); }
.background-blue-primary-075 { background-color: var(--blue-primary-075); }
.background-blue-primary-100 { background-color: var(--blue-primary-100); }
.background-blue-primary-125 { background-color: var(--blue-primary-125); }
.background-blue-primary-150 { background-color: var(--blue-primary-150); }
.background-orange-025 { background-color: var(--orange-025); }
.background-orange-050 { background-color: var(--orange-050); }
.background-orange-075 { background-color: var(--orange-075); }
.background-orange-100 { background-color: var(--orange-100); }
.background-orange-125 { background-color: var(--orange-125); }
.background-orange-150 { background-color: var(--orange-150); }
.background-green-025 { background-color: var(--green-025); }
.background-green-050 { background-color: var(--green-050); }
.background-green-075 { background-color: var(--green-075); }
.background-green-100 { background-color: var(--green-100); }
.background-green-125 { background-color: var(--green-125); }
.background-green-150 { background-color: var(--green-150); }
.background-blue-business-025 { background-color: var(--blue-business-025); }
.background-blue-business-050 { background-color: var(--blue-business-050); }
.background-blue-business-075 { background-color: var(--blue-business-075); }
.background-blue-business-100 { background-color: var(--blue-business-100); }
.background-blue-business-125 { background-color: var(--blue-business-125); }
.background-blue-business-150 { background-color: var(--blue-business-150); }
.background-color-success-010 { background-color: var(--color-success-010); }
.background-color-success-100 { background-color: var(--color-success-100); }
.background-color-success-150 { background-color: var(--color-success-150); }
.background-color-error-010 { background-color: var(--color-error-010); }
.background-color-error-100 { background-color: var(--color-error-100); }
.background-color-error-150 { background-color: var(--color-error-150); }
.background-color-warning-010 { background-color: var(--color-warning-010); }
.background-color-warning-100 { background-color: var(--color-warning-100); }
.background-color-warning-150 { background-color: var(--color-warning-150); }

.text-white {  color: var(--color-white); }
.text-dark-blue { color: var(--color-blue-dark); }
.text-neutral-1 { color: var(--color-neutral-1); }
.text-neutral-2 { color: var(--color-neutral-2); }
.text-neutral-3 { color: var(--color-neutral-3); }
.text-neutral-4 { color: var(--color-neutral-4); }
.text-neutral-5 { color: var(--color-neutral-5); }
.text-neutral-6 { color: var(--color-neutral-6); }
.text-neutral-7 { color: var(--color-neutral-7); }
.text-neutral-8 { color: var(--color-neutral-8); }
.text-neutral-9 { color: var(--color-neutral-9); }
.text-neutral-10 { color: var(--color-neutral-10); }
.text-blue-primary-010  { color: var(--blue-primary-010);  }
.text-blue-primary-025  { color: var(--blue-primary-025);  }
.text-blue-primary-050  { color: var(--blue-primary-050);  }
.text-blue-primary-075  { color: var(--blue-primary-075);  }
.text-blue-primary-100  { color: var(--blue-primary-100);  }
.text-blue-primary-125  { color: var(--blue-primary-125);  }
.text-blue-primary-150  { color: var(--blue-primary-150);  }
.text-orange-025        { color: var(--orange-025);        }
.text-orange-050        { color: var(--orange-050);        }
.text-orange-075        { color: var(--orange-075);        }
.text-orange-100        { color: var(--orange-100);        }
.text-orange-125        { color: var(--orange-125);        }
.text-orange-150        { color: var(--orange-150);        }
.text-green-025         { color: var(--green-025);         }
.text-green-050         { color: var(--green-050);         }
.text-green-075         { color: var(--green-075);         }
.text-green-100         { color: var(--green-100);         }
.text-green-125         { color: var(--green-125);         }
.text-green-150         { color: var(--green-150);         }
.text-blue-business-025 { color: var(--blue-business-025); }
.text-blue-business-050 { color: var(--blue-business-050); }
.text-blue-business-075 { color: var(--blue-business-075); }
.text-blue-business-100 { color: var(--blue-business-100); }
.text-blue-business-125 { color: var(--blue-business-125); }
.text-blue-business-150 { color: var(--blue-business-150); }
.text-success-010       { color: var(--color-success-010); }
.text-success-100       { color: var(--color-success-100); }
.text-success-150       { color: var(--color-success-150); }
.text-error-010         { color: var(--color-error-010);   }
.text-error-100         { color: var(--color-error-100);   }
.text-error-150         { color: var(--color-error-150);   }
.text-warning-010       { color: var(--color-warning-010); }
.text-warning-100       { color: var(--color-warning-100); }
.text-warning-150       { color: var(--color-warning-150); }

.border-neutral-0 { border: 1px solid var(--color-neutral-0); }
.border-neutral-1 { border: 1px solid var(--color-neutral-1); }
.border-neutral-2 { border: 1px solid var(--color-neutral-2); }
.border-neutral-3 { border: 1px solid var(--color-neutral-3); }
.border-neutral-4 { border: 1px solid var(--color-neutral-4); }
.border-neutral-5 { border: 1px solid var(--color-neutral-5); }
.border-neutral-6 { border: 1px solid var(--color-neutral-6); }
.border-neutral-7 { border: 1px solid var(--color-neutral-7); }
.border-neutral-8 { border: 1px solid var(--color-neutral-8); }
.border-neutral-9 { border: 1px solid var(--color-neutral-9); }
.border-neutral-10 { border: 1px solid var(--color-neutral-10); }

.border-top-neutral-0 { border-top: 1px solid var(--color-neutral-0); }
.border-top-neutral-1 { border-top: 1px solid var(--color-neutral-1); }
.border-top-neutral-2 { border-top: 1px solid var(--color-neutral-2); }
.border-top-neutral-3 { border-top: 1px solid var(--color-neutral-3); }
.border-top-neutral-4 { border-top: 1px solid var(--color-neutral-4); }
.border-top-neutral-5 { border-top: 1px solid var(--color-neutral-5); }
.border-top-neutral-6 { border-top: 1px solid var(--color-neutral-6); }
.border-top-neutral-7 { border-top: 1px solid var(--color-neutral-7); }
.border-top-neutral-8 { border-top: 1px solid var(--color-neutral-8); }
.border-top-neutral-9 { border-top: 1px solid var(--color-neutral-9); }
.border-top-neutral-10 { border-top: 1px solid var(--color-neutral-10); }

.border-right-neutral-0 { border-right: 1px solid var(--color-neutral-0); }
.border-right-neutral-1 { border-right: 1px solid var(--color-neutral-1); }
.border-right-neutral-2 { border-right: 1px solid var(--color-neutral-2); }
.border-right-neutral-3 { border-right: 1px solid var(--color-neutral-3); }
.border-right-neutral-4 { border-right: 1px solid var(--color-neutral-4); }
.border-right-neutral-5 { border-right: 1px solid var(--color-neutral-5); }
.border-right-neutral-6 { border-right: 1px solid var(--color-neutral-6); }
.border-right-neutral-7 { border-right: 1px solid var(--color-neutral-7); }
.border-right-neutral-8 { border-right: 1px solid var(--color-neutral-8); }
.border-right-neutral-9 { border-right: 1px solid var(--color-neutral-9); }
.border-right-neutral-10 { border-right: 1px solid var(--color-neutral-10); }

.border-bottom-neutral-0 { border-bottom: 1px solid var(--color-neutral-0); }
.border-bottom-neutral-1 { border-bottom: 1px solid var(--color-neutral-1); }
.border-bottom-neutral-2 { border-bottom: 1px solid var(--color-neutral-2); }
.border-bottom-neutral-3 { border-bottom: 1px solid var(--color-neutral-3); }
.border-bottom-neutral-4 { border-bottom: 1px solid var(--color-neutral-4); }
.border-bottom-neutral-5 { border-bottom: 1px solid var(--color-neutral-5); }
.border-bottom-neutral-6 { border-bottom: 1px solid var(--color-neutral-6); }
.border-bottom-neutral-7 { border-bottom: 1px solid var(--color-neutral-7); }
.border-bottom-neutral-8 { border-bottom: 1px solid var(--color-neutral-8); }
.border-bottom-neutral-9 { border-bottom: 1px solid var(--color-neutral-9); }
.border-bottom-neutral-10 { border-bottom: 1px solid var(--color-neutral-10); }

.border-left-neutral-0 { border-left: 1px solid var(--color-neutral-0); }
.border-left-neutral-1 { border-left: 1px solid var(--color-neutral-1); }
.border-left-neutral-2 { border-left: 1px solid var(--color-neutral-2); }
.border-left-neutral-3 { border-left: 1px solid var(--color-neutral-3); }
.border-left-neutral-4 { border-left: 1px solid var(--color-neutral-4); }
.border-left-neutral-5 { border-left: 1px solid var(--color-neutral-5); }
.border-left-neutral-6 { border-left: 1px solid var(--color-neutral-6); }
.border-left-neutral-7 { border-left: 1px solid var(--color-neutral-7); }
.border-left-neutral-8 { border-left: 1px solid var(--color-neutral-8); }
.border-left-neutral-9 { border-left: 1px solid var(--color-neutral-9); }
.border-left-neutral-10 { border-left: 1px solid var(--color-neutral-10); }

.border-blue-primary-010  { border: 1px solid var(--blue-primary-010);  }
.border-blue-primary-025  { border: 1px solid var(--blue-primary-025);  }
.border-blue-primary-050  { border: 1px solid var(--blue-primary-050);  }
.border-blue-primary-075  { border: 1px solid var(--blue-primary-075);  }
.border-blue-primary-100  { border: 1px solid var(--blue-primary-100);  }
.border-blue-primary-125  { border: 1px solid var(--blue-primary-125);  }
.border-blue-primary-150  { border: 1px solid var(--blue-primary-150);  }
.border-orange-025        { border: 1px solid var(--orange-025);        }
.border-orange-050        { border: 1px solid var(--orange-050);        }
.border-orange-075        { border: 1px solid var(--orange-075);        }
.border-orange-100        { border: 1px solid var(--orange-100);        }
.border-orange-125        { border: 1px solid var(--orange-125);        }
.border-orange-150        { border: 1px solid var(--orange-150);        }
.border-green-025         { border: 1px solid var(--green-025);         }
.border-green-050         { border: 1px solid var(--green-050);         }
.border-green-075         { border: 1px solid var(--green-075);         }
.border-green-100         { border: 1px solid var(--green-100);         }
.border-green-125         { border: 1px solid var(--green-125);         }
.border-green-150         { border: 1px solid var(--green-150);         }
.border-blue-business-025 { border: 1px solid var(--blue-business-025); }
.border-blue-business-050 { border: 1px solid var(--blue-business-050); }
.border-blue-business-075 { border: 1px solid var(--blue-business-075); }
.border-blue-business-100 { border: 1px solid var(--blue-business-100); }
.border-blue-business-125 { border: 1px solid var(--blue-business-125); }
.border-blue-business-150 { border: 1px solid var(--blue-business-150); }
.border-success-010       { border: 1px solid var(--color-success-010); }
.border-success-100       { border: 1px solid var(--color-success-100); }
.border-success-150       { border: 1px solid var(--color-success-150); }
.border-error-010         { border: 1px solid var(--color-error-010);   }
.border-error-100         { border: 1px solid var(--color-error-100);   }
.border-error-150         { border: 1px solid var(--color-error-150);   }
.border-warning-010       { border: 1px solid var(--color-warning-010); }
.border-warning-100       { border: 1px solid var(--color-warning-100); }
.border-warning-150       { border: 1px solid var(--color-warning-150); }

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-fixed {
    position: fixed;
}

.position-initial {
    position: initial;
}

.display-none {
    display: none;
}

.display-block {
    display: block;
}

.display-flex {
    display: flex;
}

.flex-none {
    flex: none;
}

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

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

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

.fl-align-top {
    align-items: end;
}

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

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

.fl-justify-right {
    justify-content: flex-end;
}

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

.fl-justify-left {
    justify-content: flex-start;
}

.fl-justify-between {
    justify-content: space-between;
}

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

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

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

.fl-wrap {
    flex-wrap: wrap; 
}

.fl-nowrap {
    flex-wrap: nowrap; 
}

.fl-wrap-reverse {
    flex-wrap: wrap-reverse; 
}

.phone .break-sm {
    flex-direction: column;
}

.tablet .break-md {
    flex-direction: column;
}

.phone .break-columns,
.tablet .break-columns {
    flex-direction: column;
}

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

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

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

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

.text-line-through {
    text-decoration: line-through;
}

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

.text-no-decoration {
    text-decoration: none !important;
}

.form-control[data-input], [data-input] {
    height: 45px !important;
}

.form-control[data-input]::placeholder, [data-input]::placeholder {
    color: var(--color-neutral-5);
}

button, .btn {
    height: 45px !important;
}

.btn-pill {
    border-radius: 40px;
}

.no-border {
    border: none !important;
}

.desktop .hide-on-desktop {
    display: none !important;
}

.tablet .hide-on-tablet {
    display: none !important;
}

.phone .hide-on-phone {
    display: none !important;
}

.col {
    display: inline-block;
}

.col-1 {
    width: 8.33333333%;
}

.col-2 {
    width: 16.66666667%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.333333%;
}

.col-5 {
    width: 41.66666667%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33333333%;
}

.col-8 {
    width: 66.66666667%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33333333%;
}

.col-11 {
    width: 91.66666667%;
}

.col-12 {
    width: 100%;
}

.phone .col-sm-1, .tablet .col-sm-1 {
    width: 8.33333333%;
}

.phone .col-sm-2, .tablet .col-sm-2 {
    width: 16.66666667%;
}

.phone .col-sm-3, .tablet .col-sm-3 {
    width: 25%;
}

.phone .col-sm-4, .tablet .col-sm-4 {
    width: 33.333333%;
}

.phone .col-sm-5, .tablet .col-sm-5 {
    width: 41.66666667%;
}

.phone .col-sm-6, .tablet .col-sm-6 {
    width: 50%;
}

.phone .col-sm-7, .tablet .col-sm-7 {
    width: 58.33333333%;
}

.phone .col-sm-8, .tablet .col-sm-8 {
    width: 66.66666667%;
}

.phone .col-sm-9, .tablet .col-sm-9 {
    width: 75%;
}

.phone .col-sm-10, .tablet .col-sm-10 {
    width: 83.33333333%;
}

.phone .col-sm-11, .tablet .col-sm-11 {
    width: 91.66666667%;
}

.phone .col-sm-12, .tablet .col-sm-12 {
    width: 100%;
}

.splide__pagination__page {
    width: 8px !important;
    height: 8px !important;
    opacity: 1;
}

.splide__pagination__page.is-active {
    transform: scale(1);
}

.border-radius-small {
    border-radius: var(--border-radius-small);
}

.border-radius-medium {
    border-radius: var(--border-radius-medium);
}

.border-radius-large {
    border-radius: var(--border-radius-large);
}