/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/


.text-21 {
  font-size: calc(1.775rem + 6.3vw) !important;
}

@media (min-width: 1200px) {
  .text-21 {
    font-size: 5.5rem !important;
  }
}

html {
  scroll-behavior: auto !important;
}

/* Owl Carousel Centering */
.owl-carousel {
  height: 100%;
  text-align: center;
}

.owl-carousel .owl-stage-outer {
  height: 100%;
  text-align: center;
}

.owl-carousel .owl-stage {
  height: 100%;
  text-align: center;
}

.owl-carousel .owl-item {
  height: 100%;
  text-align: center;
}

.owl-carousel .owl-item > div {
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-carousel .owl-item img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: inline-block;
  margin: 0 auto;
}

/* Center images in Magnific Popup */
.mfp-content img.img-fluid {
  max-width: 100%;
  height: auto;
  margin: 0 auto !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}