@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,700&display=swap');

/* Definições */
:root {
    --yellow: #FFE530; 
    --off-white: #EAE2DC; 
    --brown: #271A17; 
    --red: #DE4500;
    --purple: #D598F4;
    --gray: #515151;
    --blue: #003FFE;
    
    --black: #000000;
    --white: #FFFFFF;
}


:root {
    font-family: 'DM Sans', sans-serif;
}

body {
    font-family: 'DM Sans', sans-serif;
    /* font-family: 'Helvetica Neue', sans-serif; */
    color: var(--primary);
    background-color: var(--white);
}

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

[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;
}

/* Reutilizavel */
.f-dm {
    font-family: 'DM Sans', sans-serif;
}

.f-ss {
    font-family: "spirits-soft";
}

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

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

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

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

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

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

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

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

.dropdown-menu.show {
    margin-top: 19px;
    background-color: #E4C802;
    border-radius: 0;
    padding: 14px 60px;
}

.dropdown-menu.show .dropdown-item {
    font-size: 18px;
    font-family: 'DM Sans', sans-serif;
}

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

.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-b {
    border: 0;
    border-bottom: 1px solid transparent !important;
}

.border-2-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;
}

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

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

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

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

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

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

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

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

.borda-redonda-48 {
    border-radius: 48px !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-weight: 700;
    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%;
}

/* 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;
}


/*--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;
}

.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;
}

.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;
}

/*--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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-outline-blue {
    color: var(--blue) !important;
    border-color: 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;
}

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

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

.border-blue {
    border-color: var(--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;
}

.hover-bg-blue:hover, .active.hover-bg-blue {
    background-color: var(--brown) !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(--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-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-1*/
.btn-blue-1 {
    color: var(--blue-6) !important;
    background-color: var(--blue-1) !important;
}

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-blue-8:hover,
.btn-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(--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: 790px;
}

.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;
    font-weight: 700 !important;
    text-align: center !important;
    color: var(--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(--white) !important;
}

.helvetica-lt {
    font-weight: 300;
}

.helvetica-md {
    font-weight: 500;
}

.helvetica-bd {
    font-weight: 700;
}

.faap-lt {
    font-weight: 300;
}

.faap-rg {
    font-weight: 400;
}

.faap-bd {
    font-weight: 700;
}

.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-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-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-4 {
    letter-spacing: 4px;
}

.letter-space-menus-08 {
    letter-spacing: -0.8px;
}

.letter-space-menus-064 {
    letter-spacing: -0.64px;
}

.letter-space-menus-1 {
    letter-spacing: -1px;
}

.letter-space-1-2 {
    letter-spacing: 1.2px;
}

.letter-space-1-3 {
    letter-spacing: 1.3px;
}

.h-300px {
    height: 300px !important;
    object-fit: cover;
}

.diplay-01 {
    font-size: 160px;
    line-height: 100%;
    letter-spacing: 0;
}

.heading-01 {
    font-weight: 300;
    font-size: 96px;
    line-height: 110%;
    letter-spacing: -0.8px;
}

.heading-02 {
    font-weight: 400;
    font-size: 60px;
    line-height: 110%;
    letter-spacing: 0;
}

.heading-03 {
    font-weight: 400;
    font-size: 64px;
    line-height: 110%;
    letter-spacing: 0;
}

.heading-04 {
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0;
}

.heading-05 {
    font-weight: 400;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0;
}

.heading-06 {
    font-weight: 400;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: 0;
}

.heading-07 {
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0;
}

.heading-08 {
    font-weight: 400;
    font-size: 22px;
    line-height: 120%;
    letter-spacing: 0;
}

.ui-01 {
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 4px;
}

.ui-02 {
    font-size: 52px;
    line-height: 140%;
    letter-spacing: 0px;
}

.ui-03 {
    font-weight: 500;
    font-size: 22px;
    line-height: 100%;
}

.ui-04 {
    font-weight: 400;
    font-size: 28px;
    line-height: 140%;
}

.label-01 {
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 1px;
}

.label-02 {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 1px;
}

.label-03 {
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 1px;
}

.body-01 {
    font-size: 16px;
}

.body-02 {
    font-size: 18px;
}

.body-03 {
    font-size: 22px;
}

.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;
}

.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(--white);
}

.box-ferias {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 332px;
}

.offcanvas-end {
    width: 80%;
    max-width: 820px;
}

.form-control {
    border: 1px solid transparent;
    border-radius: 0;
}

.form-control:focus {
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.form-control::-webkit-input-placeholder {
    color: var(--blue-8);
    font-weight: 400;
}

.form-control:-moz-placeholder {
    color: var(--blue-8);
    font-weight: 400;
}

.form-control::-moz-placeholder {
    color: var(--blue-8);
    font-weight: 400;
}

.form-control:-ms-input-placeholder {
    color: var(--blue-8);
    font-weight: 400;
}

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;
}
/* 
.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-weight: 700;
    font-size: 16px;
    line-height: 100%;
    padding: 16px 24px;
    border-radius: 32px;
}

.accordion-item {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--neutral-5);
    padding: 32px 0;
    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 20px 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;
}

/* .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-footer {
    display: block;
    width: 100%;
    max-width: 290px;
}

.logo-footer svg {
    width: 100%;
    height: auto;
}

.chat-box {
    z-index: 99999999;
}

.item-pos {
    display: flex;
    align-items: center;
}

.ball {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.image-50-ball {
    border-radius: 50%;
    height: 150px;
    object-fit: cover;
    width: 100%;
    margin-left: -50%;
    border: 4px solid var(--yellow);
    padding: 9px;
}

.item-pos p {
    width: calc(100% - 50px);
    padding-left: 24px;
}

.image-coordenadores {
    height: 400px;
    width: 100%;
    object-fit: cover;
}

.meia-elipse-1 {
    position: absolute;
    top: 26px;
    left: 0;
    transform: rotate(-202deg);
    z-index: -1;
}
.meia-elipse-2 {
    position: absolute;
    top: 2px;
    right: 34px;
    transform: rotate(-163deg);
    z-index: -1;
}
.meia-elipse-3 {
    position: absolute;
    top: 177px;
    right: 119px;
    transform: rotate(-191deg);
    z-index: -1;
}
.meia-elipse-4 {
    position: absolute;
    top: 138px;
    right: 37px;
    transform: rotate(-209deg);
    z-index: -1;
}
.meia-elipse-5 {
    position: absolute;
    top: 281px;
    right: 26px;
    transform: rotate(0deg);
    z-index: -1;
}
.meia-elipse-6 {
    position: absolute;
    top: 349px;
    right: 117px;
    transform: rotate(224deg);
    z-index: -1;
}

.wp-core-ui .quicktags-toolbar input.button.button-small {
    width: auto;
}

.height-240 {
    height: 240px !important;
}

@media (max-width: 992px) {
    .ball {
        width: 35px;
        height: 35px;
    }
}


/********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;
}

.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 .img-direita img,
.box-solucao .img-esquerda img {
    height: 100%;
    object-fit: cover;
}

.box-solucao >  .bg-off-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(--off-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 .owl-item {
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.5;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.owl-carousel .owl-item.active {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.owl-carousel .owl-stage-outer {
    overflow: inherit;
}

.owl-carousel .owl-nav {
    margin-top: 0;
    height: auto;
    position: absolute;
    top: 50%;
    left: -5%;
    width: 110%;
    margin-top: -28px;
}

.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');
}

.avatar {
    width: 144px;
    height: 144px;
    border-radius: 50%;
    position: relative;
}

.avatar:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: -6px;
    width: 156px;
    height: 78px;
    background-image: url('../img/elipse.svg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.avatar-2 {
    width: 144px;
    height: 144px;
    border-radius: 50%;
    position: relative;
}

.avatar-2:after {
    content: '';
    position: absolute;
    bottom: 49px;
    left: -8px;
    width: 160px;
    height: 78px;
    background-image: url('../img/elipse.svg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

.avatar-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.avatar-3 {
    width: 144px;
    height: 144px;
    border-radius: 50%;
    position: relative;
}

.avatar-3 img {
    border-radius: 50%;
}

/* .avatar-3:after {
    content: '';
    position: absolute;
    bottom: -34px;
    left: -12px;
    width: 159px;
    height: 188px;
    background-image: url(../img/new-elipse.svg);
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
} */

.avatar-4 {
    width: 144px;
    height: 144px;
    border-radius: 50%;
    position: relative;
}

.avatar-4 img {
    border-radius: 50%;
}

/* .avatar-4:after {
    content: '';
    position: absolute;
    bottom: -34px;
    left: -12px;
    width: 159px;
    height: 188px;
    background-image: url(../img/new-elipse-4.svg);
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
} */

.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: 0;
    height: 10px;
    width: 10px;
    margin: 0 15px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.tns-nav button.tns-nav-active {
    background-color: #717171;
}

.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-off-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;
}

.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);
    height: 100vh;
}

.offcanvas-body {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1900px) {
    .heading-01 {
        font-size: 64px;
    }

    .heading-03 {
        font-size: 40px;
    }
    
    .heading-04 {
        font-size: 32px;
    }
    
    .heading-05 {
        font-size: 28px;
    }

    .heading-06 {
        font-size: 20px;
    }

    .heading-07 {
        font-size: 24px;
    }
    
    .ui-01 {
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 2px;
    }

    .tns-inner .heading-06 {
        font-size: 16px;
    }

    .ui-04 {
        font-size: 24px;
    }   

    .btn.xxl-btn-tiny {
        padding: 12px 16px;
        font-size: 16px;
    }

    .btn.xxl-btn-regular {
        font-size: 22px;
        font-weight: 500;
        padding: 18px 24px;
    }

    .sec-museu-teatro .logo {
        max-width: 180px;
    }

    .xl-ajusta-br br {
        display: none !important;
    }

    .sec-top-page-pos {
        margin-top: -1px;
    }
}

@media (max-width: 1566px) {
    .img-blog {
        max-height: 450px;
        width: auto !important;
        display: inline-block;
        margin: 0 auto;
    }
}

@media (min-width: 1201px) {
    .box-slide-museu-teatro {
        background: transparent !important;
    }
}

@media (max-width: 1200px) {
    .box-slide-museu-teatro{
        height: 640px;
        padding: 24px 24px 32px;
        margin-top: -2px;
    }

    .box-slide-museu-teatro .md-hidden {
        display: none !important;
    }

    .sec-museu-teatro .slick-slider {
        width: 100vw !important;
        margin-top: 12px;
    }
    
    .box-slide-museu-teatro .label-02 {
        font-size: 12px;
        font-weight: bold;
    }
    
    .box-slide-museu-teatro > .row, .box-slide-museu-teatro .col-lg-5, .box-slide-museu-teatro .justify-content-between {
        height: 100%;
    }

    .box-slide-museu-teatro .margint70 {
        margin-top: 38px !important;
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }

}

@media (max-width: 992px) {
    body {
        padding-top: 76px;
    }

    .navbar.navbar-expand-lg {
        height: auto;
        padding: 16px 0 8px;
    }

    #navbarSupportedContent {
        height: 100vh;
    }

    .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;
    }

    .menu-mobile {
        width: 100vw;
        height: calc(100vh - 130px);
        background-color: var(--neutral-1);
        position: absolute;
        top: -100vh;
        z-index: 9999999;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 16px 0 28px;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

    .menu-mobile.show {
        top: 128px;
    }

    .menu-mobile.possui_sticky {
        height: calc(100vh - 196px);
    }
    
    .menu-mobile.possui_sticky.show {
        top: 192px;
    }

    .menu-mobile .itens-menu-mobile .nav-prin {
        margin: 0;
        padding: 0;
    }

    .menu-mobile .itens-menu-mobile .nav-prin li {
        list-style: none;
    }

    .menu-mobile .container-fluid {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .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;
    }

    .body-01, .body-02 {
        font-size: 14px;
    }

    .heading-01 {
        font-size: 32px;
    }
    
    .heading-03 {
        font-size: 32px;
    }
    
    .heading-06 {
        font-size: 24px;
    }

    .tns-inner .heading-06 {
        font-size: 16px;
    }

    .ui-01 {
        line-height: 120%;
    }

    .ui-04 {
        font-weight: 500;
        font-size: 16px;
        line-height: 120%;
    }

    .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%;
    }

    .sec-museu-teatro .logo {
        max-width: 180px;
    }

    .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(--white);
    }

    .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%;
    }
}

@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;
    }
}

@media (max-width: 480px) {
    .heading-01 {
        font-size: 48px;
    }

    .ui-01 {
        line-height: 130%;
        letter-spacing: 1px;
    }

    .box-ferias {
        height: 232px;
    }

    .sec-museu-teatro .logo {
        max-width: 130px;
    }
}

@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-off-white {
        border-color: var(--off-white) !important;
    }
}


@media (max-width: 1399px) {
    .lg-ajusta-br br {
        display: none !important;
    }

    .img-topo-pos {
        height: 525px;
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .md-ajusta-br br {
        display: none !important;
    }

    .sec-top-page-pos {
        position: relative;
        z-index: 0;
    }
    
    .sec-top-page-pos.nopaddingb.nopaddingb {
        padding-top: 326px !important;
        padding-bottom: 48px !important;
    }

    .sec-top-page-pos .mask {
        background-size: cover !important;
        position: absolute;
        width: 100%;
        height: 630px;
        opacity: 0.5;
        top: 0;
        left: 0;
    }

    .sec-top-page-pos .container-fluid > .row {
        position: relative;
        z-index: 0;
    }
}

@media (max-width: 743px) {
    .sm-ajusta-br br {
        display: none !important;
    }

    .sec-top-page-pos.nopaddingb.nopaddingb {
        padding-top: 220px !important;
        padding-bottom: 32px !important;
    }

    .sec-top-page-pos .mask {
        height: 295px;
    }
}