.logo-image {

    height: 80px !important;
    width: 95px;
}


.logo-box {
    display: flex;
    align-items: center;
}

.logo {
    margin-right: 10px; /* Space between logo and company name */
}

.company-name {
    font-size: 24px; /* Adjust size as needed */
    font-weight: bold;
    background: linear-gradient(45deg,  red, green); /* Gradient from green to red */
    -webkit-background-clip: text; /* Clips the background to the text */
    color: transparent; /* Makes the text color transparent so that the gradient shows */
}


.company-name-link {
    text-decoration: none;
    color: inherit; /* Inherits the color from .company-name */
}

.company-name:hover {
    color: #007bff; /* Change color on hover if you like */
}

.service-block-img{
    min-height: 300px;
    height: 300px;
}
.home-circle-image {
    width: 150px;  /* Set the width of the image */
    height: 150px; /* Set the height of the image */
    border-radius: 50%;  /* Makes the image circular */
    object-fit: cover; /* Ensures the image fills the circle without distortion */
  }
  .team-blcok .image img {
    transition: .5s;
    border-radius: 20px;
    padding: 30px;
}

.page-title {
    background-size: cover;
    background-position: center;
    padding: 100px 0;
    min-height: 475px; /* Applied on larger screens */
}


@media screen and (max-width: 767px) {
    .page-title {
        background-size: cover; /* Keep the image covering the section */
            /* Adjust position for mobile */
        min-height:175px;
        padding: 50px 0; /* Adjust padding for better layout on smaller screens */
    }
}