:root {
    --font-noto: "Noto Sans", sans-serif;
    --font-Museo:"MuseoModerno", sans-serif;
    --primary_dark: #2D2D2D;
    --prara__medium: #2a2a2a;
    --primary_medium: #5D5D5D;
    --bg_white: #FFFFFF;
    --font8: 0.8rem;
    --font10: 1rem;
    --font12: 1.2rem;
    --font14: 1.4rem;
    --font15: 1.5rem;
    --font16: 1.6rem;
    --font18: 1.8rem;
    --font20: 2rem;
    --font22: 2.2rem;
    --font23: 2.3rem;
    --font24: 2.4rem;
    --font26: 2.6rem;
    --font28: 2.8rem;
    --font30: 3rem;
    --font32: 3.2rem;
    --font34: 3.4rem;
    --font36: 3.6rem;
    --font52: 5.2rem;
    --font80: 8rem;
    --font_weight100: 100;
    --font_weight200: 200;
    --font_weight300: 300;
    --font_weight400: 400;
    --font_weight500: 500;
    --font_weight600: 600;
    --font_weight700: 700;
    --font_weight800: 800;
    --font_weight900: 900;
    --middle__blue__bg: rgba(233, 227, 255, 1);
    --middle__blue__border: rgba(233, 227, 255, 1);
    --middle__blue__borders: rgba(152, 133, 224, 1);
    --green__text: rgba(28, 85, 59, 1);
    --pink__bg: rgba(255, 240, 236, 1);
    --pink__translate: rgba(255, 208, 195, 1);
    --pink__bg__border: rgba(255, 189, 167, 1);
    --pink__border: rgba(255, 162, 130, 1);
    --darkblue__bg: rgba(100, 81, 173, 1);
    --light__green__bg: #e3ffeb;
    --light__blue__bg: #e3ffeb;
    --light__green__bg__alternate: #c2ffd3;
    --light__blue__bg__alternate: #c2e3ff;
    --dark__blue__bg__alternate: rgba(212, 226, 254, 1);
    --dark__blue__txt: rgba(44, 26, 111, 1);
    --pink__bg__text: rgba(108, 52, 37, 1);
    --darkblue__bg__back__list__color: rgba(99, 83, 158, 1);
    --chat__border: rgba(103, 202, 142, 1);
    --paymentdue: #2188E4;
}
*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
    text-decoration: none;
    list-style-type: none;
}

html {
    font-size: 62.5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    font-size: 1.6rem;
    line-height: 1.4;
    min-height: 100vh;
    font-style: normal;
    overflow-x: hidden;
}

ul,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: unset;
    padding-left: unset;
}

a,
a:hover {
    color: unset;
    text-decoration: none;
    transition: .3s all ease;
}

img {
    max-width: 100%;
    display: block;
}
.font_dark {
    color: var(--primary_dark);
}

.font_medium {
    color: var(--primary_medium);
}

.font_light {
    color: var(--primary_light);
}
.font_noto{
    font-family: var(--font-noto);
}
.font_museo{
    font-family: var(--font-Museo);
}
.font_white {
    color: var(--bg_white);
}
.font8 {
    font-size: var(--font8);
}

.font10 {
    font-size: var(--font10);
}

.font12 {
    font-size: var(--font12);
}

.font14 {
    font-size: var(--font14);
}

.font15 {
    font-size: var(--font15);
}

.font16 {
    font-size: var(--font16);
}

.font18 {
    font-size: var(--font18);
}

.font20 {
    font-size: var(--font20);
}

.font22 {
    font-size: var(--font22);
}

.font23 {
    font-size: var(--font23);
}

.font24 {
    font-size: var(--font24);
}

.font26 {
    font-size: var(--font26);
}

.font28 {
    font-size: var(--font28);
}

.font30 {
    font-size: var(--font30);
}

.font32 {
    font-size: var(--font32);
}

.font36 {
    font-size: var(--font36);
}
.font52{
    font-size: var(--font52);
}
.font80{
    font-size: var(--font80);
}

.font_weight_100 {
    font-weight: var(--font_weight100);
}

.font_weight_200 {
    font-weight: var(--font_weight200);
}

.font_weight_300 {
    font-weight: var(--font_weight300);
}

.font_weight_400 {
    font-weight: var(--font_weight400);
}

.font_weight_500 {
    font-weight: var(--font_weight500);
}

.font_weight_600 {
    font-weight: var(--font_weight600);
}

.font_weight_700 {
    font-weight: var(--font_weight700);
}

.font_weight_800 {
    font-weight: var(--font_weight800);
}

.font_weight_900 {
    font-weight: var(--font_weight900);
}

@media screen and (max-width: 1700px) and (min-width: 1025px) {
    html {
        font-size: 50%;
    }
}
@media (max-width: 1024px) {
    :root {
        --font8: 0.8rem;
        --font10: 1rem;
        --font12: 1rem;
        --font14: 1.2rem;
        --font15: 1.3rem;
        --font16: 1.4rem;
        --font18: 1.6rem;
        --font20: 1.8rem;
        --font22: 2rem;
        --font23: 2.1rem;
        --font24: 2.2rem;
        --font26: 2.4rem;
        --font28: 1.8rem;
        --font30: 2.5rem;
        --font32: 3rem;
        --font34: 3.2rem;
        --font36: 3.4rem;
        --font52: 5rem;
        --font80: 3.4rem;
    }
}
@media (max-width: 767px) {
    :root {
        --font8: 0.8rem;
        --font10: 1rem;
        --font12: 1rem;
        --font14: 1.2rem;
        --font15: 1.2rem;
        --font16: 1.2rem;
        --font18: 1.2rem;
        --font20: 1.6rem;
        --font22: 2rem;
        --font23: 2.1rem;
        --font24:1.4rem;
        --font26: 2.4rem;
        --font28: 1.8rem;
        --font30: 1.2rem;
        --font32: 3rem;
        --font34: 3.2rem;
        --font36: 3.4rem;
        --font52: 5rem;
        --font80: 2.6rem;
    }
}