/*tab and mobile*/
@media(max-width:1023px){
  /*menu*/
  li.item-371,li.item-373,li.item-374,li.item-375.active.menu-deeper.menu-parent,li.item-376.menu-deeper.menu-parent {
    margin: 15px 0px !important;
}
     
  
header#sp-header {
  padding: 20px 0px;
  height: 80px;
}
  .offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #000000 !important;
}
  
}

/*only mobile*/
@media screen and (max-width: 767px) and (min-width: 250px){
/*homepage*/
  h2.sppb-addon-title slidestrong {
    font-size: 50px !important;
  }
  
  .white-popup-block {
    max-width: 390px !important;
  }
  .sp-page-title .sp-page-title-heading {
    font-size: 40px;
}
    .sp-page-title {
    padding: 100px 0 80px;
}
  
  .sp-slider-outer-stage {
        height: 700px !important;
  }
  
  .sppb-animated-number {
	font-size: 50px !important;
}
  .sppb-animated-number-title {
    font-size: 20px !important;
  }
  
  .sp-page-builder .page-content #section-id-69ab40e7-d3a0-4cab-80fa-eb92b2282413 {
    background-image: none !important;
}
#sp-bottom {
    padding: 0px 0 10px !important;
}
    .sppb-sp-slider-title strong {
    display: block;
    font-weight: bold;
    color: #000000;
    font-family: 'Bitter', serif;
    font-size: 49px !important;
    color: #8AC64C;
}
  .sppb-sp-slider-text {
    font-size: 14px !important;
    font-weight: 500 !important;
}

  h1[id^="sp-slider-inner-item"] {
    font-size: 17px !important;
     font-weight: 500;
}

  
   h2[id^="sp-slider-inner-item"] {
    font-size: 27px !important;
     font-weight: 700;
}
  
  
  /*button*/
.btn-primary, .sppb-btn-primary {
  background-color: #8AC64C !important; /* Normal state background */
  color: #ffffff !important; /* Normal state text color */
  border: none; /* No border */
  cursor: pointer;
  padding: 10px 50px;
  font-size: 18px;
  margin-top: 20px;
  letter-spacing: 2px;
  font-weight: 600;
    transition: background-color 0.3s ease, transform 0.3s ease; /* Add animation on hover */
	font-family: 'Montserrat';
   font-weight: 600;
  letter-spacing: 0;
}

.btn-primary:hover, .sppb-btn-primary:hover {
  background-color: #fff !important; /* Hover state background */
  color: #8AC64C !important; /* Hover state text color */
  transform: scale(1.05); /* Slightly enlarge the button */
}

  
}