body {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }


  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
  }

  a, a:hover {
    text-decoration: none !important;
  }

  .content {
    padding: 7rem 0;
  }

  h2 {
    font-size: 20px;
  }

  /* Owl Carousel Styling */
  .owl-1 .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
  }

  .owl-1 .owl-nav .owl-next,
  .owl-1 .owl-nav .owl-prev {
    z-index: 92;
    position: absolute;
    top: 50%;
  }

  .owl-1 .owl-nav .owl-next:active, .owl-1 .owl-nav .owl-next:focus,
  .owl-1 .owl-nav .owl-prev:active,
  .owl-1 .owl-nav .owl-prev:focus {
    outline: none;
  }

  .owl-1 .owl-nav .owl-next span,
  .owl-1 .owl-nav .owl-prev span {
    color: #fff;
  }

  .owl-1 .owl-nav .owl-next span:before,
  .owl-1 .owl-nav .owl-prev span:before {
    font-size: 40px !important;
  }

  .owl-1 .owl-nav .owl-next {
    right: 20px;
  }

  .owl-1 .owl-nav .owl-prev {
    left: 20px;
  }

  .owl-1 .owl-dots {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
  }

  .owl-1 .owl-dots .owl-dot {
    background: none;
    display: inline-block;
  }

  .owl-1 .owl-dots .owl-dot > span {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    margin: 4px;
  }

  .owl-1 .owl-dots .owl-dot.active > span {
    background: white;
  }

  .owl-1 .owl-dots .owl-dot:active, .owl-1 .owl-dots .owl-dot:focus {
    outline: none;
  }

  /* Ensure images have consistent dimensions inside the carousel */
  .owl-1 .item img {
    max-width: 100%;  /* Ensure image fits within its container */
    max-height: 400px;  /* Limit the height for uniformity */
    width: auto;  /* Maintain aspect ratio */
    height: auto;  /* Maintain aspect ratio */
    object-fit: cover;  /* Ensures the image covers its container without distortion */
  }