body {
    font-family: 'Poppins';
    /*width: 100vh;*/
    /*width: 99%;*/
    overflow-x: hidden;
}

/* Ensure navbar has a white background */
.navbar {
    background-color: white !important;
}

.container-fluid {
    /*border-color: black; border-width: 2px; border-style: solid;*/
    margin-left: 2vw; margin-right: 2vw;
}

.container-fluid .section-sobre {
    /*border-color: black; border-width: 2px; border-style: solid;*/
    margin-left: 0vw; margin-right: 0%;
}

.text-description {
    /*border-color: black; border-width: 2px; border-style: solid;*/
    margin-left: 8vw; margin-right: 8vw;
}

.list-description {
    
}

.btn-orange {
    background-image: linear-gradient(to right, #ff7b00 , #FFB119);
    color: white;
    border: none;
    padding-left: 50px; padding-right: 50px;
    padding-top: 8px; padding-bottom: 8px;
    font-weight: 600;
}

.container.main-text {
    /*margin-bottom: 50vh;*/
}

.list-group-item {
    display: flex;
    align-items: center; /* Vertically aligns the content */
    background-color: transparent !important; /* Override Bootstrap's default background */
}
.list-group-item i,
.list-group-item svg {
    margin-right: 8px; /* Adjust spacing between the icon and text */
}

.container.description.produtos {
    max-width: 40vw;
    margin-left: 0px;
}

.container.description.servicos {
    max-width: 40vw;
    margin-left: 0px;
}

ul.list-group {
    background-color: transparent; /* Ensure the parent container is transparent as well */
}

.produtos-picture{
    margin-right: 0vw;
    padding-right: 0%;
}

.navbar {
    /*border-color: green; border-width: 1px; border-style: solid;*/
    background-color: white;
    opacity: 1;
    /*border-color: red; border-width: 20px; border-style: solid;*/
}

.nav-link.active {
    background-color: #34239B !important;
    color: white !important;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: white;
  }

.section-2 {
    display: flex;
    /*border-color: red; border-width: 2px; border-style: solid;*/
    margin-top: 70px;
    background-image: url('./img/hero.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    
    height: 600px;
    width: 100%;
}

#sobre-strack {
    padding: 50px 0;
}



.image-sobre {
    width: 100%;     /* Scales the image to fit the container */
  max-width: 400px; /* Sets a maximum width */
  height: auto;    /* Maintains the aspect ratio */
  margin-left: 5vw;
    /* scale: 0.6; */
   /*  max-width: 100%;
    height: auto;
    top: 0;
    margin-top: -10px;
    scale: 0.6; */
    /* padding-left: 0vw;
    scale: 0.71; */
}

.text-primary {
    color: #34239B; /* Change to the primary color used */
}

.text-orange {
    color: #FF7B00;
}

.bg-orange {
    background-color: #FF7B00;
}

#sobre-strack p {
    font-size: 1rem;
    line-height: 1.6;
}

#sobre-strack img {
    border-radius: 8px;
}

.section-4 {
    display: flex;
    /*border-color: red; border-width: 2px; border-style: solid;*/
    /*margin-top: 70px;*/
    /*background-image: url('./img/Petrochemical_3.jpg');*/
    /*padding-top: 5vh;
    /*background-repeat: no-repeat;
    background-size: cover;
    background-position: center;*/
    /*height: 50vh;
    flex-wrap: wrap;
    /*width: 1903px;*/
}

.box-second {
    /*border-color: green; border-width: 2px; border-style: solid;*/
}

.main-text {
    /*border-color: yellow; border-width: 2px; border-style: solid;*/
}

h1 {
    font-weight: 600;
}

.section-4 .container.text-center {
    /*border-color: blue; border-width: 2px; border-style: solid;*/
}

.container-picture {
    /*border-color: yellow; border-width: 2px; border-style: solid;*/
    /*margin-left: 5vw;*/
    
}

.representacao-picture {
    width: 30vw;
    /*max-width: 90%; /* Adjust the percentage to reduce the size as needed */
    /*height: auto; /* Maintain the aspect ratio */
}

.section-6 {
    background-color: #F8F8F8;
}

.dfx-image {
    width: 30vh;
}

.htm-image {
    width: 30vh;
}

.bi.bi-check2-circle {
    font-weight: 900;   
}

.full-width-bg {
    width: 100%; /* Ensure full width */
    background-color: #F8F8F8; /* Custom color */
    /*margin-left: -10px; /* Optional padding */
    padding-left: -50px;
}

.header-section {
    color: #4D37D1;
}

ul {
    background-color: #F8F8F8;
}

/* Target list items in the navbar specifically */
.navbar .list-group-item {
    background-color: white !important; /* Keep navbar items white */
}

/* Set the background color for list-group-items in the section only */
.section-4 .list-group-item,
.section-3 .list-group-item,
#sobre-strack .list-group-item {
    background-color: transparent !important;
}

ul.list-group {
    background-color: transparent !important; /* Ensure section lists are transparent */
}

#representacao-exclusiva {
    padding: 50px 0; /* Adjust padding as needed */
    margin-top: 50px; /* Add space above this section */
}

#representacao-exclusiva img {
    border-radius: 8px;
}

.container-picture-representecao {
    width: 100%;
}

.main-text {
    
}

/*section-2 {
    width: 1900px;
}*/