/* Top Container Section */

.hero_section-container {
  width: 80%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

/* Number Container Styles */
.number-container {
  position: absolute;
  top: 34%;
  left: 4%;
}

/* Number Box Styles */
.number-container .number-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #464646;
}

/* Horizontal Line Styles in Number Box */
.number-container .number-box hr {
  border: none;
  width: 2px;
  height: 125px;
  background-color: #8B4513;
  margin: 35px 0;
}

/* Hero Image Box Styles */
.hero_section-container .hero_img-box {
  width: 42%;
  margin-top: -45px;
}

/* Hero Image Styles */
.hero_section-container .hero_img-box img {
  width: 100%;
}

/* Hero Detail Box Styles */
.hero_section-container .hero_detail-box {
  width: 58%;
}

/* Hero Detail Container Styles */
.hero_section-container .hero_detail-box .hero_detail-container {
  padding-left: 45px;
  padding-bottom: 15px;
}

/* Additional Styles for Paragraphs in Hero Detail Container */
.hero_section-container .hero_detail-box .hero_detail-container p {
  margin: 35px 0 50px 0;
}

/* Carousel Control Styles */
.carousel-control-prev,
.carousel-control-next {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background-color: #8B4513;
  opacity: 1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px;
  top: initial;
  bottom: -100px;
}

/* Hover Styles for Carousel Controls */
.carousel-control-prev:hover,
.carousel-control-next:hover {
  background-color: #464646;
}

/* Styles for Previous Control */
.carousel-control-prev {
  background-image: url(../images/left-arrow.png);
  left: 45px;
}

/* Styles for Next Control */
.carousel-control-next {
  background-image: url(../images/right-arrow.png);
  left: 95px;
}
@media (min-width: 768px) {
    /* For screens larger than 767px (e.g., tablets, desktops) */
    .mobile-call-link {
        display: none; /* Hide the mobile call link on larger screens */
    }
}

