@import url('template/header/header.css');
@import url('template/footer/footer.css');

/* Está em comentário pois cada pagina agora usa apenas os css das paginas dele
@import url('index/about.css');
@import url('index/banner.css');
@import url('index/stock.css');
@import url('index/feedback.css');
@import url('index/sold.css');
@import url('index/buy.css');
@import url('index/services.css');
@import url('index/follow.css');
@import url('index/whatsapp.css');

@import url('aboutus/intro_about.css');
@import url('aboutus/team_about.css');
@import url('aboutus/japmaster_about.css');

@import url('services/services.css');
@import url('services/listservices.css');

@import url('events/form.css');

@import url('contacts/infocontacts.css');

@import url('politics/politics.css');

@import url('terms/terms.css');*/


/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    [data-aos-delay] {
      transition-delay: 0 !important;
    }
  }

html, body {
    scroll-padding-top: 160px;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, p, span, a{
  font-family: "Inter", sans-serif;
}

.tittle{
  font-size: 72px;
  font-weight: bold;
}

.subtittle{
  font-size: 52px;
  font-weight: bold;
}

.sectittle{
  font-size: 28px;
  font-weight: bold;
}

.text{
  font-size: 20px;
}

figure {
  margin: 0px !important;
}

.d-flex{
  display: flex;
}
.d-grid{
  display: grid;
}

.t-center{
  text-align: center;
}

/*BTN whatsapp*/
.btn_green_whatsapp{
  margin-right: 10px;
  padding: 12px 25px;
  border: none;
  font-size: 16px;
  font-weight: bold;
  color: white;
  border-radius: 30px;
  background: linear-gradient(135deg, #25D366, #128C7E);
  cursor: pointer;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}

.btn_green_whatsapp::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300%;
  height: 300%;
  background: rgba(255, 255, 255, 0.15);
  transition: all 0.6s ease;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
}

.btn_green_whatsapp:hover::before {
  transform: translate(-50%, -50%) scale(1);
}

.btn_green_whatsapp:hover {
  transform: translateY(-3px);
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);
}
/*end BTN whatsapp*/


/*BTN DEFAULT*/
.btn__default{
  margin-right: 10px;
  padding: 12px 25px;
  border: none;
  font-size: 16px;
  font-weight: bold;
  color: white;
  border-radius: 30px;
  background: linear-gradient(135deg, #007BFF, #0056b3);
  cursor: pointer;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}

.btn__default::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300%;
  height: 300%;
  background: rgba(255, 255, 255, 0.15);
  transition: all 0.6s ease;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
}

.btn__default:hover::before {
  transform: translate(-50%, -50%) scale(1);
}

.btn__default:hover {
  transform: translateY(-3px);
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);
}
/*end btn default*/


/*modal whatsapp*/
.modal-header{
  border:none;
}
.modal-content {
  border-radius: 12px;
  text-align: center;
  padding: 20px;
}
.modal-body { 
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.modal-footer{
  border:none;
  justify-content: center;
}


@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 100;}
}

@keyframes slideRight {
  0% {left:0px;}
  100% {left:100px;}
}

@media screen and (max-width: 991px) {
  .tittle {
    font-size: 36px;
  }
  .text {
    font-size: 16px;
  }
}

@media screen and (max-width: 1440px) and (min-width: 992px) {
  .tittle {
    font-size: 44px;
  }
  .text {
    font-size: 16px;
  }
}