/* BODY.MUNICIPALITIES */
@media (min-width:1081px) { 
  body.municipalities ul li { flex: 0 0 33.333333%; align-content: flex-start; padding: 25px }
  body.municipalities ul li .fa-duotone { flex: 1 1 100%; padding-bottom: 20px }}


/* SECTION: CALL US */
section.call-us { 
  max-width: 1200px;
  align-content: center;
  align-items: center;
  padding: 120px 50px 0;
  margin-bottom: 100px }

  @media (min-width:1081px) { section.call-us { padding: 200px 50px 75px }}

section.call-us .brand { margin-bottom: 10px}

section.call-us h2, section.call-us p, section.call-us h3 {
  opacity: 0;
  animation-name: reveal;
  animation-duration: 4s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: forwards }

section.call-us .btn { 
  flex: 0 0 auto;
  opacity: 0;
  animation-name: reveal;
  animation-duration: 1.5s;
  animation-delay: 2.25s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  margin-top: 75px }


/* SECTION 9: WHY IT MATTERS */
section.sec9 { 
  color: #FFFFFF;
  padding: 75px 50px;
  background-color: var(--secondary);
  margin-top: 500px;
  animation-name: margin-pull;
  animation-duration: 1s;
  animation-delay: 2s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  overflow: hidden }

  @media (min-width:1081px) { section.sec9 { padding: 100px 50px 125px }}

section.sec9::before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/noise.png");
  opacity: 0.1 }

section.sec9 .text-wrapper {
    max-width: 1200px
}

section.sec9 h2, section.sec9 h3, section.sec9 p, section.sec9 ul { 
  transform: scale(0);
  transform-origin: bottom;
  animation-name: scale-up;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: forwards }

section.sec9 h2 { 
  animation-duration: 1s;
  animation-delay: 2s }

section.sec9 h3 { 
  animation-duration: 1.25s;
  animation-delay: 2.25s }

section.sec9 p { 
  animation-duration: 1.5s;
  animation-delay: 2.5s }

section.sec9 ul { 
  animation-duration: 1.75s;
  animation-delay: 2.75s }

section.sec9 ul li .fa-duotone {
  --fa-primary-color: var(--circumvent);
  --fa-secondary-color: #FFFFFF }


/* SECTION 10: WHAT WE HANDLE */
section.sec10 {
  max-width: 1400px;
  padding: 100px 50px }
  
   @media (min-width:1081px) { section.sec10 { padding: 150px 50px }}

section.sec10 h2 {
  margin-top: 500px;
  -webkit-transition: margin 1s 0s ease;
  -moz-transition: margin 1s 0s ease;
  -o-transition: margin 1s 0s ease;
  -ms-transition: margin 1s 0s ease;
  transition: margin 1s 0s ease }

section.sec10 > h3 { 
  transform: scaleY(0);
  -webkit-transition: transform 0.5s 1s ease;
  -moz-transition: transform 0.5s 1s ease;
  -o-transition: transform 0.5s 1s ease;
  -ms-transition: transform 0.5s 1s ease;
  transition: transform 0.5s 1s ease }

section.sec10 > p { 
  transform: scaleY(0);
  -webkit-transition: transform 0.75s 1.25s ease;
  -moz-transition: transform 0.75s 1.25s ease;
  -o-transition: transform 0.75s 1.25s ease;
  -ms-transition: transform 0.75s 1.25s ease;
  transition: transform 0.75s 1.25s ease }

section.sec10 > ul { 
  transform: scaleY(0);
  -webkit-transition: transform 1s 1.5s ease;
  -moz-transition: transform 1s 1.5s ease;
  -o-transition: transform 1s 1.5s ease;
  -ms-transition: transform 1s 1.5s ease;
  transition: transform 1s 1.5s ease }



/* SECTION 11: BUILT FOR PUBLIC BUYERS */
section.sec11 { 
  color: #FFFFFF;
  padding: 75px 50px;
  background-color: var(--secondary) }

  @media (min-width:1081px) { section.sec11 { padding: 100px 50px 125px }}

section.sec11 .text-wrapper {
    max-width: 1200px
}

section.sec11 h2 {
  margin-top: 500px;
  -webkit-transition: margin 1s 0s ease;
  -moz-transition: margin 1s 0s ease;
  -o-transition: margin 1s 0s ease;
  -ms-transition: margin 1s 0s ease;
  transition: margin 1s 0s ease }

section.sec11 h3 { 
  transform: scaleY(0);
  -webkit-transition: transform 0.5s 1s ease;
  -moz-transition: transform 0.5s 1s ease;
  -o-transition: transform 0.5s 1s ease;
  -ms-transition: transform 0.5s 1s ease;
  transition: transform 0.5s 1s ease }

section.sec11 p { 
  transform: scaleY(0);
  -webkit-transition: transform 0.75s 1.25s ease;
  -moz-transition: transform 0.75s 1.25s ease;
  -o-transition: transform 0.75s 1.25s ease;
  -ms-transition: transform 0.75s 1.25s ease;
  transition: transform 0.75s 1.25s ease }

section.sec11 ul { 
  transform: scaleY(0);
  -webkit-transition: transform 1s 1.5s ease;
  -moz-transition: transform 1s 1.5s ease;
  -o-transition: transform 1s 1.5s ease;
  -ms-transition: transform 1s 1.5s ease;
  transition: transform 1s 1.5s ease }



/* SECTION 12: GET STARTED */
section.sec12 { 
  color: #FFFFFF;
  padding: 75px 50px;
  background-color: var(--primary) }

  @media (min-width:1081px) { section.sec12 { padding: 150px 50px 200px }}

section.sec12 .text-wrapper {
    max-width: 800px
}

section.sec12 .btn { margin-top: 75px; background-color: var(--primary) }
section.sec12 .btn:hover { background-color: var(--circumvent) }


/* REQUEST A FREE FEASIBILITY CALL */
#cf_2 { 
  display: flex;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 90%; 
  max-width: 600px;
  height: auto;
  padding: 25px;
  margin-top: 125px;
  background-color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  z-index: 2 }

  @media (min-width:1081px) { #cf_2 { padding: 50px }}

#cf_2 p { 
  padding: 0;
  margin: 0 }