/* ======================== SOBRE NOS - FEATURE ======================== */
section#sobre-nos {  width: -webkit-fill-available; display: flex; padding: 160px 0  var(--spac10);}
section#sobre-nos .row {max-width: 980px; }
section#sobre-nos h1 {padding-bottom: var(--spac20); align-self: center; }
section#sobre-nos .box-sobre {display: flex; gap: var(--spac16); }
section#sobre-nos .box-sobre iframe {align-self: center; border-radius: var(--box-border-radius); overflow: hidden; width: 100%;height: 553px;}
section#sobre-nos .numbers-sobre li img{width: auto; height: 44px;}
section#sobre-nos .numbers-sobre li i{width: 44px;height: 44px;background-color: var(--lightgreen);}
section#sobre-nos .numbers-sobre li h3{font-size: 36px;}
section#sobre-nos .numbers-sobre li p {font-size: 18px; font-weight: var(--font-medium);}

/* ======================== SOBRE NOS - NOSSA HISTORIA ======================== */
section#nossa-historia {  width: -webkit-fill-available; display: flex; padding: var(--spac16) 0}
section#nossa-historia h2 {padding-bottom: var(--spac12); }
section#nossa-historia .row {max-width: 980px; }

section#nossa-historia .slider-historia { display: flex; flex-direction: column; align-items: center; gap: var(--spac4); overflow: hidden;  }
section#nossa-historia .slider-historia .box-historia { width: fit-content;display: none; }
section#nossa-historia .slider-historia p.uppercase { color: var(--lightgreen); }
section#nossa-historia .slider-historia p.text { max-width: 580px; }

section#nossa-historia .bullets { display: flex; flex-direction: row; gap: var(--spac4); }
section#nossa-historia .bullets .bullet { width:14px;height: 14px; border-radius: 50px;background-color: var(--darkbg); cursor: pointer; transition: .3s; }
section#nossa-historia .bullets .bullet:hover { background-color: #e5e5db;}
section#nossa-historia .bullets .bullet.active {background-color: var(--lightgreen); }


/* ======================== SOBRE NOS - NOSSA HISTORIA ======================== */
section#nosso-lema {  width: -webkit-fill-available; display: flex; padding: var(--spac16) 0}
section#nosso-lema h2 {padding-bottom: var(--spac12); }
section#nosso-lema ul li img{width: auto; height: 54px;}
section#nosso-lema ul li i{width: 44px;height: 44px;background-color: var(--lightgreen);}



@media (max-width: 750px) { 
     section#sobre-nos {  padding-top: 100px;}
     section#sobre-nos .box-sobre iframe {height: 340px;}
     section#sobre-nos h1 {padding-bottom: var(--spac10); align-self: center; }
     section#sobre-nos .box-sobre {gap: var(--spac12);}
     section#sobre-nos .numbers-sobre { flex-direction: column !important; align-items: start !important; gap: var(--spac4);}
     section#sobre-nos .numbers-sobre li{ flex-direction: row !important; width: -webkit-fill-available;}
     section#sobre-nos .numbers-sobre li span{ flex-direction: row !important; width: -webkit-fill-available; gap: var(--spac6);align-items: start !important;justify-content: start !important;}
     section#sobre-nos .numbers-sobre li img{height: 32px;}
     section#sobre-nos .numbers-sobre li i{width: 32px;height: 32px;}
     section#sobre-nos .numbers-sobre li h3{ font-size: 28px;width: 90px; }
     
     section#nossa-historia {padding: var(--spac8) 0;}
     section#nossa-historia .slider-historia .box-historia {padding: var(--spac6);flex-direction: column !important; gap: var(--spac3);}
     section#nossa-historia .slider-historia {gap: var(--spac8);}
     section#nossa-historia .bullets {gap: var(--spac8);}
     section#nossa-historia .bullets .bullet {width: 18px;height: 18px;}

     section#nosso-lema {padding: var(--spac8) 0;}
     section#nosso-lema ul {flex-direction: column !important;gap: var(--spac8);}
     section#nosso-lema ul li {flex-direction: row !important;}
     section#nosso-lema ul li span {gap: var(--spac3);}

}