.split_AcDiv {
  background: url('../images/bnr1.jfif') no-repeat center center/cover;
  height: 60vh;
  border: 1px solid white;
  border-radius: 30px 0px 0px 30px;
  box-shadow: -2px 5px 5px black;
}

.split_AcDiv:hover {
  animation: fadeIn 5s;
}

.split_AcDiv1 {
  background: url('../images/wndw.jfif') no-repeat center center/cover;
  height: 60vh;
  border: 1px solid white;
  border-radius: 0px 30px 30px 0px;
  box-shadow: 2px 5px 4px black;
}

.split_AcDiv1:hover {
  animation: fadeIn 5s;
}

.my_bg {
  background-color: #8e8b8b;
}



.split_AcDiv h1 {
  color: white;
  font-size: 70px;
  display: grid;
  place-items: center;
  margin-top: 285px;
  font-family: Old Standard TT;
  background-color: #030303;
  opacity: 0.9;
  width: 104%;
}


.split_AcDiv1 h1:hover {
  background-color: #2072BC;
}

.split_AcDiv h1:hover {
  background-color: #2072BC;
}
.split_AcDiv1 h1 {
  color: white;
  font-size: 70px;
  display: grid;
  place-items: center;
  margin-top: 285px;
  font-family: Old Standard TT;
  background-color: #030303;
  opacity: 0.9;
  width: 102%;
}

.card-title {
  color: white;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  padding: 0.5rem;
  opacity: 0.8;
  background-color:#030303 ;
  font-family: Old Standard TT;
}

@media (max-width: 550px){
  .split_AcDiv {
    /* width: 100vw; */
    height: 30vh;
    /* display: block; */
    /* margin: 10px; */
  }
  .split_AcDiv1 {
    /* width: 100vw; */
    height: 30vh;
    /* display: block; */
    /* margin: 10px; */
  }
  .split_AcDiv h1 {
    font-size: 29px;
    margin-top: 160px;
    width: 110%;
    border-radius: 20px;
  }
  .split_AcDiv1 h1 {
    font-size: 29px;
    margin-top: 160px;
    width: 110%;
    border-radius: 30px;
  }
}
@media (min-width: 550px) and (max-width: 1024px) {
  .split_AcDiv {
    height: 30vh;
  }
  .split_AcDiv1 {
    height: 30vh;
  }
}

@media (min-width: 1024px){
  .split_AcDiv {
    height: 100%;
  }
  .split_AcDiv1 {
    height: 100%;
  }
}



 @media (max-width: 768px) {
  .carousel-inner .carousel-item > div {
      display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
} 

/* display 3 */
 @media (min-width: 768px) {
  
  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(33.333%);
  }
  
  .carousel-inner .carousel-item-left.active, 
  .carousel-inner .carousel-item-prev {
    transform: translateX(-33.333%);
  }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
transform: translateX(0);
}