html :where(img) {height: auto; max-width: initial;}

.hero { height: auto; overflow: hidden; background-image: url("../images/conta-corrente/pattern-bg.png"); background-position: top left; background-repeat: no-repeat;	background-size: contain; 	position: relative; }
.hero__image { width: 45%; height: 100%; position: absolute; top: 0; right: 0; background: url("../images/consorcio/img-banner.png"); background-size: contain; background-position: top right; background-repeat: no-repeat; }
@media only screen and (min-width: 1040px) and (max-width: 1440px){.hero__image { width: 50%; }}
@media (max-width: 990px) { .hero__image { display: none;}  }

.hero__description .t-breadcrumbs, .hero__description .t-breadcrumbs a, .hero__description .t-breadcrumbs .breadcrumb_last { color: var(--t-blue); }
.hero__description .t-breadcrumbs a:hover { color: var(--t-blue); opacity: 0.8; text-decoration: underline; }
.hero__description { padding-bottom: 140px; width: 60%; padding-left: 15px}
.hero__description small {font-size: 16px}
.hero__description h1 {font-size: 3.5rem; font-weight: bold;}
.hero__description p {font-size: 1.5rem}

.banner_topo{	
	overflow: hidden;
    background-image: url(https://www.tribanco.com.br/wp-content/uploads/2024/08/grupo-exclusivo-desktop2.jpeg);
    background-size: 100%;
    position: relative;
    height: 680px;
    background-repeat: no-repeat;
}

@media (max-width: 990px) {.hero__description {width: 100%; padding-left: 15px; padding-right: 15px; padding-bottom: 20px}}

.sobre-consorcio {font-size: 1.9rem}
.card-noborder p {font-size: 1.2rem}
.card-border h3 {font-size: 1.5rem}
.card-border {position: relative; background: var(--t-horizontal-gradient); padding: 2px; border-radius: 8px;}	
.card-border .cor-fundo-branco {min-height: 320px; border-radius: 6px;}
.card-border .icon-arrows {position: absolute; left: -22px; top: 50%; height: 15px}
@media (max-width: 990px) {
	.card-border .icon-arrows {display: none;}
	.card-border {margin-bottom: 15px;}
}

/* Formulario */
form.form-lead {
   background: var(--t-white);
    padding: 15px;
    box-shadow: 14px 22px 25px 0px rgba(10, 29, 50, 0.11);
    border: 1px solid rgba(112, 112, 112, 0.15);
    position: absolute;
    top: 30%;
    z-index: 99;
    right: 90px;
    border-radius: 32px;
    width: 100%;
    max-width: 420px;
    zoom: 0.96;
}

form.form-lead.fixed-form {
    position: fixed;
    top: -1px;
    background-color: #1D4674;
    cursor: pointer;
}

form.form-lead.fixed-form h2.titulo {
    color: var(--t-white);
    margin: 0px 0px 0px;
}

form.form-lead.fixed-form h2.titulo b {
    display: inline-block;
    width: 100%;
    color: var(--t-cyan);
}

form.form-lead.fixed-form .other {
    display: none;
}

form.form-lead h2.titulo {
    color: var(--t-cyan);
    font-size: 20px;
    margin: 0px 0px 15px;
    padding: 0px;
    line-height: 26px;
    text-align: center;
}

form.form-lead h2.titulo b {
    display: inline-block;
    width: 100%;
    color: #1D4674;
}

form.form-lead a.termo {
    text-align: center;
    color: #1D4674;
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline;
    display: block;
    margin: 15px auto 0px;
}

form.form-lead p {
    font-size: 15px;
    color: #1D4674;
    font-weight: 400;
    line-height: normal;
    margin: 15px 0px;
}

form.form-lead p br {
    display: none;
}

form.form-lead p a {
    color: #1D4674;
    text-decoration: none;
    font-weight: 700;
}

form.form-lead .form-check {
    margin-bottom: 22px;
    padding-left: 0;
}

form.form-lead .form-check .wpcf7-list-item {
    margin-left: 0;
}

form.form-lead .form-check label {
    color: #383838;
    font-size: 15px;
    font-weight: 500;
}

form.form-lead .buttonDiv {
    height: 60px;
}

form.form-lead .buttonDiv .btn-form {
    background-color: var(--t-cyan);
    border: 2px solid var(--t-cyan);
    color: var(--t-white);
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 auto;
    display: block;
    padding: 10px 65px;
    border-radius: 8px;
}

form.form-lead .buttonDiv .btn-form:hover {
    background-color: var(--t-white);
    color: var(--t-cyan);
    border: 2px solid var(--t-cyan);
}

form.form-lead .form-group {
    margin-bottom: 1.2em;
}

form.form-lead .form-group label, form.form-lead .wpcf7-list-item-label {
    color: #1D4674;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 3px;
}

form.form-lead .form-group input.form-control {
    padding: 15px;
}

form.form-lead .form-group select.form-control {
    height: 38px;
}
 .banner_topo_mobile{
   display:none;
}
@media (max-width: 767px) {
	 form.form-lead { position: relative; top: 0; left: 5%; margin: 10px 0; border-radius: 20px; width: 90%; max-width: 90%; border: 1px solid #ccc; box-shadow: 0px 0px 21px -4px #ccc; }
	 form.form-lead h2.titulo { font-size: 17px; margin: 10px 0px 20px; }
     .banner_topo{
     	display:none;
     }
     .banner_topo_mobile{
     	display:block;
     }
      .banner_topo_mobile img{
     	display:block;
        width: 100%;
     }
}

@media (min-width: 1250px) and (max-width: 1550px){
	.banner_topo {
		height: 600px;
	}
}

@media (min-width: 1800px){
	.banner_topo {
		 height: 790px;
	}
}

@media (min-width: 1000px) and (max-width: 1500px) {
	 form.form-lead { zoom: 0.9; top: 300px; }
	 form.form-lead .form-group label { font-size: 18px; font-weight: 400; }
	 form.form-lead p { font-size: 16px; line-height: initial; }
}

@media (min-width: 1000px) and (max-width: 1366px) {
	 form.form-lead { zoom: 0.85; top: 270px;max-width: 428px; }
	 form.form-lead .form-group label { font-size: 18px; font-weight: 400; }
	 form.form-lead p { font-size: 16px; line-height: initial; }
}

/* Fim formulario */


.modalidades .card-image {min-height:500px; display: flex; flex-direction: column; border-radius: 8px; background: var(--t-blue);}
.modalidades .card-imoveis {background: transparent url(../images/consorcio/img-imoveis.png) no-repeat; background-position: center; background-size: cover;}
.modalidades .card-servicos {background: transparent url(../images/consorcio/img-servicos.png) no-repeat; background-position: center; background-size: cover;}
.modalidades .card-veiculos {background: transparent url(../images/consorcio/img-veiculos.png) no-repeat; background-position: center; background-size: cover;}
.modalidades .card-image div {flex: auto; opacity: 0;}
.modalidades .card-image button.btn {align-self: start; opacity: 0;}
.modalidades .card-image:hover {background: var(--t-blue);}
.modalidades .card-image:hover div {opacity: 1; transition: all 0.5s ease;}
.modalidades .card-image:hover button.btn {opacity: 1; transition: all 0.5s ease;}
@media (max-width: 990px) {.modalidades .card-image {margin-bottom: 15px;}}

.contemplacoes .container {border-radius: 8px}
.contemplacoes h2 {font-weight: 700;}
.contemplacoes p {font-size: 1rem;}
.contemplacoes h3 {font-weight: 400; font-size: 1rem; text-transform: uppercase;}
.formas-conteudo h4 {font-size: 1.25rem; font-weight: 700;}
.formas-conteudo p {font-size: 1rem;}
.formas-numero {color: #D8EFB9; font-weight: 700; font-size: 2rem}
.formas-item {height: auto; position: relative; padding-left: 25px; padding-top: 15px; overflow: hidden; display: grid; grid-template-columns: 40px 1fr; gap: 15px; cursor: pointer; transition: all 0.5s ease;}
.formas-item::before {content: ''; width: 10px; height: 100%; background: #D8EFB9; display: block; position: absolute; left: 0;}
.forma-desativada {opacity: 0.5; height: 68px; transition: all 0.5s ease}

.parceiros {background-image: url(../images/consorcio/img-simulacao.png); background-repeat: no-repeat; background-size: contain; background-position: left center;}
@media(max-width: 990px) {.parceiros{background-image: none;}}

.parceiros h2 {font-size: 2rem;}
.parceiros p {font-size: 1.25rem}
.parceiro-item p {font-size: 1rem}
.parceiro-item {margin: 4.5rem 0}


.consorcio-faq {margin-top: 120px;}
.consorcio-faq h2 {font-size: 1.8rem}
.consorcio-faq p {font-size: 1.2rem} 
.consorcio-faq .card {border: none;border-bottom: 1px dashed #054375;}
.consorcio-faq .card-header .btn-link:not(.collapsed) {background: transparent;color: #000000;}
.consorcio-faq .card-header .btn-link:not(.collapsed)::after {background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%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") no-repeat center;}
.consorcio-faq .card-header .btn-link:focus {border: none;}
.consorcio-faq .card-header .btn-link:not(.collapsed) {box-shadow: none;}
.consorcio-faq .card-header .btn-link {color: #054375;font-size: 18px;font-weight: 700; text-align: left}
.consorcio-faq .card-header .btn-link strong {font-size: 20px;display: inline-block;margin-right: 10px;}
@media (min-width: 990px) {
	.consorcio-faq .card-header .btn-link {font-size: 24px;}
	.consorcio-faq .card-header .btn-link strong {font-size: 32px; margin-right: 16px;}
}
.consorcio-faq .card-header {background:none; border: none;}
.consorcio-faq .card-header .btn-link::after {content: ''; display: inline-block; width: 20px; height: 20px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%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") no-repeat center; background-size: contain; position: absolute; right: 0; top: 35px; transform: rotate(180deg); }
.consorcio-faq .card-header .btn-link.collapsed::after {transform: rotate(0);}
.consorcio-faq .card-header .btn-link:active, .consorcio-faq .card-header .btn-link:hover {text-decoration: none}

/* Modal Tribanco */
#tribancoModalConsorcio .modal-content { background-color: var(--t-blue); color: var(--t-white); padding: 25px 100px; }
#tribancoModalConsorcio .modal-content .modal-title { text-align: center; margin-left: 20%; font-weight: 700; font-size: 20px; color: var(--t-white); }
#tribancoModalConsorcio .modal-content .modal-title span { font-weight: 400; font-size: 18px; color: var(--t-white); }
#tribancoModalConsorcio .modal-content .modal-header { border-bottom: none; }
#tribancoModalConsorcio .modal-content .modal-footer { border-top: none; }
#tribancoModalConsorcio .modal-content input:not([type='checkbox']) { border-radius: 0; border: 1px solid var(--t-white); background: transparent; height: 56px; font-size: 14px; color: var(--t-white); }
#tribancoModalConsorcio .modal-content select { border-radius: 0; border: 1px solid var(--t-white); background: transparent; height: 56px; color: var(--t-white); font-size: 14px; }
#tribancoModalConsorcio .modal-content .select select { -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/icones/down.svg); background-repeat: no-repeat; background-position: right 15px center; background-repeat: no-repeat; }
#tribancoModalConsorcio .modal-content .form-control option { color: #000; }
#tribancoModalConsorcio .modal-content input::placeholder { color: #F5F7F8; font-size: 14px; }
#tribancoModalConsorcio .modal-content .height { height: 18px; margin-bottom: 0; }
#tribancoModalConsorcio .modal-content .modal-footer { display: block; margin-top: -20px; }
#tribancoModalConsorcio .modal-content .modal-footer .btn-access { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 11px 32px; width: 363px; height: 47px; background: var(--t-white); border: 1px solid #B0BEC5; box-sizing: border-box; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1); border-radius: 4px; font-style: bold; font-weight: 700; font-size: 18px; line-height: 150%; text-align: center; color: var(--t-blue); text-decoration: none; }
#tribancoModalConsorcio .modal-content .information-label { font-weight: 400; font-size: 14px; color: var(--t-white); line-height: 200%; }
#tribancoModalConsorcio .modal-content .information-label a { color: var(--t-white); text-decoration: underline; }
#tribancoModalConsorcio .modal-footer {padding: 0.75rem 0;}