.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:0s .6s opacity}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-100{width:100%!important}.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}
/*# sourceMappingURL=bootstrap.min.css.map */

    #myCarousel .list-inline {
        white-space:nowrap;
        overflow-x:auto;
    }
    .list-inline-item {
        list-style-type: none;
    }
    
    #myCarousel .carousel-indicators {
        position: static;
        width: 100%;
        margin-left: initial;
    }
    
    #myCarousel .carousel-indicators > li {
        width: initial;
        height: initial;
        text-indent: initial;
        opacity: 1;
    }
    
    #myCarousel .carousel-indicators > li img {
        opacity: 0.5;
    }
    #myCarousel .carousel-indicators > li.active img {
        opacity: 1;
    }
    .carousel .carousel-item {
      height: 400px;
    }
    
    .carousel-item img {
        position: absolute;
        top: 0;
        left: 0;
        height: 400px !important;
    }
    .center-image-carousel{
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .carousel-inner{
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        cursor: pointer;
    }

    .next-image-carousel{
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="41" viewBox="0 0 40 41" fill="none"><script xmlns=""/><rect x="0.5" y="1.09082" width="39" height="39" rx="19.5" stroke="%23808080" stroke-opacity="0.6"/><path d="M22.43 14.5208L28.5 20.5908L22.43 26.6608" stroke="%23808080" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.5 20.5908H28.33" stroke="%23808080" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        margin-left: 12px;
        width: 40px;
        height: 41px;
        background-repeat: no-repeat;        
    }
    .prev-image-carousel{
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="41" viewBox="0 0 40 41" fill="none"><script xmlns=""/><rect x="-39.5" y="1.091" width="39" height="39" rx="19.5" stroke="%23808080" stroke-opacity="0.6" style="" transform="matrix(-1, 0, 0, 1, 0, 0)"/><path d="M 11.5 26.661 L 17.57 20.591 L 11.5 14.521" stroke="%23808080" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" style="transform-box: fill-box; transform-origin: 50% 50%;" transform="matrix(-1, 0, 0, -1, -0.000001, 0)"/><path d="M11.5 20.5908H28.33" stroke="%23808080" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" style=""/></svg>');
        width: 40px;
        height: 41px;
        background-repeat: no-repeat;        
    }
    .carousel-caption {
        height: 100px;
        padding-top: unset;
        padding-bottom: unset;
        position: relative;
        top: 260px;
        left: 0;
        visibility: hidden; /* Initially hidden */
        opacity: 0; /* Initially transparent */
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); 
        transition: opacity 0.7s ease, visibility 0s 0.5s; /* Transition for opacity */
    }

    .carousel-caption.visible {
        visibility: visible;
        opacity: 1; /* Fully opaque when visible */
        transition: opacity 0.5s ease, visibility 0s;
    }

    .carousel-div{
        margin-top: 40px;
        color: white;
        font-size: 16px;
        margin-left: 40px;
        text-align: left;
        position: relative;
        top: 40px;
    }
    .img-fluid-carousel{
            height: 100px;
            width: unset;
    }
    .indicators-carousel{
        display: flex;
        padding:12px;
    }
    
    @media(max-width: 768px){
        .carousel .carousel-item {
            height: 320px;
        }
        .carousel-caption {
            height: 80px;
            top: 240px
        }
        .carousel-item img {
            height: 320px !important;
        }
        .img-fluid-carousel{
            height: 40px;
            width: auto;
        }
        .indicators-carousel{
            border: unset;
            border-radius: unset;
            display: unset;
            padding:unset;
            background: unset;
        }
        .carousel-div{
            margin-left: 10px;
            margin-right: 10px;
            margin-top: 25px;
            font-size: 14px;
            top: 6px;
        }
        .carousel-caption span{
            margin-top: 20px;
            color: white;
            font-size: 14px;
            margin-left: 20px;
        }
        /**img.img-fluid-carousel{
            max-width: unset;
        }
        .img-fluid-carousel{
            height: 100px;
            width: unset;
        }**/
        .carousel-indicators{
            justify-content: unset;
        }
        .center-image-carousel{
            object-fit:contain;
        }
    }