.sobre {padding: 0 0 67px;}
.sobre .conteudo {display: flex;background: #f2f2f2; justify-content: space-between; flex-direction: row; align-items: center; position: relative; gap: 20px;}
.sobre .conteudo::before {content: ''; position: absolute;left: -30px;right: 0px;top: -30px;bottom: 0px;width: 300px;height: 300px;background-color: #2e2e2e !important;z-index: -1;}
.sobre .conteudo::after {content: ''; position: absolute;right: -30px;bottom: -30px;width: 300px;height: 300px;background-color: #2e2e2e !important;z-index: -1;}
.sobre .img-central {width: 533px; height: auto; position: relative;}
.sobre .img-central img {width: 100%; height: 100%; object-fit: contain;}
.sobre .info {flex: 0 0 var(--flex-info); padding: 0 5% 0 0}
.sobre .info .titulo {font: 600 35px / 1.5 raleway; color: var(--preto-seg); font-style: italic; margin: 0 0 41px;}
.sobre .info .titulo b {font-weight: 800; color: var(--vermelho-qua); font-style: normal;}
.sobre .info .texto {font: 400 15px / 27px montserrat; color: var(--preto)}
.sobre .info .btn {margin: 51px 0 0; border-radius: 18.34px; background-color: var(--vermelho); color: var(--branco); font: 500 12.1px / 23.34px montserrat; text-align: center; padding: 0 20px; display: block; max-width: 115px; text-transform: uppercase;  transition: 0.4s; height: 36px; display: grid; place-content: center; place-items: center;}
.sobre .info .btn:hover {cursor: pointer; background-color: var(--preto);}

/* .sobre .img-central::before {content: ''; border-top: 45px solid #f2f2f2; border-left: 0 solid transparent; border-right: 45px solid transparent;  height: 0; width: 0; display: block; z-index: 100; position: absolute; left: 0; top: 0;}
.sobre .img-central::after {content: ''; border-bottom: 45px solid #f2f2f2; border-left: 45px solid transparent; border-right: 0px solid transparent; height: 0; width: 0; display: block; z-index: 100; position: absolute; right: 0; bottom: 0;} */

@media (max-width:1150px){     
     .sobre .info .titulo {text-align: center;}
     .sobre .conteudo {flex-direction: column; justify-content: center; align-items: center;}
     .sobre .info {flex: auto; padding: 0 5% 5%;}
     .sobre .info .btn {margin: 51px auto 0;}
}
@media (max-width:990px){
     .sobre {padding: 0 0 65px;}
     .sobre .info .btn {margin: 25px auto 0;}
     .sobre .info .titulo {font-size: 32px; line-height: 42px; margin: 0 0 15px;}
}
@media (max-width:600px){
     .sobre .img-central {width: 100%;}
     .sobre .conteudo::before {left: -10px;top: -10px;}
     .sobre .conteudo::after {right: -10px;bottom: -10px;}
}