.bRed {
			  border: 1px solid red;
			}
			.color-blue {
			  color:#52658C;
			}
			.color-azul-claro {
			  color:#129DB9;
			}
			.color-azul-claro2 {
			  color:#47C5DF;
			}
			.btn-bg-azul-claro {
			  background-color:#47C5DF;
			  border-color:#47C5DF;
			  font-size: 0.825rem  !important;
			}
			.text-cinza {
			  color:#333;
			}
			.bg-azul-claro {
			  background-color:#E3F6FA;
			}
			.bg-azul-escuro {
			  background-color:#52658C;
			}

			.fs-7 {
			  font-size: 0.75rem !important;
			}

			.banner-home { 
				background:url('assets/img/topo2.png') bottom center;
				height:88vh;
				background-size:cover;
			}

			/*bg-home{height:100vh;background-size:cover!important;-ms-flex-item-align:center;align-self:center;position:relative!important;background-position:center center}*/

			.btn-white {
			  --bs-btn-color: #52658C;
			  --bs-btn-bg: #fff;
			  --bs-btn-border-color: #fff;
			  --bs-btn-hover-color: #fff;
			  --bs-btn-hover-bg: #47C5DF;
			  --bs-btn-hover-border-color: #47C5DF;
			  --bs-btn-focus-shadow-rgb: 211, 212, 213;
			  --bs-btn-active-color: #000000;
			  --bs-btn-active-bg: #c6c7c8;
			  --bs-btn-active-border-color: #babbbc;
			  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
			  --bs-btn-disabled-color: #000000;
			  --bs-btn-disabled-bg: #f8f9fa;
			  --bs-btn-disabled-border-color: #f8f9fa;
			}

			.ls-2 {
				letter-spacing: 2px;
			}

			.bg1 { 
				background:url('../img/validaai/Banner.png') bottom center;
				min-height:88vh;
				background-size:cover;
			}

			@media (max-width: 768px) {
				
				.bg1 { 
					background:url('../img/validaai/Banner.png') top center no-repeat;
					height:100vh;
				}

				.sm-hide { 
					display:none;
				}

			}

			/** Pie Charts **/
.radial {
  position: relative;
}
.radial .radial__label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  margin-bottom: 0;
}

.radial {
  margin-left: auto;
  margin-right: auto;
}
.radial .radial__label {
  transition: opacity .3s ease;
  -webkit-transition: opacity .3s ease;
}
.radial:not(.radial--active) .radial__label {
  opacity: 0;
}
.radial:not(:last-child) {
  margin-bottom: 1.85714286em;
}
@media all and (max-width: 767px) {
  .radial {
    margin-top: 1.85714286em;
	margin-bottom: 1.85714286em;
  }
}

			/**----------------------------------------
START: Theme Portfolio CSS
----------------------------------------*/
.portfolio-section.style-5 {
  padding-bottom: 120px;
}

.portfolio-section.style-5 .portfolio_slider {
  margin-left: calc((112% - 1320px) / 2);
  width: auto;
  min-width: auto;
  max-width: inherit;
}
.portfolio-section.style-5 .portfolio_slider .portfolio-pagination {
  position: relative;
  margin-top: 50px;
  bottom: 0;
  left: 38%;
}
.portfolio-section.style-5 .portfolio_slider .portfolio-pagination .swiper-pagination-bullet {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.1);
}
.portfolio-section.style-5 .portfolio_slider .portfolio-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tj-theme-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .portfolio-section.style-5 .portfolio_slider {
    margin-left: calc((100% - 1140px) / 2);
  }
  .portfolio-section.style-5 .portfolio_slider .portfolio-pagination {
    left: 37%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-section.style-5 .portfolio_slider {
    margin-left: calc((100% - 960px) / 2);
  }
  .portfolio-section.style-5 .portfolio_slider .portfolio-pagination {
    left: auto;
    text-align: center;
  }
  .portfolio-section.style-5 .section-header .portfolio-shapes {
    max-width: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-section.style-5 {
    padding-bottom: 80px;
  }
  .portfolio-section.style-5 .portfolio_slider {
    margin-left: auto;
  }
  .portfolio-section.style-5 .portfolio_slider .portfolio-pagination {
    left: auto;
    text-align: center;
    margin-top: 30px;
  }
  .portfolio-section.style-5 .section-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin-bottom: 40px;
  }
  .portfolio-section.style-5 .section-header .portfolio-shapes {
    max-width: 80px;
  }
}
@media (max-width: 575px) {
  .portfolio-section.style-5 {
    padding-bottom: 80px;
  }
  .portfolio-section.style-5 .portfolio_slider {
    margin-left: auto;
  }
  .portfolio-section.style-5 .portfolio_slider .portfolio-pagination {
    left: auto;
    text-align: center;
    margin-top: 30px;
  }
  .portfolio-section.style-5 .section-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin-bottom: 40px;
  }
  .portfolio-section.style-5 .section-header .portfolio-shapes {
    max-width: 65px;
    right: 10%;
  }
}

.portfolio-item.style-5 {
  width: 340px;
  height: 289px;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 35px;
  background-color:#000;
}

.portfolio-item.style-5 .content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 25px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.portfolio-item.style-5 .content-box .portfolio-text .portfolio-title {
  font-size: 20px;
  letter-spacing: 0.02em;
  margin-bottom: 6px;
}
.portfolio-item.style-5 .content-box .portfolio-text p {
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.02em;
  margin-bottom: 0;
}





@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-item.style-5 {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .portfolio-item.style-5 {
    padding: 30px 15px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* !END: Theme Portfolio CSS */
/**----------------------------------------
START: Theme testimonial CSS
----------------------------------------*/
.testimonial-section.style-4 {
  padding-bottom: 0px;
}
.testimonial-section.style-4::before {
  display: none;
}
.testimonial-section.style-4 .testimonial-pagination {
  text-align: center;
  margin-top: 25px;
}
.testimonial-section.style-4 .testimonial-pagination .swiper-pagination-bullet {
  background: var(--tj-grey-2);
  opacity: 1;
}
.testimonial-section.style-4 .testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--tj-theme-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .testimonial-section.style-4 {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-section.style-4 {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-section.style-4 {
    padding-top: 80px;
  }
}

.testimonial-item.style-4 {
  background-color: #F6F7F9;
  border-radius: 15px;
  padding: 45px 30px;
  /*max-width: 415px;*/
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-item.style-4 {
    padding: 35px 15px;
  }
  
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-item.style-4 {
    padding: 35px 15px;
  }
  
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-item.style-4 {
    padding: 35px 15px;
    margin-left: auto;
    margin-right: auto;
  }
  
}
@media (max-width: 575px) {
  .testimonial-item.style-4 {
    padding: 35px 15px;
    margin-left: auto;
    margin-right: auto;
  }
}
