.startpage {
  padding-top: 130px;
}

h3 + h4 {
  font-size: 1.02em;
  line-height: 1.8em;
  color: var(--dark);
  font-family: "Source Serif Pro",serif;
  font-weight: 600;
}

.hero h2{
  font-size: 1.52em;
  line-height: 1.5em;
}

.startpage .container .row h1, .startpage .container .row .h1{
  font-size:1.5em;
  line-height: 1.6em;
}

.startpage h1 + h2 {
  font-size: 1.02em;
  line-height: 1.8em;
}

.startpage .hero .h2,.startpage .hero h2, .startpage .mk_page_header .h2, .startpage .mk_page_header h2{
  font-size: 1.75em;
  line-height: 1.75em;
}

.startpage  .mk_page_header{
  margin-bottom: 0px !important; 
  margin-top: 0px;
  overflow-x: visible;
}

.startpage .headslide .carousel-cap{
  position: absolute;
  top: 100px;
  left: 20px;
  z-index: 10;
  color: #fff;
  text-align: left !important;
  text-shadow: none;
  background-color: transparent !important;
  z-index:9;
  bottom: auto;
}

.startpage .headslide .carousel-cap h2,.startpage .carousel-cap p{
  left:15%;
  position:relative;
  /*width:60%;*/
  z-index:3;
}
.startpage .headslide .carousel-cap .btn {
  left:15%;
  top:15px;
  position:relative;
}

.startpage .headslide .carousel-cap h2 span{
  background-color: var(--primary);
  color:#fff;
  line-height: 2.1;
  background: #007e8f;
  /*background: -moz-linear-gradient(90deg, rgba(0,153,168,1) 35%, rgba(0,102,110,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0,153,168,1) 35%, rgba(0,102,110,1) 100%);
  background: linear-gradient(90deg, rgba(0,153,168,1) 35%, rgba(0,102,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0099a8",endColorstr="#00666e",GradientType=1);
  box-shadow:5px 0 0 var(--primary), -5px 0 0 var(--primary), 0 0 0 5px var(--primary), 0 0 0 -5px var(--primary);*/  
  padding: 10px 10px;
  margin:0;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  }

.startpage .headslide .carousel-cap p span{ 
  font-family: "Source Serif Pro",serif;
  font-weight: 600;
  background-color: #fff;
  color:black;
  padding: 10px 10px;
  margin:0;
  line-height: 3;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.startpage .carousel-indicators{
  top: 15px;
  z-index: 1;
}

.startpage .headslide .carousel-indicators {
  top:45px;
  z-index:1;
  height:20px;
}
/*
.startpage .headslide .carousel-item .carousel-cap .img-fluid{
  position: relative;
  width: 40%;
  z-index: 2;
  float: right;
  bottom: 20%;
}
*/
/* General styling for the carousel indicators */
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 15;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Styling for individual list items */
.startpage .slide1 .carousel-indicators li,.startpage .slide2 .carousel-indicators li,.startpage .slide3 .carousel-indicators li {
  width: 60px !important;
  height: 60px !important;
  margin: 0 5px !important;
  border-radius: 50% !important;
  background-size: 100% auto !important;
  background-repeat: no-repeat;
  background-position: center !important;
  cursor: pointer !important;
  transition: opacity 0.3s ease !important;
  border: 0px solid #ffffff !important;
  background-color: transparent !important;
  overflow: visible;
}

/* Default background images for each indicator */
.startpage .slide1 .carousel-indicators li[data-slide-to="0"] {
  background-image: url('../assets/img/landing_page/Icon1.png'); /* Replace with your image path */
}

.startpage .slide1 .carousel-indicators li[data-slide-to="1"] {
  background-image: url('../assets/img/landing_page/Icon2.png'); /* Replace with your image path */
}

.startpage .slide1 .carousel-indicators li[data-slide-to="2"] {
  background-image: url('../assets/img/landing_page/Icon3.png'); /* Replace with your image path */
}

.startpage .slide1 .carousel-indicators li[data-slide-to="3"] {
  background-image: url('../assets/img/landing_page/Icon4.png'); /* Replace with your image path */
}

.startpage .slide1 .carousel-indicators li[data-slide-to="4"] {
  background-image: url('../assets/img/landing_page/Icon5.png'); /* Replace with your image path */
  background-position: left top !important;
  width: 60px !important;
  height: 60px !important;
}

/* Default background images for each indicator */
.startpage .slide2 .carousel-indicators li[data-slide-to="0"] {
  background-image: url('../assets/img/landing_page/Icon6.png'); /* Replace with your image path */
}

.startpage .slide2 .carousel-indicators li[data-slide-to="1"] {
  background-image: url('../assets/img/landing_page/Icon7.png'); /* Replace with your image path */
}

.startpage .slide2 .carousel-indicators li[data-slide-to="2"] {
  background-image: url('../assets/img/landing_page/Icon9.png'); /* Replace with your image path */
}

.startpage .slide2 .carousel-indicators li[data-slide-to="3"] {
  background-image: url('../assets/img/landing_page/Icon8.png'); /* Replace with your image path */
}

.startpage .slide2 .carousel-indicators li[data-slide-to="4"] {
  background-image: url('../assets/img/landing_page/Icon10.png'); /* Replace with your image path */
}

.startpage .slide2 .carousel-indicators li[data-slide-to="5"] {
  background-image: url('../assets/img/landing_page/Icon11.png'); /* Replace with your image path */
}


/* Default background images for each indicator */
.startpage .slide3 .carousel-indicators li[data-slide-to="0"] {
  background-image: url('../assets/img/landing_page/Icon12.png'); /* Replace with your image path */
}

.startpage .slide3 .carousel-indicators li[data-slide-to="1"] {
  background-image: url('../assets/img/landing_page/Icon13.png'); /* Replace with your image path */
}

.startpage .slide3 .carousel-indicators li[data-slide-to="2"] {
  background-image: url('../assets/img/landing_page/Icon14.png'); /* Replace with your image path */
}

.startpage .slide3 .carousel-indicators li[data-slide-to="3"] {
  background-image: url('../assets/img/landing_page/Icon15.png'); /* Replace with your image path */
}


/* Active indicator state */
.startpage .slide1 .carousel-indicators .active,.startpage .slide2 .carousel-indicators .active, .startpage .slide3 .carousel-indicators .active {
  opacity: 1; /* Ensure the active state is visible */
}

/* Inactive state */
.startpage .slide1 .carousel-indicators li:not(.active), .startpage .slide2 .carousel-indicators li:not(.active) , .startpage .slide3 .carousel-indicators li:not(.active) {
  opacity: 0.5; /* Slightly transparent for inactive items */
}

/* Hover effect */
.startpage .slide1 .carousel-indicators li:hover, .startpage .slide2 .carousel-indicators li:hover, .startpage .slide3 .carousel-indicators li:hover {
  opacity: 0.8;
}

.startpage .bg_slider{
  background-color: white;
}





.startpage .headslide .carousel-inner {
  position: relative;
  width: 100%;
  height: auto; /* Allow height to adjust dynamically to the content */
  min-height: 500px;
}

.startpage .headslide .carousel-inner .carousel-item {
  height: 100%;
  object-fit: cover;
} 


.startpage .headslide .carousel-inner .carousel-item img.w-100 {
  object-fit: cover;
  object-position: center;
  /*height: 60vh;*/
  height:100%;
  /*min-height:600px;*/
  width:100%;
  overflow: hidden;
} 

@media (max-width: 768px) {

.startpage .carousel-inner.contentoverview {
  width: 90%;
  margin: 0 auto;
}

  /*
  .startpage .headslide .carousel-item .d-md-block, .startpage .headslide .carousel-item .d-none {
    display: block !important;
  }
/*
  .startpage .headslide .carousel-item .carousel-cap .img-fluid{
    position:relative;
   float:right;
   margin-right:15px;
    width:40%;
    z-index:2;
  }
    */
    /*
  .startpage div carousel.headslide .carousel-inner{
    height: 70vh;
    min-height:600px;
    background-image: url(../assets/img/landing_page/bg_carousel.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }

*/
    .startpage .headslide .carousel-indicators {
      top: 40px;
      z-index:1;
      height:20px;
    }
    .startpage .headslide .carousel-cap h2, .startpage .headslide .carousel-cap p, .startpage .headslide .carousel-cap .btn {
      left: 0;
      z-index: 3;
      }

      .startpage .headslide .carousel-cap {
        top: 70px;
        padding:10px;
    } 

    .startpage .headslide .carousel-control-prev, .startpage .headslide .carousel-control-next {
      align-items: flex-start;
      padding-top: 40px;
    }
  /*
  
    .startpage .headslide .carousel-cap .btn {
      left:10%;
      top:15px;
      position:relative;
    }

  

 */
 .startpage .headslide .carousel-inner .carousel-item img.w-100 {

  /*height: 130vh;*/
  height:100%;
  min-height:700px;
} 
}
@media (min-width: 768px) and (max-width: 992px)  {
 /* .startpage .headslide .carousel-item .carousel-cap .img-fluid{
    bottom: 60%;
    width:30%;
  }
}
*/
.startpage .headslide .carousel-inner .carousel-item img.w-100 {

  /*height: 90vh;*/
  height:100%;
  min-height:500px;
} 

}
@media (min-width: 1919px) {
  .startpage .headslide .carousel-inner{
    height: 60vh;
}
}

@media(max-width: 992px)  {
.startpage .slide1 .carousel-inner.contentoverview, .startpage .slide2 .carousel-inner.contentoverview, .startpage .slide3 .carousel-inner.contentoverview  {
  width: 95%;
  margin: 0 auto;
  top: 40px;
}
.startpage .slide1 .carousel-control-prev, .startpage .slide1 .carousel-control-next, .startpage .slide2 .carousel-control-prev, .startpage .slide2 .carousel-control-next, .startpage .slide3 .carousel-control-prev, .startpage .slide3 .carousel-control-next {
  position: absolute;
  top: 0px;
  bottom: auto;
}
}

.ac-dropdown > .collapse, .ac-dropdown > .collapsing {
  padding: 15px;
    padding-bottom: 15px;
  padding-bottom: 0px;
  position: absolute;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  margin-right: 0;
  width: auto;
}