.blog-slider {
    position: relative;
}

.blog-slider .slide {
    position: relative;
    overflow: hidden;
}
span.letblog {
    font-size: 16px;
    line-height: 2.3;
}
.blog-slider .slide img {
    width: 100% !important;
    height: 500px !important;
    display: block;
    object-fit: cover;
}
span.slide-description {
    font-weight: 400;
}
.container1 {
    max-width: 940px !important;
    margin: auto !important;
    overflow-x: hidden !important;
}

@media only screen and (min-width: 1400px) {
    .container1 {
        max-width: 1055px !important;
    }
}
.blog-slider .slide-title {
    position: absolute;
    color: white;
    background: #00000047;
    padding: 10px;
    z-index: 100;
    bottom: 94px;
    /* left: 15.1%; */
    margin-left: 10px;
    width: 572px;
    font-size: 21px;
    
}
.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
}

.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

@media screen and (max-width: 768px) {
    .blog-slider .slide-title {
        font-size: 1.2em;
        padding: 8px 16px;
    }

    .slick-prev, .slick-next {
        padding: 8px;
    }
}

@media screen and (max-width: 480px) {
    .blog-slider .slide-title {
        font-size: 1em;
        padding: 6px 12px;
    }

    .slick-prev, .slick-next {
        padding: 6px;
    }
}

    
.slick-dots li button:before {
  
    font-size: 10px !important;
  
    }
    
    /* Media query for devices with a max-width of 768px */
@media only screen and (max-width: 768px) {
  .blog-slider .slide-title {
    
    max-width: calc(95% - 40px);

}
.blog-slider .slide-title {
    position: absolute;
    bottom: 85px;
    left: 25px;
    }
}