*{
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Bitter', serif;
}

.carousel-item img{
    width: 100%!important;
    height: 92vh;
}

/* View All button start */
.relative_positon{
    position: relative;
}

.button_1{
  
  position: absolute;
 right: 144px;
 top: 40px;
}

/* View All button End */

/* About Us Images Start */
.about_img{
    min-width: 100%;
    max-height:280px;
}
/* About Us Images End */

/* Our Services Images Start */
.services_img{
    width: 145.1px;
    height:100%;
}
/* Our Services Images Start */
/* Link To Top Start  */
#myBtn{
    position: fixed;
    height: 50px;
    width:50px;
    background: #383e56;
    bottom: 40px;
    right: 50px;
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    color: white;
    font-size: 22px;
    cursor: pointer;
    display: none;
    border-radius: 10px;
    z-index: 99; 
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
  }

html{
    scroll-behavior: smooth;
}
/* Link To Top End  */




/* Responsive Code */
/* // 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) {    

div .about_img{
  min-width: 300px;
  height:200px;
 }
    
}

/* // Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 1.25rem;
        left: 15%;
        padding-top: 1.25rem;
        padding-bottom: 18.25rem;
        color: #fff;
        text-align: center; 
    }
    
}
/* // Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
    
 }

/* // X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 
     }

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

 }