.banner_primary {
  padding-block: 9rem;
  text-align: center;
  color: var(--white);
  position: relative;
	
	&::before {
		content: "";
		width: 100%;
		height: 100%;
		background: #00000080;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	& .container {
		position: relative;
		z-index: 2;
	}

  & h1 {
    font: var(--font-h1);
    margin-bottom: 12px;

    & span {
      font: var(--font-h2);
    }
  }

  & p {
    font-size: 1.125rem;
  }
}

#section_cimesb {
  border-top: 1px solid #55555533;
  padding-top: 90px;
  padding-bottom: 75px;

  & > div {
    display: flex;
    flex-direction: column;
    gap: 62px;

    & > div:nth-child(1) {
      gap: 67px;
    }

    & > div:nth-child(2) {
      padding-inline: 139px;

      & > div {
        padding: 47px;
        border-right: 1px solid #70707033;
      }

      & > div:nth-child(1) {
        padding-left: 0;
      }

      & > div:nth-child(3) {
        padding-right: 0;
        border-right: 0;
      }
    }
  }

  & .content {
    display: flex;
    flex-direction: column;
    gap: 47px;

    & span {
      color: var(--blue-100);
      font-weight: bold;
      font-size: 1.125rem;
    }

    & h1 {
      font: var(--font-h1);
      color: var(--gray-900);
      margin-bottom: 12px;

      & + p {
        font-size: 1.125rem;
      }
    }
  }

  & .bloco_content {
    display: flex;
    flex-direction: column;
    gap: 5px;

    & > div {
      gap: 12px;

      & h3 {
        font: var(--font-h4);
        color: var(--gray-900);
        font-weight: bold;
      }
    }
  }
}

.banner_secondary {
  padding-block: 9.875rem;
  text-align: center;
  color: var(--white);
  position: relative;
	
	&::before {
		content: "";
		width: 100%;
		height: 100%;
		background: #00000080;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	& .container {
		position: relative;
		z-index: 2;
	}

  & h2 {
    font: var(--font-h2);
    margin-bottom: 58px;
  }

  & .btn_site {
    padding: 20px 40px;
  }
}

#section_mvv {
  padding-top: 98px;
  padding-bottom: 108px;

  & .col-4 {
    max-width: 379px;
  }

  & h4 {
    font: var(--font-h4);
    font-weight: bold;
    color: var(--gray-900);
    margin-bottom: 12px;
  }
}

@media (max-width: 1400px) {
  #section_cimesb {
    & > div {
      & > div:nth-child(1) {
        & img {
          max-width: 50%;
        }
      }

      & > div:nth-child(2) {
        padding-inline: initial;
      }
    }
  }
}

@media (max-width: 992px) {
  .banner_primary,
  .banner_secondary {
    padding-block: 5rem;
  }
}

@media (max-width: 768px) {
  .banner_primary {
    & h1 {
      font: var(--font-h3);
      font-weight: bold;

      & span {
        font: var(--font-h3);
      }
    }
  }

  #section_cimesb {
    & > div {
      & > div:nth-child(1) {
        padding-inline: 2rem;
        text-align: center;
        gap: 2rem;
      }

      & > div:nth-child(2) {
        padding-inline: 2rem;
        text-align: center;

        & > div:nth-child(1) {
          padding-left: inherit;
        }

        & > div:nth-child(3) {
          padding-right: inherit;
        }

        & > div {
          border-right: none;
          border-bottom: 1px solid #70707033;
        }
      }
    }

    & .bloco_content {
      align-items: center;
      justify-content: center;
    }
  }

  .banner_secondary {
    & h2 {
      font: var(--font-h3);
      font-weight: bold;
    }
  }

  #section_mvv {
    padding-inline: 2rem;
    text-align: center;

    & > div > div {
      gap: 2rem;
    }
  }
}

@media (max-width: 576px) {
  #section_cimesb {
    & > div {
      & > div:nth-child(1) {
        & img {
          max-width: 100%;
        }
      }

      & > div:nth-child(2) {
        & > div {
          padding: 2rem;
        }
      }
    }

    & .content {
      & h1 {
        font: var(--font-h2);
      }
    }

    & .bloco_content {
      & > div {
        & h3 {
          font: 1.5rem;
        }
      }
    }
  }
}