.carousel-height {
    width: 396px;
    height: auto;
    }
    .card.card-body {
    padding: 0;
    }
    .carousel-text-holder {
    padding: 10px;
    }
    .carousel-text-holder .name {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 6px;
    margin-top: 6px;
    }
    .carousel-text-holder .desig {
    color: #333333;
    margin-bottom: 12px;
    font-size: 16px;
    }
    .carousel-text-holder .number {
    color: #333333;
    margin-bottom: 6px;
    font-size: 14px;
    }
    .carousel-text-holder .email {
    color: #333333;
    font-size: 14px;
    }
    @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(100%);
    }
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
    transform: translateX(-100%);
    }
    }
    .carousel-inner .carousel-item-right,
    .carousel-inner .carousel-item-left{ 
    transform: translateX(0);
    }
    @media screen and (max-width: 3840px) and (min-width: 2120px) {
    .carousel-height {
    width: 580px;
    height: auto;
    }
    .carousel-text-holder .name {
    font-size: 28px;
    margin-bottom: 15px;
    margin-top: 20px;
    }
    .carousel-text-holder .desig {
    margin-bottom: 12px;
    font-size: 26px;
    }
    .carousel-text-holder .number {
    margin-bottom: 10px;
    font-size: 24px;
    }
    .carousel-text-holder .email {
    font-size: 24px;
    margin-bottom: 10px;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon {
    height: 30px;
    width: 30px;
    }
    }
    @media screen and (max-width: 990px) and (min-width: 768px) {
    .carousel img {
    height: auto;
    }
    .carousel-height {
    width: 300px;
    }
    .wrapper-12 .col-md-3 {
    margin-top: -60px;
    }
    }
    @media screen and (max-width: 539px) and (min-width: 320px) {
    .wrapper-12 .col-md-3 {
    margin-top: 150px;
    padding: 0;
    }
    .carousel-height {
    width: 300px;
    }
    }