:root {
    --vermelho: #E01B22;
    --vermelho-dark: #C90007;
    --amarelo: #FFE600;
    --light: #F5F8F2;
    --dark: #1f1f1f;
    --dark-light: #616161;
    --grey: #aaaaaa;
    --grey-light: #eeeeee;
}

@font-face {
    font-family: 'monoglyphic-rg';
    src: url('/fonts/monoglyphic_regular-webfont.woff2') format('woff2'),
         url('/fonts/monoglyphic_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'monoglyphic-sb';
    src: url('/fonts/monoglyphic_semibold-webfont.woff2') format('woff2'),
         url('/fonts/monoglyphic_semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'servo-rg';
    src: url('/fonts/servo_rounded_regular-webfont.woff2') format('woff2'),
         url('/fonts/servo_rounded_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'otterco-sb';
    src: url('/fonts/otterco-semibold-webfont.woff2') format('woff2'),
         url('/fonts/otterco-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@-ms-viewport {
    width: device-width;
}

html {
    height: 100%;
    overflow-x: hidden;
    margin: 0;
    display: flex;
    flex-direction: column;
}

body {
    width: 100vw;
    min-height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #fff;
    margin: 0;
    padding: 0;
}

main {
    flex-grow: 1;
}

main .container-fluid {
    flex: 1;
    min-height: 90vh;
    padding: 80px 0 0 0;
    margin: 0;
}

/*** Fonts ***/

.mono-16-dark {
    font-family: 'monoglyphic-rg', sans-serif;
    font-size: 1rem;
    font-weight: normal;
    color: var(--dark);
}

.mono-16-light {
    font-family: 'monoglyphic-rg', sans-serif;
    font-size: 1rem;
    font-weight: normal;
    color: var(--light);
}

.mono-16-dark-light {
    font-family: 'monoglyphic-rg', sans-serif;
    font-size: 1rem;
    font-weight: normal;
    color: var(--dark-light);
}

.mono-16-grey {
    font-family: 'monoglyphic-rg', sans-serif;
    font-size: 1rem;
    font-weight: normal;
    color: var(--grey);
}

.mono-12-grey {
    font-family: 'monoglyphic-rg', sans-serif;
    font-size: .75rem;
    font-weight: normal;
    color: var(--grey);
}

.mono-20-dark {
    font-family: 'monoglyphic-rg', sans-serif;
    font-size: 1.25rem;
    font-weight: normal;
    color: var(--dark);
}

.mono-24-dark {
    font-family: 'monoglyphic-rg', sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    color: var(--dark);
}

.mono-20-grey {
    font-family: 'monoglyphic-rg', sans-serif;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 120%;
    color: var(--grey);
}

.mono-sb-24-dark {
    font-family: 'monoglyphic-sb', sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    color: var(--dark);
}

.mono-sb-24-red {
    font-family: 'monoglyphic-sb', sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    color: var(--vermelho);
}

.servo-32-red {
    font-family: 'servo-rg', sans-serif;
    font-size: 2rem;
    font-weight: 500;
    color: var(--vermelho);
}

.servo-40-red {
    font-family: 'servo-rg', sans-serif;
    font-size: 2.5rem;
    font-weight: 500;
    color: var(--vermelho);
}

.ott-16-red {
    font-family: 'otterco-sb', sans-serif;
    font-size: 1rem;
    font-weight: normal;
    color: var(--vermelho);
}

.border-30-0 {
    border-radius: 30px 0px;
}
/*** Pagination ***/
.page-item .page-link {
    border: none;
    color: var(--vermelho);
    font-family: 'otterco-sb', sans-serif;
    font-size: 1.25rem;
    margin: 0;
}

.page-item .page-link:hover {
    opacity: .7;
    transition: 300ms ease-in-out;
}

.page-item.active .page-link {
    background-color: transparent;
    font-family: 'otterco-sb', sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
}

.page-item .page-link:focus {
    outline: none;
    box-shadow: none;
    background-color: transparent;
}
/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

#spinner .spinner-border {
    border: var(--bs-spinner-border-width) solid var(--vermelho);
    border-right-color: transparent;
}

/* Navbar */
.bg-nav {
    background-color: var(--amarelo);
    min-height: 80px;
    box-shadow: rgba(197, 23, 23, 0.1) 0px 20px 25px -5px, rgba(197, 23, 23, 0.04) 0px 10px 10px -5px;
}

header .container-fluid {
    padding: 0 60px;
}

.logo:hover {
    cursor: pointer;
    opacity: 0.8;
    transition: 300ms ease-in-out;
}

.shape {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    background-image: url('data:image/svg+xml,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M80 0H0V80H37.4684L62.0827 13.1596C64.8664 5.60019 71.9426 0.459534 80 0.0292664V0Z" fill="%23E01B22"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

.top-border {
    top: 0;
    left: 0;
    width: 100vw;
    height: 3px;
    z-index: 50;
    background-color: var(--vermelho);
}

.btn-lang {
    border: none;
    background-color: transparent;
    color: var(--vermelho);
    font-family: 'monoglyphic-rg', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    margin-top: 5px;
}

.btn-lang:hover {
    opacity: .7;
    transition: 300ms ease-in-out;
}

.lang .selected {
    opacity: .6;
}

.btn-sm:hover {
    opacity: .7;
    transition: 300ms ease-in-out;
}

.nav .nav-link {
    color: var(--dark);
    font-family: 'monoglyphic-rg', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    padding: 0.5rem 0.75rem;
}

.nav .nav-link:hover {
    opacity: .7;
    transition: 300ms ease-in-out;
}

.navbar .navbar-toggler {
    color: transparent;
    border: none;
    background-color: transparent;
}

.navbar-toggler-icon {
    background-image: none !important;
    background-color: var(--vermelho);
    height: 2px;
    width: 25px;
    margin: 15px 0;
    position: relative;
    transition: all 0.35s ease-out;
    transform-origin: center;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
    display: block;
    background-color: var(--vermelho);
    height: 2px;
    content: "";
    position: absolute;
    transition: all 0.35s ease-out;
    width: 100%;
}

.navbar-toggler-icon::before {
    top: -8px;
}

.navbar-toggler-icon::after {
    bottom: -8px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
    top: 0;
    transform: rotate(90deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
    bottom: 0;
    transform: rotate(90deg);
}

.bar-div {
    font-size: 1.25rem;
    margin-left: -6px;
    margin-right: -6px;
}

.nav-mob {
    transition: 500ms ease-in-out;
    border-top: 0.5px solid var(--vermelho);
    padding-top: 15px;
    padding-bottom: 10px;
}


/* Footer */
footer.container-fluid {
    padding: 0 60px;
}

.footer {
    position: relative;
    margin-top: auto;
    background-color: var(--vermelho);
    bottom: 0 !important;
}

.footer .nav .nav-link{
    color: var(--light);
    font-family: 'monoglyphic-rg', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    /* border-right: 2px solid var(--vermelho-dark); */
}

/* .footer .nav li:last-child .nav-link {
    border-right: none;
} */

.footer .btn-lang{
    color: var(--light);
}

.copy p {
    font-family: 'monoglyphic-rg', sans-serif;
    font-size: .75rem;
    color: var(--light);
    margin-bottom: 0;
}

.copy a:hover {
    opacity: .7;
    transition: 300ms ease-in-out;
}

/* Home */

.home-hero {
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-hero img {
    width: 100%;
    height: auto;
}

.home-categorias {
    width: 100vw;
    background-image: url('/img/bg-cat.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    padding: 60px 0;
}

.card-category {
    background-color: var(--amarelo);
    border-radius: 0px 20px 0px 20px;
    width: 290px;
    height: 370px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    transition: transform 0.4s ease, background-color 0.4s ease;
    z-index: 1;
}

.card-category img {
    width: 95%;
    cursor: pointer;
    transition: transform 0.4s ease;
    z-index: 2;
}

.card-category p {
    font-family: 'monoglyphic-sb', sans-serif;
    font-size: 1.5rem;
    color: var(--dark);
    text-align: center;
    font-weight: 600;
    transition: color 0.4s ease, font-size 0.4s ease, padding-top 0.4s ease;
}

.card-category:hover {
    transform: scale(0.85);
    z-index: 10;
}

.card-category:hover img {
    transform: scale(1.5);
    z-index: 10;
}

.card-category:hover p {
    color: var(--vermelho);
    font-size: 1.4rem;
    padding-top: 30px;
}

.cta-box {
    width: 100vw;
    background-color: var(--amarelo);
    padding: 60px 0;
}

.cta-inter {
    max-width: 470px;
}

.cta-box .cta-text {
    height: 100px;
    display: flex;
    align-items: center;
}

.cta-box .btn {
    font-family: 'otterco-sb', sans-serif;
    font-size: 1rem;
    text-align: center;
    color: var(--light);
    background-color: var(--vermelho);
    border: 2px solid var(--vermelho);
    border-radius: 15px 0px;
    width: 150px;
    transition: 300ms ease-in-out;
}

.cta-box .btn:hover {
    background-color: transparent;
    color: var(--vermelho);
}

.news-home {
    width: 100%;
    padding: 60px 0;
}

.news-home .btn {
    font-family: 'otterco-sb', sans-serif;
    font-size: 1rem;
    text-align: center;
    color: var(--light);
    background-color: var(--vermelho);
    border: 2px solid var(--vermelho);
    border-radius: 15px 0px;
    width: 150px;
    transition: 300ms ease-in-out;
}

.news-home .btn:hover {
    background-color: transparent;
    color: var(--vermelho);
}

.news-card-wraper {
    height: auto;
}

.news-home .news-card {
    max-width: 400px;
    height: 520px;
    transition: transform 300ms ease-in-out, box-shadow 300ms ease-in-out;
}

.news-home .news-card:hover {
    transform: translateY(-8px);
}

.news-image {
    width: 100%;
    height: 200px;
    transition: transform 300ms ease-in-out;
}

.news-home .news-card:hover .news-image {
    transform: scale(1.05);
}

.news-home .news-card img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 30px 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.news-home .news-card .news-title {
    height: 90px;
    vertical-align: middle;
    margin: 0;
}

.news-home .news-card a {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 25px;
    transition: 300ms ease-in-out;
}

.news-home .news-card a:hover {
    color: var(--vermelho-dark);
    text-underline-offset: 15px;
}

.infos-home {
    width: 100vw;
    background-color: var(--grey-light);
}

.info-icon {
    width: 100px;
    height: 100px;
    border: 4px solid var(--dark);
    border-radius: 42%;
    margin-left: 20px;
}

/* Produtos */
.box-search {
    border-radius: 30px 0px 30px 0px;
    background-color: var(--grey-light);
    padding: 50px;
}

.search-bar {
    border-radius: 8px ;
}

.box-search .btn-primary {
    background-color: var(--vermelho);
    border: none;
}

.box-search .btn-primary:hover {
    background-color: var(--vermelho-dark);
}

.box-search input:focus {
    outline: none;
    border-color: var(--vermelho);
    box-shadow: 0 0 4px 1px var(--vermelho);
}

.busca {
    max-height: 400px;
}
.card {
    border: none;
}

.box-results .spinner-border {
    border: var(--bs-spinner-border-width) solid var(--vermelho);
    border-right-color: transparent;
    margin: 0 auto;
}

.mycar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.mycar::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.mycar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: var(--vermelho);
}

.selected-item {
    background-color: #f8f9fa;
}

.selected-preview {
    transition: all 0.3s ease;
    border-left: 3px solid var(--vermelho);
    background-color: #f8f9fa;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.mycar, .mypro {
    transition: all 0.3s ease;
}

.return-to-search {
    border: 2px solid;
}

.card .card-body {
    border: #dbdbdb 1px solid;
    border-radius: 30px 0px 30px 0px;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0;
    margin-bottom: 10px;
}

.card .card-body img {
    width: 60px;
}

.card .card-body .card-brand{
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    color: #4e4e4e;
    margin: 0;
}

.card .card-body .card-model{
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    color: #4e4e4e;
    margin: 0;
}

.card .card-body .card-complement{
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    color: #4e4e4e;
    margin: 0;
}

.card .card-body .card-years{
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #4e4e4e;
    margin: 0;
}

.card .card-pro-body {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-bottom: 10px;
}

.card .card-pro-body img {
    width: 200px;
}

.card .card-pro-body .card-pro-title,
.card-show-product .product-title{
    font-family: 'monoglyphic-sb', sans-serif;
    font-weight: 300;
    font-size: 1.5rem;
    color: var(--vermelho);
}

.card .card-pro-body  p,
.card-show-product p {
    font-family: 'monoglyphic-rg', sans-serif;
    font-size: 1rem;
    color: var(--dark);
}

.card .card-body .btn-primary,
.card .card-pro-body .btn-primary {
    font-family: 'monoglyphic-rg', sans-serif;
    font-weight: 300;
    background-color: var(--vermelho);
    border: none;
    border-radius: 8px;
}

.card .card-body .btn-primary:hover,
.card .card-pro-body .btn-primary:hover {
    background-color: var(--vermelho-dark);
}

.card-show-product {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    gap: 80px;
}

.card-show-product img {
    max-width: 400px;
}

.card-show-product h5 {
    font-family: 'otterco-sb';
    font-size: 1rem;
    color: var(--dark-light);
}

.card-show-product h5 span {
    font-weight: 600;
    color: var(--dark);
}

.card-show-product .card-aplications ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: 'monoglyphic-rg', sans-serif;
    font-size: 1.25rem;
    color: var(--dark);
}

.box-list-prod {
    min-height: 80vh;
}

.card-prod-list {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--grey);
    border-radius: 30px 0;
    padding: 20px 10px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.card-prod-list .bg-image {
    height: 250px;
}

.card-prod-list img {
    max-width: 300px;
    max-height: 100%;
}

.card-prod-list .btn {
    color: var(--light);
    background-color: var(--vermelho);
    border: none;
}

.card-prod-list .btn:hover{
    background-color: var(--vermelho-dark);
}

.cat-btn {
    text-decoration: none;
    padding: 1.5rem 1rem;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    height: 100%;
    display: block;
}

.cat-btn img {
    transition: transform 300ms ease-in-out;
    max-height: 80px;
    width: auto;
}

.cat-btn:hover img {
    transform: scale(1.1);
}

.cat-btn h2 {
    transition: border-bottom 300ms ease-in-out;
    border-bottom: 3px solid transparent;
}

.cat-btn:hover h2 {
    border-bottom: 3px solid var(--vermelho);
}

.icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    margin-bottom: 1rem;
}

@media (max-width: 767px) {
    .icon-container {
        height: 70px;
    }

    .cat-btn img {
        max-height: 70px;
    }

    h2.mono-sb-24-red {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .row-cols-md-3 .col {
        margin-bottom: 1rem;
    }
}

/* About */

.content-about img {
    border-radius: 30px 0px;
}

.content-about-quality {
    width: 100%;
    background-color: var(--grey-light);
}

.content-about-quality ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Technology */

.card-tech {
    background-color: var(--grey-light);
    border-radius: 24px 0px;
    height: 380px;
    max-width: 300px;
}

.tech-title {
    height: 60px;
    display: flex;
    align-items: center;
    justify-items: center;
    margin: 0 auto;
}

/* Onde Comprar */
.onde-encontrar {
    min-height: 70vh;
    display: flex;
    align-items: start;
}

.box-onde {
    border-radius: 30px 0px 30px 0px;
    background-color: var(--grey-light);
    padding: 50px;
}

.select-bar {
    border-radius: 8px ;
}

.choices {
    width: 100%;
    border-radius: 8px;
    font-size: 16px;
    background-color: #f9f9f9;
}

.choices__inner {
    border: none;
    box-shadow: none;
}

.choices__list--dropdown {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    margin-top: 5px !important;
}

.choices__list--dropdown input {
    font-family: 'monoglyphic-rg', sans-serif;
}

.choices__list--dropdown input:focus {
    outline: none;
    border-color: transparent;
    box-shadow: none;
}

.choices__item {
    font-family: 'monoglyphic-rg', sans-serif;
    font-size: 1.25rem;
    color: var(--grey);
    padding: 2px;
}

.choices::after {
    content: "";
    position: absolute;
    margin-top: 0 !important;
    top: 50%;
    width: 50px !important;
    height: 50px !important;
    background-color: var(--vermelho);
    border: 0 !important;
    border-radius: 5px;
    transform: translateY(-50%);
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 34C0 41.5425 0 45.3137 2.34315 47.6569C4.68629 50 8.45753 50 16 50H34C41.5425 50 45.3137 50 47.6569 47.6569C50 45.3137 50 41.5425 50 34V16C50 8.45753 50 4.68629 47.6569 2.34315C45.3137 0 41.5425 0 34 0H16C8.45753 0 4.68629 0 2.34315 2.34315C0 4.68629 0 8.45753 0 16V34Z" fill="%23E01B22"/><path d="M31 23L25 29L19 23M7 11C7 9.93913 7.42143 8.92172 8.17157 8.17157C8.92172 7.42143 9.93913 7 11 7H39C40.0609 7 41.0783 7.42143 41.8284 8.17157C42.5786 8.92172 43 9.93913 43 11V39C43 40.0609 42.5786 41.0783 41.8284 41.8284C41.0783 42.5786 40.0609 43 39 43H11C9.93913 43 8.92172 42.5786 8.17157 41.8284C7.42143 41.0783 7 40.0609 7 39V11Z" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.choices.is-open::after {
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 16C0 8.45753 0 4.68629 2.34315 2.34315C4.68629 0 8.45753 0 16 0H34C41.5425 0 45.3137 0 47.6569 2.34315C50 4.68629 50 8.45753 50 16V34C50 41.5425 50 45.3137 47.6569 47.6569C45.3137 50 41.5425 50 34 50H16C8.45753 50 4.68629 50 2.34315 47.6569C0 45.3137 0 41.5425 0 34V16Z" fill="%23E01B22"/><path d="M31 27L25 21L19 27M7 39C7 40.0609 7.42143 41.0783 8.17157 41.8284C8.92172 42.5786 9.93913 43 11 43H39C40.0609 43 41.0783 42.5786 41.8284 41.8284C42.5786 41.0783 43 40.0609 43 39V11C43 9.93913 42.5786 8.92172 41.8284 8.17157C41.0783 7.42143 40.0609 7 39 7H11C9.93913 7 8.92172 7.42143 8.17157 8.17157C7.42143 8.92172 7 9.93913 7 11V39Z" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.card-revenda {
    width: 300px;
    /* background-color: var(--grey-light); */
    border-radius: 25px 0;
    padding: 10px 20px;
}

.card-revenda .card-title {
    font-family: 'monoglyphic-rg', sans-serif;
    font-size: 1.25rem;
    color: var(--dark);
    height: 30px;
    display: flex;
    align-items: center;
}

.card-revenda .card-text {
    font-family: 'monoglyphic-rg', sans-serif;
    font-size: 1rem;
    color: var(--dark-light);
}

.card-revenda hr {
    width: 100px;
    border-top: 3px solid var(--vermelho);
    border-radius: 5px;
    opacity: 1;
}

/* News */
.news-open {

}

.news-open img {
    width: 100%;
    height: auto;
    border-radius: 30px 0px;
}

.news-open .card-body {
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    border: none;
}

.news-open .card-body h5,
.news-open .card-body p,
.news-open .card-body .news-desc {
    width: 100% !important;
}

/* Downloads */

.card-down {
    background-color: var(--grey-light);
    border-radius: 24px 0px;
    height: 350px;
    max-width: 300px;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.4s ease;
}

.card-down:hover {
    opacity: 0.7;
}

.down-title {
    height: 60px;
    display: flex;
    align-items: center;
    justify-items: center;
    margin: 0 auto;
}

/* contact */
.box-contact {
    background-color: var(--grey-light);
    border-radius: 24px 0px;
    width: 100%;
}

.box-contact ::placeholder {
    color: var(--grey);
}

.box-contact input,
.box-contact textarea {
    border: none;
    border-radius: 8px;
    font-family: 'monoglyphic-rg', sans-serif;
    font-size: 1.25rem;
    color: var(--grey);
    outline: none;
    box-shadow: none;
}

.box-contact input:focus,
.box-contact textarea:focus {
    outline: none;
    border-color: var(--vermelho);
    box-shadow: 0 0 4px 1px var(--vermelho);
}

.box-contact button {
    font-family: 'otterco-sb', sans-serif;
    font-size: 1rem;
    text-align: center;
    color: var(--light);
    background-color: var(--vermelho);
    border: 2px solid var(--vermelho);
    border-radius: 15px 0px;
    padding: 5px 0;
    width: 180px;
    transition: 300ms ease-in-out;
}

.box-contact button:hover {
    background-color: transparent;
    color: var(--vermelho);
}

.status-msg {
    font-family: 'otterco-sb', sans-serif;
    font-size: 1rem;
    text-align: center;
    color: var(--vermelho);
}

/* Careers */

.btn-linkedin {
    margin: 0 auto;
    background: #0E76A8;
    border-radius: 8px;
    color: #fff;
    width: 150px;
    padding: 7px 0;
    text-decoration: none;
  }
  .btn-linkedin:link, .btn-linkedin:visited {
    color: #fff;
  }
  .btn-linkedin:active, .btn-linkedin:hover {
    background: #084461;
    color: #fff;
  }

/* Media Queries */

@media (max-width: 1200px) and (min-width: 992px) {
    .infos-home .mono-sb-24-dark {
        font-size: 1.2rem;
    }

    .infos-home .mono-20-grey {
        font-size: 1rem;
    }

    .card-tech {
        height: 420px;
    }
}

@media (max-width: 992px) {
    .shape {
        height: 85px;
        background-image: url('data:image/svg+xml,<svg width="80" height="85" viewBox="0 0 80 85" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M80 0H0V85H37.4684L62.0827 13.9821C64.8664 5.9502 71.9426 0.488255 80 0.0310955V0Z" fill="%23E01B22"/></svg>');
    }

    .card-show-product {
        gap: 30px;
    }
}

@media (max-width: 576px) {
    .card-show-product {
        justify-content: start;
    }
}

@media (max-width: 410px) {
    .shape {
        display: none;
    }

    .bg-nav .container-fluid {
        padding: 0 10px;
    }

    .servo-40-red {
        font-size: 1.8rem;
    }

    .mono-20-dark {
        font-size: 1rem;
    }
}