
/*CAROUSEL in ABOUTME*/
.carousel-box{
  /*display: grid;*/
  grid-area: 2 / 2 / 3 / 3;
  width: 33.229vw;
  height: 24.219vw;
}

.carousel{
  height: inherit;
  width: inherit;
}

.carousel-inner{
  height: inherit;
  text-align: center;
  width: 33.229vw;
}

.carousel-item.active{
  display: flex;
  margin-bottom: auto;
  margin-top: auto;
  position: relative;
  background: none;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-size: 100%, 100%;
  font-family: 'Poppins', sans-serif;
  font-size: 3.125vw;
  font-weight: 400;
  height: 4.375vw;
  outline: black;
  width: 1.927vw;
  background: none;
}

.carousel-control-next-icon:after
{
  color: #000000;
  content: '>';
  font-size: 2.865vw;
}

.carousel-control-prev-icon:after {
  color: #000000;
  content: '<';
  font-size: 2.865vw;
}

.w-100 {
  border-radius: 1.563vw; 
  margin-left: auto;
  margin-right: auto;
  width: 27.500vw !important;
}

.img-box{
  margin-left: auto;
  margin-right: auto;
  width: initial !important;
  
}

.carousel-control-next, .carousel-control-prev {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  bottom: 0;
  color: #fff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  opacity: .5;
  position: absolute;
  text-align: center;
  top: 0;
  width: 1.927vw;
}

.d-md-block {
  display: table !important;
}

.carousel-caption {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0 0 1.563vw 1.563vw;
  bottom: 0;
  color: #242424;
  height: fit-content;
  left: 2.865vw;
  padding-bottom: clamp(0px, 1.302vw, 1.302vw);
  padding-left: 1.563vw;
  padding-top: clamp(0px, 1.302vw, 1.302vw);
  position: absolute;
  text-align: left;
  width: 25.947vw;
  z-index: 10;
}

.p-caption{
  font-family: 'Poppins', sans-serif;
  font-size: 1.094vw;
  font-weight: 300;
  margin-bottom: auto;
  margin-top: auto;
}

@media (max-width: 992px) {

.carousel-box{
  display: none;
}

}