:root {
    --blue-01: #233671;
    --blue-02: #233671;
    --blue-03: #4F5F82;
    --gray-01: #949494;
    --white-01: #FFFFFF;

    --font-body: 'Lato', sans-serif;
    --font-body-02: 'Montserrat', sans-serif;
}

*{
    -webkit-font-smoothing: antialiased;
}

/* RESET */
html,
body {
    max-width: 100vw;
    width: 100vw;
    overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}
*,
button,
input {
    background: none;
    border: none;
    font-family: "Lato", "Inter", sans-serif;
}
a {
    text-decoration: none;
    color: #ffffff;
}
span {
    font-size: 0.75rem;
    color: var(--gray-02);
}
h4 {
    font-weight: 800;
    font-size: 2.25rem;
    line-height: 45px;
}

h5 {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 27px;
}
h6 {
    font-size: 1rem;
    color: var(--gray-01);
    font-family: "Montserrat", "Lato", "Inter", sans-serif;
}
p {
    font-weight: 400;
    font-size: 1rem !important;
}
li {
    font-size: 0.875rem !important;
    line-height: 150%;
    list-style: none !important;
}

/* BOOTSTRAP CUSTOM */
.container {
    max-width: 1200px !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        max-width: 960px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container {
        max-width: 720px !important;
        padding: 0 0 !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .container {
        max-width: 540px !important;
    }
}

@media (max-width: 576px) {
    .container {
        padding: 0 1.5rem;
        min-width: 250px !important;
    }
}

p, h1, h2, h6 {
    margin-bottom: 0px !important;
}

header .nav-link {
    height: 92px;
    box-sizing: border-box;
    padding-top: calc(92px / 2 - 10px);
    font-family: var(--font-body);
    font-size: .75rem;
    color: var(--white-01);
    font-weight: 500;
}

header .nav-link:hover, header .nav-link:focus {
    color: var(--white-01);
    border-bottom: 3px solid var(--white-01);
}

header .nav-link.active-link {
    color: var(--white-01);
    border-bottom: 3px solid var(--white-01);
}

header .border-bottom {
    border-bottom: solid 1px rgba(255, 255, 255, 0.1) !important;
}

.span {
    font-size: .75rem;
    color: var(--white-01);
    font-family: var(--font-body);
    font-weight: 700;
    line-height: 125%;
    text-transform: uppercase;
}

.span-secondary {
    color: var(--blue-01)
}

.p {
    font-size: .875rem !important;
    font-weight: 400;
    font-family: var(--font-body-02);
    color: #718096;
    line-height: 155%;
    text-align: justify;
}

h1.title {
    font-size: 2.875rem;
    font-family: var(--font-body-02);
    font-weight: 700;
    color: var(--white-01);
    line-height: 125%;
}

h2.title {
    font-size: 2.125rem;
    font-weight: 700;
    font-family: var(--font-body-02);
    line-height: 125%;
    color: #2D3748;
    max-width: 400px;
}

h2.title-secondary {
    color: var(--white-01)
}

h5.title {
    font-size: 1.125rem;
    font-family: var(--font-body-02);
    font-weight: 600;
    line-height: 150%;
    color: var(--white-01);
}

h6.title {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: var(--font-body-02);
    color: #2D3748;
    line-height: 125%;
}

.btn-primary-custom {
    color: var(--blue-01) !important;
    background-color: var(--white-01) !important;
    width: fit-content;
}

.btn-custom {
    transition: 300ms;
    padding: 1.125rem 2.875rem;
    width: fit-content !important;
    height: fit-content !important;
    font-family: var(--font-body-02);
    font-weight: 600;
    font-size: 0.875rem;
    text-align: center;
    border-radius: 4px;
    text-transform: uppercase;
}

.btn-custom:hover, .btn-custom:focus {
    transition: 300ms;
    filter: brightness(0.9);
    color: var(--blue-01);
}

.btn-outline-custom {
    background-color: transparent;
    color: var(--blue-01);
    border: solid 1px var(--blue-01);
}

.btn-outline-custom:hover {
    background-color: var(--blue-01);
    color: var(--white-01);
}

/* styles custom */

section {
    margin-top: 90px;
}

header {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 2000;
}

section.container-intro {
    position: relative;
    margin-top: 0px !important;
}

.container-intro .container-intro-title {
    position: absolute !important;
    z-index: 1;
    top: calc(50% - 200px + 93px);
}

.container-intro .container-intro-title .container-intro-title-content {
    max-width: 537px;
}

.container-intro .container-intro-title .container-intro-title-content p {
    font-size: 1.125rem;
    color: var(--white-01);
    font-weight: 400;
    font-family: var(--font-body)
}

section.container-about div.container-about-text {
    height: fit-content;
}

section.container-about a.btn-primary-custom {
    background-color: var(--blue-01) !important;
    color: var(--white-01) !important;
}

section.container-about div.container-about-text span {
    color: var(--blue-01)
}

section.container-numbers {
    background: linear-gradient(89.74deg, #072060 8.49%, #194F72 100.89%);
    position: relative;
    margin-top: 120px;
}

section.container-numbers div.container-numbers-img {
    position: absolute;
    background: url('/assets/img/home/effect-number.png') no-repeat center;
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0px;
    z-index: 1;
}

section.container-numbers div.container {
    position: relative;
    z-index: 2;
    padding: 6.25rem 0px;
}

section.container-numbers div.container ul li h4, section.container-numbers div.container ul li span {
    font-size: 2.875rem;
    font-family: var(--font-body);
    font-weight: 900;
    line-height: 125%;
    letter-spacing: 0.02em;
    color: var(--white-01);
}

section.container-numbers div.container ul li span {
    font-size: 1.5rem;
    font-family: var(--font-body-02);
    font-weight: 600;
    line-height: 150%;
}

p.container-services-p {
    font-size: 1rem !important;
}
section.container-services p.content-session {
    max-width: 951px;
}
section.container-services .span {
    color: #4C5280 !important
}
section.container-services ul {
    margin-top: 6.25rem;
}
section.container-services ul li {
    gap: .75rem;
    width: calc(100% / 4 - 2%)
}
section.container-services ul li p {
    text-align: left;
}
section.container-services a {
    margin-top: 4.375rem;
}
section.container-home-mission {
    padding: 3.75rem 0;
    background-color: #003A67 !important;
}
section.container-home-mission .section-info>div {
    max-width: 300px;
}
@media (max-width: 576px) {
    section.container-home-mission .section-info>div {
        max-width: 300px !important;
    }
}
section.container-home-mission h2 {
    font-size: 1.98rem;
    line-height: 125%;
    font-weight: 500;
}
section.container-home-mission div.carousel-item-container.border {
    border: 4px solid #fff !important;
}
section.container-home-mission img.check-mark {
    height: 30px;
}
@media (max-width: 768px) {
    section.container-home-mission h2 {
        font-size: 1.35rem !important;
    }
    section.container-home-mission img.check-mark {
        width: 15px;
        height: 15px;
    }
}
@media (max-width: 576px) {
    section.container-home-mission h2 {
        font-size: 0.86rem !important;
    }
    section.container-home-mission img.img-carousel-section {
        height: 100px !important;
    }
}
@media (max-width: 290px) {
    section.container-home-mission img.img-carousel-section {
        height: 170px !important;
    }
}
section.container-home-mission img.carousel-img {
    max-width: 1200px;
}
section.container-home-mission img.footer-item {
    width: 80px;
}
section.container-home-mission img.footer-item-section {
    width: 80px;
}
section.container-home-mission img.logo-sch {
    max-width: 120px;
}
section.container-home-mission img.logo-sch-section {
    max-width: 140px;
}
section.container-home-mission img.logo-aeo {
    max-width: 90px;
}
section.container-home-mission img.logo-aeo-section {
    max-width: 110px;
}
section.container-home-mission .swiper-wrapper>div {
    background: #003A67
}

@media (max-width: 768px) {
    section.container-home-mission .carousel-mission {
        max-height: 380px;
    }

    section.container-home-mission .carousel-main .carousel-swiper ul li img {
        max-height: 380px !important;
    }
}

section.container-home-mission .carousel-mission .header-img {
    max-width: 200px; 
    overflow: hidden
}

section.container-home-mission .carousel-mission .header-img span {
    right: 15px !important;
    background: #003A67 !important;
    height: 255px !important;
    z-index: 9  !important;
}

section.container-mission {
    padding: 3.75rem 0;
    background: linear-gradient(90.52deg, #051D5C -16.21%, #123958 123.9%, #000346 123.9%);
}

section.container-mission ul li {
    width: calc(100% / 3 - 3%);
    padding: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.19);
    backdrop-filter: blur(25px);
    background: rgba(255, 255, 255, 0.25);
    border-radius: 8px;
}

section.container-mission ul li p {
    font-size: 1.125rem !important;
    font-weight: 400;
    font-family: var(--font-body);
    line-height: 150%;
}

section.container-partners {
    background-color: #F8F8F8;
    padding-top: 5.375rem;
    margin-top: 0px;
    position: relative;
}

section.container-partners div.bloco {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

section.container-partners div.bloco div.bloco-content {
    position: relative;
    width: 70%;
}

section.container-partners div.container-partners-content {
    height: 340px;
}

section.container-partners div.container-partners-content ul li {
    width: 140px;
    margin: 0 auto
}

section.container-partners div.container-partners-content ul li img {
    width: 90px;
}



section.container-partners div.bloco div.bloco-content div:nth-child(1) {
    position: relative;
    z-index: 10;
    height: 115px;
    border-bottom: 115px solid transparent;
    border-right: 115px solid #F8F8F8;
    border-left: 700px solid transparent;

}

section.container-partners div.bloco div.bloco-content div:nth-child(2) {
    width: calc(700px + 115px);
    z-index: 1;
    height: 115px;
    background:  linear-gradient(270.17deg, #1E5C7C 5.72%, rgba(20, 63, 100, 0) 90.81%);
    position: absolute;
    top: 0px;
}

section.container-partners div.container-partners-content p.p {
    color: #454545 !important;
    text-align: left;
    max-width: 600px
}

section.container-depositions {
    background-color: #FAFAFA;
    padding: 5rem 0
}
section.container-depositions span.span {
    color: #203A7C !important;
    opacity: 0.7 !important;
}
section.container-depositions ul {
    margin-top: 4.375rem;
}

section.container-depositions ul li {
    border: 0.5px solid #B6C8FF;
    border-radius: 8px;
    padding: 1.5rem;
    width: calc(100% / 2 - 1%);
    background-color: var(--white-01);
    min-height: 400px;
}
section.container-depositions #swiper-carousel {
    padding-bottom: 50px;
    bottom: 0
}
section.container-depositions #swiper-carousel .swiper-pagination-bullet-active {
    background: rgba(100, 100, 100, 0.77)
}

section.container-depositions ul li p {
    color: #454545;
    text-align: justify;
}

section.container-depositions ul li h5 {
    color: #454545;
    font-family: var(--font-body);
}

.subtitle-video {
    width: 95%;
    color: #2D3748;
    font-family: var(--font-body-02);
    font-size: 18px !important;
}

@media (max-width: 1199px) {
    .subtitle-video {
        font-size: 15px !important;
    }
}


footer div.container-footer {
    padding-top: 5.25rem;
    padding-bottom: 2.3125rem;
    background-color: var(--blue-01);
    /* margin-top: calc(70px + 30px); */
}

footer div.container-footer div.container-footer-barra {
    width: 115px;
    height: 2px;
    background: linear-gradient(to right, #ffffff, transparent);
}

footer div.container-footer ul.container-footer-menu li a {
    font-size: 0.875rem;
    font-family: var(--font-body-02);
    font-weight: 400;
    color: var(--white-01);
}


footer div.container-footer ul.container-footer-menu li a:hover {
    filter: brightness(0.9)
}

footer div.container-footer .border-bottom {
    width: 100%;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.33);
    opacity: 0.33;
}

footer div.container-footer p.container-footer-adress {
    font-size: .875rem !important;
    font-family: var(--font-body-02);
}

footer div.container-footer p.container-footer-adress a {
    font-family: var(--font-body-02);
    color: var(--white-01);
    font-size: .875rem !important;
}

footer div.container-footer p.container-footer-adress a:hover {
    color: var(--white-01);
    filter: brightness(0.9)
}

@media (min-width: 992px) and (max-width: 1199px) {
    header .nav-link {
        padding: 0px 0.2rem;
        padding-top: calc(92px / 2 - 10px);
    }

    section.container-about div.about-text {
        height: 430px;
    }

    section.container-mission ul li {
        width: calc(100% / 3 - 1%);
    }

    footer div.container-footer a.btn-primary-custom {
        padding: 1.125rem 0.75rem !important;
        font-size: 0.75rem;
    }

}

.menu-mobile .content-menu-mobile {
    height: fit-content
}

.menu-mobile .button-open {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-mobile .button-open div {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    background-color: transparent;
}

.menu-mobile .button-open div div {
    width: 21px;
    height: 2px;
    background-color: var(--white-01);
}


@media (max-width: 991px) {
    header .border-bottom {
        border-bottom: none !important;
    }

    header .nav-link {
        height: fit-content;
        padding-top: 0px;
        padding: 1rem;
    }

    header .nav-link:hover, header .nav-link:focus {
        border: none;
    }

    header .nav-link.active-link {
        border: none
    }

    .menu-mobile .content-menu-mobile {
        background-color: var(--blue-01);
        height: 100vh;
    }

    .menu-mobile .content-menu-mobile div.offcanvas-body {
        display: flex;
        align-items: center
    }

    .container-intro .container-intro-title .container-intro-title-content {
        max-width: 537px;
        margin: 0 auto;;
    }

    .container-intro .container-intro-title {
        top: calc(50% - 200px + 62px + 20px)
    }

    .p {
        text-align: center;
    }

    section.container-carousel {
        background: #003A67 !important
    }

    section.container-numbers {
        margin-top: 70px;
    }

    section.container-numbers ul {
        justify-content: space-between;
    }

    section.container-numbers ul li {
        width: calc(50% - 5%);
        margin-bottom: 5%;
    }

    section.container-numbers {
        padding-bottom: 1.5rem !important;
    }

    section.container-services ul {
        justify-content: space-around !important;
    }

    section.container-services ul li {
        width: calc(100% / 2 - 5%);
        margin-bottom: 5%;
    }

    section.container-services ul li p {
        text-align: center;
    }

    section.container-services a {
        margin-top: 2.375rem;
    }

    section.container-mission ul {
        align-items: center;
        gap: 1.5rem;
    }

    section.container-mission ul li {
        width: 60%;
    }

    section.container-partners div.bloco {
        display: none;
    }

    section.container-partners p {
        text-align: center !important;
    }

    section.container-partners {
        padding-bottom: 5.375rem;
    }

    section.container-depositions ul li {
        padding: 1rem;
    }

    section.container-depositions ul li p {
        font-size: 0.75rem !important;
    }

    section.container-partners div.container-partners-content ul li {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    section.container-numbers div.container {
        padding: 1.125rem 0px;
    }

    section.container-mission ul li {
        width: 80%;
    }

    section.container-depositions ul {
        width: 80%;
        margin: 0 auto;
    }

    section.container-depositions ul li {
        padding: 1.5rem;
        width: 100%;
    }

    section.container-depositions #carouselDepositions .carousel-indicators {
        top: calc(100% + 20px)
    }

    section.container-depositions #carouselDepositions .carousel-indicators button {
        width: 8px;
        height: 8px;
        background-color: rgba(100, 100, 100, 0.77);
        border-radius: 50%;
    }
    section.container-depositions #carouselDepositions div.card-deposition {
        height: 440px !important
        /* height: 340px !important */
    }
      
    @media (max-width: 400px) {
        section.container-depositions #carouselDepositions div.card-deposition {
            height: 500px !important
        }
    }
    @media (max-width: 375px) {
        section.container-depositions #carouselDepositions div.card-deposition {
            height: 600px !important
        }
    }

    .container-intro img {
        height: 800px;
        width: 1200px !important;
    }
    section.container-depositions ul li {
        min-height: 340px
    }
}

@media (max-width: 576px) {
    h1.title {
        font-size: 2rem;
    }

    h2.title {
        font-size: 1.5rem;
    }

    h2.title-secondary {
        color: var(--white-01)
    }

    h5.title {
        font-size: 1.125rem;
        font-family: var(--font-body-02);
        font-weight: 600;
        line-height: 150%;
        color: var(--white-01);
    }

    h6.title {
        font-size: 0.875rem;
        font-weight: 700;
        font-family: var(--font-body-02);
        color: #2D3748;
        line-height: 125%;
    }

    .p {
        font-size: .75rem !important;
    }

    section.container-numbers {
        background: linear-gradient(128.29deg, #072060 21.72%, #194F72 78.55%), linear-gradient(128.29deg, #072060 21.72%, #194F72 78.55%), linear-gradient(89.74deg, #072060 8.49%, #194F72 100.89%);
    }

    section.container-numbers ul li {
        width: 100%;
        margin-bottom: 4.375rem;
    }

    section.container-numbers ul li h4 {
        font-size: 2.125rem !important;
    }

    section.container-numbers div.container-numbers-img {
        width: 2624.55px;
        height: 100%;
    }

    section.container-services ul {
        gap: 2rem;
        margin-top: 2.125rem;
    }

    section.container-services ul li {
        gap: 1rem;
        width: 80%
    }

    section.container-mission ul li {
        width: 100%;
    }

    section.container-mission ul li p {
        font-size: .75rem !important;
    }

    section.container-about div.container-about-text {
        height: fit-content;
    }

    .menu-mobile {
        padding: 2.125rem 0 !important;
    }

    .menu-mobile .content-menu-mobile {
        background-color: var(--blue-01);
        height: 100vh
    }

    footer div.container-footer a.btn-primary-custom {
        padding: 1.125rem 0.75rem !important;
        font-size: 0.75rem;
    }
    section.container-depositions ul li {
        min-height: 333px
    }
}

section.container-contact {
    background: url('/assets/img/home/contact-img.jpg') no-repeat center;
    background-size: cover;
    width: 100%;
    height: 700px;
    min-width: 100%;
    margin-top: 0px
}
section.container-contact .container {
    height: 100%;
}

section.container-contact div.content {
    max-width: 460px;
}

section.container-contact div.content a {
    border-color: var(--white-01);
    color: var(--white-01)
}

section.container-contact div.content a:hover {
    background-color: var(--white-01);
    color: var(--blue-01);
}

section.container-contact div.content p {
    font-size: 1.125rem !important;
    font-family: var(--font-body);
}

div#form-contact {
    max-width: 436px;
    padding: 1.125rem;
    background-color: var(--white-01);
    border-radius: 4px;
    box-shadow: 0px 0px 7px rgba(172, 172, 172, 0.19);
}

div#form-contact form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

div#form-contact form button {
    background: linear-gradient(89.74deg, #072060 8.49%, #194F72 100.89%);
    width: 100% !important;
    color: var(--white-01) !important;
    text-transform: uppercase;
    border-radius: 4px;
}

div#form-contact form a span {
    font-size: 0.875rem;
    font-family: var(--font-body-02);
    color: #000000;
    text-transform: none;
    font-weight: 400
}

div#form-contact form div {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

div#form-contact form div label {
    font-size: .875rem;
    font-family: var(--font-body-02);
    font-weight: 700;
    color: #454545
}

div#form-contact form div input {
    transition: 200ms;
    font-size: .875rem;
    font-family: var(--font-body-02);
    font-weight: 400;
    color: #454545;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    padding: .875rem;
}

div#form-contact form div input:focus {
    transition: 200ms;
    outline: none;
    border-color: var(--blue-01)
}


@media (max-width: 767px) {
    section.container-contact {
        height: 900px;
    }

    section.container-contact .container {
        display: flex;
        align-items: center;
    }

    section.container-contact .container div {
        width: 100%;
    }

    section.container-contact div.content {
        width: 100%;
        max-width: 100%;
    }

    div#form-contact {
        margin-top: 2rem;
        width: 100%;
        max-width: 100%;
    }

    div#form-contact form div label {
        font-size: .75rem
    }
}

.title-section div.content-one {
    max-width: 665px;
}

.title-section div.side {
    max-width: 424px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .title-section div.content-one {
        max-width: 500px;
    }

    .title-section div.side {
        max-width: 300px;
    }
}

@media (max-width: 991px) {
    .title-section div.content-one {
        max-width: 100%;
    }
}

section.container-sch {
    margin-bottom: 70px
}

section.container-sch span {
    color: #4C5280
}

section.container-sch p {
    max-width: 840px;
    margin: 0 auto;
}

section.intro-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    padding-top: 90px;
    position: relative;
    overflow: hidden;
}

section.intro-page p {
    font-size: 1.125rem !important;
    font-family: var(--font-body);
    max-width: 706px;
}

@media(max-width: 576px) {
    section.intro-page {
        padding-top: 86px
    }
}

section.intro-page img.effect-intro {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0.3;
}

section.intro-page h1 {
    padding: 0 1.5rem;
    z-index: 1000;
}

section.intro-page span, section.intro-page p {
    position: relative;
    z-index: 1000;
}

@media(max-width: 576px) {
    section.intro-page img.effect-intro {
        width: 1000px;
    }
}
/* COOKIES */
div#cookies {
    display: none;
}
div#cookies.block {
    display: block;
}
.container-cookies {
    width: 100%;
    padding: 28px 0;
    background: rgba(255, 255, 255, 0.56);
    /* Vidro */
    backdrop-filter: blur(15px);
    margin-bottom: -2px;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
}
.container-cookies p.text {
    max-width: 794px;
    color: #000000
}
.container-cookies p.text a {
    color: #000000
}
.container-cookies .btn-custom-primary {
    background-color: var(--gray-50);
    color: var(--primary-500);
    height: fit-content;
    width: fit-content;
}
.container-cookies .btn-custom-primary::after {
    background-color: #000
}
.container-cookies a.info {
    color: #212529 !important
}
/* MODAL COOKIES */
div#configCookiesModal.show {
    display: flex !important;
    align-items: center;
    z-index: 10000;
    backdrop-filter: blur(8px) !important;
}
div#configCookiesModal div.modal-dialog {
    max-width: 845px;
    width: 95%;
}
div#configCookiesModal div.modal-dialog div.modal-body {
    padding: 1.5rem
}
div#configCookiesModal div.modal-dialog div.modal-body div.form-check a.info {
    padding: 0.1rem 0.5rem;
    background-color: #2E42B8;
    border-radius: 4px;
    font-size: .75rem;
    color: var(--white-01);
    font-family: var(--font-body-02) !important;
    font-weight: 500 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
div#configCookiesModal div.modal-dialog div.modal-body p.text a {
    color: #000000;
    font-weight: 500;
    font-size: 1.125rem;
    font-family: var(--font-body-02);
    font-weight: 700;
}
div#configCookiesModal div.modal-dialog p.text {
    color: #000000;
    font-family: var(--font-body-02);
    font-size: 1.125rem;
    text-align: start;
    font-weight: 500;
}
div#configCookiesModal div.modal-dialog button.btn-primary-custom {
    background: linear-gradient(89.74deg, #072060 8.49%, #194F72 100.89%);
    color: #E2E7FF !important
}
div#configCookiesModal div.modal-dialog button.config {
    background-color: #A3ABAE !important;
    background: #A3ABAE !important;
}