:root{
    --bs-blood: #a00;
    --bs-blood-rgb: 170,0,0;
}
.bg-blood {
    --bg-color: #A00;
}

.bg-blood {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-blood-rgb),var(--bs-bg-opacity))!important;
}

.btn.btn-blood{
    color: #fff;
    border-color: #a00;
    background-color: #a00;
}

.btn.btn-blood:hover{
    color: #fff;
    border-color: #860000;
    background-color: #860000;
}

.border-blood {
    border-color: #a00!important;
    opacity: 1;
}

.badge-blood {
    color: #fff;
    background-color: #a00;
}

.text-blood {
    color: #a00 !important;
}

.text-hover-blood {
    transition: color .2s ease,background-color .2s ease;
}

.text-hover-blood:hover {
    color:#A00;
}

.svg-icon.svg-icon-blood svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #a00;
}

.scrolltop{
    background-color: #a00!important;
}

@media (max-width: 768px) {

    .responsive-map {
        position: relative;
        padding-bottom: 60%;
        height: 0;
        overflow: hidden;
      }

    /* .img-carousel{
        object-fit:cover; 
        height: 25vh !important;
    }

    .img-banner{
        min-height: 15vh !important;
    } */

    .card-padding{
        text-align: center;
        padding: 1rem 2.25rem;
    }

    .car-inner .car-item > div {
        display: none;
    }
    .car-inner .car-item > div:first-child {
        display: block;
    }
}

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

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

/* display 3 */
@media (min-width: 768px) {

    .responsive-map {
        position: relative;
        padding-bottom: 25%;
        height: 0;
        overflow: hidden;
      }

    .img-carousel{
        object-fit:cover; 
        width: 100%;
        min-height: 590px !important;
    }

    .img-banner{
        width: 100%;
        min-height: 290px !important;
    }

    .card-padding{
        text-align: center;
        padding: 1rem 2.25rem;
    }
    
    /* .car-inner .carousel-item-right.active,
    .car-inner .carousel-item-next {
      transform: translateX(33.333%);
    }
    
    .car-inner .carousel-item-left.active, 
    .car-inner .carousel-item-prev {
      transform: translateX(-33.333%);
    } */

    /* start style carousel 3 card */
    .car-inner .carousel-item-right.active,
    .car-inner .carousel-item-next,
    .car-inner .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(33.333%) !important;
    }

    .car-inner .carousel-item-left.active,
    .car-inner .carousel-item-prev:not(.carousel-item-end),
    .car-inner .active.carousel-item-start,
    .car-inner .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-33.333%) !important;
    }

    .car-inner .carousel-item-next.carousel-item-start,
    .car-inner .active.carousel-item-end {
        transform: translateX(0) !important;
    }

    .car-inner .carousel-item-prev,
    .car-inner .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-33.333%) !important;
    }

    /* end style carousel 3 card */

    /* start style carousel 4 card */
    .caro-inner .carousel-item-right.active,
    .caro-inner .carousel-item-next,
    .caro-inner .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(25%) !important;
    }

    .caro-inner .carousel-item-left.active,
    .caro-inner .carousel-item-prev:not(.carousel-item-end),
    .caro-inner .active.carousel-item-start,
    .caro-inner .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }

    .caro-inner .carousel-item-next.carousel-item-start,
    .caro-inner .active.carousel-item-end {
        transform: translateX(0) !important;
    }

    .caro-inner .carousel-item-prev,
    .caro-inner .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }

    .caro-control{
        background-color: #A00;
    }

    .caro-control-prev{
        left: -65 !important;
        width: auto;
    }

    .caro-control-next{
        right: 65 !important;
        width: auto;
    }

    /* end style carousel 4 card */
}

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

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

.responsive-map p iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }