/* Section Nav Menu */

.navbar-light .navbar-nav .nav-link.active {
    color: var(--color-secondary-500);
}

.navbar-light .navbar-nav .nav-link:hover {
    color: var(--color-secondary-300);
}


.navbar-light .navbar-nav .nav-link {
    font-family: var(--body-font-family);
    margin-right: var(--spacing-5);
    font-size: var(--font-size-md);
    text-transform: none;
    outline: none;
    font-weight: var(--font-weight-semibold);
}

.navbar .nav-item:hover .dropdown-menu > .dropdown-item {
    font-family: var(--body-font-family);
    margin-right: var(--spacing-5);
    padding: var(--spacing-1) var(--spacing-3);
    font-size: var(--font-size-md);
    text-transform: none;
    outline: none;
    font-weight: var(--font-weight-semibold);
}

.nav-bar > .navbar {
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-lg);
    background-color: var(--color-neutral-white)!important;
}

.nav-bar.sticky-top > .navbar {
    border-radius: var(--radius-none)!important;
}

/* Section Intro */

h1.display-5.animated.fadeIn.mb-4 {
    font-size: var(--heading-h2-size);
    font-family: var(--body-font-family);
}

/* Esquerda */

.container-fluid.header .row .col-md-6.p-3.mt-lg-5 {
    background-color: var(--color-neutral-white);
    margin-top: var(--spacing-0)!important;
    padding: var(--spacing-5)!important;
}

.container-fluid.header .row .col-md-6.p-3.mt-lg-5 h3 {    
    color: var(--color-primary-500)!important;
    font-family: var(--body-font-family);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-medium);
    margin-bottom: var(--spacing-0)!important;
}

.container-fluid.header .row .col-md-6.p-3.mt-lg-5 .btn i {
    margin-right: 8px;
}

.container-fluid.header .row .col-md-6.p-3.mt-lg-5 h2 {
    color: var(--color-neutral-900)!important;
    font-family: var(--body-font-family);
    font-size: var(--font-size-hg);
    font-weight: var(--font-weight-medium);
}

.container-fluid.header .row .col-md-6.p-3.mt-lg-5 p {
    color: var(--color-neutral-600)!important;
    font-family: var(--body-font-family);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-regular);
}

/* Section Planos */
.planos .container-xxl.py-3 {
   padding: var(--spacing-0) var(--spacing-0)!important;
}

.container .text-center h1 {
    color: var(--color-neutral-900)!important;
    font-family: var(--body-font-family);
    font-size: var(--font-size-xxxl);
    font-weight: var(--font-weight-medium);
}

/* Customizar Item do Plano*/
.cat-item {
    background-color: var(--color-neutral-white);
    border: none!important;
    border-radius: 15px;
    box-shadow: var(--shadow-sm);
    font-size: var(--heading-h3-size);
    font-family: var(--body-font-family);
}

#planos .row>* {
    margin-top: 0;
}

.cat-item div {
    background: #00a0df75;
    transition: .5s;
    border-radius: 10px;
}

.text-primary {
    color: #00A0DF !important;
}

.text-muted {
    color: #ffffff !important;
}

.btn.btn-primary, .btn.btn-secondary {
    color: #FFFFFF;
    background-color: #F58634;
    border-color: #F58634;
}
.cat-item:hover {
    border-color: var(--color-primary-800)!important;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.cat-item p {
    color: #000000;
}

.cat-item div:hover {
    background-color: var(--color-primary-500)!important;
}

.cat-item:hover div {
    background: var(--color-primary-500)!important;
    border-color: transparent;
}

.cat-item.d.p-5:hover {
    background-color: var(--color-secondary-500);
}

.cat-item h5.text-dark {
    color: var(--color-neutral-900)!important;
    font-family: var(--body-font-family);
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-medium);
    margin-bottom: 15px; /* Espaço abaixo do título */
    margin-top: 15px;
}

.text-center.mx-auto.mb-5.wow.fadeInUp.pt-3 {
    margin-bottom: var(--spacing-5)!important;
}

/* Planos Indicados */
#recomendacao .container-fluid {
    margin-top: 0!important;
}

#recomendacao .row.g-2{
    margin: 0;
    padding: var(--spacing-5) var(--spacing-7)!important;
}

#recomendacao .row.g-5 .text-center h2 {
    font-family: var(--body-font-family)!important;
    font-size: var(--font-size-hg)!important;
    font-weight: var(--font-weight-medium)!important;
    color: var(--color-neutral-white)!important;
}

#recomendacao .row.g-5 .text-center p {
    color: var(--color-neutral-600)!important;
    font-family: var(--body-font-family);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-regular);
}

.card-body {
    background-color: var(--color-neutral-white);
    border: none !important;
    border-radius: 15px;
    box-shadow: var(--shadow-sm);
}

/* Estilizando o título dentro do card */
.card-title.text-primary {
    color: var(--color-neutral-900) !important;
    font-family: var(--body-font-family);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-medium);
    margin-bottom: 15px; /* Espaço abaixo do título */
}

/* Estilizando o texto dentro do card */
.card-text {
    font-size: 1rem;
    color: var(--color-neutral-800);
}


/* Efeito ao passar o mouse no card */
.card-body:hover {
    border-color: var(--color-primary-800);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}


/* Estilo da imagem no card */
.card-body img {
    width: 100%; /* Imagem se ajustando ao tamanho do card */
    border-radius: 10px; /* Bordas arredondadas na imagem */
    margin-bottom: 1rem; /* Espaço inferior para imagem */
}

/* Customização do parágrafo de descrição */
.card-body p {
    font-size: 1rem;
    color: var(--color-neutral-600);
    margin-bottom: 1.5rem;
}

a.btn.btn-lg.btn-primary.btn-lg-square.back-to-top {
    width: 48px!important;
}


/* Ajustando o efeito de hover no card */


.footer-bg {
    background-color: var(--color-secondary-500)!important;
    font-family: var(--body-font-family)!important;
}

.footer {
    background-color: #a0a0a0;
}
#linksProvedor {
    width: 0;
}

.LinksProvedor h5{
    font-family: var(--body-font-family);
}
.text-white.mb-4{
    font-family: var(--body-font-family);


.Lin    ksProvedor a.link-chamada-plans{
    font-family: var(--body-font-family);
}

#ProvedorFone,#ProvedorCelular,#ProvedorEmail,#ProvedorEndereco {
    font-family: var(--body-font-family);
}

.col-md-6.p-3.mt-lg-5 span p {
    font-family: var(--body-font-family);
}

/* Breadcrumbs */

li.breadcrumb-item , li.breadcrum-item .active {
    font-size: var(--font-size-md)!important;
    font-family: var(--body-fot-family);
    text-transform: none!important;
}

li.breadcrumb-item::first-letter , li.breadcrum-item .active::first-letter {
    text-transform: capitalize!important;
}

li.breadcrumb-item a {
    color: var(--color-primary-500);
}

li.breadcrumb-item a:hover {
    color: var(--color-primary-700);
}

/* 
  }
/* Fale consco */

span.ProvedorEmail {
    font-family: var(--body-font-family);
    width: 100%;
}

p.ProvedorEndereco {
    font-family: var(--body-font-family);
    width: 100%;
}

span.ProvedorFone {
    font-family: var(--body-font-family);
    width: 100%;
}

/* Ajustes Página/Form Cadastro */
.d-flex.justify-content-center.text-center {
    margin-top: var(--spacing-7);
}

#form .row.g-3 {
    margin-bottom: var(--spacing-7);
}

#formCadastro p.col-md-6 {
    margin-bottom: var(--spacing-5);
}

/* Ajustes do botão */
.cat-item.d-block.text-center.rounded {
    background-color: var(4);
}

.cat-item.d-block.text-center.rounded:hover {
    /* Estilos para quando o mouse passa sobre o item */
    background-color: #007bff; /* Cor de fundo ao passar o mouse */
    color: #fff; /* Cor do texto ao passar o mouse */
    transform: scale(1.05); /* Aumenta um pouco o tamanho do item */
}

/* Ajustes Mobile Media Query */
@media only screen and (max-width: 600px) {

    .container-fluid.header.bg-white.p-0 .col-md-6.p-5.mt-lg-5 {
        padding: var(--spacing-4)!important;
    }

    .container-fluid.header .row .col-md-6.p-3.mt-lg-5 {
        padding: var(--spacing-4)!important;
    }

    .container-fluid.header .row .col-md-6.p-3.mt-lg-5 {
        margin-top: var(--spacing-0)!important;
    }

    #planos h1.mb-3 {
        font-size: var(--heading-h3-size);
    }

    a.btn.btn-primary {
        width: 100%!important;
    }

    #planos a.button.btn.btn-primary{
        width: 100%;
        background-color: var(--color-secondary-500);
    }

    a.btn.btn-lg.btn-primary.btn-lg-square.back-to-top {
        width: 48px!important;
    }

    #planos .btn-primary {
        background-color: var(--color-secondary-500);
    }

    .back-to-top {
        background-color: var(--color-primary-700)!important;
    }

    .d-flex.justify-content-center.text-center {
        margin-top: var(--spacing-0);
    }

    #form {
        width: 100%;
    }

    #form .row.g-3 {
        gap: var(--spacing-2);
        width: 100%;
    }

    #formCadastro .row>* {
        padding: 0px 0px;
    }

    #formCadastro #form {
        width: 100%;
        font-family: var(--body-font-family);
    }

    #formCadastro {
        width: 100%;
        padding: 24px 24px;
    }

    #formCadastro .container.gx-4 {
        padding: 0px;
        margin: 0px;
        width: 100%;
        --bs-gutter-x: 0;
    }

    .container.gx-4 .row.g-4 {
        width: 100%;
        margin: 0px;
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }

    .d-flex.justify-content-center.text-center {
        width: 100%;
    }

    #form .row {
        margin: 0;
    }

}
}