:root {
  --bs-body-bg: var(--bs-gray-100);
}

html {
  font-family: "Poppins";
}

body {
  font-family: "Poppins";
  overflow-x: hidden;
}

pre, code, kbd, samp {
  font-family: "Poppins";
}

input, button, select, optgroup, textarea {
  font-family: "Poppins";
}

*, ::after, ::before  {
  -webkit-box-sizing: unset !important;
     -moz-box-sizing: unset !important;
          box-sizing: unset !important;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-text-container {
  position: relative;
}

.img_highlight {
  background-image: url('./images/capa1.png');
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 100px;
}

.img_cover2 {
  padding-top: 15px;
  background-image: url('./images/backhome1.png');
  background-size: cover;
}

.img_cover2 p {
  font-size: 30px;;
}

.thumbnail {
  width: 224px;
  height: auto;
  float: left; 
  margin-right: 10px;
  margin: 10px;
  border-radius: 40px;
  background-color: #625BC3;
}

.thumbnail p{
  margin-bottom: 5px;
  font-size: 15px;
}

.thumbnail h3{
  font-size: 30px;
}

.img-thumbnail {
  background-color: transparent;
  height: 56px;
  width: 70px;
  border: 0px;
  margin: 10px;
}

.home_text {
  color: #fff;
}

.inner_products {
  margin-top: -100px;  
  color: #fff;
  padding: 10px;
}

.img_cover_2 {
  margin-top: 50px;    
}

.text_black {
  color: #252525;
}

.btn_1 {
  margin: auto;  
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  width: fit-content;
  height: auto;
  border-radius: 25px;
  background: #625BC3;
  color: white;  
}

.btn_know_more {
  color: white ;
}

.footer {
  color: #fff;
  background-color: black;
  overflow: hidden;
  font-size: 12px;
  padding-bottom: 20px;
  padding-top: 20px;
}

.footer p {
  margin-bottom: 5px;
  font-size: 16px;
 }

 #navbarSupportedContent {
  font-size: 18px;
 }

.footer_item {
 padding: 15px; 
}

.footer_logo {
  height: 100px;
}

.who {
  background-image: url('./images/quemsomos_fundo.png');
  background-size: cover;  
}

.text_who {
  color: #fff;
  padding: 30px;
}

.text_who h4 {
  font-size: 36px;
  margin-bottom: 20px;
}

.text_who p {
  font-size: 24px;
}

.img_who_highlight {
  height: 160px;
  margin-top: -120px;  
  position: relative;
}

.who_div_logo{
  float: left;
  width: 300px;
  height: 100px;
}

.img_contact_back {
  height: 800px;
  width: 100%;
  opacity: 0.4;
}

.text_contact {
  text-align: left;  
  font-size: 12px;
  float: left;
  color: black;  
}

.thumbnail_contact {
  text-align: center;
  height: 40px;
  border-radius: 40px;
  background-color: black;
  color: white;
  margin-bottom: 10px;
  cursor: pointer;
}

.header_contact {
  font-size: 14px;
  color: black;
  margin-bottom: 30px;
}

.contact {
  /* padding: 25px; */
  background-image: url('./images/contato_fundo.png');  
  background-size: cover;
}

.contact h5{
  font-size: 36px;
}

.contact p{
  font-size: 24px;
}

.img_contact {
  margin-left: 15px;
  width: 24px;  
}

.contact_social {
  float:left; 
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
  height: auto;
}

#divProjeto, #divOutsourcing, #divFlow, #divConnect {
  cursor: pointer;
}

.project_middle {
  margin-bottom: 30px;
  padding: 15px;margin-top: 15px;
}

.project_middle h3 {
  font-size: 36px;
}

.project_middle p {
  font-size: 24px;
}

.project_middle_examples {
  margin-top: 30px;  
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
}

.project_middle_examples h3{
  font-size: 36px;
}

.project_middle_examples p{
  font-size: 24px;
}

.text_project_top {
  text-align: justify;  
  color: white;  
}

.text_project_top h3{
  font-size: 36px;
  margin-bottom: 15px;
}

.text_project_top p{
  font-size: 24px;
}

.text_project_inter {
  text-align: left;  
  color: black;  
}

.text_project_inter h3{
  font-size: 36px;
  margin-bottom: 15px;
}

.text_project_inter p{
  font-size: 24px;
}

.project_inner {
  background-image: url('./images/project_back.png');
  background-size: cover;
}

.project_inner h3 {
  width: 90%;
}

.img_project_right {
  height: 300px;
  float: right;
  
}

.thumbnail_project {
  margin-right: 10px;
  margin: 10px;
  border-radius: 40px;
  background-color: #625BC3;
  cursor: pointer;
}

.thumbnail_project h3 {
  font-size: 30px;
}

.thumbnail_project p {
  font-size: 20px;
}

.project_img_thumbnail {
  background-color: transparent;
  height: 52px;
  width: 60px;
  border: 0px;
  margin: 10px;
}

.thumbnail_project_text {
  margin-bottom: 4px;
  color: white;
  text-align: center;
}

.thumbnail_project_text_header {
  color: white;
  text-align: center;
}

.project_title {
  margin-left: 15px;
  margin-bottom: 40px;
  color: white;
  font-size: 20px;
}

.img_service_back {
  height: 1000px;
  width: 100%;
}

.thumbnail_service {    
  margin-top: 20px;
  margin-right: 10px;
  margin-bottom: 30px;
  padding: 15px;
  border-radius: 24px;
  border-color: #ffffff;
  border-width: 1px;
  border-style: solid;
  color: white;
}

.thumbnail_service a{
  color:white
}

.thumbnail_service p{
  padding-left: 20px;
  padding-right: 20px;
}  

.img_thumbnail_service {
  background-color: transparent;
  height: 60px;
  width: 90px;
  border: 0px;
  margin-top: 20px;
}

.service {
  background-image: url('./images/service_back.png');
  background-size: cover;
}

.service h3 {
  font-size: 36px;
}

.service p {
  font-size: 24px;
}

.top_service {
  background-color: #242427;
  color: white;
}

.top_service p {
  font-size: 30px;
  text-align: center;
}

.img_outsourcing_back {
  width: 100%;
  filter: brightness(0.60);
}

.outsourcing_inner {  
  margin-top: 0px;
  background-image: url('./images/outsourcing_back.png');   
  background-size: cover;
}

.outsourcing_inner h3 {
  font-size: 36px;
}

.outsourcing_inner p {
  font-size: 24px; 
}

.text_oursourcing_cover {
  color: white;
}

.text_topic_outsourcing {
  margin-bottom: 10px;
}

.div_center_outsourcing {
  background-color: #625BC3;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.div_center_outsourcing h3 {
  font-size: 36px;
}

.div_center_outsourcing p {
  font-size: 24px;
}

.img_div_center_outsourcing {
  width: 100%;
}

.title_div_center_outsourcing {
  border-radius: 10px; 
  background-color: white;  
  color: #5452b6;
  margin: 10px;
  font-size: 32px;
}

.text_div_center_outsourcing {
  color: white;
  margin: 10px;  
}

.img_astroflow_title {
  width: 532px;
  max-width: 80%;
  margin-bottom: 30px;
  margin-top: 30px;
}

.txt_astroflow_top {
  color: white;
}

.img_astroflow_detail {
  height: 90px;
  width: 60px;
  float: right;  
  padding-right: 0px;
  margin-top: -70px;
}

.div_astroflow_main {
  background-image: url('./images/astroflow_back.png');
  background-size: cover;
}

.div_astroflow_main h4 {
  margin-bottom: 24px;
  font-size: 36px;
}

.div_astroflow_main p {
  font-size: 24px;
}

.img_astroflow_detail2 {
  height: 300px;
  width: 240px;
  float: right;
  margin-right: 0px;  
}

.div_astroflow_left {
  background-color: #BFB2FD;  
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;  
  color: white;
}

.div_astroflow_left h3{
  font-size: 36px;
}  

.div_astroflow_left p{  
  font-size: 22px;  
}

.div_astroflow_middle {  
}


.div_astroflow_middle h4{  
  color: #746EC9; 
  font-size: 36px;
}

.div_astroflow_middle p{  
  font-size: 22px;
}

.astroconnect_title {
  max-width: 88%;
  width: 978px;
  height: 158px;
}

.img_astroconnect_back {
  padding: 25px;
  background-image: url('./images/astroconnect_back.png');   
  background-size: cover;    
}

.img_astroconnect_back h4 {
  font-size: 30px;
}

.txt_astroconnect_top {
  color: white;  
}

.back_astroconnect_middle {
  background-color: #252525;  
}

.back_astroconnect_middle h3 {
  font-size: 36px;
}

.back_astroconnect_middle p {
  font-size: 24px;
}

.thumbnail_astroconnect_middle {  
  width: 300px;
  height: auto;
  float: left; 
  padding: 15px;
  margin: 10px;
  border-radius: 40px;
  background-color: white;
  opacity: 1;
}

.thumbnail_astroconnect_middle h5 {
  font-size: 28px;
}

.thumbnail_astroconnect_middle p {
  font-size: 20px;
}

.thumbnail_astroconnect_middle_2 {  
  width: 300px;
  height: auto;    
  float: left; 
  margin: 10px;
  border-radius: 40px;
  background-color: #BEB1FC;
  opacity: 1;
}

.thumbnail_astroconnect_middle_2 h3 {
  font-size: 28px;
}

.thumbnail_astroconnect_middle_2 p {
  font-size: 20px;
}

.txt_astroconnect_middle {
  margin-bottom: 2px;
}

.icon_astroconnect_middle {
  width: 50px;
}

.inner_astroconnect_middle_2 {
  color: #fff;
  padding: 15px;
}

@media (min-width: 576px) {
  .card-group.card-group-scroll {
      overflow-x: auto;
      flex-wrap: nowrap;
  }
}

.card-group.card-group-scroll > .card {
  flex-basis: 35%;
}

.blog{
  padding-left: 0px !important;
  background-color: #252525;
  color: white;
}

.blog_top {  
  margin-top: 15px;
}

.blog_cards_top {  
  padding: 20px;  
}

.blog_item {
  color: black !important;
}

.blog_card {
  padding: 15px;
}