/* VARIAVEIS ###### */

:root {
    --bg-sidebar: linear-gradient(90deg, rgba(10, 112, 179, 1) 8%, rgba(117, 241, 227, 1) 53%);
    --bg-whats-top: #34D16B;
    --bg-button: #F9DB66;
    --bg-button-whats: #27DB44;
    --bg-circle: #FF7500;
    --bg-icon-whats: #9EFFB0;
    --bg-icon-subscribe: #35F0D8;
    --bg-selected: #E2ECEC;
    --text-black: #0A121A;
    --icon-wats: #05931A;
    --text-white: #ffff;
    --text-info: #E0E9EE;
    --text-green: #019970;
    --text-blue: #687983;
    --text-shadow: 0px 3px 10px rgba(52, 209, 107, 0.3), 0px 8px 10px rgba(52, 209, 107, 0.4);
    --shadow-whats: 0px 3.38px 10.02px 0px #18FF7332, 0px 6.03px 17.87px 0px #18FF733B, 0px 11.28px 33.42px 0px #18FF7347, 0px 27px 80px 0px #18FF7363;
    --shadow-sidebar: -1px 41px 37px 27px rgba(0, 0, 0, 0.8);
}

html::-webkit-scrollbar {
    width: 0.5rem;
}

html::-webkit-scrollbar-thumb {
    background: var(--text-black);
    border-radius: 5rem;
}

body,
html {
    margin: 0;
    font-family: "Inter", sans-serif;
    color: black;
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
    scroll-behavior: smooth;
}

object,
embed,
video,
iframe,
iframe[style] {
    max-width: 100%;
    height: auto;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

b,
strong {
    font-weight: bold;
}

a {
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

a:hover,
a:active,
a:focus {
    outline: 0;
    text-decoration: none;
}

ul {
    list-style: none;
}


/*--breakpoint-xs: 0;*/


/*--breakpoint-sm: 576px;*/


/*--breakpoint-md: 768px;*/


/*--breakpoint-lg: 992px;*/


/*--breakpoint-xl: 1200px;*/

@media (max-width: 82em) {}

@media (max-width: 62em) {}

@media (max-width: 52em) {}

@media (max-width: 42em) {}

@media (max-width: 32em) {}