#mainHomeCarousel .carousel-item {
    max-height: 500px;
}
#mainHomeCarousel .carousel-item img{
    max-height: 300px;
    margin: auto;
}
.firstSliderImg{
    max-height: 300px;
    margin: auto;
    width: fit-content !important;

}
 #mainHomeCarousel{
     /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
     /*border: 7px solid #ED1C24;*/
     /*width: 442px;*/
     /*height: 249px;*/
     /*height: 477px;*/
     /*!*overflow: hidden;*!*/
     /*border-radius: 50%;*/
 }

 .sliderDiv{
     /*background: #ED1C24 0% 0% no-repeat padding-box;*/
     background-image: url('../../../img/background/homePageFirst.webp');
     background-repeat: no-repeat;
     /*background-size: 100% 176%;*/
     background-position: center;
     /*background-attachment: fixed;*/
     background-size: 100% 100%;
     height: 676px;
     position: relative;
     padding-top: 2%;
     /*box-shadow: inset 0px 13px 12px -10px rgb(50 50 50 / 87%);*/
     /*box-shadow: inset 0px 13px 30px -14px rgb(50 50 50 / 87%);/*/
     box-shadow: inset 0px 21px 30px -22px rgb(50 50 50 / 87%);

 }

#mainHomeCarousel {
    /*background-image: url('../../../img/background/backSlider.webp');*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size: 100% 100%;*/
    margin-top: -33px;
}


 .sliderDiv h1{
     font: normal normal bold 39px/53px KunKun;
     letter-spacing: 0px;
     color: #FFFFFF;
     text-transform: uppercase;
 }

 .SliderTxt{
     font: normal normal normal 21px/31px KunKun;
     letter-spacing: 0px;
     color: #FFFFFF;
 }

 .firstDiv{
     padding-left: 152px;
     padding-top: 55px;
     padding-right: 40px;
     padding-bottom: 76px;
 }

.secondDiv{
    padding-top: 136px;
    background-image: url('../../../img/background/backSlider.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 98%;
    height: 569px;
    margin-top: -70px;
}

.carrouselDiv{
    /*background-image: url(../../../img/background/backSlider.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size: 100% 100%;*/
    /*background-size: cover;*/
    /*height: 100%;*/
    /*width: 100%;*/

}

#mainHomeCarousel .owl-item img{
    max-height: 333px;
    width: fit-content !important;
}

#mainHomeCarousel .owl-item {
    transition: transform 2.6s ease-in-out;
}

#mainHomeCarousel .carousel-fade .active.carousel-item-start,
#mainHomeCarousel .carousel-fade .active.carousel-item-end {
    transition: opacity 0s 2.6s;
}


@media only screen and (max-width: 1000px) {
    .firstDiv{
        padding: 13px;
        text-align: center;
    }

    .sliderDiv h1 {
        font: normal normal bold 28px/52px KunKun;
    }

    .SliderTxt {
        font: normal normal normal 21px/31px KunKun;
    }
    .sliderDiv{
        background-image: url('../../../img/mobile/background/sliderBackImage.webp');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 1000px;
    }

    .secondDiv{
        height: 404px;
        margin-top:-79px
    }

    #mainHomeCarousel .owl-item img {
        max-height: 202px;
    }


}

#mainHomeCarousel{
    transition:all .3s ease-out;
}

@media screen and (min-width: 1000px) and (max-width: 1490px) {
    .firstDiv {
        padding-left: 75px;
        padding-top: 55px;
        padding-right: 50px;
        padding-bottom: 76px;
    }

    .sliderDiv h1 {
        font: normal normal bold 27px/37px KunKun; /* Adjusted font size for this range */
    }

    .SliderTxt{
        font: normal normal normal 17px/32px KunKun;
        letter-spacing: 0px;
        color: #FFFFFF;
    }


    .secondDiv{
        padding-top: 127px;
        background-image: url('../../../img/background/backSlider.webp');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 98%;
        height: 450px;
        margin-top: -70px;
        background-size:cover;

    }

    #mainHomeCarousel .owl-item img{
        max-height: 254px;
        width: fit-content !important;
    }

}

