/*#57c000 cor antiga*/


*, *:before, *:after {
  box-sizing: border-box;
}
html, body {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

body {
  font-family: 'Inter', sans-serif !important;
}

:root {
  --e-global-color-white: #ffffff;
  --e-global-color-red: #8ac250;
  --e-global-color-btn-red: #8ac250;
  --e-global-color-white-banner-text: #fffefe;
  --e-global-color-grey-icons: #999999;
  --e-global-color-yellow-buttons: #eb9500;
  --e-global-color-primary: #161616;
  --e-global-color-card-text: #585858;
  --e-global-color-red-border: #8ac250;
  --e-global-color-red-active: #8ac250;
  --e-global-color-dark-icons-background: #00271e; /* < aqui a cor do bg*/
  --e-global-color-dark-marron: #37880b;
  --e-global-color-black-cards-bacground: #001914;/* < aqui a cor das caixas*/
  --e-global-color-grey-cyber-box: #777777;
  --e-global-color-about-teams-red: #8ac250;
  --e-global-color-about-teams-background: #101010;
  --e-global-color-stars: #666666;
  --e-global-color-form-text: #898989;
  --e-global-color-form: #2e1c1c;
  --e-global-color-coming-soon: #737373;
  background-image: linear-gradient(
    50deg,
    var(--e-global-color-btn-red) 0%,
    var(--e-global-color-dark-icons-background) 38%
  );
}
html {
  scroll-behavior: smooth;
}
h1 {
  font-size: 50px;
  text-transform: uppercase;
	color: #8ac250;
  font-family: 'Rubik', sans-serif;;
}
h2 {
  font-size: 46px;
  line-height: 52px;
  font-weight: 300;
  color: var(--e-global-color-primary);
}
h3 {
  font-size: 40px;
  line-height: 46px;
  font-weight: 300;
  color: var(--e-global-color-white-banner-text);
}
h4 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 300;
  color: var(--e-global-color-grey-icons);
}

h5 {
  font-size: 18px;
  line-height: 30px;
  font-weight: 200;
  color: var(--e-global-color-white);
  letter-spacing: 0.8px;
  margin-bottom: 11px;
}
h6 {
  font-size: 15px;
  line-height: 16px;
  font-weight: 600;
  color: white;
}
p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}
a {
  font-size: 15px;
  line-height: 18px;
  font-weight: 300;
}

/****** headerm and banner section******/

.home-header-section {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient( 159deg, var(--e-global-color-dark-marron) 17%, var(--e-global-color-dark-icons-background) 56% );
}
.main-header .navbar-brand {
  margin-left:0px;
  padding-bottom: 8px;
}

.navbar-light .navbar-nav .nav-link {
  padding-left:8px;
  position: relative;
}
.main-header {
  padding: 28px 0 0 0;
}
.home-banner-text {
  padding: 0px 0 193px 0;
}

/* clients-section */
.clients-section{
  padding: 109px 0 0px;
  background: var(--e-global-color-dark-icons-background);
}

.clients-section p{
  color: var(--e-global-color-grey-icons);
  padding: 0 260px;
}
.clients-section .client-section-main-p{
  margin-bottom: 71px;
}
.clients-section h3{
  margin-bottom:25px;
}
.clients-section .clients-outer-box{
  background: var(--e-global-color-black-cards-bacground);
  padding: 41px 38px 19px;
  border-radius: 11px;
  border-bottom: 3px solid var(--e-global-color-black-cards-bacground);
}
.clients-section .clients-outer-box .clients-outer-box-figure{
  float: left;
  margin-bottom: 0;
  margin-right: 20px;
}

.clients-section .clients-outer-box .icon-figure-quotes{
  right: 38px;
}

.clients-section .clients-right-content .ceo-p{
  color: var(--e-global-color-btn-red);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding: 0;
  display: block;
  margin-bottom: 20px;
  letter-spacing: 1px;
}
.clients-section  .clients-right-content{
  margin-left: 12px;
  padding-top: 20px;
  margin-bottom: 49px;
}

.clients-section .clients-section-btn{
  display: flex;
  justify-content: center;
  padding-top:80px;
}
.clients-section .clients-section-btn a {
  color: var(--e-global-color-white-banner-text);
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  border: 1px solid var(--e-global-color-grey-icons);
  padding:8px 29px;
  border-radius: 3px;
  transition: transform ease 300ms;
}
.clients-section .clients-section-btn a:hover {
  background: var(--e-global-color-red-active);
  border: 1px solid var(--e-global-color-red-active);
  opacity: 1;
}
/* aboutus end */

.banner-img-content figure{
  margin-left:0;
}
.navbar-nav .active > a{
  color: var(--e-global-color-red-active) !important;
}
.social-icons li {
  display: inline-block;
  margin-right: 14px;
}


.banner-btn a {
  color: var(--e-global-color-white) !important;
  background: var(--e-global-color-btn-red) !important;
  border-radius: 3px;
  padding: 20px 100px 21px 100px;
  display: inline-block;
  position: relative;
  font-weight: 600;
  transition: transform ease 300ms;
  line-height: 18px;
  font-size: 20px;
}

.banner-btn a:hover{
  transform: translateY(-5px);
  background:green !important;
}

.discover-btn-banner .play-button {
  padding: 19px 25px;
  margin-left: 8px;
  background: transparent !important;
  border: 2px solid var(--e-global-color-white);
}

.discover-btn-banner a:hover {
  background-image: linear-gradient(
    90deg,
    var(--e-global-background-services-box) 15%,
    var(--e-global-background-services-box-color2) 94%
  ) !important;
  transition: 0.3s transform ease-in-out;
  color: var(--e-global-color-white) !important;
}

.discover-btn-banner a:hover .inner-arrow-style {
  background: var(--e-global-color-white);
  color: var(--e-global-color-accent);
  border: 1px solid var(--e-global-color-accent);
}

/* dropdown */

.banner-img-content {
  padding: 0px 0px 0 0px;
}

.banner-container-box .social-icons{
  padding: 0px 0px 0 39px;
}

.home-banner-text h1 {
  margin-bottom: 18px;
}

.navbar-text-color {
  color: var(--e-global-color-white) !important;
}

.navbar-text-color:hover {
  color: var(--e-global-color-red-active) !important;
}

.social-icons li a i {
  color: var(--e-global-color-grey-icons);
}

.about-teams-section .social-icons ul li .social-networks {
  font-size: 14px;
  background:var(--e-global-color-black-cards-bacground);
  color: var(--e-global-color-white);
  border-radius: 100px;
  line-height: 48px !important;
  text-align: center;
  transition: all ease-in-out 0.3s;
  margin-right: -19px;
  width: 29px;
  height: 27px;
  line-height: 28px !important;
  transition: transform ease 300ms;
}

.about-teams-section .social-icons ul a {
  transition: transform ease 300ms;
}
.banner-container-box .social-icons ul li .social-networks {
  font-size: 14px;
  color: var(--e-global-color-white);
  border-radius: 100px;
  line-height: 48px !important;
  text-align: center;
  transition: all ease-in-out 0.3s;
  margin-right: -13px;
  width: 29px;
  height: 27px;
  line-height: 28px !important;
  transition: transform ease 300ms;
}

.about-teams-section .social-icons ul li .social-networks:hover {
  background: var(--e-global-color-red-active);
  color: var(--e-global-color-white-banner-text);
  transform:translate(0, -5px);
}
.banner-container-box .social-icons ul li .social-networks:hover {
  background: var(--e-global-color-red-active);
  color: var(--e-global-color-white-banner-text);
  transform:translate(0, -5px);
}

.cards-section .card-heading-p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: var(--e-global-color-grey-icons);
  padding: 25px 32px 0 4px;
  margin-bottom: 17px;
}

.cards-section .cards-outer::after {
  content: "";
  border-right: 1px solid var(--e-global-color-grey-icons);
  height: 140px;
  position: absolute;
  right: 52px;
  top: 0;
  border-right-style: dashed;
}
.cards-section .cards-outer h5 {
  margin-bottom: 20px;
}
.cards-section .date-p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: var(--e-global-color-grey-icons);
  padding: 0 3px;
}

.cards-section {
  padding: 106px 6px 96px;
}

.cards-section .outer-padding-left {
  padding-right: 36px;
  margin-left: -13px;
}

.outer-padding-left-last {
  padding-left: 0;
  padding-right: 0;
}

.cards-section .outer-card1 {
  margin-left: -21px;
}

.cards-section .outer-card2 {
  padding-left: 11px;
}

.cards-section .outer-card3 {
  padding-left: 7px;
  padding-right: 0;
}


/* about-us-section-start */
.about-us-section-start p {
  color: var(--e-global-color-grey-icons);
  padding: 0 4%;
  margin-bottom: 75px;
}

.about-us-section-start h3 {
  margin-bottom: 25px;
}

.about-us-section-start {
  padding:59px 0px 0;
  background: var(--e-global-color-dark-icons-background);
}

.aboutus-page {
  background-image: linear-gradient( 150deg, var(--e-global-color-dark-marron) 0%, var(--e-global-color-dark-icons-background) 20% );
}

.about-us-section-2 {
  padding: 73px 0px 0;
  background: var(--e-global-color-dark-icons-background);
}

.about-us-section-2 p {
  color: var(--e-global-color-grey-icons);
  padding: 0 24%;
  margin-bottom: 74px;
}

.about-us-section-start .whyus-icon {
  position: absolute;
  right:0px;
  top: 93px
}

.about-teams-section .whyus-icon {
  position: absolute;
  right: 0px;
  top:123px;
}

.about-page-teams .whyus-icon {
  position: absolute;
  right: 0px;
  top: -100px;
}

.about-teams-section .teams-section2 .whyus-icon {
    position: absolute;
    right: -35%;
    top: 16px;
}

.about-us-section-start .about-us-content {
  background: var(--e-global-color-black-cards-bacground);
  border-radius: 5px;
  padding: 37px 28px 28px 36px;
  transition: 0s all ease-in-out;
  cursor: pointer;
  border-bottom: 3px solid var(--e-global-color-black-cards-bacground);
  transition: transform ease 300ms;
  height: 300px;
}

.about-us-section-start .about-us-content:hover h3{
  color: var(--e-global-color-white-banner-text);
}

.about-us-section-start .about-us-content:hover .pricing-plan-h4{
  color: var(--e-global-color-white-banner-text);
}

.about-us-section-start .about-us-content:hover .icons-rounded-box figure img{
  color: var(--e-global-color-white-banner-text);
  filter: brightness(0) invert(1) !important;
  -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  filter: gray;
}
.about-us-section-start .about-us-content:hover .icons-rounded-box {
background: var(--e-global-color-btn-red);

}
.about-us-section-start .about-us-content:hover{
  background-image: linear-gradient( 143deg, var(--e-global-color-btn-red) -24%,  var(--e-global-color-black-cards-bacground) 20% );
  transform: translate(0, -10px);
  }
.about-us-section-start .about-us-content:hover .order-now-btn a{
  background: var(--e-global-color-btn-red);
  border: 1px solid var(--e-global-color-btn-red);
}

.about-us-section-start .about-us-content:hover {
  border-bottom: 3px solid var(--e-global-color-red-border);
}

.about-us-section-start .about-us-content:hover h4{
color: var(--e-global-color-white-banner-text);
}

.about-us-section-start .about-us-content .icons-rounded-box {
  background: var(--e-global-color-dark-icons-background);
  padding: 12px 16px;
  display: inline-block;
  border-radius: 6px;
  margin-bottom: 23px;
}

.about-us-section-start .about-us-content .icons-rounded-box .icon-color img {
  -webkit-filter: grayscale(100%); 
  filter: gray;
}

.about-us-section-start .about-us-content h4 {
  margin-bottom: 31px;
}

.about-us-section-start .about-us-content  a{
 color: var(--e-global-color-grey-icons);
 font-size: 16px;
 line-height: 26px;
 font-weight: 400;
 letter-spacing: 0px;
}

.about-us-section-start .security-services-p{
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: var(--e-global-color-grey-icons);
  padding: 0;
  margin-bottom: 28px;
}

.about-us-content .forword-arrow i{
  font-size: 12px;
    line-height: 12px;
    margin-left: 3px;
}

/* Cyber-Security-section */
.cyber-security-section .cyber-content .security-services-p{
  font-size: 18px;
  line-height:30px;
  font-weight: 400;
  color: var(--e-global-color-grey-icons);
  margin-bottom: 31px;
}
.cyber-security-section .cyber-content .cyber-text{
  color: var(--e-global-color-btn-red);
}
.cyber-security-section .cyber-content .cyber-contact-btn a{
  color:var(--e-global-color-white-banner-text);
  font-size: 18px;
  line-height:30px;
  font-weight:600;
  border: 1px solid var(--e-global-color-grey-icons);
  padding: 11px 37px;
  border-radius: 3px;
  transition: transform ease 300ms;
}
.cyber-security-section .cyber-content .cyber-contact-btn{
  transition: transform ease 300ms;
}
.cyber-security-section .cyber-content .cyber-contact-btn a:hover{
  background:var(--e-global-color-red-active);
  border: 1px solid var(--e-global-color-red-active);
  opacity: 1;
}
.cyber-security-section .cyber-content .cyber-contact-btn:hover{
  transform: translateY(-5px);
  transition: 0.3s transform ease-in-out;
}
.cyber-security-section .cyber-content p{
  margin-bottom: 27px;
  color: red;
}
.cyber-security-section .cyber-content .cyber-p-margin-bottom{
  margin-bottom: 41px;
}
.cyber-security-section .cyber-content-img{
  margin-top: -63px;
}
.cyber-security-section{
  padding: 192px 0 0px;
  background: var(--e-global-color-dark-icons-background);
}

.cyber-security-section .faixa{
  padding: 22px 0 22px;
  background: #094f23;
}


.cyber-boxes-section .about-us-content .icons-rounded-box {
  background: var(--e-global-color-dark-icons-background);
  padding: 11px 10px;
  display: inline-block;
  border-radius: 6px;
  margin-bottom: 30px;
}

.cyber-boxes-section .about-us-content {
  background: var(--e-global-color-black-cards-bacground);
  border-radius: 5px;
  padding:34px 40px 26px;
  transition: 0s all ease-in-out;
  cursor: pointer;
  transition: transform ease 300ms;
}

.cyber-security-section .cyber-content-img-right {
  margin-top: -63px;
  padding-left: 30px;
}

.about-us-section-2 .about-margin-bottom {
  margin-bottom: 20px;
}

.about-us-section-2 .about2-left-img {
  position: absolute;
  top: 200px;
}

.Services-About-us-Section .about2-left-img {
  position: absolute;
  top:0px;
}
.about-us-section-2 .offer-section-title {
  margin-bottom: 25px;
}
.Services-About-us-Section {
  padding: 0 0 120px;
  background-image: linear-gradient( 144deg, var(--e-global-color-dark-marron) 8%, var(--e-global-color-dark-icons-background) 18% );
}

/* accordian-section */
.accordian-section .accordian-inner .accordion-card .btn{
  padding: 15px 58px 15px 21px;
  text-decoration: none;
  display: block;
  text-align: left;
  position: relative;
  background: var(--e-global-color-black-cards-bacground);
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  border-radius: 8px;
  margin-bottom: 20px;
  width: 100%;
  transition: ease-in-out 0.3s;
  box-shadow: none;
}

.accordian-section .accordian-inner .faq-btn-text {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 0;
  letter-spacing: 0;
}

.accordian-section .accordion-card a.btn.btn-link.collapsed {
  background: var(--e-global-color-black-cards-bacground);
}

.accordian-section .accordion-card a.btn.btn-link.collapsed h5 {
  color: var(--e-global-color-grey-cyber-box);
}
.accordian-section .accordion-card a.btn.btn-link {
  color: var(--e-global-color-white);
  background: var(--e-global-color-red);
}
.accordian-section .accordion-card{
  margin-left: 9px;
}
.accordian-section .accordion-card a.btn.btn-link.collapsed:hover {
  background: var(--e-global-color-btn-red);
}
.accordian-section .accordion-card a.btn.btn-link.collapsed:hover h5, .accordian-section .accordion-card a.btn.btn-link.collapsed:hover:before  {
  color: var(--e-global-color-white);
}
.accordian-section .accordion-card a.btn.btn-link.collapsed:focus{
  color: var(--e-global-color-white-banner-text);
  outline: none;
  box-shadow:none;
}

.accordian-section .accordion-card .btn-link:before {
  content: "\f107";
  position: absolute;
  font-family: "Font Awesome 6 FREE";
  display: inline-block;
  font-size: 19px;
  color: var(--e-global-color-white);
  border-radius: 100px;
  width: 12px;
  right: 23px;
  top: 35%;
  height: 15px;
  position: absolute;
  line-height: 16px !important;
  text-align: center;
  transition: ease-in-out 0.4s;
}

.accordian-section .accordion-card .collapsed:before {
  content: "\f105";
  font-size: 19px;
  color: var(--e-global-color-grey-cyber-box);
  border-radius: 100px;
  width: 12px;
  right: 23px;
  top: 35%;
  height: 15px;
  position: absolute;
  line-height: 16px !important;
  text-align: center;
  transition: ease-in-out 0.4s;
}
.accordian-text h3{
  letter-spacing: -0.5px;
}
.accordian-section .accordion-card .card-body{
  padding-top: 0px;
  padding-left: 28px;
}
.accordian-section .faq-content-img{
  margin-top: 10px !IMPORTANT;
}
.accordian-section{
  padding: 0px 0 0px;
}
.faq-page {
  background-image: linear-gradient( 146deg, var(--e-global-color-dark-marron) 5%, var(--e-global-color-dark-icons-background) 20% );
  padding-top: 0;
}
.accordian-section .accordian-text h3{
  margin-bottom: 49px;
}
/* pricing-plan */
.pricing-plan-section{
  padding: 0;
}
.pricing-plan-section .pricing-plan-color{
  color: var(--e-global-color-btn-red);
}
.pricing-plan-section .pricing-free-text{
  font-size: 18px;
  line-height: 26px;
  color: var(--e-global-color-white-banner-text);
  font-weight: 600;
}
.pricing-plan-section .pricing-content{
  font-size: 18px;
  line-height: 35px;
  font-weight: 400;
  color:var(--e-global-color-grey-icons);
  padding: 0;
  margin-bottom: 44px;
}
.pricing-plan-section .order-now-btn a{
  border: 1px solid var(--e-global-color-grey-cyber-box);
  padding: 10px 32px;
  border-radius: 4px;
  font-size: 18px;
  line-height: 26px;
  color: var(--e-global-color-white-banner-text);
  font-weight: 600;
}
.pricing-plan-section .about-us-content {
  background: var(--e-global-color-black-cards-bacground);
  border-radius: 5px;
  padding: 54px 64px 55px 48px;
  transition: 0s all ease-in-out;
  cursor: pointer;
  border-bottom: 3px solid var(--e-global-color-black-cards-bacground);
  transition: transform ease 300ms;
}

.pricing-plan-section h3{
  margin-bottom: 22px;
}

.pricing-plan-section p {
  margin-bottom: 72px;
  padding: 0 25%;
}

.pricing-plan-section .about-us-content .icons-rounded-box {
  background: var(--e-global-color-dark-icons-background);
  padding: 18px 21px;
  display: inline-block;
  border-radius: 6px;
  margin-bottom: 39px;
}

/* about-teams-section */

.about-teams-section .teams-social-icons {
 display: flex;
 justify-content: center;
}

.about-teams-section .social-networks-teams {width: 26px;
  height: 29px;
  background:var(--e-global-color-black-cards-bacground);
  border-radius: 100px;
}

.about-teams-section .about-teams-inner img {
  opacity: .5;
  filter: brightness(100%) contrast(100%) saturate(0%) blur(0) hue-rotate(0deg);
  transition-duration: 0.5s;
  border-radius: 10px 10px 10px 10px;
}
.about-teams-section .about-teams-inner:hover img{
  opacity: 2.5;
  filter: brightness(100%) contrast(98%) saturate(137%) blur(0) hue-rotate(0deg);
  transition-duration: 0.5s;
  border-radius: 10px 10px 10px 10px;
}
.about-teams-section .about-teams-inner:hover .about-team-title{
color: var(--e-global-color-about-teams-red);
}
.about-teams-section .about-teams-inner:hover .about-team-members-h4{
  color:var(--e-global-color-white-banner-text);
  }
.about-teams-section .about-teams-inner:hover .social-networks{
  background: var(--e-global-color-btn-red);
  color: var(--e-global-color-white);
  transition: all 0.3s ease-in-out;
  }

 .about-teams-section .teams-social-icons ul{
  padding-left: 0;
  list-style: none;
  text-align: center;
  padding-right: 20px;
}

  .about-teams-section .teams-social-icons ul li a {
  font-size: 14px;
  padding: 6px 10px;
  background: var(--e-global-color-dark-purple);
  color: var(--e-global-color-white);
  border-radius: 100px;
  line-height: 48px !important;
  text-align: center;
  transition: all ease-in-out 0.3s;
  margin-right: -14px;
  width: 30px;
  height: 30px;
  line-height: 30px !important;
  transition: transform ease 300ms;
}

.about-teams-section .teams-social-icons ul li a:hover {
  color: var(--e-global-color-white-banner-text);
  transform:translate(0, -10px);
}

/* blogs-section */
.blogs-section-starts {
  padding: 88px 0px 10px;
}
.blogs-section-starts .blogs-section h3{
  margin-bottom: 25px;
}
.blogs-section-starts .blogs-section .blogs-section{
  padding: 30px;
}
.blogs-section a {
  text-decoration: none;
}
.blogs-section .blogs-h5{
  color: var(--e-global-color-grey-cyber-box);
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 0;
  letter-spacing: 0px;
  padding: 33px 10px 30px;
  text-decoration: none;
}
.blogs-section .blogs-p{
  color: var(--e-global-color-grey-cyber-box);
  font-size: 15.91px;
  line-height: 26px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 0;
  padding:0;
  text-decoration: none;
}
.about-us-section-start .blogs-section:hover .blogs-h5 {
  color: var(--e-global-color-white-banner-text);
}
.blogs-section-starts .blogs-section{
  background: var(--e-global-color-black-cards-bacground);
  border-radius: 10px;
  padding: 26px 30px 34px 30px;
  transition: 0s all ease-in-out;
  cursor: pointer;
  border: 3px solid var(--e-global-color-black-cards-bacground);
  transition: transform ease 300ms;
}
/* form-section */
.form-section-starts .form-section-p{
  padding: 0 235px;
  margin-bottom: 32px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: var(--e-global-color-grey-icons);
}
.form-section-starts {
  background: var(--e-global-color-dark-icons-background);
  padding: 108px 0 110px;
}

.form-section h3{
  margin-bottom: 27px
}

.form-section-starts .input-field-form{
  width: 52% !important;
  text-align: center;
  float: none;
   margin: 0 auto;
}

.form-section-starts .input-form-input{
  padding: 0px 20px 0px 28px;
  border-radius: 10px 10px 10px 10px;
  font-size: 18px;
  height: 70px;
  font-weight: 400;
  line-height: 24px;
  color:var(--e-global-color-grey-icons);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--e-global-color-primary);
  transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
}

.form-section-starts .btn-form-section{
  position: absolute;
  right: 7px;
  top: 5px;
  padding: 15px 33px 15px 32px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 5px 5px 5px 5px;
}

.form-section .input-group>.input-group-append>.btn{
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
}

.input-group>.form-control:focus {
  z-index: 2;
}

.form-section .btn-form-section:hover{
  color: var(--e-global-color-white-banner-text);
  background: var(--e-global-color-yellow-buttons);
}
.form-section-starts .form-section{
  background-image: linear-gradient( 134deg, var(--e-global-color-form) 17%, var(--e-global-color-black-cards-bacground) 33% );
  border-radius: 5px;
  padding: 88px 34px 88px 32px;
  transition: 0s all ease-in-out;
  cursor: pointer;
  transition: transform ease 300ms;
}
 .form-section-starts .input-group>.form-control:not(:last-child) {
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
}
/* Footer */
.footer-section{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient( -24deg, var(--e-global-color-dark-marron) 0%, var(--e-global-color-dark-icons-background) 16% );
  position: relative;
}

.footer-section .footer-outer-margin{
  padding-bottom: 95px;
}
.footer-section .footer-icon {
  position: absolute;
  left: 0;
}

.footer-section .footer-bar-content{
 border-top: 1px solid var(--e-global-color-grey-cyber-box);
 padding: 32px 0 35px;
}
.footer-section .red-light-footer-p{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: white;
  margin-bottom: 36px;
}

.red-light-footer-p span{
color: #8ac250 !important;
}

.footer-section .teams-social-icons ul li a {
  background: var(--e-global-color-black-cards-bacground);
  padding: 1px 8px;
  border-radius: 78px;
  margin-right: -13px;
  transition: transform ease 300ms;
  transition: all 0.3s ease-in-out;
}
.footer-section .teams-social-icons ul li a:hover {
  background: var(--e-global-color-btn-red);
  color: var(--e-global-color-white);
  transition: all 0.3s ease-in-out;
}
.footer-section .teams-social-icons ul li a i{
  transition: all 0.3s ease-in-out;
}
.footer-section .teams-social-icons ul li a:hover i{
  color: var(--e-global-color-white-banner-text);
}
.footer-section .teams-social-icons ul li a:hover {
  transform: translate(0, -10px);
}

.footer-section .services-footer a{
  font-size: 16px;
  line-height:30px;
  color: var(--e-global-color-grey-cyber-box);
  font-weight: 400;
  padding-left: 3px;
}
.footer-section .services-footer a:hover{
  color: var(--e-global-color-red-active);
 }
.footer-section .support-footer a{
  font-size: 16px;
  line-height:30px;
  color: var(--e-global-color-grey-cyber-box);
  font-weight: 400;
  padding-left: 3px;
}
.footer-section .support-footer a:hover{
 color: var(--e-global-color-red-active);
}
.footer-section .footer-services-heading{
  color: var(--e-global-color-grey-icons);
}
.footer-section .contact-us-ul  a{
  font-size: 16px;
  line-height: 31px;
  color: white;
  font-weight: 400;
}
.footer-section .footer-margin-left{
  margin-bottom: 24px;
}
.footer-section .contact-us-ul .footer-additional{
  color: var(--e-global-color-btn-red);
  font-weight: bold;
  font-size: 16px;
  line-height:30px;
}

.footer-section .services-footer, .support-footer i{
  color: var(--e-global-color-red-active);
}

.footer-section .footer-content1 figure{
  margin-bottom: 35px;
}

.footer-section .footer-content1{
  padding-top: 6px;
}

.footer-section .footer-get-heading{
  margin-bottom: 24px;
  color: var(--e-global-color-grey-icons);
}

.footer-section .footer-icon {
  position: absolute;
  left: -8px;
  top: -261px;
}

.footer-section .contact-address{
  padding-top: 4px;
}

.footer-section .contact-address .footer-additional{
  padding-right: 7px;
}

.footer-section .footer-content1 .social-icons ul li .social-networks {
  font-size: 14px;
  line-height: 14px;
}

/* images-animation */
.blogs-section-starts .blogs-section .images-blog, .about-teams-inner .about-team .icons-rounded-box {
  /* overflow: hidden; */
  transition: transform ease 300ms;
  border-radius: 10px;
}

.blogs-section-starts .blogs-section .images-blog:hover figure img, .about-teams-inner .about-team .icons-rounded-box:hover figure img {
	-webkit-transform: scale(1);
	transform: scale(1.1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
  transition: transform ease 300ms;
  
}

.blogs-section-starts .blogs-section .images-blog figure img, .about-teams-inner .about-team .icons-rounded-box figure img {
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  transition: transform ease 300ms;
}

.blogs-section-starts .blogs-section .images-blog:hover, .about-teams-inner .about-team .icons-rounded-box:hover {
  border-radius: 10px;
}

/* Contactuspage */


.contact-us-section {
  padding: 116px 76px 114px 82px;
}

.contact-us-section textarea.form-control {
  height: 167px;
  background: var(--e-global-color-dark-icons-background);
  border: 1px solid  var(--e-global-color-dark-icons-background);
  color: var(--e-global-color-form-text);
  padding: 20px 29px;
}
.contact-us-section textarea.form-control:hover {
  color: var(--e-global-color-btn-red);
  border: 1px solid  var(--e-global-color-btn-red);
}

.contact-us-section  input:focus, textarea:focus, select:focus{
  outline: none;
}


.contact-us-section .contact-section-btn .btn{
  color:var(--e-global-color-white-banner-text);
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  padding: 25px 40px 25px;
  display: block;
  background: var(--e-global-color-btn-red);
  border-radius: 8px;
  border:none;
  width: 100%;
}

.contact-us-section .contact-form-margin-text-area {
  margin-bottom: 20px;
}

.contact-us-section .form-control:focus {
  box-shadow: none;
}

.map-section {
  background-image: linear-gradient( 134deg, var(--e-global-color-dark-marron) -1%, var(--e-global-color-dark-icons-background) 26% );
  padding: 124px 0 102px;
}

.map-section iframe {
  border-radius: 10px;
}

/* Services-Security-Option */

.clients-section .about2-left-img {
  position: absolute;
  top: 90px;
}

/* pricing-page */

.pricing-form-section h3{
  padding: 0 154px;
}

.pricing-form-section .form-button button{
  padding: 14px 38px;
}

.pricing-form-section-pricing .btn-form-section {
  padding: 15px 33px 15px 32px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--e-global-color-btn-red);
  border-radius: 5px 5px 5px 5px;
}

.pricing-form-section .form-section {
  border-radius: 5px;
  padding: 88px 34px 98px 32px;
  transition: 0s all ease-in-out;
  cursor: pointer;
  transition: transform 
}

.pricing-form-section {
  padding: 108px 0 99px;
}


/* testimonial-page */
.clients-row2 {
  padding: 49px 0;
}
.services-clients-section .clients-row2 .about-right-icon{
  top: 0;
  position: absolute;
  right: -396px;
}
.clients-testimonial-page{
  padding:0px 0 0px;
  background: var(--e-global-color-dark-icons-background);
  background-image: linear-gradient( 142deg, var(--e-global-color-dark-marron) 5%, var(--e-global-color-dark-icons-background) 20% );
}
.form-testimonial-page {
  padding: 111px 0 93px;
}
.form-testimonial-page .form-section {
  padding: 102px 34px 88px 32px;
}
.clients-testimonial-page .about-right-icon figure {
  position: absolute;
  top: 368px;
  right: 0px;
}
/* comming-soon-page */
.home-header-section-coming-soon{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background:var(--e-global-color-dark-marron);
  position: relative;
}
.banner-container-box-comming-soon .comming-soon-logo{
  text-align: center;
  margin-bottom: 100px;
}
.banner-container-box-comming-soon  h1{
  text-align: center;
  font-size: 50px;
  line-height: 60px;
  color: var(--e-global-color-white-banner-text);
  font-weight: 600;
  padding: 0 206px;
  letter-spacing: -3px;
  letter-spacing: 0px;
  word-spacing: -5px;
  margin-bottom: 20px;
}
.banner-container-box-comming-soon  p{
  text-align: center;
  font-size:18px;
  line-height:30px;
  color: var(--e-global-color-coming-soon);
  font-weight:400;
  padding: 0 200px;
  margin-bottom: 67px;
}
.banner-container-box-comming-soon h5{
  text-align: center;
  margin-bottom: 33px;
  letter-spacing: 0px;
}
.banner-container-box-comming-soon .input-group>.form-control:not(:last-child) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.banner-container-box-comming-soon .input-field-form {
  width: 40% !important;
  text-align: center;
  float: none;
  margin: 0  auto;
  margin-bottom: 153px !important;
}
.banner-container-box-comming-soon .input-form-input {
  padding: 34px 20px 34px 28px;
  border-radius: 10px 10px 10px 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: var(--e-global-color-grey-icons);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--e-global-color-primary);
  transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
}
.banner-container-box-comming-soon .input-group>.input-group-append>.btn {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.banner-container-box-comming-soon .btn-form-section {
  position: absolute;
  right: 7px;
  top: 6px;
  padding: 15px 18px 15px 18px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--e-global-color-btn-red);
  border-radius: 5px 5px 5px 5px;
}
.banner-container-box-comming-soon{
  background-image: linear-gradient( 134deg, var(--e-global-color-dark-marron) 16%, var(--e-global-color-dark-icons-background) 38% );
  padding: 273px 0 99px;
}
.banner-container-box-comming-soon .comming-soon-footer{
  color: var(--e-global-color-coming-soon);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align:center;
  letter-spacing: 0px;
  word-spacing: 2px;
}

.banner-container-box-comming-soon .whyus-icon{
  position: absolute;
  right: 0;
  top: 169px;
}

.footer-content1 figure a{
  text-decoration: none;
}
.dropdown-content-redlight ul li a{
  font-size: 16px;
}

/* CSS EDIT*/

.linha-verde {
  border: #8ac250 solid 2px;
}

/*CSS Form Começo*/

.box-form form{
  background: #00271e;
  border-radius: 10px;
  padding: 20px 30px 20px 30px;
}

.box-form h6{
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  color: white;
  text-align: left;
}

.mb-2 {
  border-radius: 5px 5px 5px 5px;
  background: whitesmoke;
  border: 1px solid  var(--e-global-color-about-teams-red);
  color: #00271e;
  padding: 20px 20px

}

.form-select {
 width: 100%;
 border-radius: 5px;
 padding: 9px 20px;

}

.botao-form button{
  margin-top: 20px;
  background: var(--e-global-color-btn-red);
  border-radius: 3px;
  border-color: #00271e;
  padding: 15px 33px 15px 34px;
  display: inline-block;
  position: relative;
  font-weight: 600;
}

.botao-form button:hover{
  background: green;
  border-color: #00271e;
}

/*CSS Form Fim*/
.ytb img{
max-width: 500px;
margin-top: 20px;
padding-top: 20px;
}

.ytb iframe{
  margin-top: 30px;
  border-radius: 20px;
  width: 550px;
  height: 430px;
  align-items: center;
}

.ytb-text h1{
  color: var(--e-global-color-about-teams-red);
  margin-top: 28px;
}

.ytb-text p{
  display: inline-block;
  color: white;
  font-size: 17px;
}

.video {
	display: flex;
}

.ytb-div{
  margin-left: 50px;
}

/*Parceiros*/

.parceiros-area {
  background: #8ac250;
  padding: 20px;
  display: block;

}

.parceiros-text{
    color: #00271e;
    font-size: 70px;
    line-height: 30px;

}



.parceiros{
    display: block;
    text-align: center;
    color: #8ac250;
}

.parceiros img{
  width: 110px;
  margin: 30px 20px;
}


/*Parceiros*/

/*Quem Somos*/

.quem-somos h1{
  color: #8ac250;
}

.quem-somos p{
  color:#fff;
  font-size: 16px;
  font-weight: 100;
}

.quem-somos span{
  color: #8ac250;
  font-weight: 700;
}

/*Quem Somos*/

/*Slide*/

.mySlides {
  display:none;
  margin: 60px;
  border-radius: 20px;
  border: #094f23 solid 5px;
}

.mySlides-btn button{
  background: var(--e-global-color-btn-red);
  border-radius: 10px;
  border-color: #00271e;
  font-weight: 600;
  display: inline-block;
  margin-right: 60px;
  padding-inline: 20px;
  text-decoration: none;
}

/*Slide*/

/*Vantagens-boxes*/
.img-fundo-vantagens {
  background-image: url(./assets/images/bg-img/bg-img.jpg);
}

.vantagens {
  color:white;
  text-align: center;
  font-weight: 100;
  padding: 50px;
}

.vantagens span{
  color: #8ac250;
  text-align: center;
  font-weight: 800;
}

.vantagens-text {
  color:#8ac250;
  font-weight: 600;
}

.vantagens-text-2{
  color: #999999;
  font-size: 15px;
}

/*Vantagens-boxes*/

.faixa {
  background: #094f23;
  padding: 10px;
}
/*Vantagens*/
.img-fundo-vantagens {
  background-image: url(./assets/images/bg-img/bg-img.jpg);
}

.vantagens-2 {
  color:white;
  text-align: center;
  font-weight: 100;
  font-size: 50px;
  line-height: 55px;
  padding-bottom: 30px;
}

.vantagens-2 span{
  color: #8ac250;
  text-align: center;
  font-weight: 800;
}

.vantagens-text {
  color:#8ac250;
  font-weight: 600;
}

.vantagens-text-2{
  color: #999999;
  font-size: 15px;
}

.vant{
  margin: 30px;
}

.vant-img img{
margin-top: 60px;
border-radius: 20px;
border: #094f23 solid 5px;
}

.vantagens-textos p{
  color: white !important;
  font-size: 15px;
  padding-left: 20px;
}

.vantagens-textos span{
  color: #8ac250;
  font-weight: 700;
}

.vant-area {
  background-color: #001914;
  padding-top: 100px;
  padding-bottom: 100px;
}
/*Vantagens*/


/*Infos Numerais*/
.bg-orange {
  background:#001914;
}

.success-wrap {
  padding: 48px 70px 48px 80px;

}

.success-item {
  display: flex;
  padding-left: 16px;
  border-right: 1px solid #37880b;
}

.success-wrap .row > div:last-child .success-item {
  border-right: 0px;
}

.success-item .success-icon {
  color: #ffffff;
  margin-right: 32px;
  padding-top: 20px;
}

.success-item .success-icon i:before {
  font-size: 35px;
}

.success-item .success-content {
  padding-top: 15px;
}

.success-content .count-text {
  color: #ffffff;
  font-size: 35px;
  font-weight: 700;
}

.success-content .count-text:after {
  content: '+';
}

.success-content p {
  font-weight: 700;
  color:#8ac250;
}
/*Infos Numerais*/

/*Franqueado*/
.franq {
border: #25d366 solid 1px;
}

.franq-area{
  background-color:#8ac250;
  padding: 100px;
  display: block;
}

.franq-text span{
  font-weight: 900;
  color: #001914;
}

.franq-img {
  margin-right: 30px;
}

#franq-text{
  text-align: left;
  color: white;
  display: block;
}

.franq-area {
  padding: 50px 0px 40px 0px;
}

.franq-text {
  padding-bottom: 50px;
  text-align: left;
}

.franq-text h1{
  line-height: 50px;
  font-weight: 900;
  font-size: 45px;
  color: #094f23;
  padding-bottom: 10px;
  text-align: left;
}

.franq-text p{
  border-radius: 3px;
  margin-right: 30px;
  color:#fff;
  font-size: 16px;
  font-weight: 100;
}

.franq-btn a{
  color: var(--e-global-color-white) !important;
  background: #094f23 !important;
  border-radius: 3px;
  margin-top: 20px;
  padding: 20px 70px 21px 70px;
  display: inline-block;
  position: relative;
  font-weight: 600;
  transition: transform ease 300ms;
  line-height: 18px;
}

.franq-btn:hover a{
  transform: translateY(-5px);
  background:green !important;
}

#btn {

}

/*Franqueado*/

/*FeedBacks*/
.clients-section .clients-outer-box ul li{
  display: inline;
}

.clients-section .clients-outer-box ul li i{
  color: var(--e-global-color-stars);
  letter-spacing: -4px;
}

.clients-section .clients-outer-box:hover ul li i{
  color: var(--e-global-color-btn-red);
  letter-spacing: -4px;
  cursor: pointer;
}

.clients-section .clients-outer-box:hover{
  background-image: linear-gradient( 147deg, var(--e-global-color-btn-red) -85%, var(--e-global-color-black-cards-bacground) 38% );
  border-bottom: 3px solid var(--e-global-color-red-border);
}

.clients-section .clients-outer-box .clients-sectionp2{
  padding: 0 0px 0 2px;
  margin-bottom: 28px;
  color: white;
  font-size: 15px;
}

.clients-section .clients-outer-box .clients-sectionp2 span{
  color: #8ac250;
}

.clients-section .clients-right-content .spencer-span{
  color: white;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  display: block;
  margin-bottom:10px;
}

.services-clients-section{
  padding: 0px 0 20px;
}

.feedbacks-bg {
  background: var(--e-global-color-dark-icons-background);
  background-image: linear-gradient( 180deg, var(--e-global-color-btn-red) 15%, var(--e-global-color-dark-icons-background) 50% );
}

#feedbacks-text{
  text-align: center;
}

.feedbacks-text h1{
  color: #001914;
  font-size: 60px;
  padding-bottom: 30px;
  letter-spacing: -1px !important;
}

.feedbacks-text p{
  color: white !important;
  font-size: 19px;
  padding-bottom: 0px;
}

/*FeedBacks*/

/*Form Fim*/

.banner-btn-form-fim {
  color: var(--e-global-color-white) !important;
  background: var(--e-global-color-btn-red) !important;
  border-radius: 3px;
  padding: 20px 250px 20px 250px;
  font-weight: 600;
  transition: transform ease 300ms;
  line-height: 18px;
  margin-left: 0px;
  text-decoration: none;
}

.banner-btn-form-fim:hover{
  transform: translateY(-5px);
  background:green !important;
  text-decoration: none;
}

.form-fim {
  border-radius: 5px;
  transition: 0s all ease-in-out;
  cursor: pointer;
  transition: transform ease 300ms;
  text-align: center;
}

.form-fim-section {
  color: #8ac250;
  text-align: center !important;
}


.form-fim-section:hover h1{
  color: white;
}

.form-fim-section p{
  color: white !important;
  font-weight: 100 !important;
  letter-spacing: 1px;
}

.form-fim-container {
  text-align: center;
}

.form-fim-juca {
  display: inline-block;
  margin: auto;
  width: 20%
}
/*Form Fim*/

/* Footer */


.foot{
  color: white;

  text-align: center;
}

.foot a{
  font-size: 15px;
  color: #05a740;
  text-align: center;
  text-decoration: none !important;
}

.foot p{
  font-size: 15px;
}


/* Footer */


/* NavBar */
.home-banner-section {
  padding-top: 35px;
}

.navbar {
  padding: 0px 300px 0px 0px;
}


li {
  list-style-type: none;
}

.navbar-nav li:first-child {
  text-decoration: none;
}

.navbar-nav li {
  display: inline-block;
  text-decoration: none;
}

.nav-box {
  background-color:#094f23;
  border-radius: 8px;
}

.nav-box:hover {
  background: linear-gradient(90deg, #094f23 0%, #0a692d 35%, #094f23 100%);
  border-radius: 8px;
  color: white !important;

}

/* NavBar */
.animado2 {
  cursor: pointer;
  animation: pulsate2 4s ease-out;
  animation-iteration-count: infinite;
}

.animado {
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  animation: pulsate 4s ease-out;
  animation-iteration-count: infinite;
}

@keyframes pulsate {
  0% {
    transform: scale(0.9);
  }
  80% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0.9);
  }
}


@keyframes pulsate2 {
  0% {
    transform: scale(0.9);
  }
  80% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0.9);
  }
}







              /*Mobile*/
              @media screen and (max-width: 992px) {
                * {
                  -webkit-text-size-adjust: none;
                }


                body {
                  text-align: center !important;
                }
                
                .list-unstyled, .contact-us-ul {
                  text-align: left;
                }
                
                .parceiros img{
                  width: 70px;
                  margin: 0px 30px;
                }

                .ytb img{
                  width: 80%;
                  padding-top: 50px;
                }
                .ytb iframe{
                  width: 350px;
                  height: 230px;
                }

                .video {
                  display: inline;
                }

                .ytb-text{
                  margin-top: 20px;
                  text-align: center;
                  margin-left: 0px;
                }

                .ytb-div{
                  margin-left: 0px;
                }



                .banner-btn {
                display: inline-flex;
                }

                .quem-somos h1{
                  text-align: center;
                  font-size: 30px;
                  margin-bottom: 30px;
                }
                
                .quem-somos p{
                  text-align: center;
                }

                .mySlides {
                  border-radius: 20px;
                  border: #094f23 solid 5px;
                  margin: 0px;
                }
                
                .mySlides-btn button{
                  background: var(--e-global-color-btn-red);
                  border-radius: 10px;
                  border-color: #00271e;
                  font-weight: 600;
                  display: inline;
                  margin-right: 0px;
                  margin-top: 10px;
                  color: #00271e;

                }

                .vantagens {
                  color:white;
                  text-align: center;
                  font-weight: 100;
                  font-size: 30px;
                  line-height: 40px;
                }
                
                .vantagens span{
                  color: #8ac250;
                  text-align: center;
                  font-weight: 800;
                }
                
                .vantagens-2 {
                  text-align: center;
                  font-size: 40px !important;

                }

                .vant-mob {
                  border: 1px solid #8ac250;
                  border-radius: 8px;
                  margin: 0px;
                }

                .vantagens-textos p{
                  padding-left: 15px;
                }

                .vant-area {
                  border-radius: 12px;
                  margin: 20px;
                  padding-top: 50px;
                }
                
                .franq-area {
                  padding: 70px 0px 10px 10px;
                  text-align: left;
                  margin-bottom: 0px;
                }
                
                #btn {
                text-align: center;
                }
                
                .services-clients-section{
                  padding: 0px 0 20px !important;
                }

                .clients-section .clients-outer-box .clients-sectionp2{
                  font-size: 12px;
                }

                .banner-btn-form-fim {
                  padding: 30px 100px 30px 100px;
                  color: var(--e-global-color-white) !important;
                  background: var(--e-global-color-btn-red) !important;
                  border-radius: 5px;
                  font-weight: 600;
                  transition: transform ease 300ms;
                  text-decoration: none;
                  text-align: center;
                  line-height: 0px;
                  display: inline-block;
                }
                
                .form-fim-section:hover h1{
                  color:#8ac250;
                }

                #nav-text {
                display: none;
                }

                .navbar {
                  padding-left: 100px;
                  margin-bottom: -30px;
                }
                
                .franq-img {
                  margin: auto;
                  width: 100%;
                  margin-top: -50px;
                }

                .gallery {
                  display: block;
                  flex-wrap: wrap;
                  justify-content: center; /* centraliza horizontalmente */
                  align-items: center; /* centraliza verticalmente */

                }
                
                .gallery img {
                  text-align: center;
                  width: 80% !important;
                  height: auto;
                  margin: 10px;
                  margin-left: 10px;
                  border-radius: 5px;
                  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
                }

                .franq-btn a{
                  margin-left: 20px;
                }

                

                


              }


              
              
/* Botão do Whats*/
.botao-flutua {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 1px 1px 2px #888;
  z-index:1000;
  text-decoration: none;
}

.botao-flutua:hover {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#094f23;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 1px 1px 2px rgb(255, 255, 255);
  z-index:1000;
}

/* Botão do Whats*/


#mask1 {
  -webkit-mask-image: url(./assets/images/galeria/maskk.png);
  mask-image: url(./assets/images/galeria/maskk.png);
  border: 1px solid red;
}


.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* centraliza horizontalmente */
  align-items: center; /* centraliza verticalmente */
}

.gallery img {
  text-align: center;
  width: 19%;
  height: auto;
  margin: 10px;
  margin-left: 10px;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.gallery img:hover{
  box-shadow: 0px 0px 5px #05a740;
}


.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.lightbox img {
  max-width: 80%;
  max-height: 80%;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #0a692d;
}

.icon-fim {
  display: inline-block;  
}

.icon-fim i{
  padding-right: 5px;
  text-align: center;
}








  
