@font-face {
  font-family: "gotham-ligth";
  src: url("/media/qx1cs2s5/gothamrnd-light.otf");
}

@font-face {
  font-family: "gotham-book";
  src: url("/media/kfrd4zp0/gothamrnd-book.otf");
}

@font-face {
  font-family: "gotham-medium";
  src: url("/media/wvgnwwcg/gothamrnd-medium.otf");
}

@font-face {
  font-family: "gotham-bold";
  src: url("/media/bwabrbmm/gothamrnd-bold.ttf");
}

.html {
  font-size: 62.5%;
}

/* texts */
.title-header {
  color: #f15b25;
  font-size: 50px;
  font-family: "gotham-bold";
}

.title-header-home {
  color: #f15b25;
  font-size: 50px;
  font-family: "gotham-bold";
  width: 80%;
}

.title-primary {
  color: #f15b25;
  font-size: 40px;
  line-height: 1em;
  font-family: "gotham-bold";
}
#jobTitle{
      margin-bottom: 1em;
}
.content-form-positions .title-primary {
  font-size: 30px;
  text-align: left;
}

.title-secundary {
  color: #414242;
  font-size: 35px;
  font-family: "gotham-bold";
  padding-top: 30px;
}

.title-cards {
  font-size: 20px;
  padding: 5% 8% 0% 8%;
  font-family: "gotham-medium";
  color: #414242;
}

.title-white {
  font-size: 18px;
  font-family: "gotham-bold";
  color: white;
}

.title-form {
  color: white;
  font-family: "gotham-book";
  font-size: 15px;
  margin-top: 5%;
}

.title-header-corto {
  color: #f15b25;
  font-size: 40px;
  font-family: "gotham-bold";
}

.paragraphs-header-corto {
  color: white;
  font-size: 20px;
  font-family: "gotham-medium";
}

.paragraphs-header {
  color: white;
  font-size: 25px;
  font-family: "gotham-medium";
  padding-bottom: 10px;
}

.paragraphs {
  font-size: 18px;
  font-family: "gotham-book";
  color: #414242;
  text-align: justify;
}

.paragraphs-white {
  font-size: 15px;
  font-family: "gotham-book";
  color: white;
}

.paragraphs-span {
  color: #f15b25;
  font-size: 18px;
  font-family: "gotham-bold";
}

.paragraphs-cards {
  font-size: 14px;
  font-family: "gotham-ligth";
  color: #414242;
  padding: 0% 8%;
  text-align: justify;
}

.paragraphs-author {
  font-size: 10px;
  font-family: "gotham-ligth";
  color: #414242;
}

/* button */

.button-header {
  font-family: "gotham-bold";
  border-radius: 40px;
  font-size: 20px;
  padding: 0.5% 5%;
  border: 2px solid #f15b25;
  color: #f15b25;
  background-color: Transparent;
  text-decoration: none;
}

.button-header:hover {
  border: 2px solid #f15b25;
  color: white;
  background-color: #f15b25;
}
.button-primary {
    font-family: 'gotham-bold';
    border-radius: 42px;
    font-size: 21px;
    padding: 0.5% 6%;
    border: 2px solid #F05A24;
    color: #F05A24;
    background-color: Transparent;
    text-decoration: none;
}

.button-primary:hover {
  background-color: #f15b25;
  color: white;
}

.button-secundary {
  font-family: "gotham-bold";
  border-radius: 42px;
  font-size: 18px;
  border: 2px solid white;
  color: white;
  background-color: Transparent;
  text-decoration: none;
  padding: 1.5% 6%;
}

.button-secundary:hover {
  background-color: #f15b25;
  color: white;
  border: 2px solid #f15b25;
}

.link-view-more {
  font-size: 12px;
  font-family: "gotham-ligth";
  padding: 0% 8%;
  text-decoration: none;
  color: #f15b25;
}

.link-view-more:hover {
  font-family: "gotham-bold";
  color: #f15b25;
}

/* contenido */
.logo {
  margin: 0px 10px;
}

/* header */

.main-header {
  height: 94vh;
  display: flex;
  flex-direction: column;
}

.content-text-header-home {
  padding-left: 5%;
  line-height: 40px;
}

.content-header-home {
  width: 100%;
  height: 100vh;
  background-size: cover;
  align-items: center;
  display: flex;
}
/*
.content-text-header{
    line-height: 60px;
}
*/
.content-header-contacto {
  width: 100%;
  height: 100vh;
  background-size: cover;
  justify-content: space-around;
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
}

.main-header-contact {
  display: flex;
  flex-direction: column;
}

.content-header {
  width: 100%;
  height: 50vh;
  background-size: cover;
  align-items: center;
  display: flex;
  padding-left: 5%;
}

.header-corporations {
  position: relative;
  background-color: #424242;
  width: 100%;
}

.paragraphs-header-corporations {
  width: 20%;
}

.content-text-contact {
  width: 45%;
}

.corporations {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.corporations img {
  width: 80px;
  height: 80px;
}

.Home-text {
  text-align: center;
  margin-top: 5%;
}

.Home-text h4 {
  font-size: 20px;
  font-family: "gotham-ligth";
  color: #414242;
}

.Home-text h3 {
  font-size: 21px;
  font-family: "gotham-book";
  color: #414242;
}

.Home-text h2 {
  font-size: 22px;
  font-family: "gotham-medium";
  color: #414242;
}

.Home-text h1 {
  font-size: 23px;
  font-family: "gotham-bold";
  color: #414242;
}

.content-header-Small {
  width: 100%;
  height: 50vh;
  background-size: cover;
  display: flex;
  align-items: center;
  text-align: right;
  flex-direction: row-reverse;
  padding-right: 5%;
  padding-left: 5%;
}

.content-header-news {
  padding: 6%;
  height: 60%;
}

/* squares */
.content-squares {
  margin-top: 2%;
}

.squares-cards {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.squares-title {
  padding: 5% 5%;
}

.squares-title-services {
  margin-bottom: 2%;
}

.squares-icon {
  padding: 2% 5%;
  font-size: 18px;
  font-family: "gotham-medium";
  color: #414242;
}

.squares-icon-services p {
  margin-top: 10px;
}
.squares-img {
  width: 80px;
}

.squares-icon span {
  font-family: "gotham-ligth";
}

.squares-bg-1 {
  background-color: #c4c4c436;
  align-items: center;
}

.squares-bg-2 {
  background-color: #c4c4c46e;
  align-items: center;
}

.squares-button {
  text-align: center;
  margin-top: 5%;
  margin-bottom: 5%;
}

/* industries */

.cards-industries {
  width: 270px;
  height: 200px;
  background-color: white;
  box-shadow: 3px 3px 10px #8080806b;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.industries-icon {
  width: 100px;
  margin: 10%;
}

.card-text {
  font-size: 20px;
  background-color: #c4c4c436;
  padding: 12px;
  font-family: "gotham-medium";
  color: #414242;
}

.cards-industries-desktop {
  background-color: white;
  box-shadow: 3px 3px 10px #8080806b;
  align-items: center;
}

.cards-industries-desktop .card-img-top {
  width: 100px;
  margin: 10%;
}

.card-text-industries-desktop {
  font-size: 20px;
  background-color: #c4c4c436;
  padding: 10px;
  font-family: "gotham-medium";
  color: #414242;
  width: 100%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.bg-card-industries-2 {
  background-color: #c4c4c46e;
}

/* section binit way /  How we are different*/
.section-binit-way {
  background-color: #c4c4c436;
  margin-top: 5%;
}

.content-cards-binit-way {
  display: flex;
  text-align: center;
}

.content-binit-way-cards {
  width: 300px;
  margin-bottom: 5%;
}

.parrafos-binit-way-cards {
  text-align: center;
  padding: 0% 20%;
}

.content-binit-way {
  padding: 5% 10% 5% 10%;
}

.logo-gptw {
  width: 100px;
}

.content-icon-we-are {
  display: flex;
  justify-content: space-evenly;
}

.title-margin-binit-way {
  padding-top: 80%;
}

/* banner */
.banner-button {
  width: 100%;
  height: auto;
  margin-bottom: 5%;
}

.content-banner {
  display: flex;
  justify-content: space-around;
  padding: 3% 0%;
  align-items: center;
}

.banner {
  background-size: cover;
}

.banner-paragraph {
  text-align: center;
}

.banner-button-services {
  background-color: #414242;
}

.bvn-logo-banner {
  width: 240px;
}

.img-bvn {
  width: 100px;
  padding-top: 5%;
  padding-bottom: 5%;
}

/* insights */
.content-insights p {
  padding: 0% 20%;
  margin-bottom: 3%;
  text-align: center;
}
/* cards insights */
.img-blog {
  width: 60%;
}
.contend-insights {
  display: flex;
  justify-content: center;
}

.cards-insights {
  width: 80%;
  height: auto;
  background-color: white;
  box-shadow: 3px 3px 10px #8080806b;
  display: flex;
}
.blog-flex {
  flex-direction: column;
  justify-content: space-between;
}

.img-insights {
  width: 50vw;
  height: auto;
}

.cards-author {
  display: flex;
  justify-content: space-between;
  padding: 0% 8%;
}

.read-more-insights {
  justify-content: right;
  display: flex;
}

/* section case studies*/

.content-cards-case-studies {
  margin-top: 5%;
  margin-bottom: 5%;
}

.card-case-studies {
  justify-content: space-between;
  border: none;
  margin-bottom: 5%;
}

.cards-case-studies-shade {
  box-shadow: 3px 3px 10px #8080806b;
}

.cards-case-studies {
  height: auto;
  background-color: white;
  margin-bottom: 2%;
}
/*
  .cards-case-studies-img{
   width: 270px;
  }*/

.card {
  justify-content: space-between;
}

.card-footer {
  background-color: white;
}

.content-text-case-studies {
  margin-top: 5%;
}

/* about us*/

.contend-leadership {
  padding: 0;
}

.contend-leadership h1 {
  padding: 1%;
  z-index: 50000;
  margin: 0;
  box-shadow: 0px 2px 10px #8080806b;
}

.bg-leadership-1 {
  background-color: #c4c4c436;
}

.bg-leadership-2 {
  background-color: #c4c4c46e;
}

.leadership {
  padding: 5%;
}

.name-leadership {
  color: #414242;
  font-size: 20px;
  font-family: "gotham-medium";
  padding-top: 1%;
}

.cargo-leadership {
  color: #414242;
  font-size: 18px;
  font-family: "gotham-book";
}

.history-leadership {
  color: #414242;
  font-size: 15px;
  font-family: "gotham-ligth";
  text-align: justify;
}

.comentario-leadership {
  color: #414242;
  font-size: 18px;
  font-family: "gotham-book";
  padding: 21% 11%;
}
.comentario-leadership-2 {
  color: #414242;
  font-size: 18px;
  font-family: "gotham-book";
  padding: 21% 11%;
}
.contend-team-binit {
  margin-top: 5%;
  align-items: center;
}

.imagen-team-binit {
  width: 100%;
}

.text-team-binit {
  padding: 3% 4%;
}

.contend-bvn {
  background-color: #c4c4c436;
  margin-top: 5%;
}

.contend-bvn h1 {
  padding: 2% 0%;
}

.contend-cards-bvn {
  justify-content: space-around;
  margin-top: 2%;
}

.cards-bvn {
  width: 25%;
  height: auto;
  background-color: white;
  box-shadow: 3px 3px 10px #8080806b;
  margin-bottom: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  justify-content: flex-start;
}

/* Careers */

.contend-trending {
  justify-content: space-evenly;
  /* align-items: center;*/
  background-color: #c4c4c46e;
  padding-top: 5%;
  padding-bottom: 5%;
}

.cards-trending {
  background-color: white;
  box-shadow: 3px 3px 10px #8080806b;
  height: auto;
  padding: 1%;
}

.cards-news {
  background-color: white;
  box-shadow: 3px 3px 10px #8080806b;
  height: auto;
  padding-bottom: 1%;
}

.trending-title {
  padding: 8% 20%;
}
.titleContent {
  display: flex;
  align-items: center;
}
.content-meet-binit {
  margin-top: 7%;
}

.meet-binit {
  margin: 0 30vh;
  padding: 0% 5% 5%;
}

.comment-by {
  text-align: right;
  font-size: 15px;
}

.section-why-join {
  padding-bottom: 5%;
}

.mapa-clientes {
  display: flex;
  justify-content: center;
  margin: 5% 0;
}

.mapa-clientes-img {
  width: 80%;
}

/* contacto */
.contend-form-contacto {
  background-color: #4242429e;
  padding: 2% 5%;
}

.contend-input {
  justify-content: space-between;
  display: flex;
}

.input-contacto {
  border: 3px solid #f15b25;
  border-radius: 4px;
  background-color: #ffffffdb;
  width: 250px;
  height: 45px;
  font-family: gotham-ligth;
  font-size: 12px;
}

.input-mensaje {
  width: 520px;
  height: 100px;
  resize: none;
}

.button-form {
  display: flex;
  justify-content: flex-end;
  margin-top: 5%;
}

.content-locations {
  margin-top: 5%;
}

.locations-map {
  margin-top: 2%;
  justify-content: center;
  display: flex;
  margin-bottom: 2%;
}

.locations-map-img {
  z-index: -1;
  /*opacity: 0.8;*/
  width: 60%;
}

.title-contacto {
  font-family: "gotham-bold";
  margin: 0;
}

/* blog post */

.written {
  font-size: 15px;
  font-family: "gotham-bold";
  color: #414242;
  margin: 0;
}

.written-text {
  font-size: 12px;
  font-family: "gotham-book";
  color: #414242;
  margin: 0;
  padding-left: 5%;
}

.content-blog-post {
  margin-bottom: 5%;
  padding: 2% 0%;
  background-color: white;
  box-shadow: 5px 4px 10px #8080802b;
}

.blog-post {
  display: flex;
}

.img-post {
  width: 50px;
  height: 50px;
}

.content-article {
  padding: 0% 5%;
  margin-bottom: 5%;
}
.article-text {
  margin: 2% 5%;
}

.img-article {
  max-width: 410px;
  padding: 0% 10%;
}

/* open-positions */
.content-open-positions {
  display: flex;
  justify-content: space-around;
  margin-top: 5%;
}

.imagen-about-binit {
  width: 100%;
  margin-bottom: 5%;
}

/* open-position */

.content-form-positions {
  text-align: center;
  background-color: #414242;
  margin-bottom: 35px;
}

.apply-Now {
  box-shadow: 0px 0px 3px #0a0909de;
  padding: 25px 21px;
}

.title-positions {
  text-align: left;
  font-size: 15px;
  color: white;
  font-family: "gotham-bold";
  margin-bottom: 8px;
}

.formulario {
  padding: 38px 21px 60px 21px;
}
.inputControl {
  margin-bottom: 25px;
}
.formulario input::-webkit-input-placeholder {
  font-size: 15px;
  font-family: "gotham-bold";
  color: #424242;
  opacity: 0.3;
} /* WebKit */
.formulario input::-moz-placeholder {
  font-size: 15px;
  font-family: "gotham-bold";
  color: #424242;
  opacity: 0.3;
} /* Firefox 19+ */

.atachyourfilehere .title-positions {
  font-size: 13px;
  font-family: "gotham-bold";
  color: #424242;
  opacity: 0.3;
}
.fileAndLink {
  box-shadow: -1px 4px 16px -6px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: -1px 4px 16px -6px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 4px 16px -6px rgba(0, 0, 0, 0.75);
  margin: 67px -21px;
  padding: 21px;
}

.button-positions {
  padding: 0.5% 16%;
}

.content-description {
  margin-top: 5%;
}

.resumen-postulaciones {
  margin-right: 20%;
}

.requerimientos-postulaciones {
  line-height: 1.5;
}

.input-file {
  line-height: 2;
}

.input-positions {
  border: 3px solid #f15b25;
  border-radius: 4px;
  background-color: #ffffffdb;
  width: 100%;
  height: 45px;
  font-family: gotham-ligth;
  font-size: 12px;
}

.video iframe {
  width: 100%;
  height: 100%;
}

.video {
  margin-top: 1%;
  margin-bottom: 1%;
}

/*Pagination*/
.pagination {
  justify-content: center;
}

.page-link {
  color: #f15b25;
}
.page-link:focus {
  color: #f15b25;
  box-shadow: 0 0 0 0.25rem #a7a7a71a;
}
.page-link:hover {
  color: #f15b25;
}
.content-cards-news-home {
  justify-content: center;
}
.content-cards-news-blog {
  margin: 4% 0;
}

.contend-benefits {
  background-color: #c4c4c436;
  padding: 5% 0;
}