#about-us{
    width:100%;
    position:relative;
    display:inline-block
}
.links-btn:hover {
    color: #000;
}
#about-us #banner{
    position:relative;
    height:350px
}
#about-us #banner .bg-abs,#about-us #banner .mask{
    top:0;
    height:100%;
    position:absolute;
    width:100%;
    left:0
}
#about-us #banner .bg-abs{
    box-shadow:30px 30px 40px rgba(0,0,0,.1);
    z-index:0
}
#about-us #banner .mask{
    background:linear-gradient(91deg,#171616 0,rgba(31,48,77,.23) 100%,rgba(0,0,0,0) 100%) no-repeat padding-box;
    mix-blend-mode:multiply;
    opacity:.75;
    z-index:1
}
#about-us #banner .img-abs{
    position:absolute;
    right:0;
    bottom:0;
    opacity:.25;
    z-index:1
}
#about-us #banner .common-limiter{
    max-width:1340px;
    padding:0;
    z-index:1
}
#about-us #banner .common-limiter .content{
    padding:180px 20px 90px;
    width:100%;
    display:inline-flex;
    justify-content:space-between
}
#about-us #banner .common-limiter .content .title{
    position:relative;
    padding-bottom:30px;
    text-align:left;
    font:normal normal 300 40px/40px Raleway;
    letter-spacing:-1.2px;
    color:#FFF
}
#about-us #banner .common-limiter .content .title b{
    font:normal normal bold 40px/40px Raleway
}
#about-us #banner .common-limiter .content .title::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:45px;
    height:2px;
    background-color:#FED130;
    display:inline-block;
    z-index:1
}
#about-us #banner .common-limiter .content .btn-back{
    display:inline-flex;
    align-items:center;
    gap:15px;
    text-align:left;
    font:normal normal 500 16px/49px Poppins;
    letter-spacing:6.4px;
    color:#FFF;
    text-transform:uppercase
}
#about-us #banner .common-limiter .content .btn-back .gg-chevron-left{
    box-sizing:border-box;
    position:relative;
    display:block;
    transform:scale(var(--ggs,1));
    width:22px;
    height:22px;
    border:2px solid transparent;
    border-radius:100px
}
#about-us #banner .common-limiter .content .btn-back .gg-chevron-left::after{
    content:"";
    display:block;
    box-sizing:border-box;
    position:absolute;
    width:10px;
    height:10px;
    border-bottom:2px solid;
    border-left:2px solid;
    transform:rotate(45deg);
    left:6px;
    top:4px
}
#about-us #quetions{
    position:relative;
    background-color:#fff
}
#about-us #quetions .img-abs{
    position:absolute;
    top:0;
    right:0;
    display:inline-block;
    height:900px;
    width:720px;
    z-index:0
}
#about-us #quetions .common-limiter{
    max-width:1340px;
    padding:0
}
#about-us #quetions .common-limiter .content{
    padding:90px 20px 130px;
    width:100%
}
#about-us #quetions .common-limiter .content .title{
    padding-top:12.5px;
    text-align:center;
    font:normal normal 300 35px/48px Raleway;
    letter-spacing:-.7px;
    color:#555553;
    position:relative
}
#about-us #quetions .common-limiter .content .title::after{
    content:'';
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:45px;
    height:2px;
    background-color:#FED130;
    display:inline-block
}
#about-us #quetions .common-limiter .content .title b{
    font:normal normal bold 35px/48px Raleway
}
#about-us #quetions .common-limiter .content .question{
    margin-top:30px;
    width:100%;
    display:inline-flex;
    flex-direction:column;
    gap:50px
}
#about-us #quetions .common-limiter .content .question li{
    width:100%;
    cursor:pointer
}
#about-us #quetions .common-limiter .content .question li.open{
    background:no-repeat padding-box #fff;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    padding:30px 25px
}
#about-us #quetions .common-limiter .content .question li.open .title-box .question-title{
    font:normal normal bold 21px/30px Raleway;
    color:#555553
}
#about-us #quetions .common-limiter .content .question li.open .title-box .mais{
    display:none
}
#about-us #quetions .common-limiter .content .question li.open .question-answer,#about-us #quetions .common-limiter .content .question li.open .title-box .menos{
    display:inline-block
}
#about-us #quetions .common-limiter .content .question li .title-box{
    width:100%;
    display:inline-flex;
    justify-content:space-between;
    align-items:center;
    gap:30px
}
#about-us #quetions .common-limiter .content .question li .title-box .question-title{
    text-align:left;
    font:normal normal 300 21px/30px Raleway;
    letter-spacing:0;
    color:#171714
}
#about-us #quetions .common-limiter .content .question li .title-box .mais{
    display:inline-block
}
#about-us #quetions .common-limiter .content .question li .title-box .menos{
    display:none
}
#about-us #quetions .common-limiter .content .question li .question-answer{
    display:none;
    margin-top:36px;
    text-align:left;
    font:normal normal 300 16px/28px Raleway;
    letter-spacing:0;
    color:#171714
}
.button-questions {
    min-width: 50px;
    height: 40px;
    border: none;
    border-bottom: 3px solid #FED130;
    border-radius: 0;
    margin-left: 12px;
}
.button-questions:hover {
    background-color: #F4C931;
    transition: 0.3s;
    color: #fff;
}
.button-questions span {
    color: #000;
    font-size: 14px;
}
.button-questions span:hover {
    color: #fff;
}

/* CSS SAC */
#about-us #sac{
    position:relative;
    background-color:#171714;
    min-height: 600px;
}
#about-us #sac .img-abs{
    position:absolute;
    top:0;
    right:0;
    display:inline-block;
    height:900px;
    width:720px;
    z-index:0
}
#about-us #sac .common-limiter{
    max-width:1340px;
    padding:0
}
#about-us #sac .common-limiter ul li{
    display: inline-block;
    margin: 0 0 0 15px; 
    border: 2px solid #fff;
    border-radius: 20px;
    min-height: 300px;
    width: 300px
}
#about-us #sac .common-limiter .content{
    padding:90px 20px 130px;
    width:100%
}
#about-us #sac .common-limiter .content .title{
    padding-top:12.5px;
    text-align:left;
    font:normal normal 300 35px/48px Raleway;
    letter-spacing:-.7px;
    color:#fff;
    position:relative
}
#about-us #sac .common-limiter .content .title b{
    font:normal normal bold 35px/48px Raleway
}
#about-us #sac .common-limiter .content .question{
    margin-top:30px;
    width:100%;
    display:inline-flex;
    flex-direction:column;
    gap:50px
}
#about-us #sac .common-limiter .content .question li{
    width:100%;
    cursor:pointer
}
#about-us #sac .common-limiter .content .question li.open{
    background:no-repeat padding-box #fff;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    padding:30px 25px
}
#about-us #sac .common-limiter .content .question li.open .title-box .question-title{
    font:normal normal bold 21px/30px Raleway;
    color:#555553
}
#about-us #sac .common-limiter .content .question li.open .title-box .mais{
    display:none
}
#about-us #sac .common-limiter .content .question li.open .question-answer,#about-us #sac .common-limiter .content .question li.open .title-box .menos{
    display:inline-block
}
#about-us #sac .common-limiter .content .question li .title-box{
    width:100%;
    display:inline-flex;
    justify-content:space-between;
    align-items:center;
    gap:30px
}
#about-us #sac .common-limiter .content .question li .title-box .question-title{
    text-align:left;
    font:normal normal 300 21px/30px Raleway;
    letter-spacing:0;
    color:#171714
}
#about-us #sac .common-limiter .content .question li .title-box .mais{
    display:inline-block
}
#about-us #sac .common-limiter .content .question li .title-box .menos{
    display:none
}
#about-us #sac .common-limiter .content .question li .question-answer{
    display:none;
    margin-top:36px;
    text-align:left;
    font:normal normal 300 16px/28px Raleway;
    letter-spacing:0;
    color:#171714
}
.container-sac {
    display: flex;
    flex-wrap: wrap; /* permite que as divs "quebrem" para próxima linha em telas pequenas */
    justify-content: space-around;
    padding: 20px;
    gap: 20px;
    margin-top: -100px;
    margin-bottom: 50px;
}
.container-sac .box-sac h4 {
    font: normal normal bold 30px/30px Raleway;
    color: #fff;
}
.container-sac .box-sac p {
    font: normal normal 18px/18px Raleway;
    color: #fff;
    text-align: left;
}
.container-sac .box-sac img {
    display: flex;
    margin-right: 20px;
}
.container-sac .box-sac .title-sac {
    display: flex;
    align-items: center; /* alinha verticalmente */
    gap: 16px; /* espaço entre img e h4 */
    flex-wrap: wrap;
    margin-top: -20px;
    margin-bottom: 20px;
}
.box-sac {
    flex: 1 1 1 30%; /* cresce, encolhe, base de 30% */
    max-width: 400px;
    background-color: #171714;
    color: white;
    padding: 40px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    transition: transform 0.2s ease;
    border: 2px solid #fff;
}
.text-sac {
    min-height: 100px;
}
.footer-sac h3 {
    font: normal normal bold 21px/21px Raleway;
    text-align: left;
}
.footer-sac a {
    color: #fff;
}
.container-footer-sac {
    display: block;
    max-width: 700px;
    border-top: 1px solid #fff;
    margin: 0 auto;
    padding: 10px;
}
.container-footer-sac h4 {
    font: normal normal bold 18px/18px Raleway;
    text-align: left;
    color: #fff;
    margin-top: 10px;
}
.container-footer-sac p {
    font: normal normal 14px/14px Raleway;
    text-align: left;
    color: #fff;
    margin-top: 20px;
    line-height: 20px;
}
.footer-sac-items .title-sac {
    display: flex;
    align-items: center; /* alinha verticalmente */
    gap: 16px; /* espaço entre img e h4 */
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 120px;
}
.footer-sac .link-mobile-sac-tel {
    display: none;
}
@media screen and (max-width: 800px) {
    .container-footer-sac .footer-sac-items .title-sac {
        display: block;
    }
}
@media screen and (max-width: 700px) {
    .footer-sac .link-mobile-sac-tel {
        display: block;
    }
    .footer-sac .link-desktop-sac-tel {
        display: none;
    }
}