/* Add here all your CSS customizations */
.text-color-mm-green {
  color: #146132;
}

.text-color-mm-yellow {
  color: #F1AE4D;
}

.text-color-mm-red {
  color: #E82429;
}

.background-mm-green {
  background: #146132;
}

.background-mm-yellow {
  background: #F1AE4D;
}

.background-mm-red {
  background: #E82429;
}

.particles-m-strath {
  position: absolute;
  right: 0%;
  max-width: 66%;
  min-width: 150px;
  height: 60%;
}

.particles-yokoso {
  position: absolute;
  right: -5%;
  max-width: 55%;
  min-width: 150px;
  height: 60%;
}

@media (max-width: 767px) {
    .particles .svg-particles {
      display: block !important;
      width: 100% !important;
    }
}

.home-slider {
  
}

@media all and (max-width: 1000px) {
  .home-slider .theme-custom {
    margin: 0 auto 0;
  }
}

@media all and (min-width: 1001px) {
  .home-slider .theme-custom {
    margin: 0 0 0;
  }
}

.image-500-contain {
  max-height: 500px;
  width: 100%;
  object-fit: contain;
}

.icon-number {
  width: 80px !important;
  height: 80px !important;
  color: white;
  font-weight: bold;
}

  .icon-number-text {
    margin-top: 12px !important;
  }


.header-top-social-icons {
  padding-left: 10px !important;
  padding-right: 10px !important;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

@media (max-width: 780px) {
  .big-logo {
    display: none;
  }

  .small-logo {
    display: block;
  }
}

@media (min-width: 780px) {
  .big-logo {
    display: block;
  }

  .small-logo {
    display: none;
  }
}