/* @import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Inter:400,600&display=swap');


/*
body {
    font-family: "Red Hat Display", sans-serif;
}
*/

body {
    font-family: "Inter", sans-serif!important;
}

.cA0 {
    background: #FFF;
}

.cA1 {
    color: #00214D;
}

.bA1 {
    background: #00214D;
}

.cA2 {
    color: #00A7E5;
}

.bA2 {
    background: #00A7E5;
}

.bA4 {
    background: #2563EB;
}

.cA3 {
    color: #00367C;
}

.cA4 {
    color: #2563EB;
}

.cB1 {
    color: #262626;
}

.cB2 {
    color: #404040;
}

.cB3 {
    color: #595959
}

.cB4 {
    color: #333333;
}

.bA3 {
    background: #00367C;
}

.bC1 {
    background: #F2F2F2;
}
.bC5{
    background-color:#BFBFBF
}
.bC6{
    background-color: #EFEFEF;
}

.m-40 {
    margin: 40px 0;
}

.m-70 {
    margin: 70px 0;
}

.bC2 {
    background-color: #EBEBEB;
}

.bC3 {
    background-color: #E6E6E6;
}
.bC5{ background-color: #CCCCCC;}
.bB1 {
    background-color: #262626;
}

.bG {
    background: url(../images/bg-linear.png) repeat-x top left #E6E6E6;

}
.bT3{
    background-color: #00BDAE;
}
.bT4{
    background: #00BDAE;
	border: 1px solid #00BDAE;
}

.bT5{
    background: #FFF;
	border: 1px solid #CCCCCC;
}

.cT3{
    color: #00BDAE;
}
.bV1,
.text-bg-success {
    background-color: #40BF7C !important;
}

.text-bg-primary {
    background-color: #00367C !important;
}

.text-bg-info {
    background-color: #00A7E5 !important;
}

.text-bg-danger {
    background-color: #E51A1A !important;
}
.text-danger{
    color: #FF3B30 !important; 
}
.fs-11 {
    font-size: 11px;
}
.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 15px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-19 {
    font-size: 19px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 30px;
}

.fs-36 {
    font-size: 36px;
}

.fs-40 {
    font-size: 40px;
}

.fs-44 {
    font-size: 44px;
}

.fs-48 {
    font-size: 48px;
}
.fs-56{
    font-size: 56px;
}
.p-70 {
    padding: 70px 0;
}
.p-90 {
    padding: 90px 0;
}
.alert-warning {
    --bs-alert-color: #956404;
    --bs-alert-bg: #FFF3CD;
    --bs-alert-border-color: #F4E0A0;
}

.p-15 {
    padding: 15px 0 15px 0;
}
.alert-success {
    --bs-alert-color: #345724;
    --bs-alert-bg: #D4EDDA;
    --bs-alert-border-color: #C3E6CB;
}
.v1{
    background-color: #345724;
}
.cV1{
  color: #345724;  
}
.h-azul,
.h-top,
.h-border,
.h-borderA,
.h-bC2,
.h-b {

    transition: all .5s;

}

.h-azul:hover {
    color: #00A7E5 !important;
}

.h-top:hover {
    margin-top: 0 !important;
    box-shadow: 0px 6px 10px #00000033;

}

.h-bC:hover {
    background: #F2F2F2;
}


.h-bC2:hover {

    background: #B2B2B2;

    color: #404040 !important;

}

.bB1 .h-bC:hover {
    color: #262626 !important;
}


.h-b:hover, .active-borderB{
    background-color: #00367C !important;
    color: #fff !important;
}

.h-borderA, .active-borderA {
    border: 2px solid transparent;
}


.h-borderA:hover , .active-borderA{
    border-color: #00A7E5 !important;
}

.h-border:hover {
    border: 1px solid #eee;
}

.h-color:hover {
    color: #00A7E5 !important;
    font-weight: bold;
}

.borderA{
    border-color: #00A7E5 !important;
}

.fw-bold {
    font-weight: 800 !important;
}
.fw-800{
font-weight: 900 !important;
}
.end-4{
    top:15px;
    right: 15px;
 }
a,
a:hover {
    text-decoration: none;
}

header,
header,
section,
footer {
    width: 100%;
    float: left;
}

header {
    padding-top: 90px;
}

.logo {
    text-indent: -50000000000px;
    width: 215px;
    height: 50px;
    margin: 20px 0;
    float: left;
    background: url(../images/logo-jusconsulta.svg) no-repeat center;
}

.logo h1 {
    margin-bottom: 0;
}

.detalhe-menu {
    width: 690px;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -345px;
    bottom: 0;
    background: #00367C;
    border-radius: 15px 15px 0 0;
}

.detalhe-texto {
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #1C446C;
    border-radius: 10px;
}
.ps-h-50{

    height: 50px;

}

.pesquisa {
    border: 1px solid #E5E5E5;
}

.pesquisa input {
    padding: 20px 30px;
    border: none;
    box-shadow: none !important;
}

.pesquisa button {
    padding: 20px 30px;
    background: none !important;
}

.ultimas {
    padding: 115px 0;
}

.btn-outline-dark {
    border: 1px solid #000;
}

.categoria-rodape {
    padding: 100px 0;
}

.l-banco{

    width: 80px;

    height: 70px;

    position: relative;

}

.l-banco img{
    position: absolute;
    max-width: 99%;
    max-height: 99%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.form-m{
    max-width: 430px;
    width: 100%;
}

.numero-item {
    font-weight: 800;
    font-size: 136px;
}
.popup{ 
    z-index: 99999999999;
    opacity: 1 !important;
    background: #00000070;
}
.seg-popup{
    max-width: 550px;
    width: 100%;
}
.breadcrumb-item+.breadcrumb-item::before {
    background: url(../images/i-nav.png) no-repeat center;
    text-indent: -999999999px;
    margin-right: 10px;
}
.forma-pagamentos .nav-link {
    text-align: center;
    border-bottom: 1px solid #00BDAE !important;
}
.forma-pagamentos .cartao.active{
    color:#2563EB;
    border-bottom: 2px solid #2563EB !important;
}
.forma-pagamentos .pix.active{
    color: #00BDAE;
    border-bottom: 2px solid #00BDAE !important;
}
.forma-pagamentos .cartao:hover{
    color:#2563EB;
    background: #F2F2F2;
}
.bB1 .accordion-button:not(.collapsed) {
    border-bottom: 1px solid #ffffff9f;
}

.bB1 .accordion-button:not(.collapsed)::after,
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23262626'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.active>.page-link,
.page-link.active {
    z-index: 3;
    color: #fff;
    background-color: #2563EB;
    border-color: #2563EB;
}

.bg-linear {
    position: relative;
    margin-top: -80px;
    background: #FFF;
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
}
.bg-linearCinza {
    background:#F2F2F2;
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F2F2F2 70%);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%,  #F2F2F2 70%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%,  #F2F2F2 70%);
}


.bg-linearCinza2 {
    background:#b2b2b29e;
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 48%, #b2b2b29e 112%);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 48%, #b2b2b29e 112%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 48%, #b2b2b29e 112%);
}

.timeline span.s1{
    width: 38px;
    height: 38px;
    float: left;
    left: -19px;
    top: 0;
    border: 5px solid #fff;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;   
}
.timeline span.s2{
    width: 18px;
    height: 18px;
    float: left;
    left: -9px;
    top: 0;
    border: 5px solid #fff;    
}
.timeline li::marker{
    font-size: 25px;
}

#myTab .nav-link.active {
    border-color: #1C446C;
}

#myTab .nav-link {
    border-bottom: 3px solid transparent;
}

.filtro::after{
    display: none;
}

.accordion-button:not(.collapsed) {
    box-shadow: none !important;
    border-bottom: 1px solid #eee;
    color: #262626;
    background-color: transparent !important;
}

.categoria-rodape .owl-carousel .owl-nav button.owl-next,
.categoria-rodape .owl-carousel .owl-nav button.owl-prev {
    width: 20px;
    height: 40px;
    text-indent: -9999999px;
    position: absolute;
    top: 50%;

    margin-top: 78px;
}

.categoria-rodape .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/prox_b.png) no-repeat !important;
    margin-left: -5%;
}

.categoria-rodape .owl-carousel .owl-nav button.owl-next {
    background: url(../images/ant_b.png) no-repeat !important;
    margin-right: -5%;
    right: 0;

}

.processos .owl-carousel .owl-nav button.owl-next {
    background: url(../images/ant_p.png) no-repeat !important;
    margin-right: -5%;
    right: 0;
}

.processos .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/prox_p.png) no-repeat !important;
    margin-left: -5%;
}

.processos .owl-carousel .owl-nav button.owl-next,
.processos .owl-carousel .owl-nav button.owl-prev {
    width: 20px;
    height: 30px;
    text-indent: -9999999px;
    position: absolute;
    top: 50%;
    margin-top: 112px;
}
.owl-dot {
    background: #CCCCCC !important;
    height: 10px;
    width: 10px;
    margin: 0 3px;
    border-radius: 10px;
}

.owl-dots {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.owl-dot.active {
    background: #2563EB !important;
}

.owl-nav {
    position: absolute;
    width: 100%;
    top: 0;
}

@media (min-width: 1140px) {
    .col-lg-2-5 {
        flex: 0 0 auto;
        width: 20%;
    }
}
@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 1030px !important;}
}
@media (min-width: 576px) {
    .w-md-50 {
        width: 50% !important;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1440px;
    }
}

@media (max-width: 1400px) {
    .container {
        max-width: 1380px;
    }

    .owl-carousel .owl-nav button.owl-prev {
        margin-left: 8px;
    }

    .owl-carousel .owl-nav button.owl-next {
        margin-right: 8px;
    }

}

@media (max-width:1200px) {}

@media (max-width:990px) {
    .girar {
        transform: rotate(90deg);
    }

}

@media (max-width: 768px) {
    .fs-40, .fs-38  {
        font-size: 33px;
    }
    .fs-56{
         font-size: 40px;
    }

    .fs-30 {
        font-size: 25px;
    }

    .fs-20 {
        font-size: 18px;
    }

    .fs-24 {

        font-size:20px;

    }
    .fs-48 {
        font-size: 32px;
    }

    .detalhe-menu {
        width: 90%;
        left: 5%;
        margin-left: 0;
    }

    .p-90,
    .ultimas,
    .categoria-rodape {
        padding: 50px 0;
    }

    .numero-item {
        font-size: 90px;
    }

    .text-id {}
}

@media (max-width: 450px) {
    .pesquisa button {
        padding: 20px 15px;
    }

    .pesquisa input {
        padding: 20px 17px;
        font-size: 13px;
    }
}