/*--------------------------------------------------------------

  Template Name: Educan Education HTML Template.
  Template URI: #
  Description: Educan is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: HasTech
  Author URI: https://themeforest.net/user/hastech/portfolio
  Version: 1.0
---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom css code here: 
-------------------------------------------------------*/

.blog__details__thumb img {
	margin: 0 auto;
	height: 300px;
	object-fit: contain;
}

.border-radius {
  border-radius: 50%;
}

.test-info {
  padding-top: 0!important;
}

.sin-testiImage:not(.slick-center) .test-info {
  display: block!important;
}

.upcoming__thumb a img {
  height: 250px!important;
  width: 100%;
  object-fit: cover;
}

.bg-divisoria {
  padding: 40px 0;
  text-align: center;
  background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url('../images/bg-ui.jpg');
  object-fit: cover;
}

.bg-divisoria h2 {
  color: #FFF;
}

.slide_hero .owl-nav {
  display: none;
}

.py-5 {
  margin: 5rem auto;
}

.img_depo img {
  margin: 0 auto 20px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
}

.post_depo h4 {
  margin-bottom: 20px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
}

.post_depo p {
  color: #FFF;
}

.js-depoimentos {
  padding: 40px 0;
}

.htc__contact__area a {
    color: #337ABD;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.w-100 {
  width: 100%;
}
.btn-whats {
  background-color: #47c756;
}

.mt-05 {
  margin-top: .5rem;
}


.mt-1 {
  margin-top: 1rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mr-2 {
  margin-right: 2rem;
}

.mr-3 {
  margin-right: 3rem;
}

@media (min-width: 992px) and (max-width: 1200px){

  .main__menu > li > a {
    padding: 0 7px;
  }

}