@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
menu,
input,
textarea {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: 'Poppins', sans-serif;
  list-style: none;
  text-decoration: none !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0px !important;
  background-repeat: no-repeat;
}

/* WHATSAPP */

.qlwapp-toggle {
  left:-25px
 }
 .qlwapp-toggle::after,
 .qlwapp-toggle::before {
  content:'';
  position:absolute;
  opacity:0;
  border:4px solid #0ba360;
  left:-10px;
  top:-10px;
  right:-10px;
  bottom:-10px;
  -webkit-border-radius:50%;
  animation:WaveWhatsApp 1.5s ease infinite ;
  -webkit-animation:WaveWhatsApp 1.5s ease infinite ;
}

 .qlwapp-toggle::after {
  animation-delay:0.5s
 }
 .qlwapp-toggle:hover::after {
  border:4px solid #15cc74
 }
 .qlwapp-toggle:hover::before {
  border:4px solid #15cc74
 }
 @keyframes WaveWhatsApp {
  0% {
   transform:scale(0.5)
  }
  50% {
   opacity:1
  }
  100% {
   transform:scale(1.2);
   opacity:0
  }
 }
 #qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-developer,
 #qlwapp.qlwapp-bottom-left.qlwapp-bubble .qlwapp-developer,
 #qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-developer,
 #qlwapp.qlwapp-bottom-left.qlwapp-button .qlwapp-developer,
 #qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-toggle,
 #qlwapp.qlwapp-bottom-left.qlwapp-bubble .qlwapp-toggle,
 #qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-toggle,
 #qlwapp.qlwapp-bottom-left.qlwapp-button .qlwapp-toggle {
  margin-left:50px !important
 }
/*  */
.qlwapp-toggle::after, .qlwapp-toggle::before {

  content: '';
  position: absolute;
  opacity: 0;
  border: 4px solid #0ba360;
  left: -10px;
  top: -10px;
  right: -10px;
  bottom: -10px;
  -webkit-border-radius: 50%;
  animation: WaveWhatsApp 1.5s ease infinite;
      animation-delay: 0s;

}
.qlwapp-toggle:hover::after {

  border: 4px solid #15cc74;

}
.qlwapp-toggle:hover::after {

  border: 4px solid #15cc74;

}
.qlwapp-toggle:hover::after {

  border: 4px solid #15cc74;

}
#qlwapp a:hover::after {

  background: #ffffff;

}
.qlwapp-toggle::after {

  animation-delay: 0.5s;

}
.qlwapp-toggle::after, .qlwapp-toggle::before {

  content: '';
  position: absolute;
  opacity: 0;
  border: 4px solid #0ba360;
  left: -10px;
  top: -10px;
  right: -10px;
  bottom: -10px;
  -webkit-border-radius: 50%;
  animation: WaveWhatsApp 1.5s ease infinite;
      animation-delay: 0s;

}
#qlwapp .qlwapp-toggle, #qlwapp .qlwapp-box .qlwapp-header, #qlwapp .qlwapp-box .qlwapp-user, #qlwapp .qlwapp-box .qlwapp-user::before {
  background-color: #15cc74;
}
/* WHATSAPP FIM */
.btn a .setright {
  width: 100%;
  max-width: 24px;
  height: 24px;
  margin-left: 10px;
  display: inline-block;
  opacity: 0;
  transition:opacity 300ms ease-in-out;
  -webkit-transition:opacity 300ms ease-in-out;
  -moz-transition:opacity 300ms ease-in-out;
  -ms-transition:opacity 300ms ease-in-out;
  -o-transition:opacity 300ms ease-in-out;
}

.btn a:hover .setright {
  opacity: 1;
}
body {
  font-family: 'Poppins', sans-serif;
  background-color: #F9F9F9;
}

.container_menu.navActiveMobile {
  left: 100vw;
}

textarea {
  height: 150px;
}

/* GLOBAIS */
.float{
  position:fixed;
  width: 100%;
  max-width:60px;
  height:60px;
  bottom:10px;
  right:10px;
/*   background-color:#25d366; */
  color:#FFF;
  border-radius:50px;
  text-align:center;
/*   font-size:30px;
  box-shadow: 2px 2px 3px #999; */
  z-index:100;
  animation:sm-shake-animation linear 1.5s infinite;
  -webkit-animation:sm-shake-animation linear 1.5s infinite;
}
.float .img_whatsapp {
  width: 100%;
  max-width:60px;
  height:60px;
  background-image: url("../images/site/icon_chat.gif");
  background-size: contain;
}
.my-float{
	margin-top:16px;
}

@keyframes sm-shake-animation {
 0% {
  transform:rotate(0) scale(1) skew(0.017rad)
 }
 25% {
  transform:rotate(0) scale(1) skew(0.017rad)
 }
 35% {
  transform:rotate(-0.3rad) scale(1) skew(0.017rad)
 }
 45% {
  transform:rotate(0.3rad) scale(1) skew(0.017rad)
 }
 55% {
  transform:rotate(-0.3rad) scale(1) skew(0.017rad)
 }
 65% {
  transform:rotate(0.3rad) scale(1) skew(0.017rad)
 }
 75% {
  transform:rotate(0) scale(1) skew(0.017rad)
 }
 100% {
  transform:rotate(0) scale(1) skew(0.017rad)
 }
}
@keyframes sm-rotate-animation {
 0% {
  transform:rotate(0)
 }
 100% {
  transform:rotate(180deg)
 }
}

.mleftauto_ {
  margin-left: auto;
}

.mrauto_ {
  margin: 0 auto;
}

.pwith {
  width: 100%;
}

.mrightauto_ {
  margin-right: auto;
}

.title h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 38px;
  color: #6C6C6C;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.about .title h2::before {
   background-color: #6C6C6C;
}
.about .title h2 {
  color: #6C6C6C!important;
}
.title_center h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 38px;
  color: #6C6C6C;
  text-align: center;
  display:flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.title h2::before {
  content: '';
  display: inline-block;
  width: 100%;
  width: 100%;
  max-width: 12px;
  height: 12px;
  margin-right: 8px;
  background-color: #6C6C6C; 
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.title_center h2::before {
  content: '';
  display: inline-block;
  width: 100%;
  max-width: 12px;
  height: 12px;
  margin-right: 8px;
  background-color: #6C6C6C;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  -webkit-border-radius:50%;
}
.content {
  width: calc(100% - 120px);
  max-width: 1366px;
  margin: 0 auto;
  position: relative;
/*   padding: 0 10px; */
}

/* GLOBALLY END*/

/*HEADER */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0px 3px 6px #0000000D;
  z-index: 9999999999;
}
header.fixo {
  background-color:rgba(46, 56, 92,.8);
}

header.changeCor {
  background-color: #287ADD;
  transition: all 600ms ease-in-out;
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -ms-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
}

.container_menu .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  min-height: 110px;
  /*   gap: 0 120px; */
  gap: 0 0;
}

.mobile_menu {
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  min-height: 80px;
}

.container_menu div.logo {
  display: flex;
  width: 11%;
}

.container_menu div.logo a {
  width: calc(100% - 128px);
}

header div.img_logo {
  background-image: url('../images/Logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  min-width: 224px;
  height: 110px;
  transition: opacity 600ms ease-in-out;
  -webkit-transition: opacity 600ms ease-in-out;
  -moz-transition: opacity 600ms ease-in-out;
  -ms-transition: opacity 600ms ease-in-out;
  -o-transition: opacity 600ms ease-in-out;
  margin-top: 20px;
  margin-bottom: 20px;
}

.container_menu {
 /*  background-color: rgb(46, 56, 92); */
}

header div.img_logo:hover {
  opacity: 0.8;
}

.container_menu ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 0 !important;
  gap: 0 40px;
}

header .desktop_li {}

header .mobile_li {
  display: none;
}

.container_menu li {}

/* .container_menu li:last-child {
  width: 100%;
  max-width: 308px;
  margin-left: auto;
  margin-left: 0;
} */

.container_menu a {
  color: #fff;
  font-size: 21px;
  font-weight: 500;
  display: block;
  width: 100%;
  text-align: right;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.container_menu .desktop_li li:last-child a {
  margin-bottom: 0;
  margin-top: 0;
}

.container_menu .mobile_li li:last-child a {
  margin-bottom: 0;
  margin-top: 64px;
}

.container_menu a.system_center {
  display: block;
  width: 100%;
  max-width:224px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  background: #20B338;
  border-radius: 64px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  transition: all ease-in-out 600ms;
  -webkit-transition: all ease-in-out 600ms;
  -moz-transition: all ease-in-out 600ms;
  -ms-transition: all ease-in-out 600ms;
  -o-transition: all ease-in-out 600ms;
  -webkit-border-radius: 64px;
  -moz-border-radius: 64px;
  -ms-border-radius: 64px;
  -o-border-radius: 64px;
  color: #fff;
  text-transform: initial;
}
.container_menu a.system_center:hover {
  color: #fff;
}

.container_menu a.system_center:hover {
 /*    background-image: linear-gradient(0%, rgb(102,166,38) 0%, rgb(32,179,56) 35%, rgb(50,89,12) 100%); */
    background-color: rgba(50,89,12,.8);
}

.container_menu a.system_center::after {
  background: black;
  z-index: 2;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: ease-in-out 0.32s;
  border-radius: 50px;
  opacity: 0;
}

.container_menu a.system_center:hover::after {
  opacity: 0.2;
}

.container_menu .box_menu {
  /* width: calc(78% + 46px); */
  width: 82%;
}

.container_menu a {
  color: #fff!important;
  font-size: 21px;
  font-weight: 500;
  position: relative;
  padding-top: 0;
}

.container_menu a:hover {

}

header .nav-link {
  padding: 0 !important;
}

.container_menu nav ul li a::before {
  content: '';
  position: absolute;
  bottom: -26px;
  left: 0;
  width: 0px;
  height: 5px;
  /*border-bottom: 5px solid #008AD1;
  */
  background-color: #fff;
  transition: width 0.3s ease-in-out;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  visibility: visible;
}

.container_menu ul li a:hover::before {
  width: 100%;
  visibility: visible;
}
/*HEADER END*/

/* BANNER */
.banner {
  background-color: #f9f9f9;
  background-image: url("../images/site/Banner/carousel-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 100vh;
  position: relative;
}

.mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(46, 56, 92,.55);
}

.btn a {
  font-weight: 600;
  font-size: 20px;
  width: 100%;
  height: 62px;
  background-color: #FF0000;
  display: flex;
  align-items: center;
  border-radius: 64px;
  -webkit-border-radius: 64px;
  -moz-border-radius: 64px;
  -ms-border-radius: 64px;
  -o-border-radius: 64px;
  color: #fff !important;
  margin-top: 0;
  transition: all 600ms ease-in-out;
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -ms-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  position: relative;
  z-index: 2;
  padding-left: 27px !important;
  overflow: hidden;
}

.btn a:hover .btn_title {
  text-align: center;
  width: 228px;
  position: relative;
}

.btn a:hover {
  width: 100%;
  padding-right: 28px !important;
}

.btn a::before {
  content: '';
  display: block;
  background-image: linear-gradient(23.71deg, rgb(46, 56, 92) 0%, rgb(46, 56, 92) 35%, rgb(46, 56, 92) 100%);
  border-radius: 64px;
  -webkit-border-radius: 64px;
  -moz-border-radius: 64px;
  -ms-border-radius: 64px;
  -o-border-radius: 64px;
  transition: all 600ms ease-out;
  -webkit-transition: all 600ms ease-out;
  -moz-transition: all 600ms ease-out;
  -ms-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  position: absolute;
  width: 497.58px;
  height: 243px;
  left: -381px;
  top: -65px;
  z-index: -2;
  transform: rotate(58.71deg);
}
.btn a:hover::before {
  display: block;
  content: '';
  width: 497.58px;
  height: 243px;
  position: absolute;
  left: -137.29px;
  top: -82px;
  transform: rotate(23.71deg);
  overflow: hidden;
  background-image: linear-gradient(23.71deg, rgb(102, 118, 176) 0%, rgb(96, 113, 176) 35%, rgb(46, 56, 92) 100%);
  overflow: hidden;
}

.btn .btn_title {
  width: 228px;
  /*height: 33%;*/
  text-align: center;
}

.btn a:hover::after {
  width: 100%;
  max-width: 24px;
  height: 24px;
  background-image: url("../images/site/ArrowRight.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  opacity: 1;
}

.btn a:hover .btn_title:hover::after {
  opacity: 1;
}
.banner img {
  height: 100vh;
  object-fit: cover;
}
.carousel .carousel-caption .btn {
  padding: 15px 35px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #aa9166;
  background: #121518;
  border: 2px solid #aa9166;
  border-radius: 0;
  transition: .3s;
  display: none;
}
.carousel-indicators {
  margin-bottom: 2rem;
}
.carousel .carousel-caption {

  display: flex;
/*   align-items: center;
  justify-content: center; */
  flex-direction: column;
/*   height: calc(100vh - 210px); */
  height: calc(100vh - 284px);

}

.carousel .carousel-caption .btn:hover {
  color: #121518;
  background: #aa9166;
}
.banner .container_banner {
  padding-top: calc(200px);
  display: flex;
  justify-content: space-between;
}
.banner .info {
 margin-top: calc(50px);
}
.banner .box_info {
  width: 52%
}

.banner .info h1 {
  font-size: 40px;
  line-height: 56px;
  font-weight: 600;
  color: #fff;
  max-width: 465px;
  text-transform: uppercase;
}

.banner .info p {
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
  color: #fff;
  margin-bottom: 40px;
  margin-top: 24px;
  max-width: 475px
}
/* h2 .plus::after {
  content:"+";
  display:inline-block;
  font-size: 50px;
} */
.banner .info .strong_banner {
  color: #20B338;
  font-weight: 600;
}

.banner .box_banner {
  /* width: calc(39.6%); */
  width: calc(45.6%);
  position: relative;
}

.banner .inner_img {
  width: 100%;
  /*! max-width: 407.16px; */
  height: 381px;
  position: relative;
  right: 0
}

.banner .img_banner {
  background-image: url("../images/site/Banner/Banner.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}

/* BANNER */
/*CONTATO*/
input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="tel"], input[type="date"], select, textarea, select {
  background-color: #F0F8FC;
  width: 100%;
  padding: 12px;
  font-size: 18px;
  color: #4f829c;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.05);
  font-family: 'Roboto', sans-serif !important;
  transition: all 0.3s ease 0s;
  margin-bottom: 20px;
}

section.contato{
  padding: 60px 0;
}

section.contato .content{
  padding: 20px 0;
}

section.contato p{
  padding: 2px 0;
  font-weight: 700;
}
section.contato .title h2 {
  position: relative;
  display: inline-block;
  color: #6C6C6C;
}
section.contato .title h2::before {
  content: initial;
}
section.contato .title h2::after {
  content: " ";
  display: block;
  /*position: absolute;
  left: 0;
  bottom: 0;
  */height: 6px;
  border-radius: 3px;
  width: 50px;
  /*margin: 0 auto;
  */background-color: rgb(46, 56, 92);
  transition: width 600ms ease-in-out;
  -webkit-transition: width 600ms ease-in-out;
  -moz-transition: width 600ms ease-in-out;
  -ms-transition: width 600ms ease-in-out;
  -o-transition: width 600ms ease-in-out;
}
section.contato .title h2:hover::after {
  width: 100px;
}
section.contato label {
  color: #6C6C6C;
  font-weight: 700;
  font-size: 14px;
  padding-bottom: 6px;
  display: block;
}
section.contato .title {
  margin-bottom: 30px;
}
section.contato .container_flex_contato {
  display: flex;
  justify-content: center;
  gap: 40px;
}
section.contato a {
  color: #6C6C6C;
}
section.contato p {
  color: #6C6C6C;
}
.nav-link {
  padding: 0!important;
}
section.contato .box_form {
  width: 33%;
}

section.contato .box_andress {
  width: 31%;
  margin-top: 34px;
}
section.contato .box_map {
  width: 33%;
  margin-top: 34px;
}

section.contato .btn{
  width: 100%;
  min-width: 200px;
  text-align: center;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  padding: 12px 20px;
  border-radius: 30px;
  display: inline-block;
  cursor: pointer;
  color: #FFF;
  overflow: hidden;
  text-shadow: 0 0 3px rgba(0,0,0,0.1);
  background-color: rgb(46, 56, 92);
  transition: all 0.1s ease 0s;
  margin-top: 20px;
}
/* section.contato .tr{
  display: flex;
  flex-wrap: wrap;

}

section.contato .td{
  padding: 1vh 1vw;
}

section.contato .td:first-child{
  padding-left: 0;
}

section.contato .td:last-child{
  padding-right: 0;
} */

.redes-sociais{
  padding-top: 20px;
}

.redes-sociais li{
  display: inline-block;
  padding: 0 8px;
}

.redes-sociais li:first-child{
  padding-left: 0;
}

.redes-sociais li a{
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  font-size: 22px;
  background-color: #004F99;
}
/* ABOUT */
.about {
  padding-bottom: 80px;
  padding-top: 80px;
  background: #EAEAEA;
  margin-top: calc(100px);
}

.container_about {
  display: flex;
  justify-content: center;
}

.about .box_about_img {
  /*     width:calc(100% - 44%); */
  width: calc(33% + 164px);
}

.about .container_about .inner_img {
  width: 100%;
  max-width: 534px;
  height: 348px;
  position: relative;
  right: 0;
  margin-top: 11px
}

.about .img_about {
  background-image: url("../images/site/about/about.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  border-radius: 30px;
}

.about .box_about {
  width: 46%;
}

.container_about p {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #6C6C6C;
  margin-bottom: 64px;
}

.about .title {
  margin-bottom: 40px;
}
.about .container_card {
    padding-top: 100px;
}
#card_about {
  display: flex;
  padding-bottom: 20px;
}
.about .box_card .inner {
  background: #fff none repeat scroll 0 0;
  text-align: center;
  -webkit-box-shadow: 0px 5px 16px #11151929;
  box-shadow: 0px 5px 16px #11151929;
  border-radius: 16px;
  padding: 20px;
  margin: 0 10px 20px;
  height: auto;
  min-height: 100%;
}
.tns-nav {
  display: flex;
  justify-content: center;
  gap: 0 18px;
  margin-top: 32px;
}
.tns-nav button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #C4C4C4;
  border: 0;
}
.tns-nav button.tns-nav-active {
    background-color: rgb(46, 56, 92);
}

.about .box_card .inner .img{
  width: 100%;
  max-width: 100px;
  height: 100px;
  margin: 0 auto 24px;
  background-size: contain;
} 
.about .box_card .inner .img01 {
  background-image: url("../images/site/about/DIREITO_TRABALHISTA.png");
} 
.about .box_card .inner .img02 {
  background-image: url("../images/site/about/DIREITO_CIVIL.png");
} 
.about .box_card .inner .img03{
  background-image: url("../images/site/about/ADVOGADO_CONSUMIDOR.png");
  height: 72px;
}  
.about .box_card .inner .img04 {
  background-image: url("../images/site/about/AJOA.png");
}  
.about .box_card .inner h2 {
  text-align: center;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #6C6C6C;
}
.about .box_card .inner .tech {
  width: 100%;
  margin:0 auto;
  text-align: left;
  max-width: 164px;
}
.about .box_card .inner .tech div {
  position:relative;
}
.about .box_card .inner .tech div::before{
  content: "";
  display:inline-block;
  position: absolute;
  left: -25px;
  top: 10px;
  width: 8px;
  height:8px;
  background-color: #6C6C6C;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin:0 10px;
}
.about .inner p {
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
  color: #6C6C6C;
}
/* ABOUT FIM*/

.card_blog{
  margin-top: 10px;
}
.card_blog .box_card .inner{
  border: solid 1px #ccc;
  border-radius: 5px;
}
.card_blog .box_card .inner .img{
  background-image: url('./images/site/Blog/141443450_776045996453226_121642069638591200_n.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;
  background-position: center;
}
.card_blog .box_card .inner .description{
 font-size: 14px;
 padding: 16px;
 color: initial;
}

/* EXERCISE  */
.cover {
  background-color: #F5F5F5;
  width: 100%;
  transition: ease-in-out 0.32s;
}

/* EXERCISE FIM */

/* CLIENT */
.btn_center {
  width: 100%;
  min-width: 308px;
  max-width: 308px;
  text-align: center;
}

.info_activewid {
  max-width: initial !important;
}

.expand {
  display: flex;
  justify-content: center;
  width: 100%;
  transition: all 400ms ease-in-out !important;
  ;
  -webkit-transition: all 400ms ease-in-out !important;
  ;
  -moz-transition: all 400ms ease-in-out !important;
  ;
  -ms-transition: all 400ms ease-in-out !important;
  ;
  -o-transition: all 400ms ease-in-out !important;
  ;
  -webkit-border-radius: 16px 64px;
}

.retract {
  display: none;

}

.retract.active_retract {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  transition: all 400ms ease-in-out !important;
  ;
  -webkit-transition: all 400ms ease-in-out !important;
  ;
  -moz-transition: all 400ms ease-in-out !important;
  ;
  -ms-transition: all 400ms ease-in-out !important;
  ;
  -o-transition: all 400ms ease-in-out !important;
  ;
  -webkit-border-radius: 16px 64px;
}

/* CLIENT FIM*/
/* HOW WORKS */

/* CONTACT */
.contact {
  margin: 100px 0;
}
.contact a {
  color: #fff;
 
}
.contact .container_contato {
  display:flex;
  justify-content: center;
}
.contact .info_title_contact h2 {
    font-size: 34px;
    font-weight: 800;
    color: #fff;
}
.contact .box_contact {
  padding: 40px;
  width: 100%;
  height: max-content;
  background-color:#273333;
  display:flex;
  justify-content:space-between;
  margin-top: 0;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  max-width: 1221px;
}
.contact .info01,.contact .info02,.contact .info03,.contact .info04 {
  color: white;
}
.contact .info01,.contact .info02,.contact .info03,.contact .info04 {
    display:flex;
    align-items: center;
    gap: 0 10px;
}
.contact .info02 a {
  color: white;
}
.contact .title_center {
  margin-bottom: 88px;
}
.contact .input01,.contact .input02,.contact .input03 {
  display:flex;
  gap: 0 20px;
}

.contact .title_center h2,.contact .title_center p {
  font-weight: 700;
  text-align: center;
}
.contact .container_contato label {
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
}
.contact .container_contato input {
  box-sizing: border-box;
  height: 34px;
  margin-bottom: 18px;
  background-color: white;
  color: #6C6C6C;
  width: 100%;
  max-width: 420px;
  padding-left: 10px;
  outline:none!important;
  border: 0;
}
.group_select {
  width: 49%;
}
.contact .container_contato select {
  box-sizing: border-box;
  height: 34px;
  margin-bottom: 18px;
  background-color: white;
  color: #6C6C6C;
  width: 100%;
  max-width: 420px;
  padding-left: 10px;
  outline:none!important;
  border: 0;
}

.contact .info {
  margin-top: 38px;
}
.contact .box_info {
  margin-top: 38px;
}
.contact .info01 {
  margin-bottom: 20px;
}
.contact .info02 {
  margin-bottom: 20px;
}
.contact .info03 {
  margin-bottom: 20px;
}
.contact .info04 {
  margin-bottom: 20px;
}
.contact .container_contato textarea {
  width: 100%;
  height:120px;
  color: #6C6C6C;
  padding-left: 10px;
  margin-bottom: 18px;
}

.contact .container_contato input[type=submit] {
  width: 100%;
  max-width: 220px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background: #20B338;
  border-radius: 64px;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  margin-top: 20px;
  cursor: pointer;
  transition: border-radius ease-in-out 400ms;
  -webkit-transition: border-radius ease-in-out 400ms;
  -moz-transition: border-radius ease-in-out 400ms;
  -ms-transition: border-radius ease-in-out 400ms;
  -o-transition: border-radius ease-in-out 400ms;
  margin-bottom: 0;
  padding-left: 0;
  -webkit-border-radius: 64px;
  -moz-border-radius: 64px;
  -ms-border-radius: 64px;
  -o-border-radius: 64px;
  border: 0;
  outline: 0;
}
.blog .title h2{
  justify-content: center;
  margin-top: 30px;
}
/* .contact .container_contato input[type=submit]:hover {
  background-color: rgba(50,89,12,.8);
} */
/*  CONTACT FIM*/

/* MEDIA QUERY  START */

@media screen and (min-width:993px) and (max-width:1100px) {

  .container_menu div.logo {
    display: flex;
    width: 18%;
  }
}
@media screen and (max-width:1290px) {


/*   .container_menu li:last-child {
    margin-left: 0;
  } */

  .container_menu .box_menu {
    margin-left: 0;
  }

}

@media screen and (min-width: 993px) {
  .banner img {
    object-position: 0 78px!important;
  }
  form#sendmsg {
    width: 100%;
    max-width: 658px;
  }
  form .group{
    width: 100%;
  }
  #card_about {
    min-height: 590px;
  }
  body {
    overflow-x: hidden;
  }
  .banner {
    overflow: hidden;
  }
/*   .container_menu li:last-child {
    width: 100%;
    max-width: 224px;
    margin-left: auto;
    margin-left: 32px;
  } */

  .center_flex.mobile {
    display: none;
  }

}
@media screen and (min-width:500px) and (max-width:992px) {
  .footer .box_footer:last-child {
    width: calc(56%)!important;
  }
  .container_about p {
    max-width: 561.65px;
    margin-left: auto;
    margin-right: auto;
  }
  .banner .info h1 {
    width: 100%;
    max-width: 364px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-ende {
    text-align: left;
    width: 100%;
  }
}
@media screen and (min-width:992px) {
/*   .carousel .carousel-caption  {
    justify-content: center;
    align-items: center;
  } */
  .carousel-indicators {
    display: flex !important;
  }
  .blog .title h2 {
    margin-bottom: 22px;
  }
}
@media screen and (max-width:992px) {
  .card_blog .box_card .inner .img{ 
    height: 200px;
  }
  .carousel-indicators {
    display: none !important;
  }
  .carousel .carousel-caption  {
    justify-content: center;
    align-items: center;
  }
  .container_menu a {
    margin-bottom: 0!important;
  }
  .container_menu li:nth-child(4) {
    border-bottom: 3px solid #E9E9E9 !important;
  }
  .container_menu nav ul li a::before {
    content: initial;
  }
  .banner h1 {
    font-size: 24px;
  }
  .banner p {
    font-size: 16px;
    line-height: 21px;
  }
  .content {
    width: calc(100% - 62px);
    max-width: 1366px;
    margin: 0 auto;
    position: relative;
   /*  padding: 0 10px; */
  }
  header div.img_logo {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  header .content{
    width: calc(100% - 20px);
  }
  .banner {
    /* margin-top: 80px!important; */
  }
  .carousel .carousel-caption {
    height: 100%;
  }
  .banner {
    width: 100%;
    max-width: 100%;
    height:500px;
    background-position: 85% center;
  }
  section.contato .container_flex_contato{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  section.contato .box_form {
    width: 100%;
  }
  
  section.contato .box_andress {
    width: 100%;
    margin-top: 34px;
    max-width: 360px;
  }
  section.contato .box_map {
    width: 100%;
    margin-top: 34px;
  }
  .contact .container_contato input[type="submit"] {
    margin-left: auto;
    margin-right: auto;
  }

  .input03 {
    flex-direction: column;
    width:100%
  }
  .group_select {
    width: 100%;
  }
  .contact .container_contato select {
    box-sizing: border-box;
    height: 34px;
    margin-bottom: 18px;
    background-color: white;
    color: #6C6C6C;
    width: 100%;
    max-width: 420px;
    padding-left: 10px;
    outline:none!important;
    border: 0;
  }
  .float {
    position: fixed;
    width: 100%;
    max-width: 60px;
    height: 60px;
    bottom: 10px;
    right: 10px;
  }
.contact .box_contact {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contact .input01, .contact .input02, .contact .input01 input, .contact .input02 input,.contact .input03 input {
  flex-direction: column;
  width: 100%;
  max-width: 100%;
}
.contact .input03 select {
  width: 100%;
  max-width: 100%;
}

.contact form {
  width: 100%;
}
  .about .container_about .inner_img {
    margin-top: 0;
  }
  .about .container_card {
    padding-top: 0;
  }
  .footer .box_footer:first-child {
    width: 11%;
  }
  .footer-logo {
    height:100px;
  }
}

@media screen and (min-width:501px) and (max-width:992px) {
  .card_blog .box_card .inner {
    margin: 15px;
  }
  .btn_center_about{
    display: flex;
    justify-content: center;
  }
  .btn_center_about .link_btn.nav-link{
    padding-right: 23px !important;
  }
  .container_about.flex_direction_reverse{
    margin-bottom: 70px;
  }
  .box_about_img {
    display: none;
  }
  .btn a  {
    content: initial!important;
    display:flex;
    justify-content:center;
    padding-left: 0;
}
.btn .setright {
  display: none!important;
}
  .btn a:hover {
    background-color: rgb(46, 56, 92);
  }
  .about .title h2 {
    justify-content:center;
    align-items: center;
  }
  .container_about p {
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    text-align: center;
  }
  .social_Network>div {
    max-width: 200px !important;
  }

  header .active h2.activeService::after {
    height: 5px;
  }

/*   .container_menu nav ul li:not(:last-child) a::before {
    display: none;
  } */

  .container_menu .navmobile li {
    width: 100%;

  }

  .container_menu a {
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    display: block;
    width: 100%;
    text-align: right;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-bottom: 40px;
  }

  .container_menu .navmobile li a {}

  .container_menu .navmobile li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    font-size: 20px;
    color: #001C65;
  }

  .container_menu .navmobile li:last-child a {
    color: #287ADD;
  }

  .container_menu .navmobile li:last-child a {
    color: #287ADD;
    display: none;
  }

  .container_menu .navmobile li:last-child a:hover {
    background-color: #287ADD;
    color: #fff;

  }

  .container_menu .navmobile .setLeftMenu {
    background-image: url("../images/site/Banner/setLeftBanner.svg");
    background-size: cover;
    width: 5px;
    height: 10px;
    display: inline-block;
  }

  header .mobile_li {
    display: block;
  }

  header .desktop_li {
    display: none !important;
  }

  .container_menu a.system_center {
    background-image: none;
    background-size: cover;
    margin-top: 34px;
    margin-left: 0 !important;
    font-weight: 600;
    font-size: 20px;
    width: 100%;
    max-width: 327px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 24px;
    background-color: #20B338;
    border-radius: 40px;
    margin-top: 0;
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    position: relative;
    z-index: 2;
    overflow: hidden;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;

  }

  .container_menu li {
    width: 100%;
  }

  .container_menu a.system_center::after {
    content: initial;
    display: inline-block;
    width: 100%;
    max-width: 9px;
    height: 30px;
    /*         margin-left: 24px; */
    margin-left: 0;
    opacity: 1;
    position: static;
    top: -5px;
    background-color: initial;
    align-self: center;
  }

  .navdesktop {
    display: none;
  }

  .navmobile {
    display: block;
  }

  .center_flex.desktop {
    display: none;
  }


  /* HEADER 992PX*/
  header.header {
    position: fixed;
    top: 0;
    left: 0;
    /* background-color: rgb(46, 56, 92); */
  }

  header .content:first-child {
    height: 100%;
    min-height: 80px;
    width: 100%;
    box-shadow: 0px 3px 6px #0000000D;
  }

  .mobile_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .mobile_menu .logo {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    margin: 0 0;
  }

  .mobile_menu .bars {
    margin: 0;
    cursor: pointer;
  }

  .mobile_menu span {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    font-size: 30px;
  }

  .overlay-menu-mb {
    position: fixed;
    top: 0;
    left: 0;
    background: #000000 0% 0% no-repeat padding-box;
    opacity: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    z-index: 999;
    transition: ease-in-out 0.32s;
  }

  .overlay-menu-mb.show {
    opacity: 0.3;
    height: 100%;
    width: 100%;
    visibility: visible;
    z-index: 999;
    transition: ease-in-out 0.32s;
  }

  .menu {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
    position: absolute;
    z-index: 9999999999;
    right: 16px;
  }

  .line {
    fill: none;
    stroke: #fff;
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
      stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .activeBlue {
    fill: none;
    stroke-width: 6;
    stroke: #fff;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
      stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
  }

  .line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
  }

  .line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
  }

  .opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
  }

  .opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
  }

  .opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
  }

  .container_menu {
    top: 0;
    right: 0;
    flex-direction: column;
    position: fixed;
    box-shadow: 0px 3px 6px #00000029;
    width: 100%;
    height: 100%;
    z-index: 999999;
    max-width: 360px;
    padding-top: 0;
    transition: ease-in-out 0.32s;
    transform: translate(200%);
  }

  .container_menu.active {
    transform: translate(0);
    transition: 0.32s;
    background-color: rgba(46, 56, 92,.8);
  }

  .navmobile {
    top: 0;
    right: 0;
    flex-direction: column;
    position: fixed;
    width: 100%;
    max-width: 317px;
    height: 100vh;
    background: white;
    padding-top: 97px;
  }

  .container_menu div.logo {
    flex: initial;
    display: none;
  }

  header .content:first-child {
    flex-direction: column;
  }

  .container_menu ul {
    flex-direction: column;
    justify-items: flex-end;
    align-items: flex-end;
  }

  .container_menu .mobile_li a.system_center {
    margin-left: 24px;
    width: 100%;
    max-width: 224px;
    height:37px;
    line-height: 37px;
    align-self: flex-start;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 21px;
    margin-top: 24px;
  }

  .container_menu a.system_center {
    margin-top: 20px
  }

  .container_menu a {
    font-size: 21px;
    font-weight: 600;
    color: #fff;
  }

  .container_menu li {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #E9E9E9;
    border-bottom: 4px solid #E9E9E9;
/*     border-top: 1px solid rgba(255, 255, 255, 0.05);
border-bottom: 1px solid rgba(0, 0, 0, 0.35); */
  }

  .container_menu li:first-child {
    border-top: 0;
  }

  .container_menu li:nth-child(4) {
    border-bottom: 0;
  }

/*   .container_menu li:last-child {
    align-self: flex-start;
    margin-left: 0;
    width: 100%;
    border-top: 0;
    border-bottom: 0;
    border-bottom: 0
  } */

  .container_menu li.mobile_li {
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
    border-bottom: 0;
  }

  .container_menu a {
    margin-bottom: 0;
  }

  .container_menu a:hover {
    color: #fff!important;
  }

  .container_menu li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .container_menu li::before {
    content: url("../images/site/CaretLeftMobile.svg");
    width: 100%;
    max-width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 0;
    align-self: center;
  }

  .container_menu li.mobile_li::before {
    content: initial;
  }

  .container_menu li.mobile_li a {
    color: white;
  }

  .container_menu .box_menu {
    margin-left: 0;
    margin-top: calc(15px + 60px);
  }

  header .menu.active {
    top: 19px;
  }

  .container_menu a.system_center:hover::after {
    opacity: 1;
  }

  /* HEADER 992PX FIM*/
  .flex_wrap {
    flex-wrap: wrap;
  }

  .flex_wrap_reverse {
    flex-wrap: wrap-reverse;
  }

  .flex_direction {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .flex_direction_reverse {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }

  .banner .inner_img {
    height: 232px;
  }

  .banner .container_banner {
    padding-top: calc(81px + 32px);
  }

  .banner .info h1 {
    margin-top: 24px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    text-align: center;
  }

  .banner .info p {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 40px;
  }

  .banner .box_info {
    width: 42%
  }

  .banner .img_banner {
    background-position: center;
  }

  .btn a {
    max-width: 327px;
    height: 52px;
    margin-left: auto;
    margin-right: auto;
  }

  .about {
    margin-top: 128px;
  }

  .about .title {
    margin-bottom: 40px;
  }

  .title h2 {
    font-size: 24px;
    font-weight: 600;
  }


  .about .box_about {
    width: 48%;
  }

  .container_about p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    text-align: center;
  }

  .container_assignment {
    margin-top: 64px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .container_assignment .box_assignment {
    width: 31%;
  }

  .about .container_about .inner_img {
    margin-top: 64px;
    height: auto;
  }

  /* work */
  .container_assignment .box_assignment:nth-of-type(5) {
    order: 5;
  }

  .about .img_about {
    max-width: 247px;
    height: 242px;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
  }

  .flex_wrap {
    flex-wrap: wrap;
  }

  .flex_wrap_reverse {
    flex-wrap: wrap-reverse;
  }

  .flex_direction {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .flex_direction_reverse {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }

  .banner .inner_img {
    height: 232px;
  }

  .banner .container_banner {
    padding-top: calc(81px + 32px);
  }

  .banner .info h1 {
    margin-top: 24px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    text-align: center;
  }

  .banner .info p {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 40px;
    width: 58%;
    margin-left: auto;
    margin-right: auto;
  }

  .banner .box_banner {
    width: 100%;
  }

  .banner .box_info {
    width: 58%;
  }

  .banner .img_banner {
    background-position: center;
  }

  .btn a {
    max-width: 327px;
    height: 52px;
    margin-left: auto;
    margin-right: auto;
  }

  .about {
    margin-top: 128px;
  }

  .about .title {
    margin-bottom: 40px;
  }

  .title h2,
  .title_center h2 {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
  }
  .about .title h2 {
      justify-content: center;
  }

  .about .box_about {
    width: 100%;
  }

  .container_about p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    text-align: center;
    width: 54%;
    margin-left: auto;
    margin-right: auto;
  }

  .container_assignment {
    margin-top: 64px;
    justify-content: center;
    align-items: center;
  }

  .container_assignment .info_assignment .text {
    width: 100%;
  }

  .about .container_about .inner_img {
    margin-top: 64px;
    height: auto;
  }

  .container_assignment .box_assignment {
    width: 52%;
  }

  /* BD */
  .container_assignment .box_assignment:nth-of-type(1) {
    order: 2;
  }

  .container_assignment .box_assignment .inner_img::after {
    border-radius: 14px 32px;
  }

  .container_assignment .box_assignment:nth-of-type(2) {
    order: 3;
    width: 52%;
  }

  /* Parceria */
  .container_assignment .box_assignment:nth-of-type(3) {
    order: 1;
    width: 52%;
  }

  /* User */
  .container_assignment .box_assignment:nth-of-type(4) {
    order: 4;
  }

  /* Work */
  .container_assignment .box_assignment:nth-of-type(5) {
    order: 5;
  }

  .about .img_about {
    max-width: 247px;
    height: 242px;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
  }

  .container_assignment .info_assignment .inner_text {
    font-size: 16px;
  }

  .container_assignment .box_assignment:nth-of-type(5) .inner_text {
    width: 93%;
  }

  .container_assignment .box_assignment:nth-of-type(2) .inner_text {
    width: 81%;
  }

  .container_assignment .box_assignment .icon_assignment {
    max-width: 48px;
    height: 48px;
  }

  .container_assignment .box_assignment .inner_img {
    max-width: 78px;
    height: 76px;
  }

  .container_assignment .info_assignment .title_assignment {
    font-size: 22px;
  }

  .btn a {
    max-width: 327px;
    height: 52px;
    margin-left: auto;
    margin-right: auto;
  }

  .btn_center {
    width: 100%;
    min-width: 327px;
    max-width: 327px;
    margin-left: auto;
    margin-right: auto;
  }

  .btn a:hover {
    width: initial;
    min-width: initial
  }

  .btn a:hover::before {
    display: none
  }
}

@media screen and (min-width:768px) and (max-width:992px) {
  .container_assignment .box_assignment {
    width: 37%;
  }

  .container_assignment .box_assignment:nth-of-type(2) {
    width: 37%;
  }

  .container_assignment .box_assignment:nth-of-type(3) {
    width: 37%;
  }
}

@media screen and (max-width:501px) {
  .card_blog .box_card .inner {
    margin: 15px;
  }
  .btn_center_about{
    display: flex;
    justify-content: center;
  }
  .btn_center_about .link_btn.nav-link{
    padding-right: 23px !important;
  }
  .box_about_img {
    display: none;
  }
  .btn a  {
      content: initial!important;
  }
  .btn .setright {
    display: none!important;
  }
  .btn a:hover {
    background-color: rgb(46, 56, 92);
  }
  .about .title h2 {
    justify-content:center;
    align-items: center;
  }
  .container_about p {
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    text-align: center;
  }
  .contact .box_contact {
    padding: 16px;
  }
  .contact .info_title_contact h2 {
    text-align: center;
    font-size: 24px;
  }

  .contact .info {
    margin-top: 38px;
    font-size: 14px;
  }
  .container_menu li.mobile_li::before {
    content: none;
  }
  .container_menu li.mobile_li a.system_center::after {
      content: initial;
  }
  .container_menu li.mobile_li a {
    background-image: linear-gradient(23.71deg, rgb(102,166,38) 0%, rgb(32,179,56) 35%, rgb(32,179,56) 100%);
  }
  .social_Network > div {
    text-align: center;
    max-width: 191px !important;
  }
  .text-end {
    width: 66%;
  }
  .footer-logo {
    margin-left: auto;
    margin-right: auto;
  }
  footer .info_footer {
    max-width: 200px;
  }
  .footer .box_footer {
    width:100%!important;
    margin-left: 0;
    max-width: 334px!important;
  }
  .footer .box_footer:last-child {
    margin-left: 0!important;
  }
  .footer .box_footer:first-child {
    width: 100%;
  }

  .about .container_card {
    margin-top: 50px;
  }

  header .active h2.activeService::after {
    height: 5px;
  }

/*   .container_menu nav ul li:not(:last-child) a::before {
    display: none;
  }
 */
  .container_menu .navmobile li {
    width: 100%;

  }

  .container_menu a {
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    display: block;
    width: 100%;
    text-align: right;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-bottom: 40px;
  }

  .container_menu .navmobile li a {}

  .container_menu .navmobile li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    font-size: 20px;
    color: #001C65;
  }

  .container_menu .navmobile li:last-child a {
    color: #287ADD;
  }

  .container_menu .navmobile li:last-child a {
    color: #287ADD;
    display: none;
  }

  .container_menu .navmobile li:last-child a:hover {
    background-color: #287ADD;
    color: #fff;
  }

  .container_menu .navmobile .setLeftMenu {
    background-image: url("../images/site/Banner/setLeftBanner.svg");
    background-size: cover;
    width: 5px;
    height: 10px;
    display: inline-block;
  }

  header .mobile_li {
    display: block;
  }

  header .desktop_li {
    display: none !important;
  }

  .container_menu a.system_center {
    background-image: none;
    background-size: cover;
    margin-top: 34px;
    margin-left: 0 !important;
    font-weight: 600;
    font-size: 20px;
    width: 100%;
    max-width: 327px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 24px;
    background: #2F9D9D;
    border-radius: 40px;
    margin-top: 0;
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    position: relative;
    z-index: 2;
    overflow: hidden;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
  }

  .container_menu li {
    width: 100%;
  }

  .container_menu a.system_center::after {
    content: url("../images/site/setLeft.svg");
    display: inline-block;
    width: 100%;
    max-width: 9px;
    height: 30px;
    /*         margin-left: 24px; */
    margin-left: 0;
    opacity: 1;
    position: static;
    top: -5px;
    background-color: initial;
    align-self: center;
  }

  .navdesktop {
    display: none;
  }

  .navmobile {
    display: block;
  }

  .center_flex.desktop {
    display: none;
  }

  .contact .info {
    margin-top: 20px;
  }
  .contact .box_info {
    margin-top: 0;
  }
  .contact {
    margin: 50px 0;
  }

  /* HEADER 992PX*/
  header.header {
    position: fixed;
    top: 0;
    left: 0;
  }

  header .content:first-child {
    height: 100%;
    min-height: 80px;
    width: 100%;
    box-shadow: 0px 3px 6px #0000000D;
  }

  .mobile_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .mobile_menu .logo {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    margin: 0 0;
  }

  .mobile_menu .bars {
    margin: 0;
    cursor: pointer;
  }

  .mobile_menu span {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    font-size: 30px;
  }

  .overlay-menu-mb {
    position: fixed;
    top: 0;
    left: 0;
    background: #000000 0% 0% no-repeat padding-box;
    opacity: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    z-index: 999;
    transition: ease-in-out 0.32s;
  }

  .overlay-menu-mb.show {
    opacity: 0.3;
    height: 100%;
    width: 100%;
    visibility: visible;
    z-index: 999;
    transition: ease-in-out 0.32s;
  }

  .menu {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
    position: absolute;
    z-index: 9999999999;
    right: 16px;
  }

  .line {
    fill: none;
    stroke: #fff;
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
      stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .activeBlue {
    fill: none;
    stroke-width: 6;
    stroke: #fff;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
      stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
  }

  .line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
  }

  .line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
  }

  .opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
  }

  .opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
  }

  .opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
  }

  .container_menu {
    top: 0;
    right: 0;
    flex-direction: column;
    position: fixed;
    box-shadow: 0px 3px 6px #00000029;
    width: 100%;
    height: 100%;
    z-index: 999999;
    max-width: 360px;
    padding-top: 0;
    transition: ease-in-out 0.32s;
    transform: translate(200%);
    -webkit-transition: ease-in-out 0.32s;
    -moz-transition: ease-in-out 0.32s;
    -ms-transition: ease-in-out 0.32s;
    -o-transition: ease-in-out 0.32s;
}

  .container_menu.active {
    transform: translate(0);
    transition: 0.32s;
    background-color:rgb(46, 56, 92);
  }

  .navmobile {
    top: 0;
    right: 0;
    flex-direction: column;
    position: fixed;
    width: 100%;
    max-width: 317px;
    height: 100vh;
    background: white;
    padding-top: 97px;
  }

  .container_menu div.logo {
    flex: initial;
    display: none;
  }

  header .content:first-child {
    flex-direction: column;
  }

  .container_menu ul {
    flex-direction: column;
    justify-items: flex-end;
    align-items: flex-end;
  }

  .container_menu .mobile_li a.system_center {
    margin-left: 24px;
    width: 100%;
    max-width: 100%;
    align-self: flex-start;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 21px;
  }

  .container_menu a.system_center {
    margin-top: 44px;
  }

  .container_menu a {
    font-size: 21px;
    font-weight: 600;
    color: #25164F;
  }

  .container_menu li {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
  }

  .container_menu li:first-child {
    border-top: 0;
  }

  .container_menu li:nth-child(4) {
    border-bottom: 0;
  }

/*   .container_menu li:last-child {
    align-self: flex-start;
    margin-left: 0;
    width: 100%;
    border-top: 0;
    border-bottom: 0;
  } */

  .container_menu li.mobile_li {
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
    border-bottom: 0;
  }

  .container_menu a {
    margin-bottom: 0;
  }

  .container_menu a:hover {
    color: #25164F;
  }

  .container_menu li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .container_menu li::before {
    content: url("../images/site/CaretLeftMobile.svg");
    width: 100%;
    max-width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 0;
    align-self: center;
  }

  .container_menu li.mobile_li::before {
    content: initial;
  }

  .container_menu li.mobile_li a {
    color: white;
  }

  .container_menu .box_menu {
    margin-left: 0;
    margin-top: calc(15px + 60px);
  }

  header .menu.active {
    top: 19px;
  }

  .container_menu a.system_center:hover::after {
    opacity: 1;
  }

  /* HEADER 992PX FIM*/

  .flex_wrap {
    flex-wrap: wrap;
  }

  .flex_wrap_reverse {
    flex-wrap: wrap-reverse;
  }

  .flex_direction {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .flex_direction_reverse {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .about .flex_direction_reverse {
    flex-direction: column;
  }

  .banner .inner_img {
    height: 232px;
  }

  .banner .container_banner {
    /* padding-top: calc(81px + 32px); */
    padding-top: calc(81px + 92px);
  }

  .banner .info h1 {
    margin-top: 24px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    text-align: center;
  }

  .banner .info p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 20px;
  }
  .about .box_card .inner h2 {
    font-size: 24px;
  }
  .about .inner p {
    text-align: center;
    font-size: 14px;
    line-height: 21px;
  }
  .banner .info {
    margin-top: 20px;
  }
  .banner .box_banner {
    width: 100%;
  }

  .banner .box_info {
    width: 100%
  }

  .banner .img_banner {
    background-position: center;
  }

  .btn a {
    max-width: 327px;
    height: 52px;
    margin-left: auto;
    margin-right: auto;
  }

  .btn_center {
    width: 100%;
    min-width: 327px;
    max-width: 327px;
  }

  .btn a:hover {
    width: initial;
    min-width: initial
  }

  .btn a:hover::before {
    display: none
  }

  .about {
    margin-top: 50px;
    padding-bottom: 25px;
    padding-top: 25px;
  }
  .title_center h2::before { 
    content: initial;
  }
.tns-nav {
  margin-top: 20px;
}
  .about .title {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .container_about p {
    margin-bottom: 20px;
  }

  .title h2,
  .title_center h2 {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
  }

  .about .box_about {
    width: 100%;
  }
  .container_about p {
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    text-align: center;
  }

  .container_assignment {
    margin-top: 64px;
    justify-content: center;
    align-items: center;
  }

  .container_assignment .info_assignment .text {
    width: 100%;
  }
  .about .container_about .inner_img {
    margin-top: 0px;
    height: auto;
  }

  .container_assignment .box_assignment {
    width: calc(100% - 97px);
  }

  /* BD */
  .container_assignment .box_assignment:nth-of-type(1) {
    order: 2;
  }

  .container_assignment .box_assignment .inner_img::after {
    border-radius: 14px 32px;
  }

  /* OK */
  .container_assignment .box_assignment:nth-of-type(2) {
    order: 3;
    width: 70%;
  }

  /* Parceria */
  .container_assignment .box_assignment:nth-of-type(3) {
    order: 1;
    width: 72%;
  }

  /* User */
  .container_assignment .box_assignment:nth-of-type(4) {
    order: 4;
  }

  /* Work */
  .container_assignment .box_assignment:nth-of-type(5) {
    order: 5;
  }

  .about .img_about {
    max-width: 247px;
    height: 165px;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
  }

  .container_assignment .info_assignment .inner_text {
    font-size: 16px;
  }

  .container_assignment .box_assignment:nth-of-type(5) .inner_text {
    width: 93%;
  }

  .container_assignment .box_assignment:nth-of-type(2) .inner_text {
    width: 81%;
  }

  .container_assignment .box_assignment .icon_assignment {
    max-width: 48px;
    height: 48px;
  }

  .container_assignment .box_assignment .inner_img {
    max-width: 78px;
    height: 76px;
  }

  .container_assignment .info_assignment .title_assignment {
    font-size: 22px;
  }

  .social_Network>div {
    /* max-width: 238px !important; */
  }

  .footer-logo {
    height:100px;
  }
}