html {
    scroll-behavior: smooth;
}

.vermelho {background-color: #fc4242 !important;}

.icoServicos i {
    font-size: 40px;
    font-weight: 800;
}

/* PARALLAX */
.parallax-7tech-1 {background: rgb(0, 0, 0) url("../images/7Tech/banner/parallax_7tech_1.jpg") no-repeat fixed 50% 0;}
.parallax-7tech-2 {background: rgb(0, 0, 0) url("../images/7Tech/banner/parallax_7tech_2.jpg") no-repeat fixed 50% 0;}
.parallax-7tech-3 {background: rgb(0, 0, 0) url("../images/7Tech/banner/parallax_7tech_3.jpg") no-repeat fixed 50% 0;}
.parallax-7tech-4 {background: rgb(0, 0, 0) url("../images/7Tech/banner/parallax_7tech_4.jpg") no-repeat fixed 50% 0;}
.parallax-7tech-5 {background: rgb(0, 0, 0) url("../images/7Tech/banner/parallax_7tech_5.jpg") no-repeat fixed 50% 0;}
.bg-opacity-parallax {background-color: rgba(0, 0, 0, 0.6);}
/* end */

.equipamentosTexto {
    padding: 35px 20px !important;
    text-align: center;
}

.seguimentos div {
    /* border: 1px solid #ffffff !important; */
}
.seguimentos span{
    /* color: #ffffff; */
}
.seguimentos i {
    /* color: #ffffff; */
    line-height: 30px !important;
}
.qualidade div {
    /* border: 1px solid #ffffff !important; */
}
.qualidade span{
    /* color: #ffffff; */
}
.qualidade i {
    /* color: #ffffff; */
    line-height: 40px !important;
}

.textosP {
    font-size: 18px !important;
}

.navbar-nav li a:hover {
    color: black !important;
}

.tabEquipamentos p {
 font-size: 18px !important;
 text-align: justify;
}

/********** BOOTSTRAP 4 **********/
.border {border: 1px solid rgba(0, 0, 0, 0.12) !important; }
.border-top {border-top: 1px solid rgba(0, 0, 0, 0.12) !important; }
.border-right {border-right: 1px solid rgba(0, 0, 0, 0.12) !important; }
.border-bottom {border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important; }
.border-left {border-left: 1px solid rgba(0, 0, 0, 0.12) !important; }
.border-0 {border: 0 !important; }
.border-top-0 {border-top: 0 !important; }
.border-right-0 {border-right: 0 !important; }
.border-bottom-0 {border-bottom: 0 !important; }
.border-left-0 {border-left: 0 !important; }
.rounded {border-radius: 0.25rem !important; }
.rounded-top {border-top-left-radius: 0.25rem !important;  border-top-right-radius: 0.25rem !important; }
.rounded-right {border-top-right-radius: 0.25rem !important;  border-bottom-right-radius: 0.25rem !important; }
.rounded-bottom {border-bottom-right-radius: 0.25rem !important;  border-bottom-left-radius: 0.25rem !important; }
.rounded-left {border-top-left-radius: 0.25rem !important;  border-bottom-left-radius: 0.25rem !important; }
.rounded-circle {border-radius: 50% !important; }
.rounded-0 {border-radius: 0 !important; }
.d-none {display: none !important; }
.d-inline {display: inline !important; }
.d-inline-block {display: inline-block !important; }
.d-block {display: block !important; }
.d-table {display: table !important; }
.d-table-row {display: table-row !important; }
.d-table-cell {display: table-cell !important; }
.d-flex {display: flex !important; }
.d-inline-flex {display: inline-flex !important; }
.justify-content-start {justify-content: flex-start !important; }
.justify-content-end {justify-content: flex-end !important; }
.justify-content-center {justify-content: center !important; }
.justify-content-between {justify-content: space-between !important; }
.justify-content-around {justify-content: space-around !important; }
.align-items-start {align-items: flex-start !important; }
.align-items-end {align-items: flex-end !important; }
.align-items-center {align-items: center !important; }
.align-items-baseline {align-items: baseline !important; }
.align-items-stretch {align-items: stretch !important; }
.align-content-start {align-content: flex-start !important; }
.align-content-end {align-content: flex-end !important; }
.align-content-center {align-content: center !important; }
.align-content-between {align-content: space-between !important; }
.align-content-around {align-content: space-around !important; }
.align-content-stretch {align-content: stretch !important; }
.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.float-none { float: none !important; }
.position-static { position: static !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed { position: fixed !important; }
.position-sticky { position: sticky !important; }
.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }
.shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
.shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
.shadow-none { box-shadow: none !important; }
.w-20 { width: 20% !important; }
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }
.h-25 { height: 25% !important; }
.h-50 { height: 50% !important; }
.h-75 { height: 75% !important; }
.h-100 { height: 100% !important; }
.h-auto { height: auto !important; }
.mw-100 { max-width: 100% !important; }
.mh-100 { max-height: 100% !important; }
.m-0 { margin: 0 !important; }
.mt-0,.my-0 { margin-top: 0 !important; }
.mr-0,.mx-0 { margin-right: 0 !important; }
.mb-0,.my-0 { margin-bottom: 0 !important; }
.ml-0,.mx-0 { margin-left: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.mt-1,.my-1 { margin-top: 0.25rem !important; }
.mr-1,.mx-1 { margin-right: 0.25rem !important; }
.mb-1,.my-1 { margin-bottom: 0.25rem !important; }
.ml-1,.mx-1 { margin-left: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.mt-2,.my-2 { margin-top: 0.5rem !important; }
.mr-2,.mx-2 { margin-right: 0.5rem !important; }
.mb-2,.my-2 { margin-bottom: 0.5rem !important; }
.ml-2,.mx-2 { margin-left: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.mt-3,.my-3 { margin-top: 1rem !important; }
.mr-3,.mx-3 { margin-right: 1rem !important; }
.mb-3,.my-3 { margin-bottom: 1rem !important; }
.ml-3,.mx-3 { margin-left: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.mt-4,.my-4 { margin-top: 1.5rem !important; }
.mr-4,.mx-4 { margin-right: 1.5rem !important; }
.mb-4,.my-4 { margin-bottom: 1.5rem !important; }
.ml-4,.mx-4 { margin-left: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.mt-5,.my-5 { margin-top: 3rem !important; }
.mr-5,.mx-5 { margin-right: 3rem !important; }
.mb-5,.my-5 { margin-bottom: 3rem !important; }
.ml-5,.mx-5 { margin-left: 3rem !important; }
.p-0 { padding: 0 !important; }
.pt-0,.py-0 { padding-top: 0 !important; }
.pr-0,.px-0 { padding-right: 0 !important; }
.pb-0,.py-0 { padding-bottom: 0 !important; }
.pl-0,.px-0 { padding-left: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.pt-1,.py-1 { padding-top: 0.25rem !important; }
.pr-1,.px-1 { padding-right: 0.25rem !important; }
.pb-1,.py-1 { padding-bottom: 0.25rem !important; }
.pl-1,.px-1 { padding-left: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.pt-2,.py-2 { padding-top: 0.5rem !important; }
.pr-2,.px-2 { padding-right: 0.5rem !important; }
.pb-2,.py-2 { padding-bottom: 0.5rem !important; }
.pl-2,.px-2 { padding-left: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.pt-3,.py-3 { padding-top: 1rem !important; }
.pr-3,.px-3 { padding-right: 1rem !important; }
.pb-3,.py-3 { padding-bottom: 1rem !important; }
.pl-3,.px-3 { padding-left: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.pt-4,.py-4 { padding-top: 1.5rem !important; }
.pr-4,.px-4 { padding-right: 1.5rem !important; }
.pb-4,.py-4 { padding-bottom: 1.5rem !important; }
.pl-4,.px-4 { padding-left: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.pt-5,.py-5 { padding-top: 3rem !important; }
.pr-5,.px-5 { padding-right: 3rem !important; }
.pb-5,.py-5 { padding-bottom: 3rem !important; }
.pl-5,.px-5 { padding-left: 3rem !important; }
.m-auto { margin: auto !important; }
.mt-auto,.my-auto { margin-top: auto !important; }
.mr-auto,.mx-auto { margin-right: auto !important; }
.mb-auto,.my-auto { margin-bottom: auto !important; }
.ml-auto,.mx-auto { margin-left: auto !important; }
.text-justify { text-align: justify !important; }
.text-nowrap { white-space: nowrap !important; }
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }
.font-weight-light { font-weight: 300 !important; }
.font-weight-normal { font-weight: 400 !important; }
.font-weight-bold { font-weight: 700 !important; }
.font-italic { font-style: italic !important; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.visible { visibility: visible !important; }
.invisible { visibility: hidden !important; }
/********** BOOTSTRAP 4 end **********/

.whatsapp-button {
    position: fixed;
    bottom: 80px;
    right: 12px;
    background-color: #25d366;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    /* Centralize o ícone verticalmente */
    line-height: 60px;
    z-index: 9999;
}

.overflowItens {
    overflow: auto;
    height: 600px;
}
.overflowItens::-webkit-scrollbar {
    width: 2px; /* Largura da barra de rolagem */
}
.overflowItens::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Cor do "puxador" da barra de rolagem */
    border-radius: 0px; /* Borda arredondada do "puxador" */
}

.overflowItens::-webkit-scrollbar-track {
    background-color: #eee; /* Cor da área de fundo da barra de rolagem */
}