/**

* Template Name: Knight

* Updated: Jul 27 2023 with Bootstrap v5.3.1

* Template URL: https://bootstrapmade.com/knight-free-bootstrap-theme/

* Author: BootstrapMade.com

* License: https://bootstrapmade.com/license/

*/



/*--------------------------------------------------------------

# Generaleero7

--------------------------------------------------------------*/

body {

  

  color: black;

}



a {

  text-decoration: none;

  color: white;

}



a:hover {

  color: white;

  text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Poppins", poppins;

}



:root {

  --color-default: black;

  --color-primary: black;

  --color-secondary: black; /* #f03cc0;*/

}





.btn{

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-weight: 400;

  font-size: 24px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 14px 30px;

  padding-top: 20px;

  padding-bottom: 20px;

  border-radius: 25px;

  margin-top: 0;

  

  color: #fff;

  background: #37c929;

  border: 2px solid white;

}



.btn:hover {

  transition: 0.5s;

  background: #fff;

  color: #7cc576;

}



:root { 

  --background-color: #ffffff; /* Background color for the entire website, including individual sections */

  --default-color: #444444; /* Default color used for the majority of the text content across the entire website */

  --heading-color: #111111; /* Color for headings, subheadings and title throughout the website */

  --accent-color: #e03a3c; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */

  --surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */

  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */

}



/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */

:root {

  --nav-color: #212529;  /* The default color of the main navmenu links */

  --nav-hover-color: #e03a3c; /* Applied to main navmenu links when they are hovered over or active */

  --nav-mobile-background-color: #ffffff; /* Used as the background color for mobile navigation menu */

  --nav-dropdown-background-color: #ffffff; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */

  --nav-dropdown-color: #212529; /* Used for navigation links of the dropdown items in the navigation menu. */

  --nav-dropdown-hover-color: #e03a3c; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */

}



/* Color Presets - These classes override global colors when applied to any section or element, providing reuse of the sam color scheme. */



.light-background {

  --background-color: #f9f9f9;

  --surface-color: #ffffff;

}



.dark-background {

  --background-color: #1b1b1b;

  --default-color: #ffffff;

  --heading-color: #ffffff;

  --surface-color: #353535;

  --contrast-color: #ffffff;

}



/*--------------------------------------------------------------

# Back to top button

--------------------------------------------------------------*/

.back-to-top {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  left: 15px;

  bottom: 15px;

  z-index: 996;

  background: white;

  width: 40px;

  height: 40px;

  border-radius: 4px;

  transition: all 0.4s;

}



.back-to-top i {

  font-size: 28px;

  color: #fff;

  line-height: 0;

}



.back-to-top:hover {

  background: black;

  color: #fff;

}



.back-to-top.active {

  visibility: visible;

  opacity: 1;

}



/*--------------------------------------------------------------

# Disable AOS delay on mobile

--------------------------------------------------------------*/

@media screen and (max-width: 768px) {

  [data-aos-delay] {

    transition-delay: 0 !important;

  }

}



/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/

#header {

  height: 90px;

  transition: all 0.5s;

  z-index: 997;

  transition: all 0.5s;

  background: #fff;

  box-shadow: 0 4px 10px -3px hsla(0, 0%, 75%, 0.5);

}



#header .logo h1 {

  font-size: 28px;

  margin: 0;

  line-height: 1;

  font-weight: 400;

  letter-spacing: 3px;

  text-transform: uppercase;

}



#header .logo h1 a,

#header .logo h1 a:hover {

  color: #fff;

  text-decoration: none;

}



#header .logo img {

  padding: 0;

  margin: 0;

  max-height: 40px;

}



@media (max-width: 992px) {

  #header {

    height: 70px;

  }

}



.scrolled-offset {

  margin-top: 90px;

}



@media (max-width: 992px) {

  .scrolled-offset {

    margin-top: 90px;

  }

}



/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/**

* Desktop Navigation 

*/

.navbar {

  padding: 0;

}



.navbar ul {

  margin: 0;

  padding: 0;

  display: flex;

  list-style: none;

  align-items: center;

}



.navbar li {

  position: relative;

}



.navbar a,

.navbar a:focus {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 10px 0 10px 30px;

  font-size: 15px;

  color: #151515;

  text-transform: uppercase;

  white-space: nowrap;

  transition: 0.3s;

}



.navbar a i,

.navbar a:focus i {

  font-size: 12px;

  line-height: 0;

  margin-left: 5px;

}



.navbar a:hover,

.navbar .active,

.navbar .active:focus,

.navbar li:hover>a {

  color: #7cc576;

}



.navbar .dropdown ul {

  display: block;

  position: absolute;

  left: 14px;

  top: calc(100% + 30px);

  margin: 0;

  padding: 10px 0;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  background: #fff;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

  transition: 0.3s;

}



.navbar .dropdown ul li {

  min-width: 200px;

}



.navbar .dropdown ul a {

  padding: 10px 20px;

  font-size: 15px;

  text-transform: none;

  font-weight: 600;

}



.navbar .dropdown ul a i {

  font-size: 12px;

}



.navbar .dropdown ul a:hover,

.navbar .dropdown ul .active:hover,

.navbar .dropdown ul li:hover>a {

  color: #7cc576;

}



.navbar .dropdown:hover>ul {

  opacity: 1;

  top: 100%;

  visibility: visible;

}



.navbar .dropdown .dropdown ul {

  top: 0;

  left: calc(100% - 30px);

  visibility: hidden;

}



.navbar .dropdown .dropdown:hover>ul {

  opacity: 1;

  top: 0;

  left: 100%;

  visibility: visible;

}



@media (max-width: 1640px) {

  .navbar .dropdown .dropdown ul {

    left: -90%;

  }



  .navbar .dropdown .dropdown:hover>ul {

    left: -100%;

  }

}



/**

* Mobile Navigation 

*/

.mobile-nav-toggle {

  color: #151515;

  font-size: 28px;

  cursor: pointer;

  display: none;

  line-height: 0;

  transition: 0.5s;

}



.mobile-nav-toggle.bi-x {

  color: #fff;

}



@media (max-width: 991px) {

  .mobile-nav-toggle {

    display: block;

  }



  .navbar ul {

    display: none;

  }

}



.navbar-mobile {

  position: fixed;

  overflow: hidden;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.9);

  transition: 0.3s;

  z-index: 999;

}



.navbar-mobile .mobile-nav-toggle {

  position: absolute;

  top: 15px;

  right: 15px;

}



.navbar-mobile ul {

  display: block;

  position: absolute;

  top: 55px;

  right: 15px;

  bottom: 15px;

  left: 15px;

  padding: 10px 0;

  background-color: #fff;

  overflow-y: auto;

  transition: 0.3s;

}



.navbar-mobile a,

.navbar-mobile a:focus {

  padding: 10px 20px;

  font-size: 15px;

  color: #151515;

}



.navbar-mobile a:hover,

.navbar-mobile .active,

.navbar-mobile li:hover>a {

  color: #7cc576;

}



.navbar-mobile .getstarted,

.navbar-mobile .getstarted:focus {

  margin: 15px;

}



.navbar-mobile .dropdown ul {

  position: static;

  display: none;

  margin: 10px 20px;

  padding: 10px 0;

  z-index: 99;

  opacity: 1;

  visibility: visible;

  background: #fff;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

}



.navbar-mobile .dropdown ul li {

  min-width: 200px;

}



.navbar-mobile .dropdown ul a {

  padding: 10px 20px;

}



.navbar-mobile .dropdown ul a i {

  font-size: 12px;

}



.navbar-mobile .dropdown ul a:hover,

.navbar-mobile .dropdown ul .active:hover,

.navbar-mobile .dropdown ul li:hover>a {

  color: #7cc576;

}



.navbar-mobile .dropdown>.dropdown-active {

  display: block;

}



/*--------------------------------------------------------------

# Capa Section

--------------------------------------------------------------*/









#capa {

  width: 100%;

  

  

  

  background-repeat: no-repeat;

  background-attachment: fixed; 

  background-size: 100% 100%;

  background-color: #FFFFFF;

  

  /*background-color: black;

 background-image:  url("../img/new/fundo\ praquemeh.png");

  */

  position: relative;

  

}











#capa .play-btn::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #fff;

  z-index: 100;

  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);

}



#capa .play-btn::before {

  content: "";

  position: absolute;

  width: 120px;

  height: 120px;

  animation-delay: 0s;

  animation: pulsate-btn 3s;

  animation-direction: forwards;

  animation-iteration-count: infinite;

  animation-timing-function: steps;

  opacity: 1;

  border-radius: 50%;

  border: 5px solid #8F2C2F;

  top: -15%;

  left: -15%;

  background: #8F2C2F;

}



#capa .play-btn:hover::after {

  

  border-left: 15px solid #8F2C2F;

  transform: scale(20);

}



#capa .play-btn:hover::before {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border: none;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #fff;

  z-index: 200;

  animation: none;

  border-radius: 0;

}

#capa::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.1);

}



#capa .quote-icon {

  text-align: center;

  margin-bottom: 30px;

}



#capa .quote-icon i {

  color: #7cc576;

  font-size: 24px;

  padding: 18px;

  border-radius: 50px;

  border: 2px solid #7cc576;

}



#capa #capa-carousel,

#capa #capa-slider {

  overflow: hidden;

}



#capa #capa-item {

  text-align: center;

  color: #fff;

}



#capa #capa-item p {

  font-style: italic;

  margin: 0 auto 30px auto;

  font-size: 20px;

}



#capa #capa-item #capa-img {

  

    max-width:350px;

    max-height:350px;

    width: auto;

    height: auto;



  border: 6px solid rgba(255, 255, 255, 0.15);

  margin: 0 auto;

}



#capa #capa-item h3 {

  font-size: 20px;

  font-weight: bold;

  margin: 10px 0 5px 0;

  color: #fff;

}



#capa #capa-item h4 {

  font-size: 14px;

  color: #ddd;

  margin: 0 0 15px 0;

}



#capa #swiper-pagination {

  margin-top: 20px;

  position: relative;

}



#capa #swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  opacity: 1;

  background-color: rgba(255, 255, 255, 0.4);

}



#capa #swiper-pagination #swiper-pagination-bullet-active {

  background-color: #7cc576;

}



@media (min-width: 992px) {

  #capa #capa-item p {

    width: 80%;

  }

}



#capa .capa-container {

  position: relative;

  bottom: 0;

  top: 0;

  left:0px;

  right: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  text-align: center;

  padding: 0px 15px;

  ;

  

}





#capa .video {

  aspect-ratio: 16 / 9;

  width: 100%;

}



#capa .capa-logo {

  height: 50px;

  margin-top: 100px;

  margin-left: 0px;

  margin-right: 200px;

  margin-bottom: 50px;

  align-items: left;



}



#capa h1 {

  margin: 0 0 10px ;

  font-size: 50px;

  text-transform: uppercase;

  font-weight: 500;

  text-align: center;

  font-family: "Bebas Neue", sans-serif;

  line-height: 48px;

  color:#8F2C2F;

  

}





#capa preco {

  margin: 0 0 10px ;

  font-size: 60px;

  text-transform: uppercase;

  font-weight: 800;

  text-align: center;

  

  line-height: 88px;

  color:#8F2C2F;

  

}

#capa h2 {

  color: black;

  margin-bottom: 10px;

  font-size: 22px;

  font-weight: 400;

  

  text-align: center;

  text-justify: inter-word;

}





#capa p {

  font-size: 20px;

  font-weight: 400;

  margin: 10;

  color: black;

}





#capa .btn-get-started {

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-weight: 400;

  font-size: 16px;

  letter-spacing: 1px;

  

  display:inline-block;

  padding: 14px 14px;

  padding-top: 15px;

  padding-bottom: 30px;

  border-radius: 25px;

  margin-top: 0;

  

  color: #fff;

  background: #0a5603;

  border: 2px solid white;

}



#capa .btn-get-started:hover {

  transition: 0.5s;

  background: #fff;

  color: #7cc576;

}











/*secao alternada */









#alternada {

  width: 100%;

  

  

  

  background-repeat: no-repeat;

  background-attachment: fixed; 

  background-size: 100% 100%;

  background-color: #EBEFF2;

  

  /*background-color: black;

 background-image:  url("../img/new/fundo\ praquemeh.png");

  */

  position: relative;

  

}











#alternada .play-btn::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #fff;

  z-index: 100;

  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);

}



#alternada .play-btn::before {

  content: "";

  position: absolute;

  width: 120px;

  height: 120px;

  animation-delay: 0s;

  animation: pulsate-btn 3s;

  animation-direction: forwards;

  animation-iteration-count: infinite;

  animation-timing-function: steps;

  opacity: 1;

  border-radius: 50%;

  border: 5px solid #8F2C2F;

  top: -15%;

  left: -15%;

  background: #8F2C2F;

}



#alternada .play-btn:hover::after {

  

  border-left: 15px solid #8F2C2F;

  transform: scale(20);

}



#alternada .play-btn:hover::before {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border: none;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #fff;

  z-index: 200;

  animation: none;

  border-radius: 0;

}

#alternada::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.1);

}



#alternada .quote-icon {

  text-align: center;

  margin-bottom: 30px;

}



#alternada .quote-icon i {

  color: #7cc576;

  font-size: 24px;

  padding: 18px;

  border-radius: 50px;

  border: 2px solid #7cc576;

}



#alternada #alternada-carousel,

#alternada #alternada-slider {

  overflow: hidden;

}



#alternada #alternada-item {

  text-align: center;

  color: #fff;

}



#alternada #alternada-item p {

  font-style: italic;

  margin: 0 auto 30px auto;

  font-size: 20px;

}



#alternada #alternada-item #alternada-img {

  

    max-width:350px;

    max-height:350px;

    width: auto;

    height: auto;



  border: 6px solid rgba(255, 255, 255, 0.15);

  margin: 0 auto;

}



#alternada #alternada-item h3 {

  font-size: 20px;

  font-weight: bold;

  margin: 10px 0 5px 0;

  color: #fff;

}



#alternada #alternada-item h4 {

  font-size: 14px;

  color: #ddd;

  margin: 0 0 15px 0;

}



#alternada #swiper-pagination {

  margin-top: 20px;

  position: relative;

}



#alternada #swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  opacity: 1;

  background-color: rgba(255, 255, 255, 0.4);

}



#alternada #swiper-pagination #swiper-pagination-bullet-active {

  background-color: #7cc576;

}



@media (min-width: 992px) {

  #alternada #alternada-item p {

    width: 80%;

  }

}



#alternada .alternada-container {

  position: relative;

  bottom: 0;

  top: 0;

  left:0px;

  right: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  text-align: center;

  padding: 0px 15px;

  ;

  

}





#alternada .video {

  aspect-ratio: 16 / 9;

  width: 100%;

}



#alternada .alternada-logo {

  height: 50px;

  margin-top: 100px;

  margin-left: 0px;

  margin-right: 200px;

  margin-bottom: 50px;

  align-items: left;



}



#alternada h1 {

  margin: 0 0 10px ;

  font-size: 50px;

  text-transform: uppercase;

  font-weight: 500;

  text-align: center;

  font-family: "Bebas Neue", sans-serif;

  line-height: 48px;

  color:#8F2C2F;

  

  

}



#alternada h2 {

  color: black;

  margin-bottom: 10px;

  font-size: 22px;

  font-weight: 400;

  

  text-align: center;

  text-justify: inter-word;

}





#alternada p {

  font-size: 20px;

  font-weight: 400;

  margin: 10;

  color: black;

}





#alternada .btn-get-started {

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-weight: 400;

  font-size: 16px;

  letter-spacing: 1px;

  

  display:inline-block;

  padding: 14px 14px;

  padding-top: 15px;

  padding-bottom: 30px;

  border-radius: 25px;

  margin-top: 0;

  

  color: #fff;

  background: #0a5603;

  border: 2px solid white;

}



#alternada .btn-get-started:hover {

  transition: 0.5s;

  background: #fff;

  color: #7cc576;

}



/*--------------------------------------------------------------

# Sobre o curso Section

--------------------------------------------------------------*/







#CTA {

  width: 100%;

  

  

  background-image:  url("../img/new/fundo\ CTA\ emocional.png");

  background-repeat: no-repeat;

  background-attachment: fixed; 

  background-size: 100% 100%;

  /*background-color: #8F2C2F;*/

  

  /*background-color: black;

 

  */

  position: relative;

}





    





#CTA .hero-container {

  position: absolute;

  bottom: 0;

  top: 0;

  left: 20px;

  right: 0;

  display: flex;

  justify-content: center;

  align-items: center ;

  flex-direction: column;

  text-align: center;

  padding: 0 15px;

  

}



#CTA h1 {

  margin: 0 0 30px ;

  font-size: 36px;

  font-weight: 500;

  text-align: left;

  line-height: 56px;

  color:black;

}



#CTA h2 {

  font-size: 24px;

          font-weight: 400;

          margin-bottom: 20px;

          padding-bottom: 20px;

          position: relative;

          color: white;

          text-align: center;

          

}





#CTA p {

  font-size: 32px;

  font-weight: bold;

  

  margin-bottom: 20px;

  padding-bottom: 20px;

  position: relative;

  color: white;

  text-align: center;



 

}







#CTA .btn-get-started {

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-weight: 400;

  font-size: 16px;

  letter-spacing: 1px;

  display :block;

  padding: 14px 30px;

  padding-top: 30px;

  padding-bottom: 30px;

  border-radius: 25px;

  margin-top: 0;

  

  color: #fff;

  background: #37c929;

  border: 2px solid white;

}



#CTA .btn-get-started:hover {

  transition: 0.5s;

  background: #fff;

  color: #7cc576;

}





#paliativo {

  width: 100%;

  

  

  background-image:  url("../img/new/fundo\ praquemeh.png");

  background-repeat: no-repeat;

  background-attachment: fixed; 

  background-size: 100% 100%;

  /*background-color: #8F2C2F;*/

  

  /*background-color: black;

 

  */

  position: relative;

}





    





#paliativo .hero-container {

  position: absolute;

  bottom: 0;

  top: 0;

  left: 20px;

  right: 0;

  display: flex;

  justify-content: center;

  align-items: center ;

  flex-direction: column;

  text-align: center;

  padding: 0 15px;

  

}



#paliativo h1 {

  margin: 0 0 30px ;

  font-size: 36px;

  font-weight: 500;

  text-align: left;

  line-height: 56px;

  color:black;

}



#paliativo h2 {

  font-size: 32px;

          font-weight: 800;

          margin-bottom: 20px;

          padding-bottom: 20px;

          position: relative;

          color: black;

          text-align: center;

          

}





#paliativo p {

  font-size: 20px;

  

  margin-bottom: 20px;

  padding-bottom: 20px;

  position: relative;

  color: black;

  text-align: center;



 

}







#paliativo .btn-get-started {

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-weight: 400;

  font-size: 16px;

  letter-spacing: 1px;

  display :block;

  padding: 14px 30px;

  padding-top: 30px;

  padding-bottom: 30px;

  border-radius: 25px;

  margin-top: 0;

  

  color: #fff;

  background: #37c929;

  border: 2px solid white;

}



#paliativo .btn-get-started:hover {

  transition: 0.5s;

  background: #fff;

  color: #7cc576;

}



#praquemeh {

  width: 100%;

  

  

  background-image:  url("../img/new/fundo\ praquemeh.png");

  background-repeat: no-repeat;

  background-position:  right;

  background-size:  100% 100%;

  /*background-color: #8F2C2F;*/

  

  /*background-color: black;

 

  */

  position: relative;

}



#praquemeh .hero-container {

  position: absolute;

  bottom: 0;

  top: 0;

  left: 20px;

  right: 0;

  display: flex;

  justify-content: center;

  align-items: left;

  flex-direction: column;

  text-align: center;

  padding: 0 15px;

  

}



#praquemeh .hero-logo {

  height: 50px;

  margin-top: 100px;

  margin-left: 0px;

  margin-right: 200px;

  margin-bottom: 50px;

  align-items: JUSTIFY;



}



#praquemeh h1 {

  margin: 0 0 30px ;

  font-size: 36px;

  font-weight: 500;

  text-align: left;

  line-height: 56px;

  color:black;

}



#praquemeh h2 {

  font-size: 32px;

          font-weight: bold;

          text-transform: uppercase;

          margin-bottom: 20px;

          padding-bottom: 20px;

          position: relative;

          color: black;

}





#praquemeh p {

  font-size: 18px;

  font-weight: 400;

  margin: 10;

  color: black;

}





#praquemeh .btn-get-started {

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-weight: 400;

  font-size: 24px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 14px 30px;

  padding-top: 30px;

  padding-bottom: 30px;

  border-radius: 25px;

  margin-top: 0;

  

  color: #fff;

  background: #37c929;

  border: 2px solid white;

}



#praquemeh .btn-get-started:hover {

  transition: 0.5s;

  background: #fff;

  color: #7cc576;

}







#quemehannah {



  width: 100%;

  

  

  

  

  background-repeat: no-repeat;

  background-attachment: fixed; 

  background-size: 100% 100%;

  background-color: #EBEFF2;

  

  /*background-color: black;

 

  */

  position: relative;

 

}





#quemehannah .hero-container {

  

  bottom: 0;

  top: 0;

  left: 20px;

  right: 0;

  display: flex;

  justify-content: center;

  align-items: left;

  flex-direction: column;

  text-align: center;

  padding: 0 15px;

  

}



#quemehannah .hero-logo {

  height: 50px;

  margin-top: 100px;

  margin-left: 0px;

  margin-right: 200px;

  margin-bottom: 50px;

  align-items: left;



}



#quemehannah h1 {

  margin: 0 0 10px ;

  font-size: 50px;

  text-transform: uppercase;

  font-weight: 500;

  text-align: center;

  font-family: "Bebas Neue", sans-serif;

  line-height: 48px;

  color:#8F2C2F;

  

}



#quemehannah h2 {

  font-size: 32px;

          font-weight: bold;

          text-transform: uppercase;

          margin-bottom: 20px;

          padding-bottom: 20px;

          position: relative;

          color: black;

}





#quemehannah p {

  font-size: 18px;

  font-weight: 400;

  margin: 10;

  color: black;

}





#quemehannah .btn-get-started {

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-weight: 400;

  font-size: 24px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 14px 30px;

  padding-top: 20px;

  padding-bottom: 20px;

  border-radius: 25px;

  margin-top: 0;

  

  color: #fff;

  background: #37c929;

  border: 2px solid white;

}



#quemehannah .btn-get-started:hover {

  transition: 0.5s;

  background: #fff;

  color: #7cc576;

}





#hero4 {

  width: 100%;

  height: 80vh;

  

  background-image:  url("../img/new\ 5.png");

  background-repeat: no-repeat;

  

  background-size: cover;

  /*background-color: #8F2C2F;*/

  

  /*background-color: black;

 

  */

  position: relative;

}



#hero4 .hero-container {

  position: absolute;

  bottom: 0;

  top: 0;

  left: 20px;

  right: 0;

  display: flex;

  justify-content: center;

  align-items: left;

  flex-direction: column;

  text-align: center;

  padding: 0 15px;

  

}



#hero4 .hero-logo {

  height: 50px;

  margin-top: 100px;

  margin-left: 0px;

  margin-right: 200px;

  margin-bottom: 50px;

  align-items: left;



}



#hero4 h1 {

  margin: 0 0 30px ;

  font-size: 36px;

  font-weight: 500;

  text-align: left;

  line-height: 56px;

  color:black;

}



#hero4 h2 {

  

  font-size: 32px;

          font-weight: bold;

          text-transform: uppercase;

          margin-bottom: 20px;

          padding-bottom: 20px;

          position: relative;

          color: black;

}





#hero4 p {

  text-align: justify;

  text-justify: inter-word;



  font-size: 18px;

  font-weight: 400;

  margin: 10;

  margin-right: 40px;

  color: black;

}





#hero4 .btn-get-started {

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-weight: 400;

  font-size: 24px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 14px 30px;

  padding-top: 30px;

  padding-bottom: 30px;

  border-radius: 25px;

  margin-top: 0;

  

  color: #fff;

  background: #37c929;

  border: 2px solid white;

}



#hero4 .btn-get-started:hover {

  transition: 0.5s;

  background: #fff;

  color: #7cc576;

}





#hero5 {

  width: 100%;

  height: 120vh;

  

  

  background-image:  url("../img/new/web.png");

  background-repeat: no-repeat;

  

  background-size: 100%;

  

  

  position: relative;

}





#hero5 .section-title {

  text-align: center;

    font-size: 42px;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 20px;

    padding-bottom: 20px;

    position: relative;

}



#hero5 .hero-container {

  position: absolute;

  bottom: 0;

  top: 0;

  left: 20px;

  right: 0;

  display: flex;

  justify-content: center;

  align-items: left;

  flex-direction: column;

  text-align: center;

  padding: 0 15px;

  

}



#hero5 .hero-logo {

  height: 50px;

  margin-top: 100px;

  margin-left: 0px;

  margin-right: 200px;

  margin-bottom: 50px;

  align-items: left;



}



#hero5 h1 {

  margin: 0 0 30px ;

  font-size: 36px;

  font-weight: 500;

  text-align: center;

  line-height: 26px;

  color:black;

}



#hero5 h2 {

  color:black;

  margin-bottom: 20px;

  font-size: 24px;

  font-weight: 400;

  text-align: left ;

}





#hero5 p {

  text-align: justify;

  text-justify: inter-word;



  font-size: 18px;

  font-weight: 400;

  margin: 10;

  margin-right: 40px;

  color: white;

}





#hero5 .btn-get-started {

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-weight: 400;

  font-size: 24px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 14px 30px;

  padding-top: 20px;

  padding-bottom: 20px;

  border-radius: 25px;

  margin-top: 0;

  

  color: #fff;

  background: #37c929;

  border: 2px solid white;

}



#hero5 .btn-get-started:hover {

  transition: 0.5s;

  background: #fff;

  color: #7cc576;

}





@media (min-width: 999px) {

  #garantia {

    width: 100%;

    height:100vh;

    

    background-image:  url("../img/selo.png");

    

    

    background-position: center;

    background-repeat: no-repeat;

  

    background-size: 80% 100%;

    background-color: #363535;

  }

}



@media (max-width: 999px) {



#garantia{

  width: 100%;

  height: 50vh;

  

  background-image:  url("../img/selo.png");

  

  

  background-position: cover;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  background-color: #363535;

  

  

}

}





@media (min-height: 799px) {

  #hero7 {

    width: 100%;

    height: 120vh;

    

    background-image:  url("../img/new/preco\ site.png");

    background-repeat: no-repeat;

    

    background-size: 100% 70% ;

    

    

    position: relative;

  }

}



@media (max-height: 799px) {



#hero7 {

  width: 100%;

  height: 120vh;

  

  background-image:  url("../img/new/preco\ site.png");

  background-repeat: no-repeat;

  

  background-size: 100% 80% ;

  

  

  position: relative;

}

}





#hero7 .section-title {

  text-align: center;

    font-size: 42px;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 20px;

    padding-bottom: 20px;

    position: relative;

}



#hero7 .hero-container {

  position: absolute;

  bottom: 0;

  top: 0;

  left: 20px;

  right: 0;

  display: flex;

  justify-content: center;

  align-items: left;

  flex-direction: column;

  text-align: center;

  padding: 0 15px;

  

}



#hero7 .hero-logo {

  height: 50px;

  margin-top: 100px;

  margin-left: 0px;

  margin-right: 200px;

  margin-bottom: 50px;

  align-items: left;



}



#hero7 h1 {

  margin: 0 0 30px ;

  font-size: 36px;

  font-weight: 500;

  text-align: CENTER;

  line-height: 26px;

  color:black;

}



#hero7 h2 {

  color:black;

  margin-bottom: 20px;

  font-size: 24px;

  font-weight: 400;

  text-align: left ;

}





#hero7 p {

  text-align: justify;

  text-justify: inter-word;



  font-size: 18px;

  font-weight: 400;

  margin: 10;

  margin-right: 40px;

  color: white;

}





#hero7 .btn-get-started {

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-weight: 400;

  font-size: 24px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 14px 30px;

  padding-top: 20px;

  padding-bottom: 20px;

  border-radius: 25px;

  margin-top: 0;

  

  color: #fff;

  background: #37c929;

  border: 2px solid white;

}



#hero7 .btn-get-started:hover {

  transition: 0.5s;

  background: #fff;

  color: #7cc576;

}







#hero8 {

  width: 100%;

  height: 20vh;

  

  

  position: relative;

}



@media (min-width: 1024px) {

  #hero8 {

    width: 100%;

    height: 30vh;

    

    

    position: relative;

  }

}





#hero8 .section-title {

  text-align: center;

    font-size: 42px;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 20px;

    padding-bottom: 20px;

    position: relative;

}



#hero8 .hero-container {

  position: absolute;

  bottom: 0;

  top: 0;

  left: 20px;

  right: 0;

  display: flex;

  justify-content: center;

  align-items: left;

  flex-direction: column;

  text-align: center;

  padding: 0 15px;

  

}



#hero8 .hero-logo {

  height: 50px;

  margin-top: 100px;

  margin-left: 0px;

  margin-right: 200px;

  margin-bottom: 50px;

  align-items: left;



}



#hero8 h1 {

  margin: 0 0 30px ;

  font-size: 36px;

  font-weight: 500;

  text-align: CENTER;

  line-height: 26px;

  color:black;

}











  #celular {

    

    width: 60%;

    margin-left: 20%;

    height: 100vh;

    background-repeat: no-repeat;

    

    margin-top: 10px;

    background-size: 80% 100%;

    background-image:  url("../img/new/mobile1.png");

  position: relative;

  }





#celular .section-title {

  text-align: center;

    font-size: 42px;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 20px;

    padding-bottom: 20px;

    position: relative;

}



#celular .hero-container {

  position: absolute;

  bottom: 0;

  top: 0;

  left: 20px;

  right: 0;

  display: flex;

  justify-content: center;

  align-items: left;

  flex-direction: column;

  text-align: center;

  padding: 0 15px;

  

}



#celular .hero-logo {

  height: 50px;

  margin-top: 100px;

  margin-left: 0px;

  margin-right: 200px;

  margin-bottom: 50px;

  align-items: left;



}



#celular h1 {

  margin: 0 0 30px ;

  font-size: 36px;

  font-weight: 500;

  text-align: left;

  line-height: 56px;

  color:black;

}



#celular h2 {

  color:black;

  margin-bottom: 20px;

  font-size: 24px;

  font-weight: 400;

  text-align: center ;

}





#celular p {

  text-align: justify;

  text-justify: inter-word;



  font-size: 18px;

  font-weight: 400;

  margin: 10;

  margin-right: 40px;

  color: white;

}





#celular .btn-get-started {

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-weight: 400;

  font-size: 18px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 14px 30px;

  padding-top: 20px;

  padding-bottom: 20px;

  border-radius: 25px;

  margin-top: 0;

  

  color: #fff;

  background: #37c929;

  border: 2px solid white;

}



#celular .btn-get-started:hover {

  transition: 0.5s;

  background: #fff;

  color: #7cc576;

}





#quantocusta {

  width: 100%;

  height: 10vh;

  background-color: white;



}

#quantocusta .hero-container {

  position: absolute;

  bottom: 0;

  top: 0;

  left: 10px;

  right: 0;

  display: flex;

  justify-content: center;

  align-items: left;

  flex-direction: column;

  text-align: center;

  padding: 0 0px;

  

}



#quantocusta h2 {

  color:black;

  margin-top: -30px;

  font-size: 36px;

  font-weight: 400;

  text-align: center ;

}



#quantocusta h3 {

  margin-top: -30px;

  color:black;

  

  margin-bottom: 20px;

  font-size: 36px;

  font-weight: 800;

  line-height: 26px;

  text-align: center ;

}







#quantocusta .btn-get-started {

  position: absolute;

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-weight: 400;

  font-size: 16px;

  letter-spacing: 1px;

  display: inline-block;

  display:block;

  padding: 14px 30px;

  padding-top: 10px;

  padding-bottom: 10px;

  border-radius: 25px;

  margin-top: 0;

  text-align: center;

  

  color: #fff;

  background: #37c929;

  border: 2px solid white;

}



#quantocusta .btn-get-started:hover {

  transition: 0.5s;

  background: #fff;

  color: #7cc576;

}







  #ancoragem {

    





    

    

    height: 90vh;

    background-image:  url("../img/new/ancoragem.png");

    

    background-repeat: no-repeat;

    background-position:  top center;

    

    background-size: 50% 100% ;

  }



  

  

  

  #ancoragem .section-title {

    text-align: center;

      font-size: 42px;

      font-weight: bold;

      text-transform: uppercase;

      margin-bottom: 20px;

      padding-bottom: 20px;

      position: relative;

  }

  

  #ancoragem .hero-container {

    position: absolute;

    bottom: 0;

    top: 0;

    left: 20px;

    right: 0;

    display: flex;

    justify-content: center;

    align-items: left;

    flex-direction: column;

    text-align: center;

    padding: 0 15px;

    

  }

  

  #ancoragem .hero-logo {

    height: 50px;

    margin-top: 100px;

    margin-left: 0px;

    margin-right: 200px;

    margin-bottom: 50px;

    align-items: left;

  

  }

  

  #ancoragem h1 {

    margin: 0 0 30px ;

    font-size: 36px;

    font-weight: 500;

    text-align: left;

    line-height: 56px;

    color:black;

  }

  

  #ancoragem h2 {

    color:black;

    

    margin-bottom: 20px;

    font-size: 24px;

    font-weight: 800;

    line-height: 26px;

    text-align: center ;

  }

  

  

  #ancoragem p {

    text-align: justify;

    text-justify: inter-word;

  

    font-size: 18px;

    font-weight: 400;

    margin: 10;

    margin-right: 40px;

    color: white;

  }

  

  

  #ancoragem .btn-get-started {

    font-family: "Montserrat", sans-serif;

    text-transform: uppercase;

    font-weight: 400;

    font-size: 16px;

    letter-spacing: 1px;

    display: inline-block;

    padding: 14px 30px;

    padding-top: 20px;

    padding-bottom: 20px;

    border-radius: 25px;

    margin-top: 0;

    text-align: center;

    

    color: #fff;

    background: #37c929;

    border: 2px solid white;

  }

  

  #ancoragem .btn-get-started:hover {

    transition: 0.5s;

    background: #fff;

    color: #7cc576;

  }







  #oferta {

    width: 100%;

    

    

    background-image:  url("../img/new/Fundo\ capa.png");

    background-repeat: no-repeat;

    background-attachment: fixed; 

    background-size: 100% 100%;

    /*background-color: #8F2C2F;*/

    

    /*background-color: black;

   

    */

    position: relative;

  }

  

  

      

  

  

  #oferta .hero-container {

    position: absolute;

    bottom: 0;

    top: 0;

    left: 20px;

    right: 0;

    display: flex;

    justify-content: center;

    align-items: center ;

    flex-direction: column;

    text-align: center;

    padding: 0 15px;

    

  }

  

  #oferta h1 {

    font-size: 18px;

    font-weight: 400;

    margin: 10;

    color: black;

    line-height: 26px;

    

  }

  

  #oferta h2 {

    font-size: 32px;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 20px;

    padding-bottom: 20px;

    position: relative;

    color: black;

}

            

  

  

  

  #oferta p {

    font-size: 20px;

    

    

    margin-bottom: 20px;

    padding-bottom: 20px;

    position: relative;

    color: black;

    text-align: left;

  

   

  }

  

  

  

  #oferta .btn-get-started {

    font-family: "Montserrat", sans-serif;

    text-transform: uppercase;

    font-weight: 400;

    font-size: 16px;

    letter-spacing: 1px;

    display :block;

    padding: 14px 30px;

    padding-top: 30px;

    padding-bottom: 30px;

    border-radius: 25px;

    margin-top: 0;

    

    color: #fff;

    background: #37c929;

    border: 2px solid white;

  }

  

  #oferta .btn-get-started:hover {

    transition: 0.5s;

    background: #fff;

    color: #7cc576;

  }

  



/*--------------------------------------------------------------

# Sobre Section

--------------------------------------------------------------*/





#sobre .sobre-container {

  position: absolute;

  bottom: 0;

  top: 0;

  left: 0;

  right: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  text-align: center;

  padding: 0 15px;

  

}



#sobre .sobre-logo {

  margin-bottom: 30px;



}



#sobre h1 {

  margin: 0 0 30px 0;

  font-size: 48px;

  font-weight: 500;

  line-height: 56px;

  color: #fff;

}





#sobre p {

  font-size: 18px;

  font-weight: 400;

  margin: 10;

  color: white;

}





#sobre .btn-get-started {

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-weight: 400;

  font-size: 16px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 14px 30px;

  border-radius: 20px;

  margin-top: 0;

  

  color: #fff;

  background: #37c929;

  border: 2px solid white;

}



#sobre .btn-get-started:hover {

  transition: 0.5s;

  background: #fff;

  color: #7cc576;

}



#sobre {

  width: 100%;

height: 150vh ;

background-color: #8F2C2F;

background-attachment: fixed;

background-size: cover;



position: relative;

}

#sobre h1 {

  font-size: 28px;

  line-height: 36px;

}



#sobre h2 {

  line-height: 22px;

}





@media (min-width: 1024px)  {

  #sobre {

    width: 100%;

  height: 135vh ;

  background-color: #8F2C2F;

  background-attachment: fixed;

  background-size: cover;

  

  position: relative;

  }

  #sobre h1 {

    font-size: 28px;

    line-height: 36px;

  }



  #sobre h2 {

    line-height: 22px;

  }

}



@media (min-width: 1300px)  {

  #sobre {

    width: 100%;

  height: 115vh ;

  background-color: #8F2C2F;

  background-attachment: fixed;

  background-size: cover;

  

  position: relative;

  }

  #sobre h1 {

    font-size: 28px;

    line-height: 36px;

  }



  #sobre h2 {

    line-height: 22px;

  }

}



@media (max-height: 700px ) and (max-width: 400px)  {

  #sobre {

    width: 100%;

  height: 200vh ;

  background-color: #8F2C2F;

  background-attachment: fixed;

  background-size: cover;

  

  position: relative;

  }

  #sobre h1 {

    font-size: 28px;

    line-height: 36px;

  }



  #sobre h2 {

    line-height: 22px;

  }

}



@media (min-height: 900px ) and (min-width: 400px ) {

  #sobre {

    width: 100%;

  height: 125vh ;

  background-color: #8F2C2F;

  background-attachment: fixed;

  background-size: cover;

  

  position: relative;

  }

  #sobre h1 {

    font-size: 28px;

    line-height: 36px;

  }



  #sobre h2 {

    line-height: 22px;

  }

}

/*--------------------------------------------------------------

# Tabs

--------------------------------------------------------------*/



.tabs .nav-tabs {

  border: 0;

}



.tabs p {

  font-size: 18px;

  font-weight: 400;

  margin: 10;

}



.tabs .nav-link {

  border: 1px solid #b9b9b9;

  padding: 15px;

  transition: 0.3s;

  color: #111111; 

  border-radius: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}



  .tabs .nav-link i {

      padding-right: 15px;

      font-size: 48px;

  }



  .tabs .nav-link h4 {

      font-size: 18px;

      font-weight: 200;

      margin: 0;

  }



  .tabs .nav-link:hover {

      color: #7cc576;

  }



  .tabs .nav-link.active {

      background: #7cc576;

      color: #fff;

      border-color: #7cc576;

  }



@media (max-width: 768px) {

  .tabs .nav-link i {

      padding: 0;

      line-height: 1;

      font-size: 36px;

  }

}



@media (max-width: 575px) {

  .tabs .nav-link {

      padding: 15px;

  }



      .tabs .nav-link i {

          font-size: 24px;

      }

}





.tabs .tab-content {

  margin-top: 0px;

}



.tabs .tab-pane h3 {

  font-weight: 600;

  font-size: 26px;

}



.tabs .tab-pane ul {

  list-style: none;

  padding: 0;

}



  .tabs .tab-pane ul li {

      padding-bottom: 10px;

  }



  .tabs .tab-pane ul i {

      font-size: 20px;

      padding-right: 4px;

      color: #7cc576;

  }



.tabs .tab-pane p:last-child {

  margin-bottom: 0;





}



.tabs .tab-btn {

  font-family: var(--font-primary);

  font-weight: 500;

  font-size: 16px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 12px 48px;

  border-radius: 50px;

  transition: 0.5s;

  margin: 10px;

  border: 2px solid black;

  background:#37c929;

  color: white;

}



  .tabs .tab-btn:hover {

      background: var(--color-primary);

      border: 2px solid var(--color-primary);

  }





.tabs .tab-btn1 {

  font-family: var(--font-primary);

  font-weight: 500;

  font-size: 16px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 12px 48px;

  border-radius: 50px;

  transition: 0.5s;

  margin: 10px;

  border: 2px solid black;

  background: #8F2C2F;

  color: #fff;

}



  .tabs .tab-btn1:hover {

      background: var(--color-primary);

      border: 2px solid var(--color-primary);

  }



  .tabs .tab-label {

      font-family: var(--font-primary);

      font-weight: 700;

      font-size: 24px;

      letter-spacing: 1px;

      display: inline-block;

      padding: 12px 48px;

      border-radius: 10px;

      transition: 0.5s;

      margin: 20px;

      border: 2px solid white;

      background:white;

     



      color:#8F2C2F;



      

  }





  /*--------------------------------------------------------------

  # Sections General

  --------------------------------------------------------------*/

  section {

      padding: 60px 0;

      overflow: hidden;

      position: relative;

  }

  

  .section-title {

    margin: 0 0 10px ;

    font-size: 50px;

    text-transform: uppercase;

    font-weight: 500;

    text-align: center;

    font-family: "Bebas Neue", sans-serif;

    line-height: 48px;

    color:#8F2C2F;

    

  }

  

      .section-title h2 {

          font-size: 32px;

          font-weight: bold;

          text-transform: uppercase;

          margin-bottom: 20px;

          padding-bottom: 20px;

          position: relative;

      }

  

          .section-title h2::after {

              content: "";

              position: absolute;

              display: block;

              width: 150px;

              height: 3px;

              background: #e03a3c;

              bottom: 0;

              left: calc(50% - 75px);

          }

  

      .section-title p {

          margin-bottom: 0;

      }

  



  .section-title-even {

    text-align: center;

    color: white;

    padding-bottom: 30px;

    position: relative;

}



    .section-title-even h2 {

      text-align: center;

        font-size: 32px;

        font-weight: bold;

        text-transform: uppercase;

        margin-bottom: 20px;

        padding-bottom: 20px;

        position: relative;

    }



        .section-title-even h2::after {

            content: "";

            position: absolute;

            display: block;

            width: 50px;

            height: 3px;

            background: #e03a3c;

            bottom: 0;

            left: calc(50% - 25px);

        }



    .section-title-even p {

        margin-bottom: 0;

    }





  .section-bg {

      padding: 40px 0;

      color: white;

  }

  

      .section-bg:before {

          content: "";

          

          /*background: rgb(2,0,36);

          position: absolute;

          bottom: 0px;

          top: 0px;

          left: 0;

          right: 0;

          transform: skewY(0deg);

          background-image: linear-gradient(#3d3b3d, #ccc8cb);

          background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(61,59,61,1) 35%, rgba(0,212,255,1) 100%);*/

          

          background: url("../img/hero-bg.png");

          position: absolute;

          bottom: 0px;

          top: 0px;

          left: 0;

          right: 0;

          transform: skewY(0deg);

          

      }

  

  



/*--------------------------------------------------------------

# furadeira

--------------------------------------------------------------*/

.furadeira {

  padding: 60px 0;

  position: relative;

  background-image:  url("../img/new/Fundo\ capa.png");

  background-color:  #8F2C2F;

  

}





#furadeira .section-title {

  text-align: center;

    font-size: 42px;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 20px;

    padding-bottom: 20px;

    position: relative;

    color: white;

}







#furadeira .hero-container {

  position: absolute;

  bottom: 0;

  top: 0;

  left: 20px;

  right: 0;

  display: flex;

  justify-content: center;

  align-items: center ;

  flex-direction: column;

  text-align: center;

  padding: 0 15px;

  

}



#furadeira h1 {

  font-size: 24px;

  font-weight: 400;

  margin-bottom: 20px;

  padding-bottom: 20px;

  position: relative;

  color: black;

  text-align: center;

}



#furadeira h2 {

  

          font-size: 32px;

          font-weight: bold;

          text-transform: uppercase;

          margin-bottom: 20px;

          padding-bottom: 20px;

          position: relative;

          color: black;

}





#furadeira p {

  font-size: 20px;

  font-weight: 400;

  margin: 10;

  

  color: black;

  



 

}







#furadeira .btn-get-started {

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-weight: 400;

  font-size: 16px;

  letter-spacing: 1px;

  display :block;

  padding: 14px 30px;

  padding-top: 30px;

  padding-bottom: 30px;

  border-radius: 25px;

  margin-top: 0;

  

  color: #fff;

  background: #37c929;

  border: 2px solid white;

}



#furadeira .btn-get-started:hover {

  transition: 0.5s;

  background: #fff;

  color: #7cc576;

}





/*--------------------------------------------------------------

# DEPOIMENTOS

--------------------------------------------------------------*/

.depoimentos {

  padding: 60px 0;

  position: relative;

  background-color: #E5E5E5;

  background-repeat: repeat;

  

  

}





#depoimentos .video {

  aspect-ratio: 16 / 9;

  width: 100%;

}



#depoimentos .section-title {

  margin: 0 0 10px ;

  font-size: 50px;

  text-transform: uppercase;

  font-weight: 500;

  text-align: center;

  font-family: "Bebas Neue", sans-serif;

  line-height: 48px;

  color:#8F2C2F;

  

}







#depoimentos .hero-container {

  position: absolute;

  bottom: 0;

  top: 0;

  left: 20px;

  right: 0;

  display: flex;

  justify-content: center;

  align-items: center ;

  flex-direction: column;

  text-align: center;

  padding: 0 15px;

  

}



#depoimentos h1 {

  margin: 0 0 10px ;

  font-size: 50px;

  text-transform: uppercase;

  font-weight: 500;

  text-align: center;

  font-family: "Bebas Neue", sans-serif;

  line-height: 48px;

  color:#8F2C2F;

  

}



#depoimentos h2 {

  

          font-size: 32px;

          font-weight: bold;

          text-transform: uppercase;

          margin-bottom: 20px;

          padding-bottom: 20px;

          position: relative;

          color: black;

}





#depoimentos p {

  font-size: 20px;

  font-weight: 400;

  margin: 10;

  

  color: black;

  



 

}







#depoimentos .btn-get-started {

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-weight: 400;

  font-size: 16px;

  letter-spacing: 1px;

  display :block;

  padding: 14px 30px;

  padding-top: 30px;

  padding-bottom: 30px;

  border-radius: 25px;

  margin-top: 0;

  

  color: #fff;

  background: #37c929;

  border: 2px solid white;

}



#depoimentos .btn-get-started:hover {

  transition: 0.5s;

  background: #fff;

  color: #7cc576;

}





/*

#testimonials .play-btn {

  width: 94px;

  height: 94px;

  margin: 0 auto;

  background: radial-gradient(#8F2C2F 50%, rgba(153, 56, 0, 0.4) 52%);

  border-radius: 50%;

  display: block;

  overflow: hidden;

  position: relative;

}



#testimonials .play-btn::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #fff;

  z-index: 100;

  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);

}



#testimonials .play-btn::before {

  content: "";

  position: absolute;

  width: 120px;

  height: 120px;

  animation-delay: 0s;

  animation: pulsate-btn 3s;

  animation-direction: forwards;

  animation-iteration-count: infinite;

  animation-timing-function: steps;

  opacity: 1;

  border-radius: 50%;

  border: 5px solid #8F2C2F

  top: -15%;

  left: -15%;

  background: rgba(198, 16, 0, 0);

}



#testimonials .play-btn:hover::after {

  border-left: 15px solid #8F2C2F;

  transform: scale(20);

}



#testimonials .play-btn:hover::before {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border: none;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #fff;

  z-index: 200;

  animation: none;

  border-radius: 0;

}

*/



#testimonials .play-btn {

  width: 70px;

  height: 70px;

  margin: 0 auto;

  background: radial-gradient(#8F2C2F 50%, rgba(153, 56, 0, 0.4) 52%);

  border-radius: 50%;

  display: block;

  overflow: hidden;

  position: relative;

}



#testimonials .play-btn::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #fff;

  z-index: 100;

  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);

}



#testimonials .play-btn::before {

  content: "";

  position: absolute;

  width: 120px;

  height: 120px;

  animation-delay: 0s;

  animation: pulsate-btn 3s;

  animation-direction: forwards;

  animation-iteration-count: infinite;

  animation-timing-function: steps;

  opacity: 1;

  border-radius: 50%;

  border: 5px solid #8F2C2F;

  top: -15%;

  left: -15%;

  background: #8F2C2F;

}



#testimonials .play-btn:hover::after {

  

  border-left: 15px solid #8F2C2F;

  transform: scale(20);

}



#testimonials .play-btn:hover::before {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border: none;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #fff;

  z-index: 200;

  animation: none;

  border-radius: 0;

}







/*--------------------------------------------------------------

# Clients

--------------------------------------------------------------*/

.clients {

  background: whitesmoke;

  padding: 15px 0;

  text-align: center;

}



.clients img {

  width: 50%;

  filter: grayscale(100);

  transition: all 0.4s ease-in-out;

  display: inline-block;

  padding: 15px 0;

}



.clients img:hover {

  filter: none;

  transform: scale(1.2);

}



@media (max-width: 768px) {

  .clients img {

    width: 40%;

  }

}



@media (max-width: 575px) {

  .clients img {

    width: 50%;

  }

}



/*--------------------------------------------------------------

# Team

--------------------------------------------------------------*/

.team {

  background: #fff;

  padding: 60px 0;

}



.team .member {

  margin-bottom: 20px;

  overflow: hidden;

}



.team .member .member-img {

  position: relative;

  overflow: hidden;

  border-radius: 5px;

}



.team .member .social {

  position: absolute;

  left: 0;

  bottom: -40px;

  right: 0;

  height: 40px;

  opacity: 0;

  transition: bottom ease-in-out 0.4s;

  background: rgba(124, 197, 118, 0.8);

  display: flex;

  align-items: center;

  justify-content: center;

}



.team .member .social a {

  transition: color 0.3s;

  color: rgba(255, 255, 255, 0.7);

  margin: 0 10px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

}



.team .member .social a i {

  line-height: 0;

}



.team .member .social a:hover {

  color: #fff;

}



.team .member .social i {

  font-size: 18px;

  margin: 0 2px;

}



.team .member .member-info h4 {

  font-weight: 700;

  margin: 15px 0 5px 0;

  font-size: 18px;

}



.team .member .member-info span {

  display: block;

  font-size: 13px;

  text-transform: uppercase;

  font-weight: 400;

  margin-bottom: 15px;

  color: #7cc576;

}



.team .member .member-info p {

  font-style: italic;

  font-size: 14px;

  line-height: 26px;

  color: #888888;

}



.team .member:hover .social {

  bottom: 0;

  opacity: 1;

  transition: bottom ease-in-out 0.4s;

}



/*--------------------------------------------------------------

# Pricing Section

--------------------------------------------------------------*/

.pricing{

  background-image:  url("../img/new/fundo\ praquemeh.png");



}



.pricing .pricing-item {

  background-color: var(--surface-color);

  padding: 60px 40px;

  box-shadow: 0 3px 20px -2px rgba(0, 0, 0, 0.1);

  height: 100%;

  position: relative;

}

.pricing h2 {

  color: black;

}





.pricing h3 {

  font-weight: 600;

  margin-bottom: 15px;

  font-size: 20px;

}



.pricing h4 {

  font-size: 48px;

  color: var(--accent-color);

  font-family: var(--heading-font);

  font-weight: 400;

}



.pricing h4 sup {

  font-size: 28px;

}



.pricing h4 span {

  color: color-mix(in srgb, var(--default-color), transparent 60%);

  font-size: 18px;

}



.pricing ul {

  padding: 20px 0;

  list-style: none;

  color: color-mix(in srgb, var(--default-color), transparent 30%);

  text-align: left;

  line-height: 20px;

}



.pricing ul li {

  padding: 10px 0;

  display: flex;

  align-items: center;

}



.pricing ul i {

  color: #059652;

  font-size: 24px;

  padding-right: 3px;

}



.pricing ul .na {

  color: color-mix(in srgb, var(--default-color), transparent 60%);

}



.pricing ul .na i {

  color: color-mix(in srgb, var(--default-color), transparent 60%);

}



.pricing ul .na span {

  text-decoration: line-through;

}



.pricing .buy-btn {

  color: color-mix(in srgb, var(--default-color), transparent 40%);

  background-color: var(--accent-color);

  

  display: inline-block;

  padding: 8px 35px 10px 35px;

  border-radius: 4px;

  border: 1px solid color-mix(in srgb, var(--default-color), transparent 60%);

  transition: none;

  font-size: 16px;

  font-weight: 500;

  font-family: var(--heading-font);

  transition: 0.3s;

}



.pricing .buy-btn:hover {

  background: var(--accent-color);

  border-color: var(--accent-color);

  color: var(--contrast-color);

}



.pricing .featured {

  z-index: 10;

}



.pricing .featured .pricing-item {

  background: var(--accent-color);

}



@media (min-width: 992px) {

  .pricing .featured .pricing-item {

    transform: scale(1.02, 1.1);

  }

}



.pricing .featured h3,

.pricing .featured h4,

.pricing .featured h4 span,

.pricing .featured ul,

.pricing .featured ul .na,

.pricing .featured ul i,

.pricing .featured ul .na i {

  color: var(--contrast-color);

}



.pricing .featured .buy-btn {

  background: green;

  color: var(--contrast-color);

  border-color: var(--contrast-color);

}



.pricing .featured .buy-btn:hover {

  background: color-mix(in srgb, var(--background-color), transparent 92%);

}



/*--------------------------------------------------------------

# Frequently Asked Questions

--------------------------------------------------------------*/

.faq {

  background-color: #E5E5E5;

  

  background-position: center center;

  background-size: cover;

  position: relative;

  



}

.faq .faq-list {

  padding: 0;

  list-style: none;

  

}



.faq .faq-list li {

  padding-left: 20px;

  border-bottom: 1px solid #eee;

  border-radius: 20px;

  margin-top: 20px;

  padding-top: 20px;

  margin-bottom: 20px;

  padding-bottom: 20px;

  background-color: #D3D7D9;

}



.faq .faq-list a {

  display: block;

  position: relative;

  font-family: #8F2C2F;

  font-size: 18px;

  line-height: 24px;

  font-weight: 400;

  padding-right: 25px;

  cursor: pointer;

}



.faq .faq-list i {

  font-size: 24px;

  position: absolute;

  right: 0;

  top: 0;

}



.faq .faq-list p {

  margin-bottom: 0;

  padding: 10px 0 0 0;

}



.faq .faq-list .icon-show {

  display: none;

}



.faq .faq-list a.collapsed {

  color: black;

}



.faq .faq-list a.collapsed:hover {

  color: #D3D7D9;

}



.faq .faq-list a.collapsed .icon-show {

  display: inline-block;

}



.faq .faq-list a.collapsed .icon-close {

  display: none;



}

.faq h1 {

  margin: 0 0 10px ;

  font-size: 50px;

  text-transform: uppercase;

  font-weight: 500;

  text-align: center;

  font-family: "Bebas Neue", sans-serif;

  line-height: 48px;

  color:#8F2C2F;

  



}



/*--------------------------------------------------------------

# Contact

--------------------------------------------------------------*/

.contact .info {

  width: 100%;

  height: 100%;

  background: #fff;

  padding: 20px;

  border-radius: 5px;

}



.contact .info i {

  font-size: 20px;

  color: #7cc576;

  float: left;

  width: 44px;

  height: 44px;

  background: #eaf6e9;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50px;

  transition: all 0.3s ease-in-out;

}



.contact .info h4 {

  padding: 0 0 0 60px;

  font-size: 22px;

  font-weight: 600;

  margin-bottom: 5px;

  color: #151515;

}



.contact .info p {

  padding: 0 0 0 60px;

  margin-bottom: 0;

  font-size: 14px;

  color: #484848;

}



.contact .info .email,

.contact .info .phone {

  margin-top: 40px;

}



.contact .info .email:hover i,

.contact .info .address:hover i,

.contact .info .phone:hover i {

  background: #7cc576;

  color: #fff;

}



.contact .php-email-form {

  width: 100%;

  background: #fff;

  padding: 20px;

  border-radius: 5px;

}



.contact .php-email-form .form-group {

  padding-bottom: 8px;

}



.contact .php-email-form .error-message {

  display: none;

  color: #fff;

  background: #ed3c0d;

  text-align: left;

  padding: 15px;

  font-weight: 600;

}



.contact .php-email-form .error-message br+br {

  margin-top: 25px;

}



.contact .php-email-form .sent-message {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 15px;

  font-weight: 600;

}



.contact .php-email-form .loading {

  display: none;

  background: #fff;

  text-align: center;

  padding: 15px;

}



.contact .php-email-form .loading:before {

  content: "";

  display: inline-block;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  margin: 0 10px -6px 0;

  border: 3px solid #18d26e;

  border-top-color: #eee;

  animation: animate-loading 1s linear infinite;

}



.contact .php-email-form input,

.contact .php-email-form textarea {

  border-radius: 0;

  box-shadow: none;

  font-size: 14px;

}



.contact .php-email-form input {

  height: 44px;

}



.contact .php-email-form textarea {

  padding: 10px 12px;

}



.contact .php-email-form button[type=submit] {

  background: #7cc576;

  border: 0;

  padding: 10px 24px;

  color: #fff;

  transition: 0.4s;

  border-radius: 4px;

}



.contact .php-email-form button[type=submit]:hover {

  background: #61b959;

}



@keyframes animate-loading {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



/*--------------------------------------------------------------

# Breadcrumbs

--------------------------------------------------------------*/

.breadcrumbs {

  padding: 40px 0;

}



.breadcrumbs h2 {

  font-size: 26px;

  font-weight: 300;

}



.breadcrumbs ol {

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  padding: 0;

  margin: 0;

  font-size: 15px;

}



.breadcrumbs ol li+li {

  padding-left: 10px;

}



.breadcrumbs ol li+li::before {

  display: inline-block;

  padding-right: 10px;

  color: #2f2f2f;

  content: "/";

}



@media (max-width: 768px) {

  .breadcrumbs .d-flex {

    display: block !important;

  }



  .breadcrumbs ol {

    display: block;

  }



  .breadcrumbs ol li {

    display: inline-block;

  }

}



/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/

#footer {

  

  background-color: #D3D7D9;

  font-size: 14px;

  position: relative;



}



#footer::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  

  

  

  background-attachment: fixed;

  z-index: 1;

}



#footer .footer-top {

  position: relative;

  z-index: 2;

  text-align: center;

  padding: 60px 0;

}



#footer .footer-top .footer-logo img {

  height: 60px;

}



#footer .footer-top h3 {

  font-size: 36px;

  font-weight: 700;

  color: #fff;

  position: relative;

  font-family: "Poppins", sans-serif;

  padding: 30px 0 0 0;

  margin-bottom: 0;

}



#footer .footer-top p {

  font-size: 15;

  font-style: italic;

  margin: 30px 0 0 0;

  padding: 0;

}



#footer .footer-top .footer-newsletter {

  text-align: center;

  font-size: 15px;

  margin-top: 30px;

}



#footer .footer-top .footer-newsletter form {

  background: #fff;

  padding: 6px 10px;

  position: relative;

  border-radius: 50px;

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

  text-align: left;

}



#footer .footer-top .footer-newsletter form input[type=email] {

  border: 0;

  padding: 4px 8px;

  width: calc(100% - 100px);

}



#footer .footer-top .footer-newsletter form input[type=submit] {

  position: absolute;

  top: 0;

  right: -1px;

  bottom: 0;

  border: 0;

  background: none;

  font-size: 16px;

  padding: 0 20px;

  background: #8F2C2F;

  color: #fff;

  transition: 0.3s;

  border-radius: 50px;

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

}



#footer .footer-top .footer-newsletter form input[type=submit]:hover {

  background: #8F2C2F;

}



#footer .footer-top .social-links {

  margin-top: 30px;

}



#footer .footer-top .social-links a {

  font-size: 18px;

  display: inline-block;

  

  color: #fff;

  line-height: 1;

  padding: 8px 0;

  margin-right: 4px;

  border-radius: 50%;

  text-align: center;

  width: 100px;

  height: 100px;

  transition: 0.3s;

}



#footer .footer-top .social-links a:hover {

  background: #8F2C2F;

  color: #fff;

  text-decoration: none;

}



#footer .footer-bottom {

  border-top: 1px solid #222222;

  z-index: 2;

  position: relative;

  padding-top: 10px;

  padding-bottom: 10px;

}



#footer .copyright {

  text-align: center;

}



#footer .credits {

  text-align: center;

  font-size: 13px;

  padding-top: 5px;

}