.bs-icon {
  --bs-icon-size: .75rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: var(--bs-icon-size);
  width: calc(var(--bs-icon-size) * 2);
  height: calc(var(--bs-icon-size) * 2);
  color: var(--bs-primary);
}

.bs-icon-xs {
  --bs-icon-size: 1rem;
  width: calc(var(--bs-icon-size) * 1.5);
  height: calc(var(--bs-icon-size) * 1.5);
}

.bs-icon-sm {
  --bs-icon-size: 1rem;
}

.bs-icon-md {
  --bs-icon-size: 1.5rem;
}

.bs-icon-lg {
  --bs-icon-size: 2rem;
}

.bs-icon-xl {
  --bs-icon-size: 2.5rem;
}

.bs-icon.bs-icon-primary {
  color: var(--bs-white);
  background: var(--bs-primary);
}

.bs-icon.bs-icon-primary-light {
  color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), .2);
}

.bs-icon.bs-icon-semi-white {
  color: var(--bs-primary);
  background: rgba(255, 255, 255, .5);
}

.bs-icon.bs-icon-rounded {
  border-radius: .5rem;
}

.bs-icon.bs-icon-circle {
  border-radius: 50%;
}

@media (min-width: 1200px) {
  #col-img::before {
    content: '';
    display: block;
    position: absolute;
    background-position: -15% 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/about_customer.svg);
    background-size: initial;
    background-repeat: no-repeat;
    z-index: 0;
  }
}

@media (max-width: 576px) {
  #sobre-customer {
    background-image: none;
  }
}

@media (width: 992px) {
  #sobre-simbi {
    background-position: 100% 50%;
  }
}

.etapas:focus {
  color: #BD0077;
  background-color: #F8E6F1;
  text-decoration: underline;
}

.form-label:hover {
  background: initial;
}

.items:hover {
  color: initial;
}

.items {
  color: initial;
}

#first-item:active {
  color: #BD0077;
  background-color: #F8E6F1;
  text-decoration: underline;
}

#container-portal{
  background-image: url('../../assets/img/capa.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0;
  margin: 0;
}

@media (max-width: 992px) {

  #botao-tarja {
    width: 253px;
  }

  .container-tarja {
    width: 70%;
  }

  .logos {
    display: none;
  }


  #portal-projetos {
    height: 100%;
  }

}

.links {
  color: #4A72BE;
}

@media (min-width: 1200px) {

}

@media (max-width: 990px) {
}

@media (min-width: 992px) {
  .container-tarja {
    width: 50%;
  }

  #sobre-simbi {
    height: 607px;
  }

  #sobre-customer {
    height: 607px;
  }

  .navbar {
    height: 104px;
  }
}

@media (max-width: 768px) {
  #container-portal{
    background-image: url('../../assets/img/capa.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    padding: 0;
    margin: 0;
  }
}

@media (max-width: 992px) {
  #sobre-simbi-container {
    display: flex;
    justify-content: center;
  }

  #container-portal{
    background-image: url('../../assets/img/capa.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 380px;
    padding: 0;
    margin: 0;
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  #sobre-customer-container {
    margin-left: 56%;
    width: 41.66%;
  }
}

@media (min-width: 320px) and (max-width: 429px) {
  #tarja {
    height: 150px;
  }

  #navbar {
    justify-content: space-between;
    width: 100%;
  }

  .lg-viewport-tag{
    display: none;
  }

  #container-portal {
    background-image: url('../../assets/img/banner.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    padding: 0;
    margin: 0;
    height: 100px;
  }

  #compromisso {
    width: 100% !important;
  }

  #img-compromisso {
    width: 257px;
    margin-bottom: 2rem;
  }

  .img-raizensocial{
    width: 113.32px;
    margin-left: 2.5rem;
  }

  .secao-compromisso{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  #tarja{
    margin-top: -90px;
  }

  #botao-tarja {
    font-size: 12px;
    width: 144px;
    padding: 0px !important;
    position: absolute;
    top: 17.5%;
    left: 50%;
    transform: translate(-50%, 200%);
    margin: 0 !important;
  }
}

@media (min-width: 430px) and (max-width: 799px){
  #navbar {
    justify-content: space-between;
    width: 100%;
  }

  .container-tarja{
    height: 150px;
  }

  .lg-viewport-tag{
    display: none;
  }

  #container-portal {
    background-image: url('../../assets/img/banner.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    padding: 0;
    margin: 0;
    height: 150px;
  }

  #compromisso {
    width: 100% !important;
  }

  #img-compromisso {
    width: 320px;
    margin-bottom: 2rem;
  }

  .img-raizensocial{
    width: 114px;
    margin-left: 2.5rem;
  }

  .secao-compromisso{
    margin-right: 1rem;
    margin-left: 1rem;
  }

  #tarja{
    margin-top: -100px;
  }

  #botao-tarja {
    font-size: 12px;
    width: 100px;
    padding: 0px !important;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, 150%);
    padding: 0.5rem 0.5rem;
    margin: 0 !important;
  }
}

@media (min-width: 800px) and (max-width: 992px){
  #navbar {
    width: 100%;
  }

  .law-square {
  height: 380px;
  }
}

@media (min-width: 800px) {

  #container-portal {
    background-image: url('../../assets/img/banner.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    padding: 0;
    margin: 0;
    height: 250px;
  }

  .small-viewport-tag{
    display: none;
  }

  #img-compromisso {
    width: 334px;
  }

  .img-raizensocial{
    width: 176px;
  }

  #col-img::before {
    content: '';
    display: block;
    position: absolute;
    background-position: -65% 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/about_customer.svg);
    background-size: auto 277px;
    background-repeat: no-repeat;
    z-index: 0;
  }

  #sobre-customer{
    height: 650px;
  }

  #sobre-customer-container{
    margin-left: 51%;
  }

  #tarja{
    margin-top: -100px;
  }

  #botao-tarja {
    font-size: 14px;
    width: 150px;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-205%, 265%);
  }
}

@media (min-width: 1024px) {
  #btn-navbar {
    min-width: 210px;
    font-size: 16px;
  }

  #container-portal {
    background-image: url('../../assets/img/banner.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    height: 320px;
    padding: 0;
    margin: 0;
  }

  #botao-tarja {
  position: absolute;
  top: 35%;
  left: 60%;
  transform: translate(-275%, 210%);
  }

  #img-compromisso {
    width: 470px;
  }

  .img-raizensocial{
    width: 226px;
  }

  #col-img::before {
    content: '';
    display: block;
    position: absolute;
    background-position: -35% 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/about_customer.svg);
    background-size: auto 331px;
    background-repeat: no-repeat;
    z-index: 0;
  }

  #sobre-customer{
    height: 900px;
  }

  #sobre-customer-container{
    margin-left: 55%;
  }

  #tarja{
    margin-top: -70px;
  }

  #botao-tarja {
    font-size: 16px;
    width: 180px;
  }
}

@media (min-width: 1280px) {
  #container-portal {
    background-image: url('../../assets/img/banner.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    height: 420px;
    padding: 0;
    margin: 0;
  }

  #img-compromisso {
    width: 620px;
  }

  .img-raizensocial{
    width: 285px;
  }

  #col-img::before {
    content: '';
    display: block;
    position: absolute;
    background-position: -55% 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/about_customer.svg);
    background-size: auto 439px;
    background-repeat: no-repeat;
    z-index: 0;
  }

  #sobre-customer{
    height: 1070px;
  }

  #tarja{
    margin-top: -150px;
  }

  #botao-tarja {
    font-size: 22px;
    width: 282px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-185%, 125%);
  }
}

@media (min-width: 1366px) {
  #botao-tarja {
    font-size: 22px;
    width: 282px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-190%, 185%);
  }
}

@media (min-width: 1440px) {
  #container-portal {
    background-image: url('../../assets/img/banner.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    height: 460px;
    padding: 0;
    margin: 0;
  }

  #img-compromisso {
    width: 704px;
  }

  .img-raizensocial{
    width: 285px;
  }

  #col-img::before {
    content: '';
    display: block;
    position: absolute;
    background-position: -21% 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/about_customer.svg);
    background-size: auto 439px;
    background-repeat: no-repeat;
    z-index: 0;
  }

  #sobre-customer{
    height: 970px;
  }

  #tarja{
    margin-top: -240px;
  }

  #botao-tarja {
    font-size: 22px;
    width: 282px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-200%, 150%);
  }
}

@media (min-width: 1680px) {
  #container-portal {
    background-image: url('../../assets/img/banner.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    height: 610px;
    padding: 0;
    margin: 0;
  }

  #img-compromisso {
    width: 825px;
  }

  .img-raizensocial{
    width: 354px;
  }

  #col-img::before {
    content: '';
    display: block;
    position: absolute;
    background-position: -15% 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/about_customer.svg);
    background-size: auto 439px;
    background-repeat: no-repeat;
    z-index: 0;
  }

  #sobre-customer{
    height: 770px;
  }

  #container-sobre-simbi {
    flex: 0 0 auto;
    width: 50%;
    margin-left: 2.5rem;
  }
  
  #sobre-customer-container{
    margin-left: 50%;
  }

  #tarja{
    margin-top: -240px;
  }

  #botao-tarja {
    font-size: 26px;
    width: 305px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-210%, -50%);
  }
}

@media (min-width: 1920px) {
  #container-portal {
    background-image: url('../../assets/img/banner.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    padding: 0;
    margin: 0;
    height: 600px;
  }

  #img-compromisso {
    width: 916px;
  }

  .img-raizensocial{
    width: 354px;
  }

  #col-img::before {
    content: '';
    display: block;
    position: absolute;
    background-position: -15% 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/about_customer.svg);
    background-size: auto 439px;
    background-repeat: no-repeat;
    z-index: 0;
  }

  #sobre-customer{
    height: 770px;
  }

  #sobre-customer-container{
    margin-left: 50%;
  }

  #tarja{
    margin-top: -220px;
  }

  #botao-tarja {
    font-size: 26px;
    width: 305px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-225%, 0%);
  }
}