.seguros {display: flex; gap: 10px 0; flex-wrap: wrap;padding: 50px 0 60px;}
.seguros .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 .seguro-item:hover {box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);}
.seguros .seguro-item .seguro-img {width: 100%;}
.seguros .seguro-item img{width: 100%; height: auto; aspect-ratio: 1/1; object-fit: contain; max-height:62px; max-width: 62px;}
.seguros .seguro-item > * {font:300 1.1162rem roboto; color: #81838a;}
.seguros .seguro-item > * b {font: 700 1.3294rem roboto; color: #363638;}

.seguros > div {overflow: hidden; position: relative;}
.seguros .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 .seguro-item .conteudo .item.child a p {font: 500 16px roboto; transition: var(--transition2); color: var(--preto); opacity: 0.2;}
.seguros .seguro-item .conteudo .item.child:hover a p {opacity: 1;}
.seguros .seguro-item:hover .conteudo {left: 0;}

.formulario .form-container {display: flex; gap: 40px 20px; flex-wrap: wrap; justify-content: center; align-items: center;}  
.formulario .form-container .form-group {display: flex; flex-direction: column; gap: 10px;}
.form-group:first-child {flex: 1 1 calc(50% - 15px)}
.form-group:nth-child(n+2):nth-child(-n+5){flex: 1 1 calc(25% - 20px);}
.form-group:nth-child(6) {flex: 1 1 calc(50% - 15px)}
.form-group:is(:nth-child(7),:nth-child(8)) {flex: 1 1 calc(25% - 20px)}
.form-group:nth-child(9) {flex: 1 1 calc(50% - 15px)}
.form-group:nth-child(n+10) {flex: 1 1 calc(33% - 20px);}
.formulario {font: 400 18px roboto; padding: 80px 0 90px;}
.formulario .form-group select,
.formulario .form-group input {background: #D6E6F6; border: 0; outline: 0; height: 45px; padding-left: 20px; font-size: 18px;}
.formulario button {flex: 1 1 100%; background: #0085AC; border: 0; outline: 0; z-index: 1; height: 50px; font: 700 17.3px montserrat; cursor: pointer; color: var(--branco); text-transform: uppercase; transition: var(--transition2); position: relative;}
.formulario button::after {content: ''; position: absolute;background: var(--preto); width: 0; height: 100%; left: 0; top: 0; transition: var(--transition3) ease-in-out; z-index: -1;}
.formulario button:hover::after {width: 100%;}

@media(max-width: 1100px){
    .form-group:nth-child(n+1) {flex: 1 1 100%;}
    .formulario .form-container  {gap: 25px;}
    .formulario {padding: 30px 0;}
}

@media(max-width: 990px) {
    .seguros .seguro-item {flex: 1 1 33%;}
}

@media(max-width: 600px){
    .seguros .seguro-item {flex: 1 1 45%;}
}