.be-reseller{

  background-repeat: no-repeat;

  background-size: cover;

  background-position: 50% 98%;

  height: 40.625rem;

  width: 100%;

  background-color: var(--opa-cinza);

  position: relative;

}



.be-reseller:before{

  content: '';

  background-image: url(/wp-content/themes/labbotheme/assets/svg/bg-reseller.svg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  position: absolute;

  top: -27%;

  left: 1%;

  width: 29.688rem;

  height: 29.063rem;

}



.be-reseller:after{

  content: 'Marcas';

  position: absolute;

  bottom: -9px;

  right: 5%;

  font-family: var(--font-family-gin-regular);

  font-style: normal;

  font-weight: 400;

  font-size: 19.188rem;

  line-height: 19.188rem;

  color: var(--opa-cinza-alto);

  z-index: 0;

}





.container-be-reseller{

  max-width: var(--container);

  width: 100%;

  margin: 0 auto;

  display: grid;

  grid-template-columns: 50% 50%;

  align-items: flex-end;

  padding-top: 4rem;

}



.container-be-reseller-contact{

  max-width: var(--container);

  width: 100%;

  margin: 0 auto;

  display: grid;

  grid-template-columns: 30% 70%;

  gap: 5rem;

}



.container-be-reseller h2{

  font-family: var(--font-family-gin-regular);

  font-style: normal;

  font-weight: 400;

  font-size: 2.625rem;

  line-height: 3.125rem;

  color: var(--opa-marrom-escuro);

  letter-spacing: 0.02em;

  margin-bottom: 1rem;

}



.container-be-reseller-contact h2{

  font-family: var(--font-family-gin-regular);

  font-style: normal;

  font-weight: 400;

  font-size: 2.625rem;

  line-height: 3.125rem;

  color: var(--opa-vermelho);

  letter-spacing: 0.02em;

  margin-bottom: 1rem;

}



.container-be-reseller-contact p,

.container-be-reseller p{

  font-family: var(--font-family-soleil);

  font-style: normal;

  font-weight: 400;

  font-size: 1rem;

  line-height: 1.375rem;

  letter-spacing: -0.02em;

  color: var(--opa-cinza-escuro);

  margin-bottom: 2rem;

}



.container-be-reseller .right{

  position: relative;

  z-index: 9;

  top: 25%;

}



.container-be-reseller .right img{

  position: relative;

  top: 0%;

  left: -30%;

  max-width: 56.25rem;

}



.container-be-reseller-contact{

  max-width: var(--container);

  width: 100%;

  margin: 5rem auto;

  display: grid;

  grid-template-columns: 30% 70%;

  gap: 5rem;

}



.container-be-reseller-contact h2{

  font-family: var(--font-family-gin-regular);

  font-style: normal;

  font-weight: 400;

  font-size: 2.625rem;

  line-height: 3.125rem;

  color: var(--opa-marrom-claro);

  margin-bottom: 2rem;

}



.container-be-reseller-contact p{

  font-family: var(--font-family-soleil);

  font-style: normal;

  font-weight: 400;

  font-size: 1rem;

  line-height: 1.375rem;

  letter-spacing: -0.02em;

  color: var(--opa-cinza-escuro);

}



.container-be-reseller-contact .form-contact{

  padding: 0;

  margin: 0;

}



.container-be-reseller-contact .grid-form-contact{

  display: grid;

  grid-template-columns: 50% 50%;

  justify-content: center;

  align-items: center;

  column-gap: 2rem;

  margin: 0 1rem;

}



.container-be-reseller-contact .grid-form-contact-col-1 label,

.container-be-reseller-contact .grid-form-contact label{

  width: 100%;

  font-family: var(--font-family-soleil);

  font-style: normal;

  font-weight: 400;

  font-size: 1.125rem;

  line-height: 1.625rem;

  letter-spacing: -0.02em;

  color: var(--opa-marrom-claro);

  margin-bottom: 2rem;

  display: inline-block;

}



.container-be-reseller-contact .grid-form-contact select,

.container-be-reseller-contact .grid-form-contact input[type="email"],

.container-be-reseller-contact .grid-form-contact input[type="tel"],

.container-be-reseller-contact .grid-form-contact input[type="text"]{

  width: 100%;

  font-family: var(--font-family-soleil);

  font-style: normal;

  font-weight: 400;

  font-size: 1rem;

  line-height: 1.375rem;

  letter-spacing: -0.02em;

  color: var(--opa-cinza-escuro);

  height: 4.188rem;

  line-height: 4.188rem;

  padding-left: 1rem;

  border-radius: 0;

  border: 1px solid var(--opa-cinza-escuro);

  margin-top: 1rem;

}



.container-be-reseller-contact .grid-form-contact-col-1 textarea{

  width: 100%;

  font-family: var(--font-family-soleil);

  font-style: normal;

  font-weight: 400;

  font-size: 1rem;

  line-height: 1.375rem;

  letter-spacing: -0.02em;

  color: var(--opa-cinza-escuro);

  height: 7.813rem;

  padding: 1rem 0 0 1rem;

  border-radius: 0;

  border: 1px solid var(--opa-cinza-escuro);

  margin-top: 0.5rem;

}



.container-be-reseller-contact .grid-form-contact-col-1 .wpcf7-list-item {

  margin: 0;

}



.container-be-reseller-contact .grid-form-contact-col-1 .wpcf7-list-item input[type="checkbox"]{

  width: 1.625rem;

  height: 1.625rem;

  background-color: var(--opa-branco);

  border-radius: 0;

  vertical-align: middle;

  border: 1px solid var(--opa-marrom-claro);

  appearance: none;

  -webkit-appearance: none;

  outline: none;

  cursor: pointer;

}



.container-be-reseller-contact .grid-form-contact-col-1 .wpcf7-list-item input[type="checkbox"]:checked {

  background-color: var(--opa-marrom-claro);

}



.container-be-reseller-contact .grid-form-contact-col-1 .wpcf7-list-item input[type="checkbox"]:checked:after {

  border: 2px solid var(--opa-branco);

  border-top: none;

  border-right: none;

  content: "";

  height: 6px;

  left: 7px;

  opacity: 1;

  position: absolute;

  top: 0.35rem;

  left: 0.6rem;

  transform: rotate(-45deg);

  width: 0.875rem;

}



.container-be-reseller-contact .grid-form-contact-col-1 .wpcf7-list-item .wpcf7-list-item-label{

  width: 100%;

  font-family: var(--font-family-soleil);

  font-style: normal;

  font-weight: 400;

  font-size: 1rem;

  line-height: 1.375rem;

  letter-spacing: -0.02em;

  color: var(--opa-cinza-escuro);

  position: relative;

  top: 0rem;

  left: 0.5rem;

}



.container-be-reseller-contact .grid-form-contact-col-1 .wpcf7-list-item .wpcf7-list-item-label a{

  font-weight: bold;

  color: var(--opa-cinza-escuro);

  text-decoration: underline;

}



@media only screen and (max-width: 1368px) {

  .be-reseller {

    background-position: 77% 96%;

    height: 38.625rem;

  }

}



@media only screen and (max-width: 1024px) {

  .container-be-reseller-contact{

    grid-template-columns: 100%;

    padding: 0 1rem;

  }

  .be-reseller:after{

    bottom: -7px;

    font-size: 16.188rem;

    line-height: 16.188rem;

  }

}





@media only screen and (max-width: 991px) {

  .container-be-reseller{

    grid-template-columns: 100%;

    padding: 3rem 1rem;

  }

  

  .be-reseller{

    background-color: var(--opa-cinza);

    background-image: none !important;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    height: 60rem;

    width: 100%;

  }

  .container-be-reseller .right img{

    left: 0%;

  }

  .be-reseller:before,

  .be-reseller:after{

    display: none;

  }

}



@media only screen and (max-width: 600px) {

  .container-be-reseller-contact .grid-form-contact{

    grid-template-columns: 100%;

  }

  .container-be-reseller .right img{

    left: -50%;

  }

}