/* General Styles */

body {

    font-family: 'Arial', sans-serif;

}



/* Top Bar */

.top-bar {

    background-color: #2904cb;

    color: #fff;

    font-size: 14px;

    text-align: right;

    padding-right: 10px;

    display: none; /* Hide by default */

}



@media (min-width: 768px) {

    .top-bar {

        display: block; /* Show on larger screens */

    }

}



/* Navbar */

.navbar {

    padding: 10px 0;

}



.navbar-toggler-icon {

    font-size: 24px;

}



.navbar-nav .nav-link {

    font-size: 16px;

    font-weight: 600;

    color: #333;

    margin: 0 10px;

}



.navbar-nav .nav-link:hover {

    color: #007bff;

}





@media screen and (max-width: 768px) {

    .navbar-nav .nav-link {

        font-size: 14px;

    }

    .carousel-item img {

        width: 100%;

        height: auto;

        background-size: cover;

    }

    

}

/* service sction */



.services {

    background-color: #f8f9fa;

}



.service-card {

    transition: 0.3s;

}



.service-card:hover {

    transform: translateY(-5px);

    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);

}



.service-card i {

    color: #ff9800;

}



/* about section code  */

.about-us {

    background-color: #edf4fb;

    padding: 50px 0;

    text-align: center;



}

.about-us h2 {

    font-size: 36px;

    margin-bottom: 20px;

}

.about-us p {

    font-size: 18px;

    line-height: 1.6;

    margin-bottom: 20px;

}

.about-us p span{

    font-weight: 700;

    color: #0881fb;

    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

    font-size: 30px;

    text-align: center;

    display: block;

    margin: 20px auto;

}

.about-card{

    background-color: #fff;

    padding: 20px;

    border-radius: 10px;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    transition: transform 0.3s;

}

.about-card:hover {

    transform: scale(1.02);

}

.about-us img {

    width: 25rem;

    height: 25rem;

    border-radius: 50%;

    margin-top: 20px;

}