body, html {
  height: 100%;
  margin: 0;
  font-family: 'Roboto', sans-serif;
}
.hidden {display: none !important;}

.btn:active, .btn:hover, .btn:focus-visible{
  background-color: #d7e576 !important;
}

.form-container {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 30px;
  border-radius: 40px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.8);
  width: 100%;
}
h1, h3 {
  color: white;
  text-align: center;
}


.carousel-container{padding:0 !important}

.bg-gray{
  background-color: #a1a39e;
}

.logo img {
  width: 300px;
}

.text-highlight {
  color: #c7d566;
}

.form-control {
  margin-bottom: 15px;
  border-radius: 30px;
}

.form-control::placeholder {
  color: #aaa;
}

.btn-submit {
  background-color: #c7d566;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  color: black;
}

.btn-submit:hover {
  background-color: #c7d566;
}

.bg-rounded {
  background-color: #c7d566;
  color: #fff;
  border-radius: 40px;
}

.form-title {
  color: #404040;
  font-size: 26px;
  font-weight: bold;
  display: block;
}

.form-subtitle {
  color: #404040;
  font-size: 22px;
  display: block;
}

.btn {
  border-radius: 30px;
  font-weight: bold;
  border: solid 1px #fff;
}

h4 {
  font-size: 3em;
  padding-top: 40px;
  color: #FFF;
}

h5.title-destaques{
  font-size: 3.4em;
  font-weight: 300;
  color: #5e684d;
}
.box-info{
  text-align: center;
}

.box-info img{
  width: 100%;
}

.box-info .box-title{
  text-align: center;
  font-size: 2em;
  display: block;
  color: #FFF;
}

.box-info .box-text{
  text-align: center;
  font-size: 1.6em;
  display: block;
  color: #000;
}

.talentos{
  padding-bottom: 40px ;
}

.box-info-talento img{
  width: 100%;
}

span.box-talento-nome {
  text-align: center;
  display: block;
  background: #5e684d;
  border-radius: 50px;
  padding: 15px 20px;
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold;
  color: #FFF;
}

.carousel-container {
  position: relative;
}

.owl-carousel {
  position: relative;
}

.custom-prev, .custom-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 60px; /* Ajuste o tamanho conforme necessário */  
}

.custom-prev {
  left: -60px; /* Ajuste a posição conforme necessário */
}

.custom-next {
  right: -60px; /* Ajuste a posição conforme necessário */
}

.feature-box {
  border-left: 12px solid #c0d22d;
  padding-left: 15px;
  margin-bottom: 20px;
}
b.highlight-text {
  color: #5e684d;
  font-weight: bold;
}

span.feature-title {
  font-size: 2.3em;
}
p.feature-text{font-size: 1.4em; color:#888}
.c-one{ color:#5e684d !important}
.c-two{color:#c7d566}
.fs-15-em{font-size: 1.5em;}

footer {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 1.5em;
  background-color: #4f5150;
  color:#FFF
}

.box {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border: 1px solid #EFEFEF;
  height: 200px;
  width: 200px; 
  padding: 10px; 
  border-radius: 10px;
  box-shadow: #CCC 0px 1px 1px;
}
.item-marcas.box{margin:auto !important;}

.owl-carousel .item-marcas {
  margin: 5px;
}



.upload-zone {
  border: 2px dashed #ccc;
  border-radius: 10px;
  padding: 80px 20px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  transition: border-color 0.3s, box-shadow 0.3s;
}
.upload-zone.dragover {
  border-color: #007bff;
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
}
.upload-zone p {
  margin: 0;
  font-size: 16px;
  color: #666;
}

img#uploaded-image {
  width: 30% !important;
  margin: auto;
}


@media (max-width: 575.98px) { 
  h1 { font-size: 20px; margin-bottom: 10px;}
  h3 { font-size: 15px; margin-bottom: 10px; }
  .form-title { color: #404040; font-size: 19px; font-weight: bold; display: block;}  
  .form-subtitle { color: #404040; font-size: 14px; display: block; }
  .form-container{margin-top: 220px; margin-bottom: 30px;}
  .custom-prev, .custom-next { width: 40px !important; }  
  .custom-prev { left: 20px !important; }  
  .custom-next { right: 20px !important; }  
  .feature-title{font-size: 1.8em !important;}
  .title-destaques{font-size: 2.4em !important;}
  h4{font-size: 2.2em !important;}
  .fs-15-em{font-size: 1.3em !important;}
  footer{font-size: 1.2em !important;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
  h1 { font-size: 50px; margin-bottom: 20px;}
  h3 { font-size: 40px; margin-bottom: 20px; }
  .form-title { color: #404040; font-size: 20px; font-weight: bold; display: block;}  
  .form-subtitle { color: #404040; font-size: 22px; display: block; }
  .custom-prev, .custom-next { width: 40px !important; }  
  .custom-prev { left: 20px !important; }  
  .custom-next { right: 20px !important; } 
  .feature-title{font-size: 1.8em !important;}
  .title-destaques{font-size: 2.4em !important;}
  h4{font-size: 2.2em !important;}
  .fs-15-em{font-size: 1.3em !important;}
  footer{font-size: 1.2em !important;}
  .item-marcas img{max-width: 200px !important;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
  h1 { font-size: 50px; margin-bottom: 20px;}
  h3 { font-size: 40px; margin-bottom: 20px; }
  .form-title { color: #404040; font-size: 26px; font-weight: bold; display: block;}  
  .form-subtitle { color: #404040; font-size: 22px; display: block; }
  .custom-prev, .custom-next { width: 40px !important; }  
  .custom-prev { left: 20px !important; }  
  .custom-next { right: 20px !important; } 
  .feature-title{font-size: 1.8em !important;}
  .title-destaques{font-size: 2.4em !important;}
  h4{font-size: 2.2em !important;}
  .fs-15-em{font-size: 1.3em !important;}
  footer{font-size: 1.2em !important;}
  .item-marcas img{max-width: 200px !important;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
  h1 { font-size: 50px; margin-bottom: 20px;}
  h3 { font-size: 40px; margin-bottom: 20px; }
  .form-title { color: #404040; font-size: 26px; font-weight: bold; display: block;}  
  .form-subtitle { color: #404040; font-size: 22px; display: block; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) { 
  h1 { font-size: 50px; margin-bottom: 20px;}
  h3 { font-size: 40px; margin-bottom: 20px; }
  .form-title { color: #404040; font-size: 26px; font-weight: bold; display: block;}  
  .form-subtitle { color: #404040; font-size: 22px; display: block; }
  .h-md-100{height: 100vh;}
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
  h1 { font-size: 60px; margin-bottom: 10px;}
  h3 { font-size: 40px; margin-bottom: 20px; }
  .form-title { color: #404040; font-size: 26px; font-weight: bold; display: block;}  
  .form-subtitle { color: #404040; font-size: 22px; display: block; }
  .h-md-100{height: 100vh;}
}