.seguros-bg {padding: 80px 0;}
.seguros-bg .seguros {display: grid; grid-template-columns: 1fr 1.8fr; gap: 60px; padding-bottom: 80px;}
.seguros .lista-seguros {display: flex; flex-direction: column; gap: 10px;}

.lista-seguros .seguro-item { cursor: pointer; position: relative; display: flex; flex-direction: column;}
.lista-seguros > div.ativo .text::after,
.lista-seguros > div.ativo .text::before {background: #fff;}
.lista-seguros .seguro-item.active .text::after {transform: rotate(180deg);}
.lista-seguros .seguro-item.active .text::before {transform: rotate(360deg)}
.lista-seguros > div .text::after,
.lista-seguros > div .text::before {content: ''; position: absolute; width: 10px; height: 3px; background: #2B2B2B; right: 20px; top: 48%; transition: var(--transition3);}
.lista-seguros > div .text::before {transform: rotate(90deg);}
.lista-seguros .seguro-item .lista-children {flex-direction: column; padding: 5px 0 10px 70px; display: none;}
.lista-seguros .lista-children > a {font: 300 1.1075rem / 2.2319rem roboto; color: #2B2B2B;}
.lista-seguros .lista-children .children-link.ativo {font-weight: 700; color: #0085AC;}
.lista-seguros .seguro-item .conteudo {display: flex; gap: 10px; flex-direction: row;}
.lista-seguros .seguro-item .text {width: 100%;position: relative; font: 400 17.72px roboto; color: #2B2B2B; background: #D6E6F4; align-items: center; display: flex; padding-left: 20px; transition: var(--transition2);}
.lista-seguros .seguro-item.ativo .text {color: #fff; background: #0085AC;}
.seguro-item.ativo .img {background: #2B2B2B;}
.seguro-item .img {aspect-ratio: 1/1; width: 63px; height: auto; transition: var(--transition2); background: #0085AC; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.seguro-item .img svg {max-width: 43px;}
/* .seguro-item .lista-children {position: absolute; bottom: 0; transform: translate(-50%, -50%); left: 50%; height: 0;} */

.seguros .conteudo {display: flex; flex-direction: column; gap: 45px;}
.seguros .conteudo .picture {max-height: 280px; overflow: hidden;}
.seguros .conteudo .picture img {width: 100%; height: 100%; object-fit: cover; object-position: bottom;}
.seguros .conteudo .titulo {font: 600 2.4369rem titilium; color: #2B2B2B;}
.seguros .conteudo .texto > *{font: 300 0.9375rem / 1.625rem roboto; color: #737373; display: inline;} 


.seguro-item .e909848d-a287-44dc-aaa9-df5764b0573f,
.seguro-item .f4082386-f2c3-4f02-8aa1-9cf7531fd9ac,
.seguro-item .a9a9a57b-e3ef-4e29-859d-c52174ccb0b6,
.seguro-item .eba16909-4116-4069-94d5-1eed7e4f918c,
.seguro-item .fef032e8-0ad8-44f4-b6cd-f1727699525a,
.seguro-item .b875f6c7-7def-4c52-aa41-74cbbf6f23c6  {stroke: #fff;}

.seguro-item .f78944c0-8b8a-4832-b081-89e8f7efe8af,
.seguro-item .b4d92a0c-84f9-42fd-8cd0-dbded780dfe2,
.seguro-item .bd245d6d-76e7-454a-9d53-b6a917231e16,
.seguro-item .b5ac23f3-9ccd-4716-a1c1-f96cf556029f,
.seguro-item .e9abf139-ce7c-487c-9e8d-79c537d2e440,
.seguro-item #fill-svg,
.seguro-item .bb4338aa-d5ed-4858-a986-8e6d5bad05eb {fill: #fff;}

.seguros .expand {display: none;}


.seguros-bg:has(> .seguros.default) {padding: 80px 0 0;}
.seguros-bg .seguros.default {display: flex; flex-direction: column; gap: 35px;}
.seguros.default .titulo-servico {text-align: center; font: 300 1.4431rem roboto; color: #81848C;}
.seguros.default .titulo-servico b{font-weight: 700; color: #363638;}
.seguros.default .seguro-selecao {display: flex; flex-wrap: wrap;}
.seguros.default .seguro-selecao > div {overflow: hidden; position: relative;}
.seguros.default .seguro-item .conteudo {position: absolute; left: -100%; transition: var(--transition2); width: 100%; height: 100%; background: var(--branco); display: flex; gap: 30px; flex-direction: column; align-items: center; justify-content: center;}
.seguros.default .seguro-item .conteudo .item.child a p {font: 500 16px roboto; transition: var(--transition2); color: var(--preto); opacity: 0.2;}
.seguros.default .seguro-item .conteudo .item.child:hover a p {opacity: 1;}
.seguros.default .seguro-item:hover .conteudo {left: 0;}
.seguros.default .seguro-item {display: flex; flex: 1 1 16%; flex-direction: column; gap: 35px; text-align: center; align-items: center; justify-content: center; transition: var(--transition2); padding: 30px 0; border-radius: 20px;}
.seguros.default .seguro-item:hover {box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);}
.seguros.default .seguro-item .seguro-img {width: 100%;}
.seguros.default .seguro-item img{width: 100%; height: auto; aspect-ratio: 1/1; object-fit: contain; max-height:62px; max-width: 62px;}
.seguros.default .seguro-item > * {font:300 1.1162rem roboto; color: #81838a;}
.seguros.default .seguro-item > * b {font: 700 1.3294rem roboto; color: #363638;}

.seguros.default .texto {font:300 15px / 26px roboto; color: #737373;}

@media(max-width: 1250px){
 .seguros-bg .seguros {display: flex; flex-direction: column;}
 .seguros .expand {display: block; padding: 20px 0; background: #0085AC; color: var(--branco); margin-bottom: 20px; transition: var(--transition2);}
 .seguros .expand.ativo {background: #2B2B2B; color: var(--branco);}
 .seguros .expand > p {font: 500 1.125rem montserrat; padding: 0 0 0 20px; position: relative; transition: var(--transition2);}
 .seguros .expand > p::before,
 .seguros .expand > p::after {content: ''; position: absolute; background-color: #fff; width: 15px; height: 3px; right: 20px; top: 50%; transition: var(--transition2);}
 .seguros .expand > p::before {rotate: 90deg;}
 .seguros .expand.ativo > p::before {rotate: 360deg;}
 .seguros .expand.ativo > p::after {rotate: 360deg;}
 .seguros > .conteudo {padding: 30px 0 0;}
 .seguros-bg .seguros {gap: 0;}
 .seguros .lista-seguros {display: none;}
 .seguros .conteudo .titulo {font-size: 1.7rem;}
 .seguros-bg {padding: 40px 0;}

}

@media(max-width: 990px){
    .seguros > .conteudo {padding: 0px;}
    .seguros-bg {padding: 15px 0;}
    .seguros-bg .seguros {padding-bottom: 30px;}
    .seguros.default .seguro-item {flex: 1 1 33%;}
}

@media(max-width: 600px) {
    .seguros.default .seguro-item {flex: 1 1 45%;}
}