
.unbounded {font-family: "Unbounded", sans-serif;font-optical-sizing: auto;font-weight: bold;font-style: normal;}
.pt-mono-regular {font-family: "PT Mono", monospace;font-weight: 400;font-style: normal;}
.montserrat {font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}

/* Fonte Popins - usado nos textos*/
.poppins-regular {font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;}
.poppins-medium {font-family: "Poppins", sans-serif;font-weight: 500;font-style: normal;}
.poppins-semibold {font-family: "Poppins", sans-serif;font-weight: 600;font-style: normal;}
.poppins-bold {font-family: "Poppins", sans-serif;font-weight: 700;font-style: normal;}
.poppins-extrabold {font-family: "Poppins", sans-serif;font-weight: 800;font-style: normal;}
.poppins-black {font-family: "Poppins", sans-serif;font-weight: 900;font-style: normal;}

.poppins-medium-italic {font-family: "Poppins", sans-serif;font-weight: 500;font-style: italic;}
.poppins-semibold-italic {font-family: "Poppins", sans-serif;font-weight: 600;font-style: italic;}
.poppins-bold-italic {font-family: "Poppins", sans-serif;font-weight: 700;font-style: italic;}
.poppins-extrabold-italic {font-family: "Poppins", sans-serif;font-weight: 800;font-style: italic;}
.poppins-black-italic {font-family: "Poppins", sans-serif;font-weight: 900;font-style: italic;}

@font-face {
    font-family: 'TuskerGrotesk';
    src: url('../font/TuskerGrotesk-5600Semibold.ttf') format('truetype');
    font-weight: 600; /* Semibold */
    font-style: normal;
}

@font-face {
  font-family: 'ThereBrat';
  src: url('../font/there-brat.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/*h1, h2{font-family: 'Unbounded' !important;}
h3, h4{font-family: 'pt-mono-regular'!important;}
*/

:root {
  --bs-body-font-family: 'Poppins';
  --bs-body-bg: #FFFFFF;
  --bs-blue: #18456E;
  --bs-yellow: #F2C300;
  --bs-green:#2ea63c;
  --bs-green-bold:#577253;
  --bs-navbar-color: #DEDEDE;
  --bg-dark: #353535;
  --bg-white: #FFFFFF;
  --bg-light: #FCD1C0;
  --bg-blue: #18456E;
  --bs-navbar-toggler-icon-bg-white: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color-white: white;
  --nav-link-color: #fff !important; /* verde */
  --nav-link-font-weight: bold;
  --nav-link-hover-color: #577253; /* verde escuro */
  --title-color: #18456E;/* azul escuro */
  --footer-link-color: #18456E; /* azul */
  --footer-link-hover-color: #577253; /* azul */
  --text-color-silver-dark: #716969; 
  --swiper-theme-color: #fff;
  --swiper-pagination-color:#fff;
  --bs-heading-color:black;
  --bg-button-theme: black;
}

[data-bs-theme="menu-transparent-over"]{
  font-family: 'ThereBrat' !important;
  --bs-navbar-color: #DEDEDE !important;
  --bs-navbar-hover-color: var(--bs-green);
  --bs-nav-link-font-size: 0.9rem;
}

.btn-lg {--bs-btn-padding-y: 1.5rem;}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #38b4f0;
  --bs-btn-border-color: #18456E;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #38b4f0;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
  font-family: "Poppins", sans-serif;
  font-weight: var(--nav-link-font-weight);
}

.btn-theme{background-color: var(--bg-button-theme); width: 220px;}
.btn-theme:hover{background-color: var(--bg-button-theme); opacity: 0.7;}

#header{background-color:#000;}
#header .navbar-brand{max-width: 300px; margin-right: 0px;}
#header-logo{max-width: 85%;}
.action-button {
  background: #fff;
  color: black;
  font-weight: 400;
  padding:5px 15px;
}

.navbar-collapse {
  flex-grow: 0 !important;
}

.nav-link {
  font-family: "Poppins", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--nav-link-font-weight);
  color: var(--nav-link-color);
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.nav-link:focus, .nav-link:hover {color: var(--nav-link-hover-color);}

.nav-item .btn{font-size: var(--bs-nav-link-font-size) !important;}

.titulo-principal {font-family: "ThereBrat"; font-size: 6rem; margin: 90px 0px}
.titulo-principal.about {font-family: 'Poppins', Arial, sans-serif; font-size: 4rem; margin: 90px 0px}
.main{padding-top: 0px;}
.main-container {max-width: 1000px; margin: 0 auto}
.modelo {max-width: 1200px; margin: 0 auto 150px; font-family: 'Poppins', Arial, sans-serif;}
.modelo .conteudo-modelo {gap:40px; width: 86%;}
.modelo .conteudo-modelo .icones-modelo {font-weight: 700; font-size: 1.4rem;}
.modelo .conteudo-modelo .botao-modelo button {background:#0a5de7; font-size:0.9rem; border: none; border-radius: 8px; color:white; padding:15px 0px; width:270px}
.modelo .conteudo-modelo .botao-modelo button:hover {transition: 1s; background-color: #222;}
.modelo .conteudo-modelo .botao-modelo a {background:#0a5de7; font-size:0.9rem; border: none; border-radius: 8px; color:white; padding:15px 0px; width:270px}
.modelo .conteudo-modelo .botao-modelo a:hover {transition: 1s; background-color: #222;}
.modelo .imagem-modelo img {max-width: 100%;}
.modelo .info-modelo .descricao-modelo {font-size:0.9rem; text-align: justify; font-weight: 600; line-height: 1.2rem;}
.modelo .info-modelo .titulo-modelo img {max-width:93%;}
.locais-compra img {width:100%}
.locais-compra a:hover {transition:0.6s; opacity: 0.9;}
.onde-comprar img {width:62px;}
.compre-online {margin:140px 0px;}
.compre-button {background:#6ecb3f; border:none; color:white; padding:25px 0px; width:430px; font-size:1.4rem; font-weight: 600; border-radius:8px; text-align: center; text-decoration: none;}
.compre-button:hover {transition:0.6s; background-color: #549f2f;}
.compre-button img {width:38px; margin-right:10px;}
.btn-success {--bs-btn-bg: var(--bs-green);}
.teste-drive, .newsletter {margin-bottom:40px;}
.newsletter {margin-top:140px}
.teste-drive-desktop, .newsletter-desktop {display: inline-block; position: relative; }
.teste-drive-desktop img, .newsletter-desktop img {width: 100%; height: auto; display: block;}
.teste-drive-mobile, .newsletter-mobile {display: none;}
.teste-drive .link-button {text-decoration: none; background-color: black; border: none; font-weight: 600; font-size: 1.3rem; padding: 20px 0px; width:18%; color:white; border-radius: 8px; position: absolute; bottom: 25%; left: 19%;}
.teste-drive .link-button:hover {transition: 0.6s;background-color: #0a5de7;}
.parceiros {gap:100px;}
.newsletter-box {background-color: black; border-radius: 8px; padding:60px; width:65%; color: white; margin: 0 auto; position: relative; top:-100px;}
.newsletter-box .newsletter-text p {font-size:0.95vw; text-transform: uppercase; margin-bottom:0px; line-height: 1.3rem; letter-spacing: 2px; text-align: left; font-weight: 600;}
.newsletter-box .newsletter-text .newsletter-special-text {font-size: 2.8vw; font-family:"ThereBrat";}
.newsletter-box .newsletter-form .newsletter-input {width:65%; background-color: white; border: none; padding:10px; border-radius: 8px;}
.newsletter-box .newsletter-form .newsletter-button {width: 30%; margin-left: 2%; padding: 12px; border-radius: 8px; border:none; background-color: #a6a2a3; color:black; text-transform: uppercase; font-weight: 600;}
.newsletter-box .newsletter-form .newsletter-button:hover {opacity: 0.7 }
.instagram-button {background-color: #38b4f0; color:white; text-transform: uppercase; border-radius: 100px; padding:23px 110px; font-size: 1.2rem; border:none; letter-spacing: 2px; text-decoration: none;}
.instagram-button img {width:35px; margin-right:16px;}

.btn-orange {
  background-color: #c8a273 !important;
}

.btn-green {
  background-color: #dbd864 !important;
}

.btn-grey {
  background-color: #918c89 !important;
}

.btn-orange:hover, .btn-green:hover, .btn-grey:hover{opacity: 0.7;}

.btn-lg-2x {
  --bs-btn-padding-y: 1.5rem;
  --bs-btn-padding-x: 2rem;
  --bs-btn-font-size: 1.5rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-rounded-40{border-radius: 40px !important;}
.box-shadow-theme{box-shadow: 0.5rem 0.2rem 1rem var(--bs-green) !important;}

.border-success {--bs-border-opacity: 0.8; border-color: var(--bs-green) !important;}

.nav-item-empty{padding-right: 3rem; padding-left: 3rem;}
.nav-link.social{font-size: 1.1rem;}
.fab{color: var(--bs-green)}
.fab:hover{color: var(--bs-white)}

.position-absolute-bottom-center{position: absolute;top: 70%;left: 50%;transform: translate(-50%, -50%);}

.stay-informed{background: linear-gradient(45deg, #00335f, #0a869f); height: 200px;}
.stay-informed .text-stay{height: 200px; color: white; }
.stay-informed .text-stay h2{font-weight: normal; margin-top: 55px;}
.stay-informed .text-stay a img:hover{opacity: 0.8;}

.title-page{
    /*font-family: 'TuskerGrotesk', Arial, sans-serif;*/
    font-family: "Poppins", sans-serif;font-weight: 700;font-style: normal;
    font-weight: 600; /* Semibold */
    text-transform: uppercase; 
    font-size: 3rem; 
    color: var(--title-color) !important; 
    font-weight: bold;
  }

.subtitle-page{font-size: 2.3rem; color: var(--bs-green-bold); }

.about-us{/*background-image: url('../img/bg-about-us.jpg');*/ color: var(--text-color-silver-dark); text-align: justify; font-size: 1.25rem;}

.our-flags{background-color: var(--bs-yellow); border-top: 15px solid var(--bs-green); min-height: 900px;}
.our-flags h5{color: var(--bs-blue); text-transform: uppercase; font-weight: bold; font-size: 1.20rem;}
.our-flags .div-img-flag{height: 200px;}

.notices .div-notice{border: 1px solid var(--bs-border-color); border-radius: 4px; color: var(--bs-blue);}
.notices .div-notice .div-text-notice{text-align: justify; color: var(--text-color-silver-dark);}

.commitments{background-color: var(--bs-blue); color: var(--bs-green-bold); color:white; min-height: 1200px;}
.commitments .title-page{color: var(--bg-white) !important;}
.commitments .subtitle-page{color: #F2C400 !important; font-size: 2.3rem;}
.commitments .text-commitments{min-height: 90px; font-size: 1.3rem;}

#banner-meio-1{border-top: 15px solid var(--bs-yellow);}

.video-home iframe{width: 100%; height: auto; min-height: 620px;}

.contact .input-group-text{background-color: transparent !important; border-right: 0px !important; align-items: baseline; padding-top: 15px;}
.contact .input-group .form-control{border-left: 0px !important;}


.lh-40{line-height: 40px;}
.lh-50{line-height: 50px;}

.swiper-button-next, .swiper-button-prev {
  margin-left: 30px;
  margin-right: 30px;
  color: #fff !important;
}

.swiper-button-next-black,
.swiper-button-prev-black {
  margin-left: -10%;
  margin-right: -10%;
  color: black !important;
}

.swiper-button-disabled {
  opacity: 1 !important;
  cursor: pointer !important;
  pointer-events: all !important;
}

.arrow-slider {
  width:70%;
  position: relative;
  margin: 0 auto;
}

.insta-slide {
  width: 80% !important;
  margin-top:100px;
  margin-bottom: 140px;
}

/* .swiper-button-prev {
  background-image: url('../img/seta-prev.png');
}

.swiper-button-next {
  background-image: url('../img/seta-next.png');
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: none;
} */

/*.swiper-button-lock {
  display: block !important;
}*/

.carousel-control-next, .carousel-control-prev{width: 5%;}
.carousel-inner .block-text{min-height: 250px; height: auto; max-height: 450px; overflow: auto; background: white; border-radius: 20px;}

/* #header.scrolled {background-color: var(--bg-white) !important;}/* Cor de fundo alterada ao rolar */
#header-logo.scrolled {/*width: 65%;  Dimensões do logo alteradas ao rolar */}


#depoimentos .title{color: var(--bs-heading-color);}
#depoimentos h3{color: var(--bs-green); font-weight: bold;}
#depoimentos .carousel-inner{overflow: inherit !important;}
#depoimentos .carousel-inner .block-text{min-height: 350px; height: auto; max-height: 400px; overflow: auto; background: white; border-radius: 20px;}

.faq-item h3.question{padding: 0px; margin: 0px;}
.faq-item .question p{padding: 0px; margin: 0px;}


.swiper.depoimentos .swiper-slide .depoimento-foto{transform: translateY(50px);}
.swiper.depoimentos .swiper-slide .content-text{min-height: 250px; height: auto; max-height: 400px; overflow: auto; background: white; border-radius: 20px;}
.swiper.depoimentos .swiper-slide .content-text .block-text{transform: translateY(20px);}

#cadastro .title{color: var(--bs-green);}

#cadastro .form-control{background-color: var(--bs-white); color: var(--bs-gray)}
#cadastro .form-control.form-control-lg{height: 70px;}
#cadastro .form-check-label{font-size: 1.7rem; color: var(--bs-gray)}
#cadastro .form-check-input{width: 2em; height: 2em; margin-right: 10px; background: white;}
#cadastro .form-check-input:checked{background: var(--bs-green);}

#result .message.success{text-align: center;font-size: 20px;color: var(--bs-green);}
#result .message.error{text-align: center;font-size: 20px;color: red;}

#bt-youtube a:hover{opacity: 0.8;}
#grupo-whatsapp a:hover{opacity: 0.8;}
#video a:hover{opacity: 0.8;}

footer{
  background-color: black;
}

.footer-container {
  padding:140px 0px;
}

footer .nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--nav-link-font-weight);
  color: white;
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

footer .nav-link:hover{opacity: 0.8; color: #0a53be;} 

footer .icons{max-width: 80%;}

::placeholder {
  color: color: var(--bs-gray);
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: color: var(--bs-gray);
}

.top-50-negative{top: -50px;}
.top-60-negative{top: -60px;}
.top-25{top: 25%;}
.top-30{top: 30%;}
.top-35{top: 35%;}
.top-40{top: 40%;}
.start-30{left: 30%;}
.start-31{left: 31%;}
.start-65{left: 65%;}
.start-70{left: 70%;}
.w-30{width: 30%;}

.position-bt-close-modal{top: -7px !important; right: 2px !important;}

.logo-sit{position: absolute; bottom: -40px; left: 0; max-width: 12%;}
.copyright{background-color: #3e3e3e; height: 60px; line-height: 60px; color: var(--bs-white); font-size: 13px;}
.copyright a{color: var(--bs-white); text-decoration: none;}
.copyright a:hover{color: var(--bs-green);}



/* GALERIA DE FOTOS NA P;AGINA DO MODELO */
.product-gallery {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.image-preview {
    width: 600px;
    height: 600px;
    overflow: hidden;
}

.image-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.thumbnail-carousel-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    width: 100%;
    max-width: 420px;
}

.thumbnail-carousel {
    width: 320px; /* Define o espaço visível para o carrossel */
}

.thumbnail-carousel .carousel-cell {
    width: 80px;
    height: 80px;
    flex: none;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.3s ease;
}

.thumbnail-carousel .carousel-cell img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumbnail-carousel .carousel-cell img.active,
.thumbnail-carousel .carousel-cell img:hover {
    border-color: #007bff;
}

/* Setas de navegação */
.arrow {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #333;
    user-select: none;
    padding: 0 10px;
}

.arrow:disabled {
    color: #ccc;
    cursor: not-allowed;
}


/* FIM GALERIA DE FOTOS NA P;AGINA DO MODELO */


.product .icon{width: 40px; display: inline-block; margin-right: 20px;}

/* ANIMAÇÒES */
.moto-img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.moto-img:hover {
  transform: rotate(2deg) scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* 6. Entrada pela direita */
@keyframes entrarDaDireita {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.entrar-direita {
  animation: entrarDaDireita 1s ease-out forwards;
}
/* 7. Entrada pela esquerda */
@keyframes entrarDaEsquerda {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.entrar-esquerda {
  animation: entrarDaEsquerda 1s ease-out forwards;
}

/* FIM ANIMAÇÕES */

@media (max-width: 800px) {
  footer .nav-link {
    text-align: center !important;
  }
  footer .first-column{margin-bottom:40px}
  .main{margin-top: 0px; padding-top: 0px;}
  .navbar-brand{max-width: 70% !important;}
  #header-logo.scrolled {width: 100%;}
  /*#navbarNav.navbar-collapse.collapse.show{padding-top: 20px;}*/

  .title-page{font-size: 2rem;}
  .subtitle-page{font-size: 1.5rem;}
  .commitments .subtitle-page {font-size: 2rem;}

  .stay-informed {height: 230px;}
  .stay-informed .text-stay{height: 100px; color: white;}
  .stay-informed .text-stay h2{font-size: 1.2rem;}
  .stay-informed .text-stay img{max-width: 80%;}

  .modal-body{min-height: 350px;}
  .video-home iframe {min-height: 320px;}

  .copyright {height: auto;line-height: 20px;font-size: 10px;padding: 10px;}

  /* .swiper-button-next, .swiper-button-prev{display: none;} */
  
  .form-check-label h3{font-size: 1rem;}
  #cadastro .form-check-label{font-size: 1rem;}
  .navbar-toggler-icon{background-image: var(--bs-navbar-toggler-icon-bg-white) !important; }
  .navbar-toggler{border: 1px solid white !important;}
  #header .navbar-nav .nav-item:not(:last-child){border-bottom:1px solid white}

  .teste-drive .link-button {
    font-size: 1rem;
    width: 50%;
    color: white;
    border-radius: 8px;
    position: absolute;
    bottom: -30px;
    left: 25%;
  }

  .image-preview {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .main{margin-top: 0px; padding-top: 0px;}
  .stay-informed .text-stay h2{margin-top: 40px;}
  .stay-informed .text-stay img{max-width: 90%;}
  .about-us{font-size: 0.9rem !important;}
  .about-us .w-30{width: 45% !important;}
  .about-us .start-31{left: 28% !important;}
  .about-us .top-40{top: 48% !important;}
  .title-page{font-size: 2rem;}
  .subtitle-page{font-size: 1.5rem;}
  .teste-drive .link-button {
    font-size: 1rem;
    width: 50%;
    color: white;
    border-radius: 8px;
    position: absolute;
    bottom: -30px;
    left: 25%;
  }
  .navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg-white) !important;
  }
  .navbar-toggler {
    border: 1px solid white !important;
  }
}

@media (min-width: 1000px) and (max-width: 1024px) {
  #header-logo{max-width: 100px;}
  .nav-link{font-size: 12px !important;}
  .nav-item-empty{padding-right: 0.25rem; padding-left: 0.25rem;}
  .fs-5 {
    font-size: 0.7rem !important;
  }
  .about-us .top-40{top: 50% !important;}
  #cadastro .form-check-label {font-size: 1.0rem !important;}
  #como-ajudamos img{width: 100%;}
  #como-ajudamos p{font-size: 12px;}
}

@media (min-width: 1200px) and (max-width: 1450px) {
  .about-us .top-40{top: 50% !important;}
  .about-us .start-31 {left: 25%;}
  .about-us .w-30{width: 40% !important;}
  .fs-5 {
    font-size: 0.9rem !important;
  }
}

@media (min-width:1401px){
  .navbar-expand-lg .navbar-nav .nav-link {
      margin: 0px 25px;
    }
}

@media (min-width:990px) and (max-width: 1400px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    margin: 0px 10px;
    font-size:0.8rem;
  }
}

@media (min-width:990px) and (max-width: 1020px) {
 #header .navbar-brand {
    margin-right:30px;
  }
}

@media (max-width:1120px) {
  .main-container {
    max-width: 90%;
  }
}

@media (max-width:990px) {
  .navbar-center {
    flex-wrap: wrap;
  }
  .swiper-button-next,
  .swiper-button-prev {
    width: 3rem;
    height: 3rem;
    margin-left: 12px;
    margin-right: 12px;
  }
  .modelo {
    margin-bottom:80px;
  }
  .modelo .conteudo-modelo {width: 100%;}
  .modelo .conteudo-modelo .icones-modelo {
    font-weight: 700;
    font-size: 1rem;
  }
  .icone-info img {
    width: 20px;
  }
  .modelo .imagem-modelo img {
    max-width: 80%;
    margin-bottom: 30px;
  }
  .titulo-principal {
    margin:65px 0px;
    font-size:3.2rem;
  }
  .onde-comprar img {
    width: 35px;
  }
  .compre-online {
    margin: 70px 0px;
  }
  .compre-button {
    padding: 20px 0px;
    width: 270px;
    font-size: 1rem;
  }
  .compre-button img {
    width: 30px;
  }
  .teste-drive-desktop, .newsletter-desktop {
    display: none;
  }
  .teste-drive-mobile, .newsletter-mobile {
    width: 100%;
    display: inline-block;
    position: relative;
  }
  .teste-drive-mobile img, .newsletter-mobile img {
    width:100%;
    height: auto;
    display: block;
  }
  .teste-drive button {
    bottom: 2%;
    left: 41%;
  }
  .arrow-slider {
    max-width: 70%;
  }
  .insta-slide {
    margin-top: 50px;
    margin-bottom:50px;
  }
  .swiper-button-next-black,
  .swiper-button-prev-black {
    margin-left: -23%  !important;
    margin-right: -23% !important;
    color: black !important;
  }
  .modelo .conteudo-modelo .botao-modelo button {
    width:auto;
    padding:15px 30px;
  }
  .modelo .conteudo-modelo .icones-modelo {
    flex-wrap: wrap;
  }
  .newsletter {
    margin-top: 70px
  }
  .newsletter-text {
    margin-bottom: 1rem;
  }
}

@media (max-width:650px){
  .teste-drive button {
    bottom: -4%;
    left: 25%;
    right:25%;
    width: auto;
    padding: 10px 6%;
  }
  .newsletter-box .newsletter-form .newsletter-input {
    margin-bottom: 5%;
    width: 100%;
  }

  .newsletter-box .newsletter-form .newsletter-button {
    margin-left: 0px;
    width: 100%;
  }
  .newsletter-box {
    padding: 30px;
    width: 100%;
    border-radius: 0px;
    top: inherit;
  }

  .newsletter-box .newsletter-text p {
    font-size: 2.2vw;
  }

  .newsletter-box .newsletter-text .newsletter-special-text {
    font-size: 4vw;
  }
  .instagram-button {
    padding: 12px 50px;
    font-size: 0.6rem;
    letter-spacing: 1px;
  }
  .instagram-button img {
    width:20px;
  }
  .footer-container {
    padding: 70px 0px;
  }
}
