@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../fonts/CabinetGrotesk-Black.woff2') format('woff2'),
        url('../fonts/CabinetGrotesk-Black.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../fonts/CabinetGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/CabinetGrotesk-Bold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../fonts/CabinetGrotesk-Extrabold.woff2') format('woff2'),
        url('../fonts/CabinetGrotesk-Extrabold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../fonts/CabinetGrotesk-Light.woff2') format('woff2'),
        url('../fonts/CabinetGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../fonts/CabinetGrotesk-Extralight.woff2') format('woff2'),
        url('../fonts/CabinetGrotesk-Extralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../fonts/CabinetGrotesk-Medium.woff2') format('woff2'),
        url('../fonts/CabinetGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../fonts/CabinetGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/CabinetGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk Variable';
    src: url('../fonts/CabinetGroteskVariable-Bold.woff2') format('woff2'),
        url('../fonts/CabinetGroteskVariable-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../fonts/CabinetGrotesk-Thin.woff2') format('woff2'),
        url('../fonts/CabinetGrotesk-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk Variable';
    src: url('../fonts/CabinetGroteskVariable-Bold.woff2') format('woff2'),
        url('../fonts/CabinetGroteskVariable-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk Variable';
    src: url('../fonts/CabinetGroteskVariable-Bold.woff2') format('woff2'),
        url('../fonts/CabinetGroteskVariable-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* Definições */
:root {
    --white: #ffffff;
    --bege: #F3CFB3;
    --dark-gray: #333333;
    --green: #85B09A;
    --red: #E56A54;
    --yellow: #F1BE48;
}

:root {
   /* font-family: 'Cabinet Grotesk', sans-serif; */
}


body:not(.wp-admin) {
    background-color: var(--bege) !important;
    font-family: "montserrat",sans-serif;
}

body.wp-admin,
body.home {
    padding-top: 0;
}

/* html, body {
    overflow-x: none !important;
} */

.noscroll-x {
    overflow-x: hidden !important;
}

[class^="hover-"],
[class*=" hover-"] {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* 1. Header Fixo */
.header {
    position: fixed; /* Fixa o header na tela */
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100vh - 96px);
    background-color: var(--red);
    z-index: 1;
}

/* Reutilizavel */
.yellow {
    color: var(--yellow) !important;
}

.white {
    color: var(--white) !important;
}

.bege {
    color: var(--bege) !important;
}

.yellow {
    color: var(--yellow) !important;
}

.green {
    color: var(--green) !important;
}

.red {
    color: var(--red) !important;
}

.bg-bege {
    background-color: var(--bege) !important;
}

.bg-green {
    background-color: var(--green) !important;
}

.bg-red {
    background-color: var(--red) !important;
}

.dark-gray {
    color: var(--dark-gray) !important;
}

.bg-dark-gray {
    background-color: var(--dark-gray) !important;
}

.dropdown-menu.show {
    margin-top: 19px;
    background-color: var(--blue-more-dark);
    border-radius: 0;
    padding: 24px 24px;
    width: 100%;
}

.no-border-radius {
    border-radius: 0 !important;
}

.dropdown-menu.show .dropdown-item {
    font-size: 18px;
   font-family: 'Formular';
   color: var(--floral-white);
   padding: 5px 5px;
}

.dropdown-menu.show .dropdown-item:hover {
    background-color: var(--blue);
}

.slider-banner-noticia {
    height: 600px;
}

.owl-item .item.active .content-slide {
    border-top: 8px solid var(--blue) !important;
    opacity: 1;
}

.border-12 {
    border: 12px solid transparent;
}

.border-1 {
    border: 1px solid transparent;
}

.border-1-tb {
    border: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.border-1-t {
    border: 0;
    border-top: 1px solid transparent;
}

.border-1-r {
    border: 0;
    border-right: 1px solid transparent;
}

.border-1-b {
    border: 0;
    border-bottom: 1px solid transparent !important;
}

.border-2-b {
    border: 0;
    border-bottom: 2px solid transparent;
}

.border-3-b {
    border: 0;
    border-bottom: 2px solid transparent;
}

.border-2-t {
    border: 0;
    border-top: 2px solid transparent;
}

.border-2-tb {
    border: 0;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
}

.border-2 {
    border: 2px solid transparent !important;
}

.border-3 {
    border: 3px solid transparent;
}

.border-4 {
    border: 4px solid transparent;
}

.radius-2 {
    border-radius: 2px !important;
}

.radius-8 {
    border-radius: 8px !important;
}

.radius-10 {
    border-radius: 10px !important;
}

.radius-12 {
    border-radius: 12px !important;
}

.radius-16 {
    border-radius: 16px !important;
}

.radius-20 {
    border-radius: 20px !important;
}

.radius-24 {
    border-radius: 24px !important;
}

.radius-30 {
    border-radius: 30px !important;
}

.radius-32 {
    border-radius: 32px !important;
}

.radius-36 {
    border-radius: 36px !important;
}

.radius-40 {
    border-radius: 40px !important;
}

.radius-48 {
    border-radius: 48px !important;
}

.radius-50 {
    border-radius: 50% !important;
}

.radius-56 {
    border-radius: 56px !important;
}

.radius-64 {
    border-radius: 64px !important;
}

.radiust-16 {
    border-radius: 16px 16px 0 0 !important;
}

/***********************************/ 

.btn-many-tag {
    cursor: inherit !important;
}

.btn:focus {
    outline: 0;
    box-shadow: none;
}

.btn {
    font-style: normal;
    text-align: center;
    border: 0;
    border-radius: 0;
    width: auto;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    display: inline-flex;
    align-items: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-outline-success:hover {
    background-color: transparent !important;
}

.btn.btn-padding {
    padding: 18px 24px;
}

.btn.btn-small {
    padding: 16px 24px;
    font-size: 18px;
}

.btn.btn-regular {
    padding: 16px 32px;
    font-size: 18px;
}

.btn.btn-larger {
    padding: 28px 32px;
    font-size: 24px;
}

.btn-outline-3 {
    border: 3px solid transparent;
    background-color: transparent;
}

.btn-outline-2 {
    border: 2px solid transparent;
    background-color: transparent;
}

.btn-50 {
    width: 50px;
    height: 50px;
}

/* Botão com radius */
.btn-tag {
    border-radius: 24px;
    padding: 8px 16px;
    font-size: 16px;
}

.btn-tag-tiny {
    border-radius: 24px;
    padding: 8px 16px;
    font-size: 16px;
}

.btn-tag-small {
    border-radius: 32px;
    padding: 16px 24px;
    font-size: 18px;
}

.btn-circle-tiny,
.btn-circle-small {
    border-radius: 24px;
}

.btn-border-redonda {
    border-radius: 32px;
}

.btn-circle-big {
    border-radius: 40px;
}

/* Botão quadrado */

.btn.btn-square-small {
    padding: 8px;
    width: 40px;
    height: 40px;
}

.btn.btn-square-medium {
    padding: 12px;
    width: 48px;
    height: 48px;
}

.btn.btn-square-larger {
    padding: 16px;
    width: 56px;
    height: 56px;
}

.btn.btn-square-big {
    padding: 16px;
    width: 80px;
    height: 80px;
}

/* Botão circular */

.btn-circle {
    border-radius: 50%;
}

.btn-play, .btn-pause {
    border-radius: 40px;
    /* border: 1px solid rgba(255, 252, 242, 0.40); */
    background: rgba(255, 252, 242, 0.20);
}

/* Botão Border */
.btn-border-tiny {
    padding: 12px 0;
    border: 0;
    border-bottom: 1px solid #1753D9;
    border-radius: 0;
    background-color: transparent;
}

.btn-border-small {
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid #1753D9;
    border-radius: 0;
    font-size: 18px;
    background-color: transparent;
}

.btn-border-regular {
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid #1753D9;
    border-radius: 0;
    font-size: 22px;
    background-color: transparent;
}

/************Colors**************************/
.border-gray-6 {
    border-color: var(--gray-6) !important;
}

.border-gray {
    border-color: var(--gray) !important;
}

.border-dark-gray {
    border-color: var(--green) !important;
}

.border-off-gray {
    border-color: var(--off-gray) !important;
}

.border-gray-medium {
    border-color: var(--gray-medium) !important;
}

.border-white {
    border-color: var(--floral-white) !important;
}

.border-gray-form {
    border-color: var(--gray-form) !important;
}

.border-two-dark-gray {
    border-color: var(--two-dark-gray) !important;
}

.border-white-form {
    border-color: #ccc !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.border-white-form:hover {
    background-color: var(--gray-hard) !important;
}

/*--yellow--*/

.border-yellow {
    border-color: var(--yellow);
}

.btn-outline-yellow {
    color: var(--yellow) !important;
    border-color: var(--yellow) !important;
}

.btn-outline-yellow:hover,
.btn-outline-yellow:focus {
    color: var(--brown) !important;
    border-color: var(--yellow) !important;
    background-color: var(--yellow) !important;
}

.bg-opacity-neutral-1 {
    background-color: var(--neutral-0) !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-black {
    background-color: var(--black) !important;
}

.bg-off-black {
    background-color: var(--off-black) !important;
}

input::placeholder {
    font-weight: 400;
    color: var(--floral-white) !important;
}

.neutral-1 {
    color: var(--neutral-1) !important;
}

.bg-neutral-1 {
    background-color: var(--neutral-1) !important;
}

.border-neutral-1 {
    border-color: var(--neutral-1) !important;
}

.hover-border-neutral-1:hover, .active.hover-border-neutral-1 {
    border-color: var(--neutral-1) !important;
}

.hover-neutral-1:hover, .active.hover-neutral-1 {
    color: var(--neutral-1) !important;
}

.hover-bg-neutral-1:hover, .active.hover-bg-neutral-1 {
    background-color: var(--neutral-1) !important;
}


/*--brown--*/
.btn-brown {
    color: var(--brown) !important;
    background-color: var(--brown) !important;
}

.btn-brown:hover,
.btn-brown:focus {
    color: var(--brown) !important;
    background-color: var(--brown) !important;
}

.btn-outline-brown {
    color: var(--brown) !important;
    border-color: var(--brown) !important;
}

.btn-outline-brown:hover,
.btn-outline-brown:focus {
    color: var(--yellow) !important;
    border-color: var(--brown) !important;
    background-color: var(--brown) !important;
}

.brown {
    color: var(--brown) !important;
}

.bg-brown {
    background-color: var(--brown) !important;
}

.border-brown {
    border-color: var(--brown) !important;
}

.border-black {
    border-color: var(--black) !important;
}

.border-clean-blue {
    border-color: var(--clean-blue) !important;
}

.border-blue-blue {
    border-color: var(--blue-blue) !important;
}

.border-dark-gray {
    border-color: var(--dark-gray) !important;
}

.hover-border-brown:hover, .active.hover-border-brown {
    border-color: var(--brown) !important;
}

.hover-brown:hover, .active.hover-brown {
    color: var(--brown) !important;
}

.hover-bg-brown:hover, .active.hover-bg-brown {
    background-color: var(--brown) !important;
}

.navbar {
    background-color: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.navbar.scrolled {
    background-color: var(--floral-white);
}

.navbar.navbar-blue {
    background-color: transparent;
}

.navbar.navbar-blue.scrolled {
    background-color: var(--blue);
}

.navbar .logo svg {
    fill: var(--floral-white);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.navbar.scrolled .logo svg {
    fill: var(--blue);
}

.navbar.navbar-blue .logo svg {
    fill: var(--blue);
}

.navbar.navbar-blue.scrolled .logo svg {
    fill: var(--floral-white);
}

.navbar .container {
    width: 100%;
    max-width: 1440px;
}

.navbar.navbar-update-scroll {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 16px 32px;
}

.navbar.navbar-update-scroll .logo img, .navbar.navbar-update-scroll .logo svg {
    height: 42px;
    width: auto;
}

.navbar.navbar-update-scroll .sm-flex-center, .navbar.navbar-update-scroll .justify-space-between {
    align-items: center;
}

.navbar.navbar-update-scroll .justify-space-between.d-column {
    flex-direction: row;
}

.navbar.navbar-update-scroll .label-02:not(.d-flex) {
    display: flex;
    line-height: 16px;
}

.navbar.navbar-update-scroll .slim-hidden {
    display: none !important;
}

.navbar .slim-visible {
    display: none !important;
}

.navbar.navbar-update-scroll .slim-visible {
    display: block !important;
}

.navbar.navbar-update-scroll {
    top: -100%;
}

.navbar.navbar-update-scroll.nav-down, body.noscroll .navbar.navbar-update-scroll.force_top, .navbar.force_top {
    top: 0 !important;
}

/*--red--*/
.btn-red {
    color: var(--red) !important;
    background-color: var(--red) !important;
}

.btn-red:hover,
.btn-red:focus {
    color: var(--red) !important;
    background-color: var(--red) !important;
}

.btn-outline-red {
    color: var(--red) !important;
    border-color: var(--red) !important;
}

.btn-outline-red:hover,
.btn-outline-red:focus {
    color: var(--yellow) !important;
    border-color: var(--red) !important;
    background-color: var(--red) !important;
}

.red {
    color: var(--red) !important;
}

.bg-red {
    background-color: var(--red) !important;
}

.border-red {
    border-color: var(--red) !important;
}

.hover-border-red:hover, .active.hover-border-red {
    border-color: var(--red) !important;
}

.hover-red:hover, .active.hover-red {
    color: var(--red) !important;
}

.hover-bg-red:hover, .active.hover-bg-red {
    background-color: var(--brown) !important;
}

/*--floral-white--*/
.btn-white {
    color: var(--blue) !important;
    background-color: var(--floral-white) !important;
}

.btn-white:hover,
.btn-white:focus {
    color: var(--blue) !important;
    background-color: var(--clean-blue) !important;
}

.btn-outline-white {
    color: var(--floral-white) !important;
    border: 1px solid var(--floral-white) !important;
}

.btn-outline-white:hover,
.btn-outline-white:focus {
    /* color: var(--black) !important;
    border-color: var(--floral-white) !important;
    background-color: var(--floral-white) !important; */
}

.bg-white {
    background-color: var(--floral-white) !important;
}

.bg-white-2 {
    background-color: #F6F3F0 !important;
}

.border-white {
    border-color: var(--floral-white) !important;
}

.hover-border-white:hover, .active.hover-border-white {
    border-color: var(--floral-white) !important;
}

.hover-white:hover, .active.hover-white {
    color: var(--floral-white) !important;
}

.hover-bg-white:hover, .active.hover-bg-white {
    background-color: var(--brown) !important;
}

/*--blue--*/
.btn-blue {
    color: var(--floral-white) !important;
    background-color: var(--blue) !important;
}

.btn-blue:hover,
.btn-blue:focus {
    color: var(--blue) !important;
    background-color: var(--clean-blue) !important;
}

/*--clean-blue--*/
.btn-clean-blue {
    color: var(--blue) !important;
    background-color: var(--clean-blue) !important;
}

.btn-clean-blue:hover,
.btn-clean-blue:focus {
    color: var(--blue) !important;
    background-color: var(--floral-white) !important;
}

/*--transparent--*/
.btn-transparent {
    color: var(--floral-white) !important;
    background-color: var(--transparent) !important;
}

.btn-transparent-blue:not(.not-hover):hover,
.btn-transparent-blue:not(.not-hover):focus {
    color: var(--blue) !important;
    background-color: var(--floral-white) !important;
}

.btn-outline-blue {
    color: var(--blue) !important;
    border: 1px solid var(--blue) !important;
}

.btn-outline-blue:hover,
.btn-outline-blue:focus {
    /* color: var(--yellow) !important;
    border-color: var(--blue) !important;
    background-color: var(--blue) !important; */
}

/*--clean-blue--*/
.btn-green {
    color: var(--blue) !important;
    background-color: var(--green) !important;
}

.btn-green:hover,
.btn-green:focus {
    color: var(--green) !important;
    background-color: var(--blue) !important;
}

.btn-green-form {
    color: var(--blue) !important;
    background-color: var(--green) !important;
}

.btn-green-form:hover,
.btn-green-form:focus {
    background-color: var(--green-2) !important;
}

.blue {
    color: var(--blue) !important;
}

.blue-ocean {
    color: var(--blue-ocean) !important;
}

.bg-blue {
    background-color: var(--blue) !important;
}

.bg-blue-ocean {
    background-color: var(--blue-ocean) !important;
}

.bg-floral-white {
    background-color: var(--floral-white) !important;
}

.hover-bg-dark-blue:hover, .active.hover-bg-dark-blue {
    background-color: var(--dark-blue) !important;
}

.border-blue {
    border-color: var(--blue) !important;
}

.border-blue-ocean {
    border-color: var(--blue-ocean) !important;
}

.border-dark-blue {
    border-color: var(--dark-blue) !important;
}

.hover-border-blue:hover, .active.hover-border-blue {
    border-color: var(--blue) !important;
}

.hover-blue:hover, .active.hover-blue {
    color: var(--blue) !important;
}

/* -- floral white -- */
.floral-white {
    color: var(--floral-white) !important;
}



/*--purple--*/
.btn-purple {
    color: var(--purple) !important;
    background-color: var(--purple) !important;
}

.btn-purple:hover,
.btn-purple:focus {
    color: var(--purple) !important;
    background-color: var(--purple) !important;
}

.btn-outline-purple {
    color: var(--purple) !important;
    border-color: var(--purple) !important;
}

.btn-outline-purple:hover,
.btn-outline-purple:focus {
    color: var(--yellow) !important;
    border-color: var(--purple) !important;
    background-color: var(--purple) !important;
}

.purple {
    color: var(--purple) !important;
}

.bg-purple {
    background-color: var(--purple) !important;
}

.border-purple {
    border-color: var(--purple) !important;
}

.hover-border-purple:hover, .active.hover-border-purple {
    border-color: var(--purple) !important;
}

.hover-purple:hover, .active.hover-purple {
    color: var(--purple) !important;
}

.hover-bg-purple:hover, .active.hover-bg-purple {
    background-color: var(--brown) !important;
}

/*neutral-4*/
.btn-neutral-4 {
    color: var(--neutral-6) !important;
    background-color: var(--neutral-4) !important;
}

.btn-neutral-4:hover,
.btn-neutral-4:focus {
    color: var(--neutral-4) !important;
    background-color: var(--neutral-6) !important;
}

.btn-outline-neutral-4 {
    color: var(--neutral-6) !important;
    border-color: var(--neutral-4) !important;
}

.btn-outline-neutral-4:hover,
.btn-outline-neutral-4:focus {
    color: var(--neutral-8) !important;
    border-color: var(--neutral-4) !important;
    background-color: var(--neutral-4) !important;
}

.bg-opacity-neutral-4 {
    background-color: var(--neutral-4-opacity) !important;
}

.neutral-4 {
    color: var(--neutral-4) !important;
}

.bg-neutral-4 {
    background-color: var(--neutral-4) !important;
}

.border-neutral-4 {
    border-color: var(--neutral-4) !important;
}

.hover-border-neutral-4:hover, .active.hover-border-neutral-4 {
    border-color: var(--neutral-4) !important;
}

.hover-neutral-4:hover, .active.hover-neutral-4 {
    color: var(--neutral-4) !important;
}

.hover-bg-neutral-4:hover, .active.hover-bg-neutral-4 {
    background-color: var(--neutral-4) !important;
}

/*neutral-5*/
.btn-neutral-5 {
    color: var(--neutral-6) !important;
    background-color: var(--neutral-5) !important;
}

.btn-neutral-5:hover,
.btn-neutral-5:focus {
    color: var(--neutral-5) !important;
    background-color: var(--neutral-6) !important;
}

.btn-outline-neutral-5 {
    color: var(--neutral-5) !important;
    border-color: var(--neutral-5) !important;
}

.btn-outline-neutral-5:hover,
.btn-outline-neutral-5:focus {
    color: var(--neutral-1) !important;
    border-color: var(--neutral-5) !important;
    background-color: var(--neutral-5) !important;
}

.bg-opacity-neutral-5 {
    background-color: var(--neutral-5-opacity) !important;
}

.neutral-5 {
    color: var(--neutral-5) !important;
}

.bg-neutral-5 {
    background-color: var(--neutral-5) !important;
}

.border-neutral-5 {
    border-color: var(--neutral-5) !important;
}

.hover-border-neutral-5:hover, .active.hover-border-neutral-5 {
    border-color: var(--neutral-5) !important;
}

.hover-neutral-5:hover, .active.hover-neutral-5, a.hover-neutral-5:hover * {
    color: var(--neutral-5) !important;
}

.hover-bg-neutral-5:hover, .active.hover-bg-neutral-5 {
    background-color: var(--neutral-5) !important;
}

/*neutral-6*/
.btn-neutral-6 {
    color: var(--neutral-1) !important;
    background-color: var(--neutral-6) !important;
}

.btn-neutral-6:hover,
.btn-neutral-6:focus {
    color: var(--neutral-1) !important;
    background-color: var(--neutral-8) !important;
}

.btn-outline-neutral-6 {
    color: var(--neutral-6) !important;
    border-color: var(--neutral-6) !important;
}

.btn-outline-neutral-6:hover,
.btn-outline-neutral-6:focus {
    color: var(--neutral-1) !important;
    border-color: var(--neutral-6) !important;
    background-color: var(--neutral-6) !important;
}

.bg-opacity-neutral-6 {
    background-color: var(--neutral-6-opacity) !important;
}

.neutral-6 {
    color: var(--neutral-6) !important;
}

.bg-neutral-6 {
    background-color: var(--neutral-6) !important;
}

.border-neutral-6 {
    border-color: var(--neutral-6) !important;
}

.hover-border-neutral-6:hover, .active.hover-border-neutral-6 {
    border-color: var(--neutral-6) !important;
}

.hover-neutral-6:hover, .active.hover-neutral-6, a.hover-neutral-6:hover * {
    color: var(--neutral-6) !important;
}

.hover-bg-neutral-6:hover, .active.hover-bg-neutral-6 {
    background-color: var(--neutral-6) !important;
}

/*neutral-7*/
.btn-neutral-7 {
    color: var(--neutral-1) !important;
    background-color: var(--neutral-7) !important;
}

.btn-neutral-7:hover,
.btn-neutral-7:focus {
    color: var(--neutral-1) !important;
    background-color: var(--neutral-8) !important;
}

.btn-outline-neutral-7 {
    color: var(--neutral-7) !important;
    border-color: var(--neutral-7) !important;
}

.btn-outline-neutral-7:hover,
.btn-outline-neutral-7:focus {
    color: var(--neutral-8) !important;
    border-color: var(--neutral-7) !important;
    background-color: var(--neutral-7) !important;
}

.bg-opacity-neutral-7 {
    background-color: var(--neutral-7-opacity) !important;
}

.neutral-7 {
    color: var(--neutral-7) !important;
}

.bg-neutral-7 {
    background-color: var(--neutral-7) !important;
}

.border-neutral-7 {
    border-color: var(--neutral-7) !important;
}

.hover-border-neutral-7:hover, .active.hover-border-neutral-7 {
    border-color: var(--neutral-7) !important;
}

.hover-neutral-7:hover, .active.hover-neutral-7, a.hover-neutral-7:hover * {
    color: var(--neutral-7) !important;
}

.hover-bg-neutral-7:hover, .active.hover-bg-neutral-7 {
    background-color: var(--neutral-7) !important;
}

/*neutral-8*/
.btn-neutral-8 {
    color: var(--neutral-8) !important;
    background-color: var(--neutral-8) !important;
}

.btn-neutral-8:hover,
.btn-neutral-8:focus {
    color: var(--neutral-8) !important;
    background-color: var(--neutral-8) !important;
}

.btn-outline-neutral-8 {
    color: var(--neutral-8) !important;
    border-color: var(--neutral-8) !important;
}

.btn-outline-neutral-8:hover,
.btn-outline-neutral-8:focus {
    color: var(--neutral-8) !important;
    border-color: var(--neutral-8) !important;
    background-color: var(--neutral-8) !important;
}

.bg-opacity-neutral-8 {
    background-color: var(--neutral-8-opacity) !important;
}

.neutral-8 {
    color: var(--neutral-8) !important;
}

.bg-neutral-8 {
    background-color: var(--neutral-8) !important;
}

.border-neutral-8 {
    border-color: var(--neutral-8) !important;
}

.hover-border-neutral-8:hover, .active.hover-border-neutral-8 {
    border-color: var(--neutral-8) !important;
}

.hover-neutral-8:hover, .active.hover-neutral-8 {
    color: var(--neutral-8) !important;
}

.hover-bg-neutral-8:hover, .active.hover-bg-neutral-8 {
    background-color: var(--neutral-8) !important;
}

/*purple-1*/
.btn-purple-1 {
    color: var(--purple-1) !important;
    background-color: var(--purple-1) !important;
}

.btn-purple-1:hover,
.btn-purple-1:focus {
    color: var(--purple-1) !important;
    background-color: var(--purple-1) !important;
}

.btn-outline-purple-1 {
    color: var(--purple-1) !important;
    border-color: var(--purple-1) !important;
}

.btn-outline-purple-1:hover,
.btn-outline-purple-1:focus {
    color: var(--purple-8) !important;
    border-color: var(--purple-1) !important;
    background-color: var(--purple-1) !important;
}

.bg-opacity-purple-1 {
    background-color: var(--purple-0) !important;
}

.purple-1 {
    color: var(--purple-1) !important;
}

.bg-purple-1 {
    background-color: var(--purple-1) !important;
}

.border-purple-1 {
    border-color: var(--purple-1) !important;
}

.hover-border-purple-1:hover, .active.hover-border-purple-1 {
    border-color: var(--purple-1) !important;
}

.hover-purple-1:hover, .active.hover-purple-1 {
    color: var(--purple-1) !important;
}

.hover-bg-purple-1:hover, .active.hover-bg-purple-1 {
    background-color: var(--purple-1) !important;
}

/*purple-2*/
.btn-purple-2 {
    color: var(--purple-2) !important;
    background-color: var(--purple-2) !important;
}

.btn-purple-2:hover,
.btn-purple-2:focus {
    color: var(--purple-2) !important;
    background-color: var(--purple-2) !important;
}

.btn-outline-purple-2 {
    color: var(--purple-2) !important;
    border-color: var(--purple-2) !important;
}

.btn-outline-purple-2:hover,
.btn-outline-purple-2:focus {
    color: var(--purple-2) !important;
    border-color: var(--purple-2) !important;
    background-color: var(--purple-2) !important;
}

.bg-opacity-purple-2 {
    background-color: var(--purple-2-opacity) !important;
}

.purple-2 {
    color: var(--purple-2) !important;
}

.bg-purple-2 {
    background-color: var(--purple-2) !important;
}

.border-purple-2 {
    border-color: var(--purple-2) !important;
}

.hover-border-purple-2:hover, .active.hover-border-purple-2 {
    border-color: var(--purple-2) !important;
}

.hover-purple-2:hover, .active.hover-purple-2 {
    color: var(--purple-2) !important;
}

.hover-bg-purple-2:hover, .active.hover-bg-purple-2 {
    background-color: var(--purple-2) !important;
}

/*purple-3*/
.btn-purple-3 {
    color: var(--purple-3) !important;
    background-color: var(--purple-3) !important;
}

.btn-purple-3:hover,
.btn-purple-3:focus {
    color: var(--purple-3) !important;
    background-color: var(--purple-3) !important;
}

.btn-outline-purple-3 {
    color: var(--purple-3) !important;
    border-color: var(--purple-3) !important;
}

.btn-outline-purple-3:hover,
.btn-outline-purple-3:focus {
    color: var(--purple-3) !important;
    border-color: var(--purple-3) !important;
    background-color: var(--purple-3) !important;
}

.bg-opacity-purple-3 {
    background-color: var(--purple-3-opacity) !important;
}

.purple-3 {
    color: var(--purple-3) !important;
}

.bg-purple-3 {
    background-color: var(--purple-3) !important;
}

.border-purple-3 {
    border-color: var(--purple-3) !important;
}

.hover-border-purple-3:hover, .active.hover-border-purple-3 {
    border-color: var(--purple-3) !important;
}

.hover-purple-3:hover, .active.hover-purple-3 {
    color: var(--purple-3) !important;
}

.hover-bg-purple-3:hover, .active.hover-bg-purple-3 {
    background-color: var(--purple-3) !important;
}

/*purple-4*/
.btn-purple-4 {
    color: var(--purple-4) !important;
    background-color: var(--purple-4) !important;
}

.btn-purple-4:hover,
.btn-purple-4:focus {
    color: var(--purple-4) !important;
    background-color: var(--purple-4) !important;
}

.btn-outline-purple-4 {
    color: var(--purple-4) !important;
    border-color: var(--purple-4) !important;
}

.btn-outline-purple-4:hover,
.btn-outline-purple-4:focus {
    color: var(--purple-4) !important;
    border-color: var(--purple-4) !important;
    background-color: var(--purple-4) !important;
}

.bg-opacity-purple-4 {
    background-color: var(--purple-4-opacity) !important;
}

.purple-4 {
    color: var(--purple-4) !important;
}

.bg-purple-4 {
    background-color: var(--purple-4) !important;
}

.border-purple-4 {
    border-color: var(--purple-4) !important;
}

.hover-border-purple-4:hover, .active.hover-border-purple-4 {
    border-color: var(--purple-4) !important;
}

.hover-purple-4:hover, .active.hover-purple-4 {
    color: var(--purple-4) !important;
}

.hover-bg-purple-4:hover, .active.hover-bg-purple-4 {
    background-color: var(--purple-4) !important;
}

/*purple-5*/
.btn-purple-5 {
    color: var(--neutral-1) !important;
    background-color: var(--purple-5) !important;
}

.btn-purple-5:hover,
.btn-purple-5:focus {
    color: var(--neutral-1) !important;
    background-color: var(--purple-5) !important;
}

.btn-outline-purple-5 {
    color: var(--purple-5) !important;
    border-color: var(--purple-5) !important;
}

.btn-outline-purple-5:hover,
.btn-outline-purple-5:focus {
    color: var(--neutral-1) !important;
    border-color: var(--purple-5) !important;
    background-color: var(--purple-5) !important;
}

.bg-opacity-purple-5 {
    background-color: var(--purple-5-opacity) !important;
}

.purple-5 {
    color: var(--purple-5) !important;
}

.bg-purple-5 {
    background-color: var(--purple-5) !important;
}

.border-purple-5 {
    border-color: var(--purple-5) !important;
}

.hover-border-purple-5:hover, .active.hover-border-purple-5 {
    border-color: var(--purple-5) !important;
}

.hover-purple-5:hover, .active.hover-purple-5, a.hover-purple-5:hover * {
    color: var(--purple-5) !important;
}

.hover-bg-purple-5:hover, .active.hover-bg-purple-5 {
    background-color: var(--purple-5) !important;
}

/*purple-6*/
.btn-purple-6 {
    color: var(--neutral-1) !important;
    background-color: var(--purple-6) !important;
}

.btn-purple-6:hover,
.btn-purple-6:focus {
    color: var(--neutral-1) !important;
    background-color: var(--purple-8) !important;
}

.btn-outline-purple-6 {
    color: var(--purple-6) !important;
    border-color: var(--purple-6) !important;
}

.btn-outline-purple-6:hover,
.btn-outline-purple-6:focus {
    color: var(--neutral-1) !important;
    border-color: var(--purple-6) !important;
    background-color: var(--purple-6) !important;
}

.bg-opacity-purple-6 {
    background-color: var(--purple-6-opacity) !important;
}

.purple-6 {
    color: var(--purple-6) !important;
}

.bg-purple-6 {
    background-color: var(--purple-6) !important;
}

.border-purple-6 {
    border-color: var(--purple-6) !important;
}

.hover-border-purple-6:hover, .active.hover-border-purple-6 {
    border-color: var(--purple-6) !important;
}

.hover-purple-6:hover, .active.hover-purple-6, a.hover-purple-6:hover * {
    color: var(--purple-6) !important;
}

.hover-bg-purple-6:hover, .active.hover-bg-purple-6 {
    background-color: var(--purple-6) !important;
}

/*purple-7*/
.btn-purple-7 {
    color: var(--neutral-1) !important;
    background-color: var(--purple-7) !important;
}

.btn-purple-7:hover,
.btn-purple-7:focus {
    color: var(--neutral-1) !important;
    background-color: var(--purple-8) !important;
}

.btn-outline-purple-7 {
    color: var(--purple-7) !important;
    border-color: var(--purple-7) !important;
}

.btn-outline-purple-7:hover,
.btn-outline-purple-7:focus {
    color: var(--purple-7) !important;
    border-color: var(--purple-7) !important;
    background-color: var(--purple-7) !important;
}

.bg-opacity-purple-7 {
    background-color: var(--purple-7-opacity) !important;
}

.purple-7 {
    color: var(--purple-7) !important;
}

.bg-purple-7 {
    background-color: var(--purple-7) !important;
}

.border-purple-7 {
    border-color: var(--purple-7) !important;
}

.hover-border-purple-7:hover, .active.hover-border-purple-7 {
    border-color: var(--purple-7) !important;
}

.hover-purple-7:hover, .active.hover-purple-7, a.hover-purple-7:hover * {
    color: var(--purple-7) !important;
}

.hover-bg-purple-7:hover, .active.hover-bg-purple-7 {
    background-color: var(--purple-7) !important;
}

/*purple-8*/
.btn-purple-8 {
    color: var(--purple-8) !important;
    background-color: var(--purple-8) !important;
}

.btn-purple-8:hover,
.btn-purple-8:focus {
    color: var(--purple-8) !important;
    background-color: var(--purple-8) !important;
}

.btn-outline-purple-8 {
    color: var(--purple-8) !important;
    border-color: var(--purple-8) !important;
}

.btn-outline-purple-8:hover,
.btn-outline-purple-8:focus {
    color: var(--floral-white) !important;
    border-color: var(--purple-8) !important;
    background-color: var(--purple-8) !important;
}

.bg-opacity-purple-8 {
    background-color: var(--purple-8-opacity) !important;
}

.purple-8 {
    color: var(--purple-8) !important;
}

.bg-purple-8 {
    background-color: var(--purple-8) !important;
}

.border-purple-8 {
    border-color: var(--purple-8) !important;
}

.hover-border-purple-8:hover, .active.hover-border-purple-8 {
    border-color: var(--purple-8) !important;
}

.hover-purple-8:hover, .active.hover-purple-8, a.hover-purple-8:hover * {
    color: var(--purple-8) !important;
}

.hover-bg-purple-8:hover, .active.hover-bg-purple-8 {
    background-color: var(--purple-8) !important;
}

/*magenta-1*/
.btn-magenta-1 {
    color: var(--magenta-1) !important;
    background-color: var(--magenta-1) !important;
}

.btn-magenta-1:hover,
.btn-magenta-1:focus {
    color: var(--magenta-1) !important;
    background-color: var(--magenta-1) !important;
}

.btn-outline-magenta-1 {
    color: var(--magenta-1) !important;
    border-color: var(--magenta-1) !important;
}

.btn-outline-magenta-1:hover,
.btn-outline-magenta-1:focus {
    color: var(--magenta-8) !important;
    border-color: var(--magenta-1) !important;
    background-color: var(--magenta-1) !important;
}

.bg-opacity-magenta-1 {
    background-color: var(--magenta-0) !important;
}

.magenta-1 {
    color: var(--magenta-1) !important;
}

.bg-magenta-1 {
    background-color: var(--magenta-1) !important;
}

.border-magenta-1 {
    border-color: var(--magenta-1) !important;
}

.hover-border-magenta-1:hover, .active.hover-border-magenta-1 {
    border-color: var(--magenta-1) !important;
}

.hover-magenta-1:hover, .active.hover-magenta-1 {
    color: var(--magenta-1) !important;
}

.hover-bg-magenta-1:hover, .active.hover-bg-magenta-1 {
    background-color: var(--magenta-1) !important;
}

/*magenta-2*/
.btn-magenta-2 {
    color: var(--magenta-2) !important;
    background-color: var(--magenta-2) !important;
}

.btn-magenta-2:hover,
.btn-magenta-2:focus {
    color: var(--magenta-2) !important;
    background-color: var(--magenta-2) !important;
}

.btn-outline-magenta-2 {
    color: var(--magenta-2) !important;
    border-color: var(--magenta-2) !important;
}

.btn-outline-magenta-2:hover,
.btn-outline-magenta-2:focus {
    color: var(--magenta-2) !important;
    border-color: var(--magenta-2) !important;
    background-color: var(--magenta-2) !important;
}

.bg-opacity-magenta-2 {
    background-color: var(--magenta-2-opacity) !important;
}

.magenta-2 {
    color: var(--magenta-2) !important;
}

.bg-magenta-2 {
    background-color: var(--magenta-2) !important;
}

.border-magenta-2 {
    border-color: var(--magenta-2) !important;
}

.hover-border-magenta-2:hover, .active.hover-border-magenta-2 {
    border-color: var(--magenta-2) !important;
}

.hover-magenta-2:hover, .active.hover-magenta-2 {
    color: var(--magenta-2) !important;
}

.hover-bg-magenta-2:hover, .active.hover-bg-magenta-2 {
    background-color: var(--magenta-2) !important;
}

/*magenta-3*/
.btn-magenta-3 {
    color: var(--magenta-3) !important;
    background-color: var(--magenta-3) !important;
}

.btn-magenta-3:hover,
.btn-magenta-3:focus {
    color: var(--magenta-3) !important;
    background-color: var(--magenta-3) !important;
}

.btn-outline-magenta-3 {
    color: var(--magenta-3) !important;
    border-color: var(--magenta-3) !important;
}

.btn-outline-magenta-3:hover,
.btn-outline-magenta-3:focus {
    color: var(--magenta-3) !important;
    border-color: var(--magenta-3) !important;
    background-color: var(--magenta-3) !important;
}

.bg-opacity-magenta-3 {
    background-color: var(--magenta-3-opacity) !important;
}

.magenta-3 {
    color: var(--magenta-3) !important;
}

.bg-magenta-3 {
    background-color: var(--magenta-3) !important;
}

.border-magenta-3 {
    border-color: var(--magenta-3) !important;
}

.hover-border-magenta-3:hover, .active.hover-border-magenta-3 {
    border-color: var(--magenta-3) !important;
}

.hover-magenta-3:hover, .active.hover-magenta-3 {
    color: var(--magenta-3) !important;
}

.hover-bg-magenta-3:hover, .active.hover-bg-magenta-3 {
    background-color: var(--magenta-3) !important;
}

/*magenta-4*/
.btn-magenta-4 {
    color: var(--magenta-4) !important;
    background-color: var(--magenta-4) !important;
}

.btn-magenta-4:hover,
.btn-magenta-4:focus {
    color: var(--magenta-4) !important;
    background-color: var(--magenta-4) !important;
}

.btn-outline-magenta-4 {
    color: var(--magenta-4) !important;
    border-color: var(--magenta-4) !important;
}

.btn-outline-magenta-4:hover,
.btn-outline-magenta-4:focus {
    color: var(--magenta-4) !important;
    border-color: var(--magenta-4) !important;
    background-color: var(--magenta-4) !important;
}

.bg-opacity-magenta-4 {
    background-color: var(--magenta-4-opacity) !important;
}

.magenta-4 {
    color: var(--magenta-4) !important;
}

.bg-magenta-4 {
    background-color: var(--magenta-4) !important;
}

.border-magenta-4 {
    border-color: var(--magenta-4) !important;
}

.hover-border-magenta-4:hover, .active.hover-border-magenta-4 {
    border-color: var(--magenta-4) !important;
}

.hover-magenta-4:hover, .active.hover-magenta-4 {
    color: var(--magenta-4) !important;
}

.hover-bg-magenta-4:hover, .active.hover-bg-magenta-4 {
    background-color: var(--magenta-4) !important;
}

/*magenta-5*/
.btn-magenta-5 {
    color: var(--neutral-1) !important;
    background-color: var(--magenta-5) !important;
}

.btn-magenta-5:hover,
.btn-magenta-5:focus {
    color: var(--neutral-1) !important;
    background-color: var(--magenta-6) !important;
}

.btn-outline-magenta-5 {
    color: var(--magenta-5) !important;
    border-color: var(--magenta-5) !important;
}

.btn-outline-magenta-5:hover,
.btn-outline-magenta-5:focus {
    color: var(--magenta-5) !important;
    border-color: var(--magenta-5) !important;
    background-color: var(--magenta-5) !important;
}

.bg-opacity-magenta-5 {
    background-color: var(--magenta-5-opacity) !important;
}

.magenta-5 {
    color: var(--magenta-5) !important;
}

.bg-magenta-5 {
    background-color: var(--magenta-5) !important;
}

.border-magenta-5 {
    border-color: var(--magenta-5) !important;
}

.hover-border-magenta-5:hover, .active.hover-border-magenta-5 {
    border-color: var(--magenta-5) !important;
}

.hover-magenta-5:hover, .active.hover-magenta-5, a.hover-magenta-5:hover * {
    color: var(--magenta-5) !important;
}

.hover-bg-magenta-5:hover, .active.hover-bg-magenta-5 {
    background-color: var(--magenta-5) !important;
}

/*magenta-6*/
.btn-magenta-6 {
    color: var(--neutral-1) !important;
    background-color: var(--magenta-6) !important;
}

.btn-magenta-6:hover,
.btn-magenta-6:focus {
    color: var(--neutral-1) !important;
    background-color: var(--magenta-8) !important;
}

.btn-outline-magenta-6 {
    color: var(--magenta-6) !important;
    border-color: var(--magenta-6) !important;
}

.btn-outline-magenta-6:hover,
.btn-outline-magenta-6:focus {
    color: var(--neutral-1) !important;
    border-color: var(--magenta-6) !important;
    background-color: var(--magenta-6) !important;
}

.bg-opacity-magenta-6 {
    background-color: var(--magenta-6-opacity) !important;
}

.magenta-6 {
    color: var(--magenta-6) !important;
}

.bg-magenta-6 {
    background-color: var(--magenta-6) !important;
}

.border-magenta-6 {
    border-color: var(--magenta-6) !important;
}

.hover-border-magenta-6:hover, .active.hover-border-magenta-6 {
    border-color: var(--magenta-6) !important;
}

.hover-magenta-6:hover, .active.hover-magenta-6, a.hover-magenta-6:hover * {
    color: var(--magenta-6) !important;
}

.hover-bg-magenta-6:hover, .active.hover-bg-magenta-6 {
    background-color: var(--magenta-6) !important;
}

/*magenta-7*/
.btn-magenta-7 {
    color: var(--neutral-1) !important;
    background-color: var(--magenta-7) !important;
}

.btn-magenta-7:hover,
.btn-magenta-7:focus {
    color: var(--neutral-1) !important;
    background-color: var(--magenta-8) !important;
}

.btn-outline-magenta-7 {
    color: var(--magenta-7) !important;
    border-color: var(--magenta-7) !important;
}

.btn-outline-magenta-7:hover,
.btn-outline-magenta-7:focus {
    color: var(--magenta-7) !important;
    border-color: var(--magenta-7) !important;
    background-color: var(--magenta-7) !important;
}

.bg-opacity-magenta-7 {
    background-color: var(--magenta-7-opacity) !important;
}

.magenta-7 {
    color: var(--magenta-7) !important;
}

.bg-magenta-7 {
    background-color: var(--magenta-7) !important;
}

.border-magenta-7 {
    border-color: var(--magenta-7) !important;
}

.hover-border-magenta-7:hover, .active.hover-border-magenta-7 {
    border-color: var(--magenta-7) !important;
}

.hover-magenta-7:hover, .active.hover-magenta-7, a.hover-magenta-7:hover * {
    color: var(--magenta-7) !important;
}

.hover-bg-magenta-7:hover, .active.hover-bg-magenta-7 {
    background-color: var(--magenta-7) !important;
}

/*magenta-8*/
.btn-magenta-8 {
    color: var(--magenta-8) !important;
    background-color: var(--magenta-8) !important;
}

.btn-magenta-8:hover,
.btn-magenta-8:focus {
    color: var(--magenta-8) !important;
    background-color: var(--magenta-8) !important;
}

.btn-outline-magenta-8 {
    color: var(--magenta-8) !important;
    border-color: var(--magenta-8) !important;
}

.btn-outline-magenta-8:hover,
.btn-outline-magenta-8:focus {
    color: var(--magenta-8) !important;
    border-color: var(--magenta-8) !important;
    background-color: var(--magenta-8) !important;
}

.bg-opacity-magenta-8 {
    background-color: var(--magenta-8-opacity) !important;
}

.magenta-8 {
    color: var(--magenta-8) !important;
}

.bg-magenta-8 {
    background-color: var(--magenta-8) !important;
}

.border-magenta-8 {
    border-color: var(--magenta-8) !important;
}

.hover-border-magenta-8:hover, .active.hover-border-magenta-8 {
    border-color: var(--magenta-8) !important;
}

.hover-magenta-8:hover, .active.hover-magenta-8, a.hover-magenta-8:hover * {
    color: var(--magenta-8) !important;
}

.hover-bg-magenta-8:hover, .active.hover-bg-magenta-8 {
    background-color: var(--magenta-8) !important;
}

/*red-1*/
.btn-red-1 {
    color: var(--red-6) !important;
    background-color: var(--red-1) !important;
}

.btn-red-1:hover,
.btn-red-1:focus {
    color: var(--red-1) !important;
    background-color: var(--red-6) !important;
}

.btn-outline-red-1 {
    color: var(--red-1) !important;
    border-color: var(--red-1) !important;
}

.btn-outline-red-1:hover,
.btn-outline-red-1:focus {
    color: var(--red-8) !important;
    border-color: var(--red-1) !important;
    background-color: var(--red-1) !important;
}

.bg-opacity-red-1 {
    background-color: var(--red-0) !important;
}

.red-1 {
    color: var(--red-1) !important;
}

.bg-red-1 {
    background-color: var(--red-1) !important;
}

.border-red-1 {
    border-color: var(--red-1) !important;
}

.hover-border-red-1:hover, .active.hover-border-red-1 {
    border-color: var(--red-1) !important;
}

.hover-red-1:hover, .active.hover-red-1 {
    color: var(--red-1) !important;
}

.hover-bg-red-1:hover, .active.hover-bg-red-1 {
    background-color: var(--red-1) !important;
}


/*red-2*/
.btn-red-2 {
    color: var(--red-6) !important;
    background-color: var(--red-2) !important;
}

.btn-red-2:hover,
.btn-red-2:focus {
    color: var(--red-2) !important;
    background-color: var(--red-6) !important;
}

.btn-outline-red-2 {
    color: var(--red-6) !important;
    border-color: var(--red-2) !important;
}

.btn-outline-red-2:hover,
.btn-outline-red-2:focus {
    color: var(--red-8) !important;
    border-color: var(--red-2) !important;
    background-color: var(--red-2) !important;
}

.bg-opacity-red-2 {
    background-color: var(--red-2-opacity) !important;
}

.red-2 {
    color: var(--red-2) !important;
}

.bg-red-2 {
    background-color: var(--red-2) !important;
}

.border-red-2 {
    border-color: var(--red-2) !important;
}

.hover-border-red-2:hover, .active.hover-border-red-2 {
    border-color: var(--red-2) !important;
}

.hover-red-2:hover, .active.hover-red-2 {
    color: var(--red-2) !important;
}

.hover-bg-red-2:hover, .active.hover-bg-red-2 {
    background-color: var(--red-2) !important;
}

/*red-3*/
.btn-red-3 {
    color: var(--red-6) !important;
    background-color: var(--red-3) !important;
}

.btn-red-3:hover,
.btn-red-3:focus {
    color: var(--red-3) !important;
    background-color: var(--red-6) !important;
}

.btn-outline-red-3 {
    color: var(--red-6) !important;
    border-color: var(--red-3) !important;
}

.btn-outline-red-3:hover,
.btn-outline-red-3:focus {
    color: var(--red-8) !important;
    border-color: var(--red-3) !important;
    background-color: var(--red-3) !important;
}

.bg-opacity-red-3 {
    background-color: var(--red-3-opacity) !important;
}

.red-3 {
    color: var(--red-3) !important;
}

.bg-red-3 {
    background-color: var(--red-3) !important;
}

.border-red-3 {
    border-color: var(--red-3) !important;
}

.hover-border-red-3:hover, .active.hover-border-red-3 {
    border-color: var(--red-3) !important;
}

.hover-red-3:hover, .active.hover-red-3 {
    color: var(--red-3) !important;
}

.hover-bg-red-3:hover, .active.hover-bg-red-3 {
    background-color: var(--red-3) !important;
}

/*red-4*/
.btn-red-4 {
    color: var(--red-6) !important;
    background-color: var(--red-4) !important;
}

.btn-red-4:hover,
.btn-red-4:focus {
    color: var(--red-4) !important;
    background-color: var(--red-6) !important;
}

.btn-outline-red-4 {
    color: var(--red-6) !important;
    border-color: var(--red-4) !important;
}

.btn-outline-red-4:hover,
.btn-outline-red-4:focus {
    color: var(--red-8) !important;
    border-color: var(--red-4) !important;
    background-color: var(--red-4) !important;
}

.bg-opacity-red-4 {
    background-color: var(--red-4-opacity) !important;
}

.red-4 {
    color: var(--red-4) !important;
}

.bg-red-4 {
    background-color: var(--red-4) !important;
}

.border-red-4 {
    border-color: var(--red-4) !important;
}

.hover-border-red-4:hover, .active.hover-border-red-4 {
    border-color: var(--red-4) !important;
}

.hover-red-4:hover, .active.hover-red-4 {
    color: var(--red-4) !important;
}

.hover-bg-red-4:hover, .active.hover-bg-red-4 {
    background-color: var(--red-4) !important;
}

/*red-5*/
.btn-red-5 {
    color: var(--neutral-1) !important;
    background-color: var(--red-5) !important;
}

.btn-red-5:hover,
.btn-red-5:focus {
    color: var(--neutral-1) !important;
    background-color: var(--red-6) !important;
}

.btn-outline-red-5 {
    color: var(--red-5) !important;
    border-color: var(--red-5) !important;
}

.btn-outline-red-5:hover,
.btn-outline-red-5:focus {
    color: var(--red-8) !important;
    border-color: var(--red-5) !important;
    background-color: var(--red-5) !important;
}

.bg-opacity-red-5 {
    background-color: var(--red-5-opacity) !important;
}

.red-5 {
    color: var(--red-5) !important;
}

.bg-red-5 {
    background-color: var(--red-5) !important;
}

.border-red-5 {
    border-color: var(--red-5) !important;
}

.hover-border-red-5:hover, .active.hover-border-red-5 {
    border-color: var(--red-5) !important;
}

.hover-red-5:hover, .active.hover-red-5, a.hover-red-5:hover *{
    color: var(--red-5) !important;
}

.hover-bg-red-5:hover, .active.hover-bg-red-5 {
    background-color: var(--red-5) !important;
}

/*red-6*/
.btn-red-6 {
    color: var(--neutral-1) !important;
    background-color: var(--red-6) !important;
}

.btn-red-6:hover,
.btn-red-6:focus {
    color: var(--neutral-1) !important;
    background-color: var(--red-8) !important;
}

.btn-outline-red-6 {
    color: var(--red-6) !important;
    border-color: var(--red-6) !important;
}

.btn-outline-red-6:hover,
.btn-outline-red-6:focus {
    color: var(--neutral-1) !important;
    border-color: var(--red-6) !important;
    background-color: var(--red-6) !important;
}

.bg-opacity-red-6 {
    background-color: var(--red-6-opacity) !important;
}

.red-6 {
    color: var(--red-6) !important;
}

.bg-red-6 {
    background-color: var(--red-6) !important;
}

.border-red-6 {
    border-color: var(--red-6) !important;
}

.hover-border-red-6:hover, .active.hover-border-red-6 {
    border-color: var(--red-6) !important;
}

.hover-red-6:hover, .active.hover-red-6, a.hover-red-6:hover * {
    color: var(--red-6) !important;
}

.hover-bg-red-6:hover, .active.hover-bg-red-6 {
    background-color: var(--red-6) !important;
}

/*red-7*/
.btn-red-7 {
    color: var(--neutral-1) !important;
    background-color: var(--red-7) !important;
}

.btn-red-7:hover,
.btn-red-7:focus {
    color: var(--neutral-1) !important;
    background-color: var(--red-8) !important;
}

.btn-outline-red-7 {
    color: var(--red-7) !important;
    border-color: var(--red-7) !important;
}

.btn-outline-red-7:hover,
.btn-outline-red-7:focus {
    color: var(--red-8) !important;
    border-color: var(--red-7) !important;
    background-color: var(--red-7) !important;
}

.bg-opacity-red-7 {
    background-color: var(--red-7-opacity) !important;
}

.red-7 {
    color: var(--red-7) !important;
}

.bg-red-7 {
    background-color: var(--red-7) !important;
}

.border-red-7 {
    border-color: var(--red-7) !important;
}

.hover-border-red-7:hover, .active.hover-border-red-7 {
    border-color: var(--red-7) !important;
}

.hover-red-7:hover, .active.hover-red-7, a.hover-red-7:hover * {
    color: var(--red-7) !important;
}

.hover-bg-red-7:hover, .active.hover-bg-red-7 {
    background-color: var(--red-7) !important;
}

/*red-8*/
.btn-red-8 {
    color: var(--red-8) !important;
    background-color: var(--red-8) !important;
}

.btn-red-8:hover,
.btn-red-8:focus {
    color: var(--red-8) !important;
    background-color: var(--red-8) !important;
}

.btn-outline-red-8 {
    color: var(--red-8) !important;
    border-color: var(--red-8) !important;
}

.btn-outline-red-8:hover,
.btn-outline-red-8:focus {
    color: var(--red-8) !important;
    border-color: var(--red-8) !important;
    background-color: var(--red-8) !important;
}

.bg-opacity-red-8 {
    background-color: var(--red-8-opacity) !important;
}

.red-8 {
    color: var(--red-8) !important;
}

.bg-red-8 {
    background-color: var(--red-8) !important;
}

.border-red-8 {
    border-color: var(--red-8) !important;
}

.hover-border-red-8:hover, .active.hover-border-red-8 {
    border-color: var(--red-8) !important;
}

.hover-red-8:hover, .active.hover-red-8, a.hover-red-8:hover * {
    color: var(--red-8) !important;
}

.hover-bg-red-8:hover, .active.hover-bg-red-8 {
    background-color: var(--red-8) !important;
}

/*red-1*/
.btn-orange-1 {
    color: var(--orange-6) !important;
    background-color: var(--orange-1) !important;
}

.btn-orange-1:hover,
.btn-orange-1:focus {
    color: var(--orange-1) !important;
    background-color: var(--orange-6) !important;
}

.btn-outline-orange-1 {
    color: var(--orange-1) !important;
    border-color: var(--orange-1) !important;
}

.btn-outline-orange-1:hover,
.btn-outline-orange-1:focus {
    color: var(--orange-8) !important;
    border-color: var(--orange-1) !important;
    background-color: var(--orange-1) !important;
}

.bg-opacity-orange-1 {
    background-color: var(--orange-0) !important;
}

.orange {
    color: var(--orange) !important;
}

.bg-orange {
    background-color: var(--orange) !important;
}

.border-orange {
    border-color: var(--orange) !important;
}

.orange-1 {
    color: var(--orange-1) !important;
}

.bg-orange-1 {
    background-color: var(--orange-1) !important;
}

.border-orange-1 {
    border-color: var(--orange-1) !important;
}

.hover-border-orange-1:hover, .active.hover-border-orange-1 {
    border-color: var(--orange-1) !important;
}

.hover-orange-1:hover, .active.hover-orange-1 {
    color: var(--orange-1) !important;
}

.hover-bg-orange-1:hover, .active.hover-bg-orange-1 {
    background-color: var(--orange-1) !important;
}


/*orange-2*/
.btn-orange-2 {
    color: var(--orange-6) !important;
    background-color: var(--orange-2) !important;
}

.btn-orange-2:hover,
.btn-orange-2:focus {
    color: var(--orange-2) !important;
    background-color: var(--orange-6) !important;
}

.btn-outline-orange-2 {
    color: var(--orange-6) !important;
    border-color: var(--orange-2) !important;
}

.btn-outline-orange-2:hover,
.btn-outline-orange-2:focus {
    color: var(--orange-8) !important;
    border-color: var(--orange-2) !important;
    background-color: var(--orange-2) !important;
}

.bg-opacity-orange-2 {
    background-color: var(--orange-2-opacity) !important;
}

.orange-2 {
    color: var(--orange-2) !important;
}

.bg-orange-2 {
    background-color: var(--orange-2) !important;
}

.border-orange-2 {
    border-color: var(--orange-2) !important;
}

.hover-border-orange-2:hover, .active.hover-border-orange-2 {
    border-color: var(--orange-2) !important;
}

.hover-orange-2:hover, .active.hover-orange-2 {
    color: var(--orange-2) !important;
}

.hover-bg-orange-2:hover, .active.hover-bg-orange-2 {
    background-color: var(--orange-2) !important;
}

/*orange-3*/
.btn-orange-3 {
    color: var(--orange-6) !important;
    background-color: var(--orange-3) !important;
}

.btn-orange-3:hover,
.btn-orange-3:focus {
    color: var(--orange-3) !important;
    background-color: var(--orange-6) !important;
}

.btn-outline-orange-3 {
    color: var(--orange-6) !important;
    border-color: var(--orange-3) !important;
}

.btn-outline-orange-3:hover,
.btn-outline-orange-3:focus {
    color: var(--orange-8) !important;
    border-color: var(--orange-3) !important;
    background-color: var(--orange-3) !important;
}

.bg-opacity-orange-3 {
    background-color: var(--orange-3-opacity) !important;
}

.orange-3 {
    color: var(--orange-3) !important;
}

.bg-orange-3 {
    background-color: var(--orange-3) !important;
}

.border-orange-3 {
    border-color: var(--orange-3) !important;
}

.hover-border-orange-3:hover, .active.hover-border-orange-3 {
    border-color: var(--orange-3) !important;
}

.hover-orange-3:hover, .active.hover-orange-3 {
    color: var(--orange-3) !important;
}

.hover-bg-orange-3:hover, .active.hover-bg-orange-3 {
    background-color: var(--orange-3) !important;
}

/*orange-4*/
.btn-orange-4 {
    color: var(--orange-6) !important;
    background-color: var(--orange-4) !important;
}

.btn-orange-4:hover,
.btn-orange-4:focus {
    color: var(--orange-4) !important;
    background-color: var(--orange-6) !important;
}

.btn-outline-orange-4 {
    color: var(--orange-6) !important;
    border-color: var(--orange-4) !important;
}

.btn-outline-orange-4:hover,
.btn-outline-orange-4:focus {
    color: var(--orange-8) !important;
    border-color: var(--orange-4) !important;
    background-color: var(--orange-4) !important;
}

.bg-opacity-orange-4 {
    background-color: var(--orange-4-opacity) !important;
}

.orange-4 {
    color: var(--orange-4) !important;
}

.bg-orange-4 {
    background-color: var(--orange-4) !important;
}

.border-orange-4 {
    border-color: var(--orange-4) !important;
}

.hover-border-orange-4:hover, .active.hover-border-orange-4 {
    border-color: var(--orange-4) !important;
}

.hover-orange-4:hover, .active.hover-orange-4 {
    color: var(--orange-4) !important;
}

.hover-bg-orange-4:hover, .active.hover-bg-orange-4 {
    background-color: var(--orange-4) !important;
}

/*orange-5*/
.btn-orange-5 {
    color: var(--neutral-1) !important;
    background-color: var(--orange-5) !important;
}

.btn-orange-5:hover,
.btn-orange-5:focus {
    color: var(--orange-5) !important;
    background-color: var(--orange-6) !important;
}

.btn-outline-orange-5 {
    color: var(--orange-5) !important;
    border-color: var(--orange-5) !important;
}

.btn-outline-orange-5:hover,
.btn-outline-orange-5:focus {
    color: var(--neutral-1) !important;
    border-color: var(--orange-5) !important;
    background-color: var(--orange-5) !important;
}

.bg-opacity-orange-5 {
    background-color: var(--orange-5-opacity) !important;
}

.orange-5 {
    color: var(--orange-5) !important;
}

.bg-orange-5 {
    background-color: var(--orange-5) !important;
}

.border-orange-5 {
    border-color: var(--orange-5) !important;
}

.hover-border-orange-5:hover, .active.hover-border-orange-5 {
    border-color: var(--orange-5) !important;
}

.hover-orange-5:hover, .active.hover-orange-5, a.hover-orange-5:hover * {
    color: var(--orange-5) !important;
}

.hover-bg-orange-5:hover, .active.hover-bg-orange-5 {
    background-color: var(--orange-5) !important;
}

/*orange-6*/
.btn-orange-6 {
    color: var(--neutral-1) !important;
    background-color: var(--orange-6) !important;
}

.btn-orange-6:hover,
.btn-orange-6:focus {
    color: var(--neutral-1) !important;
    background-color: var(--orange-8) !important;
}

.btn-outline-orange-6 {
    color: var(--orange-6) !important;
    border-color: var(--orange-6) !important;
}

.btn-outline-orange-6:hover,
.btn-outline-orange-6:focus {
    color: var(--neutral-1) !important;
    border-color: var(--orange-6) !important;
    background-color: var(--orange-6) !important;
}

.bg-opacity-orange-6 {
    background-color: var(--orange-6-opacity) !important;
}

.orange-6 {
    color: var(--orange-6) !important;
}

.bg-orange-6 {
    background-color: var(--orange-6) !important;
}

.border-orange-6 {
    border-color: var(--orange-6) !important;
}

.hover-border-orange-6:hover, .active.hover-border-orange-6 {
    border-color: var(--orange-6) !important;
}

.hover-orange-6:hover, .active.hover-orange-6, a.hover-orange-6:hover * {
    color: var(--orange-6) !important;
}

.hover-bg-orange-6:hover, .active.hover-bg-orange-6 {
    background-color: var(--orange-6) !important;
}

/*orange-7*/
.btn-orange-7 {
    color: var(--neutral-1) !important;
    background-color: var(--orange-7) !important;
}

.btn-orange-7:hover,
.btn-orange-7:focus {
    color: var(--neutral-1) !important;
    background-color: var(--orange-8) !important;
}

.btn-outline-orange-7 {
    color: var(--orange-7) !important;
    border-color: var(--orange-7) !important;
}

.btn-outline-orange-7:hover,
.btn-outline-orange-7:focus {
    color: var(--orange-8) !important;
    border-color: var(--orange-7) !important;
    background-color: var(--orange-7) !important;
}

.bg-opacity-orange-7 {
    background-color: var(--orange-7-opacity) !important;
}

.orange-7 {
    color: var(--orange-7) !important;
}

.bg-orange-7 {
    background-color: var(--orange-7) !important;
}

.border-orange-7 {
    border-color: var(--orange-7) !important;
}

.hover-border-orange-7:hover, .active.hover-border-orange-7 {
    border-color: var(--orange-7) !important;
}

.hover-orange-7:hover, .active.hover-orange-7, a.hover-orange-7:hover * {
    color: var(--orange-7) !important;
}

.hover-bg-orange-7:hover, .active.hover-bg-orange-7 {
    background-color: var(--orange-7) !important;
}

/*orange-8*/
.btn-orange-8 {
    color: var(--orange-8) !important;
    background-color: var(--orange-8) !important;
}

.btn-orange-8:hover,
.btn-orange-8:focus {
    color: var(--orange-8) !important;
    background-color: var(--orange-8) !important;
}

.btn-outline-orange-8 {
    color: var(--orange-8) !important;
    border-color: var(--orange-8) !important;
}

.btn-outline-orange-8:hover,
.btn-outline-orange-8:focus {
    color: var(--orange-8) !important;
    border-color: var(--orange-8) !important;
    background-color: var(--orange-8) !important;
}

.bg-opacity-orange-8 {
    background-color: var(--orange-8-opacity) !important;
}

.orange-8 {
    color: var(--orange-8) !important;
}

.bg-orange-8 {
    background-color: var(--orange-8) !important;
}

.border-orange-8 {
    border-color: var(--orange-8) !important;
}

.hover-border-orange-8:hover, .active.hover-border-orange-8 {
    border-color: var(--orange-8) !important;
}

.hover-orange-8:hover, .active.hover-orange-8, a.hover-orange-8:hover * {
    color: var(--orange-8) !important;
}

.hover-bg-orange-8:hover, .active.hover-bg-orange-8 {
    background-color: var(--orange-8) !important;
}

/*yellow-1*/
.btn-yellow-1 {
    color: var(--yellow-6) !important;
    background-color: var(--yellow-1) !important;
}

.btn-yellow-1:hover,
.btn-yellow-1:focus {
    color: var(--yellow-1) !important;
    background-color: var(--yellow-6) !important;
}

.btn-outline-yellow-1 {
    color: var(--yellow-1) !important;
    border-color: var(--yellow-1) !important;
}

.btn-outline-yellow-1:hover,
.btn-outline-yellow-1:focus {
    color: var(--yellow-8) !important;
    border-color: var(--yellow-1) !important;
    background-color: var(--yellow-1) !important;
}

/** yelow-0 **/

.bg-opacity-yellow-0 {
    background-color: var(--yellow-0) !important;
}

.bg-yellow {
    background-color: var(--yellow) !important;
}

.bg-yellow-opacity {
    background-color: var(--yellow) !important;
    opacity: 0.8;
}

.border-yellow-0 {
    border-color: var(--yellow-0) !important;
}

.hover-border-yellow-0:hover, .active.hover-border-yellow-0 {
    border-color: var(--yellow-0) !important;
}

.hover-yellow-0:hover, .active.hover-yellow-0 {
    color: var(--yellow-0) !important;
}

.hover-bg-yellow-0:hover, .active.hover-bg-yellow-0 {
    background-color: var(--yellow-0) !important;
}

/*****/

.bg-opacity-yellow-1 {
    background-color: var(--yellow-0) !important;
}

.yellow-1 {
    color: var(--yellow-1) !important;
}

.bg-yellow-1 {
    background-color: var(--yellow-1) !important;
}

.border-yellow-1 {
    border-color: var(--yellow-1) !important;
}

.hover-border-yellow-1:hover, .active.hover-border-yellow-1 {
    border-color: var(--yellow-1) !important;
}

.hover-yellow-1:hover, .active.hover-yellow-1 {
    color: var(--yellow-1) !important;
}

.hover-bg-yellow-1:hover, .active.hover-bg-yellow-1 {
    background-color: var(--yellow-1) !important;
}


/*yellow-2*/
.btn-yellow-2 {
    color: var(--yellow-6) !important;
    background-color: var(--yellow-2) !important;
}

.btn-yellow-2:hover,
.btn-yellow-2:focus {
    color: var(--yellow-2) !important;
    background-color: var(--yellow-6) !important;
}

.btn-outline-yellow-2 {
    color: var(--yellow-6) !important;
    border-color: var(--yellow-2) !important;
}

.btn-outline-yellow-2:hover,
.btn-outline-yellow-2:focus {
    color: var(--yellow-8) !important;
    border-color: var(--yellow-2) !important;
    background-color: var(--yellow-2) !important;
}

.bg-opacity-yellow-2 {
    background-color: var(--yellow-2-opacity) !important;
}

.yellow-2 {
    color: var(--yellow-2) !important;
}

.bg-yellow-2 {
    background-color: var(--yellow-2) !important;
}

.border-yellow-2 {
    border-color: var(--yellow-2) !important;
}

.hover-border-yellow-2:hover, .active.hover-border-yellow-2 {
    border-color: var(--yellow-2) !important;
}

.hover-yellow-2:hover, .active.hover-yellow-2 {
    color: var(--yellow-2) !important;
}

.hover-bg-yellow-2:hover, .active.hover-bg-yellow-2 {
    background-color: var(--yellow-2) !important;
}

/*yellow-3*/
.btn-yellow-3 {
    color: var(--yellow-6) !important;
    background-color: var(--yellow-3) !important;
}

.btn-yellow-3:hover,
.btn-yellow-3:focus {
    color: var(--yellow-3) !important;
    background-color: var(--yellow-6) !important;
}

.btn-outline-yellow-3 {
    color: var(--yellow-6) !important;
    border-color: var(--yellow-3) !important;
}

.btn-outline-yellow-3:hover,
.btn-outline-yellow-3:focus {
    color: var(--yellow-8) !important;
    border-color: var(--yellow-3) !important;
    background-color: var(--yellow-3) !important;
}

.bg-opacity-yellow-3 {
    background-color: var(--yellow-3-opacity) !important;
}

.yellow-3 {
    color: var(--yellow-3) !important;
}

.bg-yellow-3 {
    background-color: var(--yellow-3) !important;
}

.border-yellow-3 {
    border-color: var(--yellow-3) !important;
}

.hover-border-yellow-3:hover, .active.hover-border-yellow-3 {
    border-color: var(--yellow-3) !important;
}

.hover-yellow-3:hover, .active.hover-yellow-3 {
    color: var(--yellow-3) !important;
}

.hover-bg-yellow-3:hover, .active.hover-bg-yellow-3 {
    background-color: var(--yellow-3) !important;
}

/*yellow-4*/
.btn-yellow-4 {
    color: var(--yellow-6) !important;
    background-color: var(--yellow-4) !important;
}

.btn-yellow-4:hover,
.btn-yellow-4:focus {
    color: var(--yellow-4) !important;
    background-color: var(--yellow-6) !important;
}

.btn-outline-yellow-4 {
    color: var(--yellow-6) !important;
    border-color: var(--yellow-4) !important;
}

.btn-outline-yellow-4:hover,
.btn-outline-yellow-4:focus {
    color: var(--yellow-8) !important;
    border-color: var(--yellow-4) !important;
    background-color: var(--yellow-4) !important;
}

.bg-opacity-yellow-4 {
    background-color: var(--yellow-4-opacity) !important;
}

.yellow-4 {
    color: var(--yellow-4) !important;
}

.bg-yellow-4 {
    background-color: var(--yellow-4) !important;
}

.border-yellow-4 {
    border-color: var(--yellow-4) !important;
}

.hover-border-yellow-4:hover, .active.hover-border-yellow-4 {
    border-color: var(--yellow-4) !important;
}

.hover-yellow-4:hover, .active.hover-yellow-4 {
    color: var(--yellow-4) !important;
}

.hover-bg-yellow-4:hover, .active.hover-bg-yellow-4 {
    background-color: var(--yellow-4) !important;
}

/*yellow-5*/
.btn-yellow-5 {
    color: var(--neutral-1) !important;
    background-color: var(--yellow-5) !important;
}

.btn-yellow-5:hover,
.btn-yellow-5:focus {
    color: var(--yellow-5) !important;
    background-color: var(--yellow-6) !important;
}

.btn-outline-yellow-5 {
    color: var(--yellow-5) !important;
    border-color: var(--yellow-5) !important;
}

.btn-outline-yellow-5:hover,
.btn-outline-yellow-5:focus {
    color: var(--neutral-1) !important;
    border-color: var(--yellow-5) !important;
    background-color: var(--yellow-5) !important;
}

.bg-opacity-yellow-5 {
    background-color: var(--yellow-5-opacity) !important;
}

.yellow-5 {
    color: var(--yellow-5) !important;
}

.bg-yellow-5 {
    background-color: var(--yellow-5) !important;
}

.border-yellow-5 {
    border-color: var(--yellow-5) !important;
}

.hover-border-yellow-5:hover, .active.hover-border-yellow-5 {
    border-color: var(--yellow-5) !important;
}

.hover-yellow-5:hover, .active.hover-yellow-5, a.hover-yellow-5:hover * {
    color: var(--yellow-5) !important;
}

.hover-bg-yellow-5:hover, .active.hover-bg-yellow-5 {
    background-color: var(--yellow-5) !important;
}

/*yellow-6*/
.btn-yellow-6 {
    color: var(--neutral-1) !important;
    background-color: var(--yellow-6) !important;
}

.btn-yellow-6:hover,
.btn-yellow-6:focus {
    color: var(--neutral-1) !important;
    background-color: var(--yellow-8) !important;
}

.btn-outline-yellow-6 {
    color: var(--yellow-6) !important;
    border-color: var(--yellow-6) !important;
}

.btn-outline-yellow-6:hover,
.btn-outline-yellow-6:focus {
    color: var(--neutral-1) !important;
    border-color: var(--yellow-6) !important;
    background-color: var(--yellow-6) !important;
}

.bg-opacity-yellow-6 {
    background-color: var(--yellow-6-opacity) !important;
}

.yellow-6 {
    color: var(--yellow-6) !important;
}

.bg-yellow-6 {
    background-color: var(--yellow-6) !important;
}

.border-yellow-6 {
    border-color: var(--yellow-6) !important;
}

.hover-border-yellow-6:hover, .active.hover-border-yellow-6 {
    border-color: var(--yellow-6) !important;
}

.hover-yellow-6:hover, .active.hover-yellow-6, a.hover-yellow-6:hover * {
    color: var(--yellow-6) !important;
}

.hover-bg-yellow-6:hover, .active.hover-bg-yellow-6 {
    background-color: var(--yellow-6) !important;
}

/*yellow-7*/
.btn-yellow-7 {
    color: var(--neutral-1) !important;
    background-color: var(--yellow-7) !important;
}

.btn-yellow-7:hover,
.btn-yellow-7:focus {
    color: var(--neutral-1) !important;
    background-color: var(--yellow-8) !important;
}

.btn-outline-yellow-7 {
    color: var(--yellow-7) !important;
    border-color: var(--yellow-7) !important;
}

.btn-outline-yellow-7:hover,
.btn-outline-yellow-7:focus {
    color: var(--yellow-8) !important;
    border-color: var(--yellow-7) !important;
    background-color: var(--yellow-7) !important;
}

.bg-opacity-yellow-7 {
    background-color: var(--yellow-7-opacity) !important;
}

.yellow-7 {
    color: var(--yellow-7) !important;
}

.bg-yellow-7 {
    background-color: var(--yellow-7) !important;
}

.border-yellow-7 {
    border-color: var(--yellow-7) !important;
}

.hover-border-yellow-7:hover, .active.hover-border-yellow-7 {
    border-color: var(--yellow-7) !important;
}

.hover-yellow-7:hover, .active.hover-yellow-7, a.hover-yellow-7:hover * {
    color: var(--yellow-7) !important;
}

.hover-bg-yellow-7:hover, .active.hover-bg-yellow-7 {
    background-color: var(--yellow-7) !important;
}

/*yellow-8*/
.btn-yellow-8 {
    color: var(--yellow-8) !important;
    background-color: var(--yellow-8) !important;
}

.btn-yellow-8:hover,
.btn-yellow-8:focus {
    color: var(--yellow-8) !important;
    background-color: var(--yellow-8) !important;
}

.btn-outline-yellow-8 {
    color: var(--yellow-8) !important;
    border-color: var(--yellow-8) !important;
}

.btn-outline-yellow-8:hover,
.btn-outline-yellow-8:focus {
    color: var(--yellow-8) !important;
    border-color: var(--yellow-8) !important;
    background-color: var(--yellow-8) !important;
}

.bg-opacity-yellow-8 {
    background-color: var(--yellow-8-opacity) !important;
}

.yellow-8 {
    color: var(--yellow-8) !important;
}

.bg-yellow-8 {
    background-color: var(--yellow-8) !important;
}

.border-yellow-8 {
    border-color: var(--yellow-8) !important;
}

.hover-border-yellow-8:hover, .active.hover-border-yellow-8 {
    border-color: var(--yellow-8) !important;
}

.hover-yellow-8:hover, .active.hover-yellow-8, a.hover-yellow-8:hover * {
    color: var(--yellow-8) !important;
}

.hover-bg-yellow-8:hover, .active.hover-bg-yellow-8 {
    background-color: var(--yellow-8) !important;
}

/*yellow-9*/
.btn-yellow-9 {
    color: var(--yellow-9) !important;
    background-color: var(--yellow-9) !important;
}

.btn-yellow-9:hover,
.btn-yellow-9:focus {
    color: var(--yellow-9) !important;
    background-color: var(--yellow-9) !important;
}

.btn-outline-yellow-9 {
    color: var(--yellow-9) !important;
    border-color: var(--yellow-9) !important;
}

.btn-outline-yellow-9:hover,
.btn-outline-yellow-9:focus {
    color: var(--yellow-9) !important;
    border-color: var(--yellow-9) !important;
    background-color: var(--yellow-9) !important;
}

.bg-opacity-yellow-9 {
    background-color: var(--yellow-9-opacity) !important;
}

.yellow-9 {
    color: var(--yellow-9) !important;
}

.bg-yellow-9 {
    background-color: var(--yellow-9) !important;
}

.border-yellow-9 {
    border-color: var(--yellow-9) !important;
}

.hover-border-yellow-9:hover, .active.hover-border-yellow-9 {
    border-color: var(--yellow-9) !important;
}

.hover-yellow-9:hover, .active.hover-yellow-9, a.hover-yellow-9:hover * {
    color: var(--yellow-9) !important;
}

.hover-bg-yellow-9:hover, .active.hover-bg-yellow-9 {
    background-color: var(--yellow-9) !important;
}

/*green-1*/
.btn-green-1 {
    color: var(--green-6) !important;
    background-color: var(--green-1) !important;
}

.btn-green-1:hover,
.btn-green-1:focus {
    color: var(--green-1) !important;
    background-color: var(--green-6) !important;
}

.btn-outline-green-1 {
    color: var(--green-1) !important;
    border-color: var(--green-1) !important;
}

.btn-outline-green-1:hover,
.btn-outline-green-1:focus {
    color: var(--green-8) !important;
    border-color: var(--green-1) !important;
    background-color: var(--green-1) !important;
}

.bg-opacity-green-1 {
    background-color: var(--green-0) !important;
}

.green-1 {
    color: var(--green-1) !important;
}

.bg-green-1 {
    background-color: var(--green-1) !important;
}

.border-green-1 {
    border-color: var(--green-1) !important;
}

.hover-border-green-1:hover, .active.hover-border-green-1 {
    border-color: var(--green-1) !important;
}

.hover-green-1:hover, .active.hover-green-1 {
    color: var(--green-1) !important;
}

.hover-bg-green-1:hover, .active.hover-bg-green-1 {
    background-color: var(--green-1) !important;
}


/*green-2*/
.btn-green-2 {
    color: var(--green-6) !important;
    background-color: var(--green-2) !important;
}

.btn-green-2:hover,
.btn-green-2:focus {
    color: var(--green-2) !important;
    background-color: var(--green-6) !important;
}

.btn-outline-green-2 {
    color: var(--green-6) !important;
    border-color: var(--green-2) !important;
}

.btn-outline-green-2:hover,
.btn-outline-green-2:focus {
    color: var(--green-8) !important;
    border-color: var(--green-2) !important;
    background-color: var(--green-2) !important;
}

.bg-opacity-green-2 {
    background-color: var(--green-2-opacity) !important;
}

.green-2 {
    color: var(--green-2) !important;
}

.bg-green-2 {
    background-color: var(--green-2) !important;
}

.border-green-2 {
    border-color: var(--green-2) !important;
}

.hover-border-green-2:hover, .active.hover-border-green-2 {
    border-color: var(--green-2) !important;
}

.hover-green-2:hover, .active.hover-green-2 {
    color: var(--green-2) !important;
}

.hover-bg-green-2:hover, .active.hover-bg-green-2 {
    background-color: var(--green-2) !important;
}

/*green-3*/
.btn-green-3 {
    color: var(--green-6) !important;
    background-color: var(--green-3) !important;
}

.btn-green-3:hover,
.btn-green-3:focus {
    color: var(--green-3) !important;
    background-color: var(--green-6) !important;
}

.btn-outline-green-3 {
    color: var(--green-6) !important;
    border-color: var(--green-3) !important;
}

.btn-outline-green-3:hover,
.btn-outline-green-3:focus {
    color: var(--green-8) !important;
    border-color: var(--green-3) !important;
    background-color: var(--green-3) !important;
}

.bg-opacity-green-3 {
    background-color: var(--green-3-opacity) !important;
}

.green-3 {
    color: var(--green-3) !important;
}

.bg-green-3 {
    background-color: var(--green-3) !important;
}

.border-green-3 {
    border-color: var(--green-3) !important;
}

.hover-border-green-3:hover, .active.hover-border-green-3 {
    border-color: var(--green-3) !important;
}

.hover-green-3:hover, .active.hover-green-3 {
    color: var(--green-3) !important;
}

.hover-bg-green-3:hover, .active.hover-bg-green-3 {
    background-color: var(--green-3) !important;
}

/*green-4*/
.btn-green-4 {
    color: var(--green-6) !important;
    background-color: var(--green-4) !important;
}

.btn-green-4:hover,
.btn-green-4:focus {
    color: var(--green-4) !important;
    background-color: var(--green-6) !important;
}

.btn-outline-green-4 {
    color: var(--green-6) !important;
    border-color: var(--green-4) !important;
}

.btn-outline-green-4:hover,
.btn-outline-green-4:focus {
    color: var(--green-8) !important;
    border-color: var(--green-4) !important;
    background-color: var(--green-4) !important;
}

.bg-opacity-green-4 {
    background-color: var(--green-4-opacity) !important;
}

.green-4 {
    color: var(--green-4) !important;
}

.bg-green-4 {
    background-color: var(--green-4) !important;
}

.border-green-4 {
    border-color: var(--green-4) !important;
}

.hover-border-green-4:hover, .active.hover-border-green-4 {
    border-color: var(--green-4) !important;
}

.hover-green-4:hover, .active.hover-green-4 {
    color: var(--green-4) !important;
}

.hover-bg-green-4:hover, .active.hover-bg-green-4 {
    background-color: var(--green-4) !important;
}

/*green-5*/
.btn-green-5 {
    color: var(--neutral-1) !important;
    background-color: var(--green-5) !important;
}

.btn-green-5:hover,
.btn-green-5:focus {
    color: var(--green-5) !important;
    background-color: var(--green-6) !important;
}

.btn-outline-green-5 {
    color: var(--green-5) !important;
    border-color: var(--green-5) !important;
}

.btn-outline-green-5:hover,
.btn-outline-green-5:focus {
    color: var(--neutral-1) !important;
    border-color: var(--green-5) !important;
    background-color: var(--green-5) !important;
}

.bg-opacity-green-5 {
    background-color: var(--green-5-opacity) !important;
}

.green-5 {
    color: var(--green-5) !important;
}

.bg-green-5 {
    background-color: var(--green-5) !important;
}

.border-green-5 {
    border-color: var(--green-5) !important;
}

.hover-border-green-5:hover, .active.hover-border-green-5 {
    border-color: var(--green-5) !important;
}

.hover-green-5:hover, .active.hover-green-5, a.hover-green-5:hover * {
    color: var(--green-5) !important;
}

.hover-bg-green-5:hover, .active.hover-bg-green-5 {
    background-color: var(--green-5) !important;
}

/*green-6*/
.btn-green-6 {
    color: var(--neutral-1) !important;
    background-color: var(--green-6) !important;
}

.btn-green-6:hover,
.btn-green-6:focus {
    color: var(--neutral-1) !important;
    background-color: var(--green-8) !important;
}

.btn-outline-green-6 {
    color: var(--green-6) !important;
    border-color: var(--green-6) !important;
}

.btn-outline-green-6:hover,
.btn-outline-green-6:focus {
    color: var(--neutral-1) !important;
    border-color: var(--green-6) !important;
    background-color: var(--green-6) !important;
}

.bg-opacity-green-6 {
    background-color: var(--green-6-opacity) !important;
}

.green-6 {
    color: var(--green-6) !important;
}

.bg-green-6 {
    background-color: var(--green-6) !important;
}

.border-green-6 {
    border-color: var(--green-6) !important;
}

.hover-border-green-6:hover, .active.hover-border-green-6 {
    border-color: var(--green-6) !important;
}

.hover-green-6:hover, .active.hover-green-6, a.hover-green-6:hover * {
    color: var(--green-6) !important;
}

.hover-bg-green-6:hover, .active.hover-bg-green-6 {
    background-color: var(--green-6) !important;
}

/*green-7*/
.btn-green-7 {
    color: var(--neutral-1) !important;
    background-color: var(--green-7) !important;
}

.btn-green-7:hover,
.btn-green-7:focus {
    color: var(--neutral-1) !important;
    background-color: var(--green-8) !important;
}

.btn-outline-green-7 {
    color: var(--green-7) !important;
    border-color: var(--green-7) !important;
}

.btn-outline-green-7:hover,
.btn-outline-green-7:focus {
    color: var(--green-8) !important;
    border-color: var(--green-7) !important;
    background-color: var(--green-7) !important;
}

.bg-opacity-green-7 {
    background-color: var(--green-7-opacity) !important;
}

.green-7 {
    color: var(--green-7) !important;
}

.bg-green-7 {
    background-color: var(--green-7) !important;
}

.border-green-7 {
    border-color: var(--green-7) !important;
}

.hover-border-green-7:hover, .active.hover-border-green-7 {
    border-color: var(--green-7) !important;
}

.hover-green-7:hover, .active.hover-green-7, a.hover-green-7:hover * {
    color: var(--green-7) !important;
}

.hover-bg-green-7:hover, .active.hover-bg-green-7 {
    background-color: var(--green-7) !important;
}

/*green-8*/
.btn-green-8 {
    color: var(--green-8) !important;
    background-color: var(--green-8) !important;
}

.btn-green-8:hover,
.btn-green-8:focus {
    color: var(--green-8) !important;
    background-color: var(--green-8) !important;
}

.btn-outline-green-8 {
    color: var(--green-8) !important;
    border-color: var(--green-8) !important;
}

.btn-outline-green-8:hover,
.btn-outline-green-8:focus {
    color: var(--green-8) !important;
    border-color: var(--green-8) !important;
    background-color: var(--green-8) !important;
}

.bg-opacity-green-8 {
    background-color: var(--green-8-opacity) !important;
}

.green-8 {
    color: var(--green-8) !important;
}

.bg-green-8 {
    background-color: var(--green-8) !important;
}

.border-green-8 {
    border-color: var(--green-8) !important;
}

.hover-border-green-8:hover, .active.hover-border-green-8 {
    border-color: var(--green-8) !important;
}

.hover-green-8:hover, .active.hover-green-8, a.hover-green-8:hover * {
    color: var(--green-8) !important;
}

.hover-bg-green-8:hover, .active.hover-bg-green-8 {
    background-color: var(--green-8) !important;
}

/*blue-8*/
.btn-bege {
    color: var(--blue-8) !important;
    background-color: var(--bege) !important;
}

.btn-clean-blue-8:hover,
.btn-clean-blue-8:focus {
    color: var(--blue-8) !important;
    background-color: var(--blue-8) !important;
}

.btn-outline-blue-8 {
    color: var(--blue-8) !important;
    border-color: var(--blue-8) !important;
}

.btn-outline-blue-8:not(.btn-many-tag):hover,
.btn-outline-blue-8:not(.btn-many-tag):focus {
    color: var(--floral-white) !important;
    border-color: var(--blue-8) !important;
    background-color: var(--blue-8) !important;
}

.bg-opacity-blue-8 {
    background-color: var(--blue-8-opacity) !important;
}

.blue-8 {
    color: var(--blue-8) !important;
}

.bg-blue-8 {
    background-color: var(--blue-8) !important;
}

.border-blue-8 {
    border-color: var(--blue-8) !important;
}

.hover-border-blue-8:hover, .active.hover-border-blue-8 {
    border-color: var(--blue-8) !important;
}

.hover-blue-8:hover, .active.hover-blue-8, a.hover-blue-8:hover * {
    color: var(--blue-8) !important;
}

.hover-bg-blue-8:hover, .active.hover-bg-blue-8 {
    background-color: var(--blue-8) !important;
}

/************Fim Colors**************************/

.modal-content {
    width: 80%;
}

.ajax-load-more-wrap.blue .alm-load-more-btn {
    background-color: var(--primary) !important;
    border-radius: 32px !important;
    padding: 16px 24px !important;
    font-size: 16px !important;
    line-height: 16px !important;
    text-align: center !important;
    color: var(--floral-white) !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
}

.ajax-load-more-wrap.blue .alm-load-more-btn:hover,
.ajax-load-more-wrap.blue .alm-load-more-btn:focus {
    background-color: var(--secondary) !important;
    color: var(--floral-white) !important;
}

.line-height-100,
.line-height-100 p {
    line-height: 100%;
}

.line-height-110,
.line-height-110 p {
    line-height: 110%;
}

.line-height-120,
.line-height-120 p {
    line-height: 120%;
}

.line-height-130,
.line-height-130 p {
    line-height: 130%;
}

.line-height-135,
.line-height-135 p {
    line-height: 135%;
}

.line-height-140,
.line-height-140 p {
    line-height: 140%;
}

.line-height-142,
.line-height-142 p {
    line-height: 142%;
}

.line-height-150,
.line-height-150 p {
    line-height: 150%;
}

.line-height-160,
.line-height-160 p {
    line-height: 160%;
}

.line-height-180,
.line-height-180 p {
    line-height: 180%;
}

.letter-space-04 {
    letter-spacing: .4px;
}

.letter-space-05 {
    letter-spacing: .5px;
}

.letter-space-08 {
    letter-spacing: .8px;
}


.letter-space-0 {
    letter-spacing: 0;
}

.letter-space-1 {
    letter-spacing: 1px;
}

.letter-space-2 {
    letter-spacing: 2px;
}

.letter-space-3 {
    letter-spacing: 3px;
}

.letter-space-4 {
    letter-spacing: 4px;
}

.letter-space-5 {
    letter-spacing: 5px;
}

.letter-space-menus-064 {
    letter-spacing: -0.64px;
}

.letter-space-menus-08 {
    letter-spacing: -0.8px;
}

.letter-space-menus-072 {
    letter-spacing: -0.72px;
}

.letter-space-menus-096 {
    letter-spacing: -0.96px;
}

.letter-space-menus-1 {
    letter-spacing: -1px;
}

.letter-space-menus-1-28 {
    letter-spacing: -1.28px;
}

.letter-space-1-2 {
    letter-spacing: 1.2px;
}

.letter-space-1-3 {
    letter-spacing: 1.3px;
}

.h-300px {
    height: 300px !important;
    object-fit: cover;
}

.opacity-1 {
    opacity: 10%;
}

.opacity-2 {

    opacity: 20%;
}

.opacity-3 {
    opacity: 30%;
}

.opacity-4 {
    opacity: 40%;
}

.opacity-5 {
    opacity: 50%;
}

.opacity-6 {
    opacity: 60%;
}

.opacity-7 {
    opacity: 70%;
}

.opacity-8 {
    opacity: 80%;
}

.w-48 {
    width: 48px;
    height: auto;
}

.w-1440 {
    width: 1440px !important;
    height: auto;
}

.select-model {
    padding: 16px 16px 16px 24px;
    border-radius: 32px;
    border: 1px solid var(--blue-5);
    background-color: var(--neutral-1);
}

.rounded {
    width: 50px;
    height: 50px;
    border: 1px solid transparent;
    border-radius: 100% !important;
    background-color: var(--floral-white);
}

.image-rounded {
    width: 80px;
}

.image-rounded img {
    width: 100%;
    border-radius: 50%;
    aspect-ratio: 1/1;
}

.form-control::placeholder {
    color: var(--white) !important;
}

.form-control::-webkit-input-placeholder,
.form-control:-moz-placeholder,
.form-control:-ms-input-placeholder {
    color: var(--white) !important;
}

.btn-tipos.active {
    border-color: var(--floral-white) !important;
    color: var(--floral-white) !important;
}

.margint-arrow-slide {
    top: calc(50% - 96px);
}

.arrow-slide svg path {
    stroke: var(--blue) !important;
}

.arrow-slide:disabled svg PATH {
    stroke: #D9D9D9 !important;
}

.dropdown {
    width: 74%;
}

select.form-select {
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    background-image: url('../img/arrow-select.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 22px) center;
    background-size: 14px;
}

.form-group .select2-container--bootstrap-5 {
    width: 100% !important;
}

.select2-container--bootstrap-5 .select2-selection {
    padding: 24px 18px;
    background: transparent;
    border-radius: 0;
    border: 2px solid #FFF;
}

.select2-container--bootstrap-5.select2-container--open .select2-selection,
.select2-container--bootstrap-5.select2-container--selected .select2-selection,
.select2-container--bootstrap-5.select2-container--focus .select2-selection {
    padding: 24px 18px 14px;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
    box-shadow: none;
    outline: none;
    border-color: #FFF;
}

.select2-container--bootstrap-5.select2-container--open ~ label,
.select2-container--bootstrap-5.select2-container--selected ~ label,
.select2-container--bootstrap-5.select2-container--focus ~ label {
    text-transform: none;
    font-size: 12px;
    top: 5px;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered {
    margin-top: 7px;
    width: calc(100% - 110px);
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    font-size: 13px;
    color: #FFF;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    width: 10px;
    height: 10px;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%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/0.75rem auto no-repeat;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%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/0.75rem auto no-repeat;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
    width: auto;
    display: inline-block;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field {
    color: #FFF;
}

.modal-dialog-centered {
    justify-content: center;
}

.modal-form-etapas .modal-body {
    min-height: 80vh;
    display: flex;
    align-items: center;
}

.modal-form-etapas .modal-content {
    background: #011E41;
    border-radius: 0;
    border: 0;
    width: 98%;
    max-width: 1200px;
}

.modal-form-etapas .modal-header {
    border: 0;
}

.modalVideo {
    background-color: rgba(0, 0, 0, 0.8);
}

.modalVideo .modal-dialog {
    width: 1200px;
    max-width: 90%;
}

.modalVideo .modal-dialog.vertical {
    width: 425px;
}

.modalVideo .modal-header {
    padding: 0;
    border: 0;
}

.modalVideo .modal-content {
    padding: 0;
    border-radius: 0;
}

.modalVideo .modal-body {
    padding: 0;
}

.modal .btnClose {
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: #FFF;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modalVideo .modal-header button {
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}

/* .initNewsletter input, .form-ajax input, .form-ajax textarea {
    border: none !important;
    background-color: transparent !important;
    padding: 24px 0px 12px 8px !important;
    border-bottom: 1px solid var(--blue-8) !important;
    font-size: 22px;
    font-weight: 400;
    border-radius: 0 !important;
} */

/* .form-ajax textarea {
    border: 1px solid var(--blue-8) !important;
    padding: 12px 12px !important;
    margin-top: 12px;
} */

.custom-checkbox {
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    width: auto;
}
  
.custom-checkbox input[type="checkbox"] {
    display: none;
}

.custom-checkbox label {
    display: inline-block;
    padding: 8px 8px 8px 12px;
    border: 1px solid transparent;
    border-radius: 24px;
    color: var(--neutral-5);
    background-color: var(--neutral-2);
    cursor: pointer;
    margin: 0 8px;
}
  
.custom-checkbox input[type="checkbox"]:checked + label {
    background-color: var(--blue-1);
    color: var(--blue-6);
    border: 1px solid var(--blue-6);
}
  
.custom-checkbox label:active {
    background-color: var(--blue-1);
    color: var(--blue-6);
}

.initNewsletter {
    display: flex;
    align-items: flex-end;
}

.initNewsletter input {
    width: calc(100% - 230px);
}

.initNewsletter button {
    width: 290px;
}

.initNewsletter ::-webkit-input-placeholder {
    color: var(--blue-8);
}

.initNewsletter :-moz-placeholder {
    font-weight: 400;
    color: var(--blue-8);
}

.initNewsletter ::-moz-placeholder {
    font-weight: 400;
    color: var(--blue-8);
}

.initNewsletter :-ms-input-placeholder {
    font-weight: 400;
    color: var(--blue-8);
}

.edit-post-visual-editor__content-area iframe {
    max-width: 100%;
    height: auto;
}

.edit-post-visual-editor__content-area h1,
.edit-post-visual-editor__content-area h2,
.edit-post-visual-editor__content-area h3,
.edit-post-visual-editor__content-area h4,
.edit-post-visual-editor__content-area h5,
.edit-post-visual-editor__content-area h6 {
    margin-bottom: 30px;
}

.edit-post-visual-editor__content-area a {
    color: var(--primary);
    text-decoration: none;
}

.edit-post-visual-editor__content-area a:hover,
.edit-post-visual-editor__content-area a:focus {
    color: var(--primary);
    text-decoration: underline;
}

.edit-post-visual-editor__content-area p {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 142%;
}

.edit-post-visual-editor__content-area p strong {
    font-weight: 700;
}

.edit-post-visual-editor__content-area p:last-child {
    margin-bottom: 50px;
}

.edit-post-visual-editor__content-area img {
    max-width: 100%;
    height: auto;
}

.edit-post-visual-editor__content-area ul,
.edit-post-visual-editor__content-area ol {
    padding-left: 30px;
    margin-bottom: 30px;
}

.edit-post-visual-editor__content-area ul li,
.edit-post-visual-editor__content-area ol li {
    font-size: 18px;
    line-height: 142%;
}

.edit-post-visual-editor__content-area ul li:last-child,
.edit-post-visual-editor__content-area ol li:last-child {
    margin-bottom: 0;
}

.edit-post-visual-editor__content-area table {
    width: 100% !important;
}

.edit-post-visual-editor__content-area table th,
.edit-post-visual-editor__content-area table td {
    border: 1px solid var(--secondary);
    padding: 10px;
}

.edit-post-visual-editor__content-area blockquote {
    margin-bottom: 29px;
}

.edit-post-visual-editor__content-area blockquote p {
    font-size: 18px;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 142%;
    color: #292929;
}

.edit-post-visual-editor__content-area blockquote cite {
    font-size: 22px;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    display: block;
}

.tag {
    font-style: normal;
    font-size: 16px;
    line-height: 100%;
    padding: 16px 24px;
    border-radius: 32px;
}

.accordion-item {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--black);
    padding: 40px 0 36px;
    border-radius: 0 !important;
}

/* .accordion-item:last-of-type {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
} */

.accordion-button {
    padding: 0 20px 0 0;
    border: 0;
    background: transparent;
    display: flex;
    justify-content: space-between;
}

.accordion-button:not(.collapsed) {
    background: transparent;
    outline: none;
    box-shadow: none;
    /* color: var(--primary); */
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button::after {
    content: none;
}

.accordion-button p {
    width: calc(100% - 20px);
}

.accordion-button .icons {
    width: 20px;
}

.accordion-button .icons i {
    font-size: 20px;
}

.accordion-button .icons .icon-tiny-Close {
    display: none;
}

.accordion-button:not(.collapsed) .icons .icon-tiny-Close {
    display: block;
}

.accordion-button:not(.collapsed) .icons .icon-tiny-Chevron-down {
    display: none;
}

.accordion-body {
    padding: 24px 0 0;
}

.SlideConexaoEmpresas {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding-bottom: 40px;
    overflow-x: auto;
}

.SlideConexaoEmpresas::-webkit-scrollbar {
    height: 5px;
    background-color: var(--neutral-2);
    -webkit-border-radius: 0;
}

.SlideConexaoEmpresas::-webkit-scrollbar-track {}

.SlideConexaoEmpresas::-webkit-scrollbar-thumb {
    background-color: var(--neutral-5);
    -webkit-border-radius: 0;
}

.SlideConexaoEmpresas .bloco {
    padding-bottom: 10px;
    width: 320px;
    margin-right: 32px;
}

.SlideConexaoEmpresas .item:last-child .bloco {
    margin-right: 0;
}

.SlideConexaoEmpresas .bloco .box {
    border: 1px solid var(--neutral-5);
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 222px;
}

.margem-negativa-case {
    margin-top: -60px;
}


.sliderContainer {
    position: relative;
}

.slick-slide {
    /* background: #3a8999; */
    color: white;
    font-size: 30px;
    font-family: "Arial", "Helvetica";
    text-align: center;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.slick-dots {
    bottom: -30px;
}

.cards-nossos-planos {
    width: auto;
    height: 510px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--floral-white);
    padding: 32px 32px 12px;
    overflow: hidden;
    position: relative;
}

.cards-nossos-planos:not(.cards-nossos-planos-md):hover {
    background-color: var(--gray-off);
}

.cards-nossos-planos:not(.cards-nossos-planos-md) div .hidden-element {
    max-height: 0;
    opacity: 0;
    padding-bottom: 0;
    transition:
        max-height 0.5s ease,
        padding-bottom 0.8s ease,
        opacity 0.8s ease;
    overflow: hidden;
}

.cards-nossos-planos:not(.cards-nossos-planos-md):hover div .hidden-element {
    opacity: 1;
    max-height: 500px;
    padding-bottom: 20px;
    transition:
        max-height 0.5s ease,
        padding-bottom 0.8s ease,
        opacity 0.8s ease;
}

@media (max-width: 1400px) {
    .cards-nossos-planos:hover div .hidden {
        transform: translateY(-10%);
    }

    .cards-nossos-planos:hover div .f-size-32 {
        transform: translateY(-100%);
    }
}

.cards-footer {
    width: auto;
    height: 440px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--floral-white);
}

/* .slick-slide:nth-child(odd) {
    background: #e84a69;
} */

.progressBarContainer {
    display: flex;
    flex-wrap: wrap;
}

.progressBarContainer div {
    display: inline-block;
    padding: 0;
    cursor: pointer;
    margin: 0 4px;
    flex: 1 0 0%;
    position: relative;
}

.progressBarContainer div span.progressBar {
    width: 100%;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.2);
    display: block;
    position: relative;
}

.progressBarContainer div span.progressBar .inProgress {
    background-color: rgba(255, 255, 255, 1);
    width: 0%;
    height: 2px;
    position: absolute;
    left: -4px;
    top: 0;
}

.logo_escrita {
    width: 107px;
    transition: width 0.5s ease;
}
  
.logo_escrita.hide {
    width: 0;
    margin-left: -4px;
}

.logo-footer {
    display: block;
    width: 100%;
    max-width: 290px;
}

.logo-footer svg {
    width: 100%;
    height: auto;
}

.chat-box {
    z-index: 99999999;
}

.z-index-1 {
    z-index: 1;
}

.z-index-100 {
    z-index: 100;
}

.item-pos {
    display: flex;
    align-items: center;
}

.ball {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

/* form */

.form-group {
    position: relative;
    margin: 20px;
}
@media (max-width:744px) {
    .form-group {
        position: relative;
        margin: 20px 0px !important;
    }
}
input.input-field::placeholder{
    color: var(--blue) !important;
}

.input-label {
    position: absolute;
    top: 28px;
    left: 18px;
    color: var(--dark-blue);
    font-size: 16px;
    pointer-events: none;
    transition: 0.2s;
    font-weight: 500;
    font-family: 'Formular', sans-serif;
}

.input-label.input-label-normal {
    color: var(--floral-white);
}

.menu:not(.menu-mobile) {
    background-color: var(--floral-white);
    border-radius: 16px;
    padding: 8px;
    width: 500px;
}

.menu ul,
.menu li {
    list-style: none;
}

.menu li a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu li a:hover, .menu li a.active {
    background-color: var(--clean-blue);
}

.owl-dots {
    position: absolute;
    bottom: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.owl-dot {
    width: 10px !important;
    height: 10px !important;
    background-color: transparent !important;
    border-radius: 50% !important;
    display: inline-block !important;
    transition: background 0.3s ease !important;
    border: 2px solid var(--dark-gray) !important;
}

.owl-dot.active {
    background-color: var(--dark-gray) !important;
}

@media (max-width: 992px) {
    .ball {
        width: 35px;
        height: 35px;
    }

    .cards-nossos-planos {
        height: 300px;
    }
}


/********Styles para Cookies**********/
.cky-notice-des p {
    line-height: 116%;
    margin-bottom: 12px;
}

.cky-notice-des p:last-child {
    margin-bottom: 0;
}

.style-table .style-table-body {
    border-top: 0;
}

/*******Styles para Popup*****************/
.brave_popup .brave_popup__close.brave_popup__close--inside_right {
    top: -2px!important;
    right: 10px;
}

/************Custom Modais******************/
#modalPopup .modal-content {
    width: 630px;
    max-width: 90%;
    border-radius: 0;
}

.blueimp-gallery {
    z-index: 9999999;
}

.box-curso-pos.fade:not(.show) {
    height: 0;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.box-curso-pos.fade.show, .box-curso-pos.fade-in.show {
    height: auto;
    position: relative;
    z-index: 999;
}

.box-compartilha {
    height: 520px;
}

.box-compartilha-videos {
    height: 568px;
}

.img-block-topo {
    border-radius: 0 50% 50% 0;
    height: 100vh;
    object-fit: cover;
}

.img-block-topo-2 {
    /* border-radius: 0 50% 50% 0; */
    height: 518px;
    object-fit: cover;
    width: 100%;
}

.navbar-collapse {
    flex-grow: 0;
}

.navbar.navbar-expand-lg {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 80px;
    top: 0;
}

.box-solucao .img-direita,
.box-solucao .img-esquerda {
    width: 392px;
}

.box-solucao >  .bg-floar--floral-white-2 {
    width: calc(100% - 392px);
}

.box-solucao .img-direita img {
    border-radius: 0 44px 44px 0;
    object-fit: cover;
}

.box-solucao .img-esquerda img {
    border-radius: 44px 0 0 44px;
    object-fit: cover;
}

.box-solucao .border-left {
    border-radius: 44px 0 0 44px;
}

.box-solucao .border-right {
    border-radius: 0 44px 44px 0;
}

.customize-thumbnails {
    list-style-type: none;
    gap: 50px !important;
}

.customize-thumbnails::-webkit-scrollbar {
    width: 10px; 
    height: 2px !important;
}
  
.customize-thumbnails::-webkit-scrollbar-thumb {
    background-color: #fff;
}

.customize-thumbnails .bola-redonda-branca {
    border: 1px solid var(--floral-white);
    border-radius: 50%;
    padding: 15px;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.customize-thumbnails .customize-thumbnails-item.active .bola-redonda-branca {
    border: 1px solid transparent;
    -webkit-box-shadow:inset 0px 0px 0px 4px white;
    -moz-box-shadow:inset 0px 0px 0px 4px white;
    box-shadow:inset 0px 0px 0px 4px white;
    filter: brightness(0) invert(1);
}

.customize-thumbnails .customize-thumbnails-item p {
    padding-bottom: 8px;
    border-bottom: 4px solid transparent;
}

.customize-thumbnails .customize-thumbnails-item.active p {
    border-bottom: 4px solid white;
    color: white !important;
}

.sec-slide-solucoes {
    overflow-x: hidden;
}

.owl-carousel {
    display: flex !important;
    justify-content: center !important;
    gap: 6px !important;
}

.owl-carousel .owl-item {
    /* -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9); */
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.owl-carousel .owl-stage-outer {
    overflow: inherit;
}

.not-overflow .owl-carousel .owl-stage-outer {
    overflow: hidden;
}

.effect-opacity .owl-carousel .item {
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.effect-opacity .owl-carousel .active .item {
    opacity: 1;
    width: 100%;
}

.owl-carousel .owl-nav.disabled {
    display: none;
}

.owl-carousel .owl-nav {
    margin-top: 0;
    height: auto;
    position: absolute;
    top: 50%;
    left: -5%;
    width: 110%;
    margin-top: -28px;
    display: none;
}

.owl-carousel .owl-nav button {
    width: 28px;
    height: 56px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 26px;
    cursor: pointer;
    margin: 0;
    border: 0;
    padding: 0;
    position: absolute;
}

.owl-carousel .owl-nav button.owl-prev {
    left: 0;
    background-image: url('../img/arrow-owl-left.svg');
}

.owl-carousel .owl-nav button.owl-next {
    right: 0;
    background-image: url('../img/arrow-owl-right.svg');
}

.meio-retangulo-1 {
    border-top: 1px solid var(--gray);
    border-left: 1px solid var(--gray);
    width: 305px;
    height: 70px;
}

.meio-retangulo-2 {
    border-top: 1px solid var(--gray);
    border-left: 1px solid var(--gray);
    width: 277px;
    height: 70px;
}

.meio-retangulo-3 {
    border-top: 1px solid var(--black);
    border-left: 1px solid var(--black);
    width: 680px;
    height: 70px;
}

.meia-elipse-grande {
    position: absolute;
    top: 0;
    z-index: -1;
    width: 45%;
}

.tns-outer {
    position: relative;
    margin-bottom: 60px;
}

.tns-nav {
    position: absolute;
    bottom: -30px;
    width: 100%;
    text-align: center;
}

.tns-nav button {
    border: 1px solid var(--blue) !important;
    height: 16px;
    width: 16px;
    margin: 0 12px;
    background-color: transparent;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.tns-nav button.tns-nav-active {
    background-color: var(--blue);
}

.icone {
    width: 60px;
    height: 60px;
}

.edit-post-visual-editor__content-area .tns-outer .item.tns-item {
    /* width: 100% !important; */
}

.img-blog-geral {
    width: 250px;
}

.img-blog-geral img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.box-content-news {
    width: calc(100% - 250px);
    padding-left: 56px;
}

.item.card-nosso-time {
    height: 410px !important;
}

.margin-aux-negative {
    width: 100%;
    margin-top: -150px;
}

.imagens-cara .img-1 {
    position: absolute;
    left: -5%;
}

.imagens-cara .img-2 {
    position: absolute;
    top: 24%;
}

.imagens-cara .img-3 {
    position: absolute;
    top: 51%;
    left: 2%;
}

a.btn.btn-outline-3.btn-outline-brown:hover svg path {
    fill: var(--yellow);
}

a.btn.btn-outline-3.btn-outline-floar--floral-white:hover svg path {
    fill: var(--black);
}

button.btn.btn-outline-3.border-3.border-yellow:hover {
    background-color: var(--yellow);
    border-color: var(--yellow);
}

button.btn.btn-outline-3.border-3.border-yellow:hover svg path {
    fill: var(--black);
}

.slideNossoTime .tns-controls {
    
}

.slideNossoTime .tns-controls button {
    position: absolute;
    top: 50%;
    z-index: 999;
    padding: 0;
    background-size: 100% 100%;
    background-position: center center;
    background-color: transparent;
    border: 0;
    margin: 0;
    width: 27.5px;
    height: 55px;
    margin-top: -22.5px;
}

.slideNossoTime .tns-controls button[data-controls="prev"] {
    left: -70px;
    background-image: url('../img/arrow-left-nosso-time.svg');
}

.slideNossoTime .tns-controls button[data-controls="next"] {
    right: -70px;
    background-image: url('../img/arrow-right-nosso-time.svg');
}

.slideNossoTime .tns-controls button:disabled {
    opacity: 0;
}

.navbar-toggler {
    margin: 0;
    border: 0;
    background: transparent;
    display: inline-block;
    padding: 10px 0;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler .bar {
    margin: 3px;
    width: 25px;
    height: 3px;
    background: #000;
    border-radius: 1.5px;

    transition: margin 0.2s, transform 0.2s;

    /* same as above but with prefixes added */
    -webkit-transition: margin 0.2s, -webkit-transform 0.2s;
    transition: margin 0.2s, -webkit-transform 0.2s;
    -o-transition: margin 0.2s, transform 0.2s;
    transition: margin 0.2s, transform 0.2s;
    transition: margin 0.2s, transform 0.2s, -webkit-transform 0.2s;
}

.navbar-toggler:not(.close):hover {
    padding: 6px 0;
}

.navbar-toggler:not(.close):hover .bar {
    margin: 5px 3px;
}

.navbar-toggler.close .bar:first-child {
    -webkit-transform: translateY(6px) rotate(45deg);
        -ms-transform: translateY(6px) rotate(45deg);
            transform: translateY(6px) rotate(45deg);
}
.navbar-toggler.close .bar:nth-child(2) {
    opacity: 0;
}
.navbar-toggler.close .bar:last-child {
    -webkit-transform: translateY(-6px) rotate(-45deg);
        -ms-transform: translateY(-6px) rotate(-45deg);
            transform: translateY(-6px) rotate(-45deg);
}

.buttons-overflow-x {
    /* display: inline-block; */
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
}

.buttons-overflow-x li {
    /* display: inline-block; */
    width: auto;
}

.noborder {
    border: 0px !important;
}

.search-form-m input {    
    background-color: #ead12c;
    border-radius: 36px;
    border: 0;
    width: 100%;
    padding: 16px 48px 16px 16px;
}

.search-form-m button {
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    position: absolute;
    right: 16px;
    top: 12px;
}

.search-form-m button img {
    width: 32px;
}

p[data-element="mensagem"] {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.alm-btn-wrap .alm-load-more-btn.loading:before {
    background: transparent url('../img/loading.gif') no-repeat 50% !important;
    margin: 8px !important;
    background-size: 26px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.offcanvas.offcanvas-top {
    background-color: rgba(1, 1, 1, 0.7);
}

.offcanvas.header {
    width: 100% !important;
    top: 80px !important;
    background-color: var(--dark-blue) !important;
    overflow-x: hidden;
    height: 630px;
}

.offcanvas .offcanvas-body {
    overflow-x: hidden;
}

.cards-header {
    height: 456px;
}

.cards-home {
    height: 334px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 2px;
    padding: 24px;
    background-color: transparent;
    border: 3px solid var(--floral-white);
}

.controls.cards-home-controls {
    top: calc(50% - 24px);
    justify-content: space-between;
    display: flex;
    width: 100%;
}

@media (max-width: 1780px) {
    .controls.cards-home-controls {
        width: 100%;
        left: 0;
    }

    .controls.cards-home-controls .marginl70-menus {
        margin-left: 0 !important;
    }
    
    .controls.cards-home-controls .marginr70-menus {
        margin-right: 0 !important;
    }

    .slider_Cards {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 743px) {
    .controls.cards-home-controls {
        width: 100%;
        left: 0;
    }

    .slider_Cards {
        padding-left: 0;
        padding-right: 0;
    }
}

.card-single-solucoes {
    height: 365px;
}

.visible {
    display: block !important;
}

.hidden {
    display: none !important;
}

.item .imagem-slide-parcerias {
    width: 78px !important;
    height: 98px !important;
}

.page-numbers {
    font-family: 'Formular' !important;
    font-size: 24px !important;
    padding: 10px 14px !important;
    line-height: 135% !important;
    color: var(--gray) !important;
    background-color: var(--blue-more-dark) !important;
    border: 0;
}

.page-numbers.current {
    color: var(--floral-white) !important;
    background-color: var(--blue) !important;
}

.prev.page-numbers {
    background-color: transparent !important;
}
.next.page-numbers {
    background-color: transparent !important;
}

.next.page-numbers svg path,
.prev.page-numbers svg path {
    fill: var(--blue) !important;
}

a.todos-links:hover {
    color: var(--floral-white) !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn.btn-contatos:hover {
    background-color: var(--floral-white) !important;
    color: var(--black) !important;
}

.btn.btn-contatos:hover svg path {
    fill: #000 !important;
}

#anchor a.active {
    text-decoration: underline !important;
}

.underline-blue {
    text-decoration-color: var(--blue) !important;
}

.background-video {
    position: relative;
    width: 100%;
    height: calc(100vh - 71px);
    overflow: hidden;
}

.background-video video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-home-topo {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.nav-custom-thumbnails {

}

.img-mask-background {
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.conteudo-time {
    display: none;
}

.imagem-time {
    transition: transform 0.5s ease-in, transform 1s ease-out;
    overflow: hidden;
}

.imagem-time:hover {
    transform: scale(1.1); /* ajuste o valor conforme necessário */
}

.cards-time:hover .conteudo-time {
    display: block;
}

.text-underline {
    text-decoration-thickness: 2px !important; /* Define a espessura do sublinhado */
    text-underline-offset: 2px;
}

@media (max-width: 1900px) {
    .btn.xxl-btn-tiny {
        padding: 12px 16px;
        font-size: 16px;
    }

    .btn.xxl-btn-regular {
        font-size: 22px;
        font-weight: 500;
        padding: 18px 24px;
    }

    .xl-ajusta-br br {
        display: none !important;
    }
}

@media (max-width: 1840px) {
    .slide-arrows .slide-content {
        max-width: calc(100% - 100px);
        margin: auto;
    }

    .slide-arrows .marginl100-menus {
        margin-left: 0;
    }
    
    .slide-arrows .marginl100-menus svg,
    .slide-arrows .marginr100-menus svg {
        width: 38px;
    }

    .slide-arrows .marginr100-menus {
        margin-right: 0;
    }

    .image-post img.attachment-post-thumbnail {
        height: 340px;
    }
}

@media (max-width: 1200px) {
    .nav.nav-pills {
        overflow-x: auto !important;
    }

    .overflow-x-auto-md {
        overflow-x: auto !important;
    }

    .icone {
        width: 40px;
        height: 40px;
    }
}

.ajusta-br br {
    display: none !important;
}

@media (max-width: 992px) {
    body {
        /* padding-top: 76px; */
    }

    .navbar.navbar-expand-lg {
        height: auto;
        padding: 16px 0 8px;
    }

    .navbar-brand img {
        height: 42px;
    }

    .div-btn-lupa {
        width: 31px;
    }

    .btn-lupa {
        padding: 0 5px;
    }

    .btn-lupa:hover {
        background-color: transparent;
    }

    .btn-tag-tiny {
        padding: 10px 16px !important;
    }
    .m-space-between {
        justify-content: space-between !important;
    }

    .m-medium {
        font-weight: 500 !important;
    }

    .d-lg-block {
        display: block;
    }

    .navbar {
        position: relative;
        z-index: 999;
    }

    .dropdown-menu.show {
        display: flex;
        flex-direction: column !important;
        margin-top: 0;
        background-color: transparent !important;
        border-radius: 0;
        border: none;
        margin-left: 0;
        padding: 0;
        font-family: "spirits-soft";
    }
    
    .dropdown-menu.show .dropdown-item {
        font-size: 18px;
        font-family: "spirits-soft";
        text-transform: uppercase;
        margin: 0;
        padding: 16px 0 0;
    }

    .dropdown-toggle::after {
        border: 0;
        right: 0;
        top: 0;
        margin: 16px 0 0 0;
        position: absolute;
        transform: rotate(180deg);
        width: 20px;
        height: 10px;
        background-image: url('../img/arrow-up-menu-dropdown.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 18px;
    }

    .dropdown-toggle.show::after {
        transform: rotate(0);
    }
    
    .dropdown-menu.show .dropdown-item:hover {
        background-color: var(--yellow);
    }

    .btn.m-btn-tiny {
        padding: 12px 14px !important;
    }

    .btn.m-btn-regular, .btn.btn-regular {
        padding: 14px 28px;
    }

    .btn.m-btn-small {
        padding: 20px 16px;
        font-size: 16px;
    }

    .m-border-1-tb {
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

    .m-border-1 {
        border: 1px solid transparent;
    }

    .initNewsletter {
        display: block;
    }

    .initNewsletter input {
        width: 100%;
    }

    .ajusta-br br {
        display: none !important;
    }

    .owl-carousel .owl-nav {
        display: none;
    }

    .owl-dots {
        display: flex;
        justify-content: center;
        gap: 22px;
        margin-top: 40px;
    }

    .owl-dots .owl-dot {
        border: 3px solid var(--gray);
        border-radius: 50%;
    }

    .owl-dots .owl-dot.active {
        border-color: var(--orange);
    }

    .imagem-slide-solucoes-personalizadas {
        width: 308px;
        height: 192px;
        object-fit: cover;
    }

    .text-slide-solucoes-personalizadas br {
        display: none;
    }

    .text-noline {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 16px;     /* fallback */
        max-height: 32px;      /* fallback */
        -webkit-line-clamp: 2; /* number of lines to show */
        -webkit-box-orient: vertical;
    }

    .sm-line-height-100,
    .sm-line-height-100 p {
        line-height: 100%;
    }

    .sm-line-height-110,
    .sm-line-height-110 p {
        line-height: 110%;
    }

    .sm-line-height-120,
    .sm-line-height-120 p {
        line-height: 120%;
    }

    .sm-line-height-130,
    .sm-line-height-130 p {
        line-height: 130%;
    }

    .sm-line-height-140,
    .sm-line-height-140 p {
        line-height: 140%;
    }

    .sm-line-height-142,
    .sm-line-height-142 p {
        line-height: 142%;
    }

    .sm-line-height-150,
    .sm-line-height-150 p {
        line-height: 150%;
    }

    .sm-line-height-180,
    .sm-line-height-180 p {
        line-height: 180%;
    }

    .conteudo-time {
        display: block;
    }
}

@media (max-width: 744px) {
    .md-noborder-radius {
        border-radius: 0px !important;
    }
    .md-noborder-b {
        border-bottom: none;
    }
    .img-blog-geral {
        width: 104px;
    }
    .img-blog-geral img {
        height: 104px;
    }
    
    .box-content-news {
        width: calc(100% - 104px);
        padding-left: 12px;
    }

    .cards-footer {
        height: 300px;
    }

    .offcanvas {
        width: 100% !important;
        background-color: rgba(1, 1, 1, 1) !important;
    }

    .offcanvas.offcanvas-start {
        width: 100% !important;
        background-color: rgba(1, 1, 1, 1) !important;
    }

    .md-radius-40 {
        border-radius: 40px !important;
    }
}

@media (max-width: 480px) {

}

@media (max-width: 480px) {
    .mmd-f-size-12 {
        font-size: 12px !important;
    }

    .mmd-f-size-14 {
        font-size: 14px !important;
    }

    .btn.btn-regular, .btn.m-btn-regular {
        padding: 10px 16px;
    }

    .justify-center-mm {
        display: flex !important;
        justify-content: center !important;
    }

    .md-border-floar--floral-white {
        border-color: var(--floral-white) !important;
    }
}

@media (max-width: 1399px) {
    .lg-ajusta-br br {
        display: none !important;
    }

    .img-topo-pos {
        height: 525px;
        width: 100%;
    }

    .cards-home {
        height: 280px;
    }

    .icone {
        width: 40px;
        height: 40px;
    }

    .card-single-solucoes {
        height: 300px;
    }

    .article-news blockquote.wp-block-quote p {
        font-size: 32px !important;
        border-top: none !important;
    }

    .img-gradient {
        height: 900px !important;
    }
}

@media (max-width: 1199px) {
    .md-ajusta-br br {
        display: none !important;
    }

    .background-video {
        height: calc(70vh);
    }
}

@media (max-width: 743px) {
    .sm-ajusta-br br {
        display: none !important;
    }

    .navbar .container > .row {
        width: 100vw !important;
    }

    .sm-overflow-x-auto {
        overflow-x: auto !important;
    }
}