*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: 'IBM Plex Serif', serif;
}

.carousel-item{
    width: 100%;
    height: 92vh;

}


.about_img{
   min-width: 100%;
    max-height: 280px;

}

.services img{
    width: 100%;
    height: 100%;

}
.offer_style{
    background: #a6dcef;
}


/* 

// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap */
/* 
// Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 
    .carousel-caption {
        /* position: absolute; */
        display: none;
    }
 }
/* 
// Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* // X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 
    .carousel-item{
        width: 100%;
        height: 100%;
    
    }
 }

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {  }