@media (max-width: 575.98px) {
    .carousel-item h2{
        font-size: 15px;
        font-weight:bold;
    }
    .carousel-item {
        position: relative;
    }
  
}

@media (min-width: 576px) and (max-width: 767.98px){
    .carousel-item  h2{
        font-size: 15px;
        font-weight:bold;
    }
    .carousel-item {
        position: relative;
    }
}

@media(max-width: 767.98px){
    /*.carousel-item .title {*/
    /*padding: unset;*/
    /*}*/
    /*.carousel-item .title.title-center {*/
    /*left: 5%;*/
    
    /*transform: translate(-5%, -50%);*/
    /*text-align: center;*/
    /*max-width:100%;*/
    /*}*/

.image-slider{
height:315px;
object-fit:cover;
}
.carousel-item .title.title-center br{
display:none;
}
.carousel-item  {
    height: 200px;
}
.carousel-item .title.title-center {
left: 35%;
transform: translate(-30%, -50%);
text-align: center;
}
.carousel-item .title.title-left,
.carousel-item .title.title-right
{
left: 5%;
right:auto;
margin-left:-40px;
transform: translate(5%, -50%);
text-align: left;
}
html[dir='rtl'] .carousel-item .title.title-left,
html[dir='rtl'] .carousel-item .title.title-right
{
transform: translate(0%, -50%);
text-align: right;
margin:-20px;
left:auto;
}
.carousel-item .title.custom-left-slider
{
left: 40%;
right:auto;
transform: translate(0%, -50%);
text-align: left;
}
.product_details{
    min-height: auto !important;
}
html[dir='rtl'] .carousel-item .title.custom-left-slider
{
right: 40%;
left:auto;
transform: translate(0%, -50%);
text-align: right;
}
 .carousel-item img{
     
    object-fit: contain; /* show the full image, no crop */
    height: auto;        /* allow it to resize naturally */
  
 }  
.carousel-item .title {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    max-width: 100%;
    z-index: 10;
    font-size: 18px;
}

.carousel-item:has(.title-left ,.tiltle-right,.custom-left-slider)  img {
  object-fit: unset !important;
}

    .carousel-item img {
        object-fit: contain;
        height: auto;
        width: 100%;
    }

    .carousel-item .title {
        top: 40%;
        transform: translateY(-50%);
        font-size: 16px;
        line-height: 1.4;
        padding: 6px 10px;
        text-align: center;
        max-width: 90%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /* ✅ Make carousel arrows smaller and positioned nicely */
    /*.carousel-control-prev-icon,*/
    /*.carousel-control-next-icon {*/
    /*    width: 25px !important;*/
    /*    height: 25px !important;*/
    /*    background-size: 25px 25px !important;*/
    /*}*/

    /*.carousel-control-prev,*/
    /*.carousel-control-next {*/
    /*    width: 8% !important;*/
    /*}*/

}

@media (min-width: 768px) and (max-width: 991.98px){
    .carousel-item  h2{
        font-size: 34px;
    }
    .carousel-item{
        position: absolute;
    }
    
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .carousel-item  h2{
        font-size: 44px;
    }
    #carousel-item {
        position: absolute;
    }
}

@media (min-width: 1200px) {
    .carousel-item  h2{
        font-size: 54px;
    }
    #carousel-item {
        position: absolute;
    }
}