.hero-image--img {
   background-size: cover;
   width: 100%;
   height: auto;
   margin-bottom: 115px;
}

.preview-container {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}
.preview-container__intro {
   margin-right: 125px;
   max-height: 600px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   border-bottom: solid 1px var(--greyish-dark-blue-opacity0-15);
   border-top: solid 1px var(--greyish-dark-blue-opacity0-15);
}
.preview-container__intro--title {
   margin-top: 50px;
}
.preview-container__intro--text {
   margin: 30px 0px 55px 0px;
}
.preview-container__portifolio-btn {
   margin: 50px 0px 65px 0px;
}

.preview-container__about-project--paragraph {
   margin: 30px 0px 40px 0px;
}
.preview-container__images--img {
   margin-top: 30px;
   background-size: cover;
   width: 100%;
   height: auto;
}

.preview-container__carroussel {
   margin-top: 65px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   border-top: solid 1px var(--greyish-dark-blue-opacity0-15);
   border-bottom: solid 1px var(--greyish-dark-blue-opacity0-15);
}
.preview-container__carroussel--step {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
}
.preview-container__carroussel--arrow {
   max-height: 16px;
   width: auto;
}
.preview-container__carroussel--description {
   padding: 32px;
}

.contato-section {
   margin-top: 150px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: baseline;
}
.contato-section__title {
   max-width: 365px;
}