.carousel-caption-dynamic {
    display: block;
    position: inherit;
    margin-top: calc(832px - 250px);
    color: white;
}
.carousel-caption-dynamic h1 {
    margin-left: 5px;
}

.carousel-caption-dynamic p {
    margin-left: 5px;
}

.carousel-indicators [data-bs-target] {
    width: 256px;
    height: 150px;
    text-indent: unset;
    border-top: none;
    border-bottom: none;
    margin-left: 0;
    margin-right: 0;
    opacity: 1 !important;
}
.carousel-indicators {
    margin-bottom: 1px;
}
.carousel-indicators.row {
    margin-left: 0;
    margin-right: 0;
}
.carousel-indicators .active {
    color: #E3051B;
}

.carousel-indicators .active img {
    filter: invert(18%) sepia(93%) saturate(6497%) hue-rotate(349deg) brightness(87%) contrast(106%);
}

.carousel-indicators [data-bs-target] .description {
    height: 75px;
    margin-left: 0px;
}

.carousel-indicators [data-bs-target]:hover .carousel-title-label {
    color: #E3051B;
    width: auto;
}

.carousel-indicators [data-bs-target]:hover .carousel-title-label:after {
    content: ' ';
    border: solid #E3051B;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}


.carousel-indicators [data-bs-target] img {
    width: 40%;
    height: 100%;
}

.carousel-indicators [data-bs-target] .vertical-center {
    width: 60%;
    height: 75px;

}

.carousel-indicators [data-bs-target] p {
    font-size: 12px;
    padding: 0;
    margin: 0;
    text-align: left;
    max-height: 75px;
    overflow: hidden;
}

.carousel-indicators [data-bs-target] label {
    text-align: left;
    margin-left: 10px;
    padding-top: 10px;
    cursor: pointer;
}

.carousel-indicators [data-bs-target] .carousel-title-label:hover {
    text-decoration: underline;
    color: #E3051B;
}


.carousel-indicators [data-bs-target] .carousel-title-label:hover::after {
    content: ' ';
    border: solid #E3051B;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/*.timeline.list::before {*/
/*    display: none;*/
/*}*/

/*.timeline.list .h3 {*/
/*    color: #E3051B;*/
/*}*/


.timeline.list img {
    filter: invert(18%) sepia(93%) saturate(6497%) hue-rotate(349deg) brightness(87%) contrast(106%);
}


.detail-list-left{
    text-align: left;
}
.detail-list-right{
    text-align: left;
    padding-top: 6rem;
}

.detail-list-right table {

}

.bi-arrow-down.active::before{
    rotate: 180deg;
}


@media(max-width: 1770px) {
    .carousel-inner .carousel-item img {
        object-fit: cover;
        height: 100%;
    }
}

@media(max-width: 1279px) {

    .carousel {
        min-height: 1310px;
    }

    .carousel-caption-dynamic {
        margin-top: calc(560px - 100px);
    }

    .carousel-indicators [data-bs-target] {
        width: 100%;
        height: 150px;
        text-indent: unset;
        border-top: none;
        border-bottom: none;
        margin-left: 0px;
        margin-right: 0px;
        opacity: 1 !important;
    }

    .carousel-indicators.row {
        margin-left: 0;
        margin-right: 0;
        top:560px;
    }

    .carousel-inner .carousel-item img {
        max-height: 560px;
        min-height: 560px;
        object-fit: cover;
    }
}

@media(max-width: 767px){

    .carousel {
        min-height: 940px;
    }

    .carousel-caption-dynamic {
        display: none;
    }

    .carousel-indicators [data-bs-target] {
        width: 100%;
        height: 150px;
        text-indent: unset;
        border-top: none;
        border-bottom: none;
        margin-left: 0px;
        margin-right: 0px;
        opacity: 1 !important;
    }

    .carousel-indicators.row {
        margin-left: 0;
        margin-right: 0;
        top:190px;
    }

    .carousel-inner .carousel-item rect {
        display: none;
    }
    .carousel-inner .carousel-item img {
        max-height: 190px;
        min-height: 190px;
        object-fit: cover;
    }

    .carousel-indicators .active[data-bs-target] {

    }

    .carousel-indicators [data-bs-target] > div{

    }
}