style.css

/* google fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
body{
    font-family: 'Poppins', sans-serif;
}
/* hero carousel css */
.carousel-item::before{
    position: absolute;
    content: '';
    background-color: rgb(0 0 0 / 60%);
    height: 100%;
    width: 100%;
}
.carousel-inner > .carousel-item  > img {
    height:700px ;
    object-fit: cover;
}
.carousel-caption{
    top: 38%;
}
.carousel-caption-heading{
    font-size: 48px;
}
.paragraph-text{
    font-size: 18px;
}
/* elearning section css */
.inner-img{
    background-image: url(./images/working.png);
    background-position: center center;
    background-size: cover;
    height: 100%;
    padding: 400px 0;
}
.spacing{
    padding: 300px 0;
}
/* testimonial btn css */
.testimonial-btn-left{
    left: -5px;
}
.testimonial-btn-right{
    right: -5px;
}
/* button style */
.cs-social-btn{
    background-color: #5a5a5a87 !important;
}
/* Responsive Media queries */

/* Mobile device */
@media only screen and (max-width:576px) {
    .carousel-inner > .carousel-item  > img {
        height:500px ;
    }
    .carousel-caption{
        top: 20%;
    }
    .carousel-caption-heading{
        font-size: 22px;
    }
    .paragraph-text{
        font-size: 16px;
    }
    .spacing{
        padding: 192px 0;
    }
}
/* Tablet devices */
@media only screen and (min-width: 577px) and (max-width: 992px)  {

    .carousel-caption{
        top: 30%;
    }
    .carousel-caption-heading{
        font-size: 36px;
    }
    .spacing{
        padding: 200px 0;
    }
    
}