:root {
    --bg-color: #fff;
    --bg-color-beige: #f7e8e2;
    --bg-color-dark: #291a3c;
    --bg-color-dark-hover: #000000;
    --bg-color-overlay: #fff4ef;

    --color: #574174;
    --color-white: #fff;
    --color-orange: #ff5251;
    --color-gray: #76717d;
    --color-beige: #e2c4b6;
    --color-menu: #311f48;

    --bg-image-gradient: linear-gradient(103deg, #ff9a61, #ff4c4f);
    --bg-image-gradient-footer: linear-gradient(109deg, #9666b1 36%, #52459a 86%);

    --padding: 15px;

    --bp-xs: 576px;
    --bp-sm: 768px;
    --bp-md: 992px;
    --bp-lg: 1199px;
    --bp-xl: 1199px;

    --font-family: 'NunitoSans', sans-serif;
    --font-family-black: 'NunitoSans Black', sans-serif;
    --font-family-suez: 'SuezOne';
    --font-size: 1rem;
    --font-wieght: 400;
    --line-height: 1.5;
}
*, ::after, ::before {
    box-sizing: border-box;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-ExtraLight.eot");
    font-weight: 200;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-ExtraLight.ttf");
    font-weight: 200;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-ExtraLightItalic.eot");
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-ExtraLightItalic.ttf");
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-Light.eot");
    font-weight: 300;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-Light.ttf");
    font-weight: 300;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-LightItalic.eot");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-LightItalic.ttf");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-Regular.eot");
    font-weight: 400;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-Regular.ttf");
    font-weight: 400;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-Italic.eot");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-Italic.ttf");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-SemiBold.eot");
    font-weight: 600;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-SemiBold.ttf");
    font-weight: 600;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-SemiBoldItalic.eot");
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-SemiBoldItalic.ttf");
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-Bold.eot");
    font-weight: 700;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-Bold.ttf");
    font-weight: 700;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-BoldItalic.eot");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-BoldItalic.ttf");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-ExtraBold.eot");
    font-weight: 800;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-ExtraBold.ttf");
    font-weight: 800;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-ExtraBoldItalic.eot");
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: "NunitoSans";
    src: url("../assets/Nunito_Sans/NunitoSans-ExtraBoldItalic.ttf");
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: "NunitoSans Black";
    src: url("../assets/Nunito_Sans/NunitoSans-black.eot");
    font-weight: 400;
}
@font-face {
    font-family: "NunitoSans Black";
    src: url("../assets/Nunito_Sans/NunitoSans-black.ttf");
    font-weight: 400;
}
@font-face {
    font-family: "NunitoSans Black";
    src: url("../assets/Nunito_Sans/NunitoSans-blackItalic.eot");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "NunitoSans Black";
    src: url("../assets/Nunito_Sans/NunitoSans-blackItalic.ttf");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'SuezOne';
    src: url("../assets/Suez_One/SuezOne-Regular.eot");
    src: local('SuezOne Regular'), url("../assets/Suez_One/SuezOne-Regular.ttf") format('truetype');
}

html {
    position: relative;
    min-height: 100%;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}
body, html {
    font-size: var(--font-size);
    background: var(--bg-color);
}
body {
    margin: 0;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--font-wieght);
    line-height: var(--line-height);
    text-align: left;
    background-color: var(--bg-color);
}
q {
    quotes: "“" "”";
}
.d-flex {
    display: flex;
    justify-content:space-between
}


/* MAIN STYLES
-------------------------------------------------- */
section {
    width: 100%;
}
main section {
    background-repeat: no-repeat;
    background-position: center;
}
main section.beige {
    background-color: #fff4ef;
}
section .wrapper {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}
main a {
    text-decoration: none;
}
.no-line-break {
    white-space: nowrap;
}
.tooltip {
    position: relative;
    display: inline-block;
    cursor: help;
}
.tooltip .tooltiptext {
    visibility: hidden;
    box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    text-align: left;
    padding: 15px;
    font-size: 15px;
    font-weight: normal;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -175px;
}
.tooltip .tooltiptext p {
    font-size: 15px;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
@media (min-width: 992px) {
    .tooltip .tooltiptext {
        width: 350px;
    }
}