@font-face {

  font-family: 'Snasm W05';

  src: url('/fonts/Snasm-W05-Regular/Snasm-W05-Regular.ttf');

}



@keyframes fromTop {

  from {

    top: -100px;

  }

  to {

    top: 0;

  }

}



@keyframes fromLeft {

  from {

    transform: translateX(-100%);

  }

  to {

    transform: translateX(0);

  }

}



@keyframes fromRight {

  from {

    transform: translateX(0);

  }

  to {

    transform: translateX(-100%);

  }

}



@keyframes fadeIn {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}



@keyframes fadeOut {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

  }

}



html {

  scroll-behavior: smooth;

}



body {

  font-family: 'Titillium Web', sans-serif;

}



body:has(.menu.open),

body:has(.modal.open) {

  overflow-y: hidden;

}



.float-whatsapp{
	width: 60px;
    height: 60px;
    padding: 0 !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.float-whatsapp span{
	
    position: absolute;
    bottom: -15px;
    padding: 3px;
    border-radius: 10px;
    background: #25d366;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    text-align: center;
    width: 110px;
    font-weight: 600;
}



.container {

  max-width: 1186px;

  margin-left: auto;

  margin-right: auto;

  padding-left: 32px;

  padding-right: 32px;

}



.btn {

  background-color: #ffbc00;

  color: #002068;

  width: fit-content;

  display: flex;

  align-items: center;

  gap: 10px;

  border-radius: 28px;

  font-size: 30px;

  font-weight: 700;

  padding: 14px 32px;

  transition: background-color 0.3s;

}



.btn i {

  color: #002068;

  font-size: 32px;

}



.btn:hover {

  background-color: #e5980d;

}



p + p {

  margin-top: 12px;

}



section .section-title {

  display: grid;

  grid-template-columns: min-content 1fr;

  gap: 0px 14px;

  margin-bottom: 48px;

}



section .section-title::before {

  content: '';

  display: block;

  width: 4px;

  background-color: #00ccde;

  grid-row: 1 / 3;

}



section .section-title h2 {

  font-family: 'Snasm W05', sans-serif;

  font-size: 42px;

  line-height: 42px;

  color: #1f2b8a;

}



section .section-title .text,

section > .text {

  font-size: 20px;

  color: #666666;

  line-height: 24px;

  margin-top: 12px;

}



.buttons {

  color: #b6c9f5;

  display: flex;

  align-items: center;

  gap: 16px;

}



.buttons li:first-child a {

  font-size: 14px;

}



.buttons li:first-child a i {

  font-size: 13px;

}



.buttons a {

  padding: 0px 8px;

  border: 1px solid;

  border-radius: 4px;

  font-weight: 600;

  font-size: 13px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 4px;

  transition: color 0.3s, background-color 0.3s;

  text-transform: uppercase;

  white-space: nowrap;

}



.buttons a i {

  color: #b6c9f5;

  font-size: 11px;

  transition: color 0.3s;

}



.buttons a:hover {

  color: #060a3e;

  background-color: #b6c9f5;

}



.buttons a:hover i {

  color: #060a3e;

}



ul.menu a {

  color: #fff;

  padding: 8px;

  display: block;

}



ul.menu a:hover::before {

  transform: translateX(4px);

}



ul.menu a::before {

  content: '';

  display: inline-block;

  transition: transform 0.3s;

  margin-right: 8px;

  width: 5px;

  height: 12px;

  background: url('/img/arrow.png') no-repeat center;

}



.swiper-galery:not(:has(.swiper-button-lock)) {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 64px;

}



.swiper-galery:has(.swiper-button-lock) .swiper {

  margin: 0px auto;

}



.swiper-galery:has(.swiper-button-lock) .swiper-slide {

  flex: 1;

}



.swiper-galery:has(.swiper-button-lock) .swiper-slide:last-child {

  margin-right: 0px !important;

}



.swiper {

  margin: 0px;

}



.swiper-wrapper {

  align-items: stretch;

}



.swiper-slide {

  display: flex;

  align-items: center;

  justify-content: center;

  height: auto;

}



.swiper-button-next,

.swiper-button-prev {

  width: 40px;

  height: 40px;

  background-color: #e5e9f2;

  border-radius: 50%;

}



.swiper-button-next:after,

.swiper-button-prev:after {

  font-size: 16px;

  font-weight: bold;

  color: #0e2144;

}



form button:disabled {

  cursor: default !important;

  filter: brightness(0.8);

}



.text ol,

.text ul {

  list-style: auto;

}



.modal {

  display: none;

  padding: 32px;

  background-color: rgba(0, 0, 0, 0.6);

  position: fixed;

  z-index: 20;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}



.modal.open {

  display: flex;

  align-items: center;

  justify-content: center;

  animation: fadeIn 0.3s forwards;

}



.modal.closing {

  animation: fadeOut 0.3s forwards;

}



.modal .section-title {

  grid-template-columns: min-content 1fr min-content;

}



.modal .section-title h2 {

  line-height: normal;

}



.modal .close-modal i {

  font-size: 32px;

  color: #1f2b8a;

}



.modal .content {

  background-color: #fff;

  padding: 16px;

  max-height: calc(100vh - 64px);

  overflow-y: auto;

}



header nav {

  position: absolute;

  z-index: 15;

  padding: 48px 0px 0px 0px;

  top: 0;

  right: 0;

  left: 0;

}



header nav .container {

  display: flex;

  align-items: center;

  justify-content: space-between;

  text-transform: uppercase;

  width: 100%;

}



header.fixed nav {

  position: fixed;

  max-width: none;

  background-color: #fff;

  box-shadow: 0px 0px 10px 0px rgba(31, 43, 138, 0.4);

  animation: fromTop 0.3s forwards;

  padding: 12px 0px 8px 0px;

}



header nav .logo {

  margin-bottom: 10px;

  max-width: 220px;

}



header.fixed nav .logo {

  max-height: 45px;

}



header .menu {

  display: flex;

  align-items: center;

  gap: 16px;

}



header .menu.open {

  display: flex;

  flex-direction: column;

  align-items: stretch;

  gap: 0;

  background-color: #fff;

  position: fixed;

  z-index: 18;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  animation: fromLeft 0.3s forwards;

}



header .menu.closing {

  animation: fromRight 0.3s forwards;

}



header .menu a {

  font-size: 15px;

  font-weight: 600;

}



header .open-menu,

header .close-menu,

.modal .close-modal {

  padding: 8px;

  cursor: pointer;

  background-color: transparent;

}



header .open-menu i {

  font-size: 20px;

  color: #b6c9f5;

}



header .close-menu i {

  font-size: 20px;

  color: #fff;

}



header .menu .menu-header {

  background-color: #1f2b8a;

  color: #fff;

  justify-content: space-between;

  font-family: 'Snasm W05', sans-serif;

  font-size: 24px;

  padding: 8px 16px;

}



header .menu .menu-header,

header .open-menu {

  display: none;

}



header.fixed .menu a {

  color: #1f2b8a;

}



header.fixed .open-menu i {

  color: #1f2b8a;

}



header.fixed .menu a::before {

  background: url('/img/arrow_dark.png') no-repeat center;

}



header .buttons li:first-child {

  position: relative;

}



header .buttons li:first-child::before {

  content: 'Central de Vendas';

  font-size: 10px;

  position: absolute;

  top: -16px;

  left: 0;

  right: 0;

  text-align: center;

  letter-spacing: 1px;

}



header.fixed .buttons {

  color: #1f2b8a;

}



header.fixed .buttons a i {

  color: #1f2b8a;

}



header.fixed .buttons a:hover {

  color: #fff;

  background-color: #1f2b8a;

}



header.fixed .buttons a:hover i {

  color: #fff;

}



.hero .swiper-button-next,

.hero .swiper-button-prev {

  background-color: transparent;

  border: 1px solid #fff;

}



.hero .swiper-button-next:after,

.hero .swiper-button-prev:after {

  color: #fff;

}



.hero .banner {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

      height: 100vh;
    min-height: 800px;

  padding-top: 48px;

  padding-bottom: 48px;

}



.hero .banner.empty {

  background: url('/img/bg_hero.jpg') no-repeat center;

  min-height: auto;

  padding-top: 93px;

  padding-bottom: 93px;

}



.hero .banner .container {

  display: grid;

  grid-template-columns: 1fr 1fr;

  align-items: center;

  justify-items: center;

  gap: 32px;

}



.hero .banner h1 {

  font-family: 'Snasm W05', sans-serif;

  font-size: 100px;

  letter-spacing: -2px;

  color: #fff;

}



.hero .banner h2 {

  font-size: 50px;

  font-weight: 700;

  line-height: 50px;

  color: #98c6ff;

}



.hero .banner .text {

  color: #90adf1;

  margin: 16px 0px 48px;

  max-width: 500px;

}



.bg-wrapper {

  background: url('/img/bg_vantagens.jpg') no-repeat top right;

  background-size: 50%;

}



#solucao {

  padding: 72px 0px 48px;

  border-bottom: 1px solid #e9e8e6;
	position: relative;

}



#solucao .container {

  display: grid;

  grid-template-columns: 165px 1fr;

  align-items: center;

  gap: 0px 24px;
	


}

.mao{
	position: absolute;
	right: 0;
	top: 50%;
	max-width: 42%;
}



#solucao .container img {

  grid-row: 1 / 3;

}



#solucao h2 {

  font-family: 'Snasm W05', sans-serif;

  font-size: 30px;

  color: #1f2b8a;

}



#solucao .text {

    font-size: 22px;
    font-weight: 300;
    color: #848484;
    max-width: 540px;
    line-height: 26px;

}



#vantagens {

  padding-top: 54px;

  padding-bottom: 72px;

}



#vantagens .section-title {

  max-width: 780px;

}



#vantagens .section-title .text {

  max-width: 600px;

}



#vantagens ul {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 32px 64px;

  margin-bottom: 64px;

}



#vantagens ul li {

color: #1f2b8a;
    font-size: 26px;
    font-weight: 600;
    line-height: 26px;
    display: grid;
    grid-template-columns: min-content 1fr;
    gap: 16px;

}



#vantagens ul li::before {

  content: '';

  display: block;

  width: 38px;

  height: 38px;

  margin-top: 4px;

  background: url('/img/check.png') no-repeat center;

  background-size: contain;

}



#duvidas {

  background: url('/img/bg_duvidas.jpg') no-repeat center;

  background-size: cover;

}



#duvidas .title {

  margin-bottom: 48px;

}



#duvidas .title h2 {

  font-family: 'Snasm W05', sans-serif;

  font-size: 52px;

  line-height: 50px;

  color: #fff;

}



#duvidas .title .text {

  font-size: 20px;

  color: #789dd0;

  margin-top: 12px;

  line-height: 24px;

  font-weight: 600;

}



#duvidas .container {

  background: url('/img/mulher.png') no-repeat bottom right;

  padding-top: 112px;

  padding-bottom: 112px;

  min-height: 580px;

}



#duvidas .container > * {

  max-width: 820px;

}



#duvidas ul li {

    margin-top: 32px;
    border: solid 1px #3d58ce;
    border-radius: 10px;
    padding: 10px;
    padding-top: 5px;

}



#duvidas ul button {

  font-size: 30px;

  font-weight: 600;

  color: #fff;

  background-color: transparent;

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  cursor: pointer;

  text-align: left;

}



#duvidas ul button::after {

  content: '';

  display: block;

  width: 10px;

  height: 18px;

  background: url('/img/arrow.svg') no-repeat center;

  background-size: contain;

  transition: transform 0.3s;

}



#duvidas ul button.open:not(.closing)::after {

  transform: rotate(90deg);

}



#duvidas ul .text {

  font-size: 20px;

  line-height: 24px;

  padding: 0px 16px;

  color: #a0bfea;

  background-color: rgba(119, 157, 208, 0.2);

  border-radius: 4px;

  grid-template-columns: min-content 1fr;

  gap: 8px;

  display: grid;

  max-height: 0px;

  overflow: hidden;

  transition: max-height 0.3s, padding 0.3s;

}



#duvidas ul button.open:not(.closing) + .text {

  padding-top: 8px;

  padding-bottom: 8px;

}



#duvidas ul .text::before {

  content: 'R:';

  color: #fff;

  display: block;

}



#orcamento {

  padding-top: 128px;

  padding-bottom: 128px;

  border-bottom: 1px solid #e9e8e6;

}



#orcamento .title {

  margin-bottom: 16px;

  text-align: center;

}



#orcamento .title,

#orcamento form {

  max-width: 1000px;

  margin-left: auto;

  margin-right: auto;

}



#orcamento .title h2 {

  font-family: 'Snasm W05', sans-serif;

  font-size: 60px;

  color: #1f2b8a;

}



#orcamento .title .text {

font-size: 23px;
    line-height: 26px;
    color: #87888f;
    font-weight: 500;
    margin-bottom: 30px;

}



#orcamento form {

  position: relative;

  padding: 42px 42px 64px;

  border-radius: 8px;

  box-shadow: 0px 15px 100px 0px rgba(211, 215, 224, 0.69);

}



#orcamento form label {

  font-size: 18px;

  font-weight: 700;

  color: #1f2a89;

  display: block;

}



#orcamento form input,

#orcamento form textarea {

  display: block;

  width: 100%;

  background-color: #e5e9f2;

  border: 1px solid #cad5ee;

  border-radius: 4px;

  font-size: 16px;

  font-family: 'Titillium Web', sans-serif;

  outline: none;

  padding: 16px;

  margin-bottom: 20px;

  transition: border-color 0.3s, box-shadow 0.3s;

}



#orcamento form input:focus,

#orcamento form textarea:focus {

  border-color: #1f2a89;

  box-shadow: 0px 0px 0px 1px #1f2a89;

}



#orcamento form textarea {

  resize: vertical;

}



#orcamento form .wrapper {

  display: grid;

  grid-template-rows: min-content 1fr;

  grid-auto-flow: column;

  gap: 0px 32px;

}



#orcamento form .g-recaptcha {

  width: fit-content;

  margin: 32px auto 0px;

}



#orcamento form p {

  font-size: 13px;

  color: #6b7291;

}



#orcamento form button {

  cursor: pointer;

  border-radius: 4px;

  padding: 10px 64px;

  position: absolute;

  left: 0;

  right: 0;

  bottom: -30px;

  margin: 0 auto;

}



#orcamento form button:disabled:hover {

  background-color: #ffbc00;

}



#clientes {

  padding-top: 64px;

  padding-bottom: 64px;

}



#clientes h2 {

  font-size: 36px;

  font-family: 'Snasm W05', sans-serif;

  text-align: center;

  color: #1f2b8a;

  max-width: 860px;

  margin: 0 auto;

}



#clientes .text {

  max-width: 860px;

  text-align: center;

  margin: 12px auto 64px auto;

}



#clientes .swiper {

  max-width: 860px;

}



#clientes .swiper-button-next,

#clientes .swiper-button-prev {

  position: static;

  flex-basis: 40px;

  flex-grow: 0;

  flex-shrink: 0;

}

#empresa {

  background-color: #edf0f6;

  padding: 64px 0px;

}



#empresa .section-title .text {

  color: #5f6e8e;

}



#empresa iframe {

  width: 100%;

  height: 340px;

  margin-top: 64px;

  box-shadow: 0px 15px 100px 0px rgba(183, 190, 208, 1);

}



footer .content {

  background: url('/img/bg_footer.jpg') no-repeat center;

  background-size: cover;

  padding: 72px 0px;

}



footer .content p {

  color: #9dafde;

}



footer .content h4,

footer .content h6 {

  color: #fff;

  text-transform: uppercase;

  font-weight: 700;

}



footer .content h4 {

  font-size: 20px;

}



footer .info,

footer > .container {

  display: grid;

  gap: 64px;

}



footer .info {

  grid-template-columns: 3fr 2fr 3fr;

}



footer .logo .text {

  font-size: 15px;

  margin-top: 8px;

  color: #aab0e7;

}



footer .menu li:first-child {

  margin-top: 16px;

}



footer .menu li + li {

  margin-top: 4px;

}



footer .menu a {

  text-transform: uppercase;

  padding: 4px 0px;

}



footer .buttons {

  margin-bottom: 32px;

}



footer .news form {

  margin-top: 16px;

  display: flex;

  align-items: center;

  gap: 8px;

}



footer .news form input,

footer .news form button {

  font-size: 14px;

  padding: 6px 10px;

  border-radius: 3px;

}



footer .news form input {

  font-family: 'Titillium Web', sans-serif;

  outline: none;

}



footer .news form button {

  background-color: #02acc8;

  color: #fff;

  text-transform: uppercase;

  font-weight: 700;

  cursor: pointer;

  transition: background-color 0.3s;

}



footer .news form button:not(:disabled):hover {

  background-color: #198daa;

}



footer .redes {

  display: flex;

  align-items: center;

  gap: 24px;

}



footer .redes i {

  font-size: 26px;

}



footer .contato {

  margin-top: 54px;

  display: grid;

  grid-template-columns: 1fr 1fr 1fr 1fr;

  align-items: start;

  gap: 80px;

}



footer .contato li > * {

  display: flex;

  align-items: flex-start;

  gap: 8px;

}



footer .contato li > * i {

  color: #61cdf5;

  font-size: 32px;

  transition: color 0.3s;

}



footer .contato a:hover i {

  color: #198daa;

}



footer > .container {

  grid-template-columns: 1fr min-content 1fr;

  align-items: center;

  padding-top: 32px;

  padding-bottom: 32px;

  color: #224891;

  font-size: 14px;

}



footer > .container button {

  cursor: pointer;

  background-color: transparent;

  white-space: nowrap;

  text-decoration: underline;

}



footer > .container a {

  justify-self: end;

}



.aviso-cookies {

  position: fixed;

  z-index: 15;

  bottom: 32px;

  left: 0;

  right: 0;

}



.aviso-cookies .wrapper {

  background-color: #f1f5ff;

  color: #1f2b8a;

  font-weight: 600;

  box-shadow: 0px 15px 80px 0px rgb(0 0 0 / 30%);

  padding: 16px;

  border-radius: 8px;

  max-width: 1154px;

  display: grid;

  align-items: center;

  grid-template-columns: 1fr max-content;

  gap: 16px;

}



.aviso-cookies button.btn {

  text-transform: uppercase;

  padding: 8px 16px;

  cursor: pointer;

  border-radius: 4px;

  font-size: 16px;

}



.aviso-cookies button[data-modal] {

  background-color: transparent;

  text-decoration: underline;

  cursor: pointer;

}



.float-whatsapp {

  background-color: #25d366;

  border-radius: 50%;

  position: fixed;

  z-index: 14;

  bottom: 64px;

  right: 32px;

  padding: 12px;

  box-shadow: 0px 15px 80px 0px rgb(0 0 0 / 30%);

}



.float-whatsapp i {

  font-size: 48px;

  width: 48px;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

}



@media (max-width: 1399px) {

  .bg-wrapper {

    background-size: 65%;

  }

}



@media (max-width: 1199px) {

  header .buttons {

    flex-direction: column;

    align-items: stretch;

    gap: 4px;

  }
	
		.mao{
		display: none;
	}
	
	#solucao .text {

    max-width: 90%;

}



  header .menu {

    gap: 12px;

  }



  header.fixed .buttons {

    padding-top: 8px;

  }



  .hero .swiper-button-next,

  .hero .swiper-button-prev {

    width: 20px;

    height: 20px;

  }



  .hero .swiper-button-next:after,

  .hero .swiper-button-prev:after {

    font-size: 8px;

  }



  .hero .swiper-button-next {

    right: 4px;

  }



  .hero .swiper-button-prev {

    left: 4px;

  }



  .hero .banner .container {

    grid-template-columns: 3fr 2fr;

  }



  .bg-wrapper {

    background-size: 40%;

  }



  #duvidas .container > * {

    max-width: 680px;

  }

}



@media (max-width: 991px) {
	
	

	

  header nav {

    padding: 16px 0px 0px 0px;

  }



  .hero .banner.empty {

    padding-top: 64px;

    padding-bottom: 64px;

  }



  header .menu {

    display: none;

  }



  header .menu .menu-header,

  header .open-menu,

  header .close-menu,

  .modal .close-modal {

    display: flex;

    align-items: center;

  }



  header .menu li:not(.menu-header) {

    padding: 0px 16px;

    border-bottom: 1px solid #cad5ee;

  }



  header .menu a {

    color: #1f2b8a;

    font-size: 18px;

  }



  header .menu a::before {

    background: url('/img/arrow_dark.png') no-repeat center;

  }



  header .buttons {

    flex-direction: row;

    align-items: center;

    gap: 16px;

  }



  .hero .banner .container {

    grid-template-columns: 1fr;

    width: 100%;

    justify-items: start;

  }



  .hero .banner .container > div,

  .hero .banner .text {

    max-width: 680px;

  }



  .hero .banner .container > img {

    display: none;

  }



  .bg-wrapper,

  #duvidas .container {

    background: none;

  }



  #vantagens ul {

    grid-template-columns: 1fr;

  }



  #duvidas .container > * {

    max-width: none;

  }



  footer .info {

    grid-template-columns: 1fr 1fr;

  }



  footer .logo {

    grid-column: 1/3;

  }



  footer .contato {

    grid-template-columns: 1fr 1fr;

    gap: 32px 64px;

  }

}



@media (max-width: 767px) {

  ul.buttons {

    flex-direction: column;

    align-items: stretch;

    gap: 4px;

  }
	
	
	header nav .container {

    justify-content: center;

}



  #solucao .container {

    grid-template-columns: 64px 1fr;

    gap: 16px 8px;

  }



  #solucao .container img {

    grid-row: auto;

  }



  #solucao .text {

    grid-column: 1/3;

  }



  #orcamento form .wrapper {

    display: block;

  }



  footer > .container {

    grid-template-columns: 1fr 1fr;

    gap: 32px 64px;

  }



  footer > .container p {

    grid-column: 1/3;

    text-align: center;

  }



  footer .buttons {

    margin-bottom: 16px;

  }



  .aviso-cookies .wrapper {

    grid-template-columns: 1fr;

  }



  .float-whatsapp {

    padding: 8px;

    bottom: 32px;

    right: 25px;

  }



  .float-whatsapp i {

    font-size: 32px;

    width: 32px;

  }

}



@media (max-width: 575px) {
	
	.logo img{
		    max-width: 90%;
	}

  .container {

    padding-left: 20px;

    padding-right: 20px;

  }



  ul.buttons {

    flex-direction: row;

    align-items: center;

    gap: 16px;

  }



  .hero .banner {

    min-height: auto;

    padding-top: 320px;

  }



  header.fixed nav .container {

    flex-wrap: wrap;

    gap: 16px;

  }



  header:not(.fixed) nav .container {

    flex-wrap: nowrap;

    flex-direction: column;

    gap: 32px;

  }



  header nav .container a {

    order: 2;

  }



  header .open-menu {

    order: 3;

  }



  header:not(.fixed) .open-menu {

    width: 100%;

    background-color: #b6c9f5;

    justify-content: center;

    border-radius: 4px;

    gap: 8px;

  }



  header:not(.fixed) .open-menu:after {

    content: 'Menu';

    display: block;

    color: #060a3e;

    font-size: 20px;

    font-weight: 600;

  }



  header:not(.fixed) .open-menu i {

    color: #060a3e;

  }



  header nav .container a img {

    max-width: 100%;

    margin-bottom: 0px;

  }



  header .buttons {

    width: 100%;

    justify-content: center;

    padding-top: 8px;

  }



  .hero .banner.empty {

    padding-top: 150px;

    padding-bottom: 150px;

  }



  .hero h1 {

    display: none;

  }



  .hero .banner h2,

  #duvidas .title h2,

  #orcamento .title h2 {

    font-size: 32px;

    line-height: 35px;

  }



  .hero .banner .container > div {

    padding: 32px 0px 64px 0px;

  }



  .btn {

    border-radius: 20px;

    font-size: 24px;

    padding: 8px 16px;

  }



  .btn i {

    font-size: 22px;

  }



  #solucao .text,

  section .section-title .text,

  #duvidas .title .text,

  #duvidas ul .text {

    font-size: 18px;

    line-height: 26px;

  }



  section .section-title h2,

  #clientes h2 {

    font-size: 30px;

    line-height: 33px;

  }



  #vantagens ul li,

  #duvidas ul button,

  #orcamento .title .text {

    font-size: 22px;

    line-height: 26px;

  }



  #vantagens ul li::before {

    width: 28px;

    height: 28px;

  }



  #duvidas .container,

  #orcamento {

    padding-top: 64px;

    padding-bottom: 64px;

  }



  #duvidas ul li + li {

    margin-top: 32px;

  }



  #orcamento form {

    padding: 24px 24px 42px;

  }



  #orcamento form button {

    font-size: 24px;

    padding: 8px 32px;

    bottom: -26px;

  }



  footer .content {

    padding: 64px 0px;

  }



  footer .info {

    grid-template-columns: 1fr;

    gap: 48px;

  }



  footer .logo {

    grid-column: auto;

  }



  footer .contato {

    grid-template-columns: 1fr;

  }

}



@media (max-width: 350px) {

  ul.buttons {

    flex-direction: column;

    align-items: stretch;

    gap: 4px;

  }

}