body {
    font-family: "Poppins", sans-serif;
    padding: 0;
    margin: 0;
}
  .navbar{
            --bs-navbar-brand-margin-end: 0rem !important;
        }
.btn-primary:hover{
    background-color: white !important;
    color: #0b4a99 !important;
    border: 1px solid #0b4a99 !important;
   
}
.btn-primary{
    background-color: #0b4a99 !important;
}
.linkText{
    font-size: 16px !important;
    font-weight: 500 !important;
    color: black !important;
}
.logo{
    width: 55% !important;
}
.navbar{
    --bs-navbar-brand-margin-end: 0rem !important;
}
.banner {
    position: relative;
    background: url('images/heroBg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh; /* Full height for desktop view */
    display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
    text-align: start;
    padding: 10px;
}

/* Add an overlay */
.banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust opacity as needed */
    z-index: 1;
}

/* Styling for text on the banner */
.banner-text {
    color: white;
    font-size: 50px; /* Set font size for all views */
    position: relative;
    z-index: 2; /* Ensure text is above the overlay */
    text-align: start; /* Center text content */
    max-width: 100%; /* Ensure text doesn't overflow */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .banner {
        height: 80vh; /* Adjust height for tablet view */
        align-items: center; /* Ensure center alignment */
    }
    .banner-text {
        font-size: 40px;
    }
}

@media (max-width: 480px) {
    .banner {
        height: 70vh; /* Adjust height for mobile view */
        align-items: center; /* Ensure center alignment */
    }
    .banner-text {
        font-size: 40px;
        font-weight: normal;
    }
}
.solCard2 {
    background: linear-gradient(to right, #1283b55c, #9bacda5c) !important;
}
.solCardImg{
    width: 100px !important;
    padding: 6px !important;
}

.banner2 {
    position: relative;
    background: url('images/lady.avif');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 90vh; /* Full height for desktop view */
    display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
    text-align: start;
    padding: 10px;
}
.spaceDev{
    padding:0px 10px 0px 10px !important;
}

/* Add an overlay */
.banner2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.507); /* Adjust opacity as needed */
    z-index: 1;
}

/* Styling for text on the banner */
.banner2-text {
    color: white;
    font-size: 50px; /* Set font size for all views */
    position: relative;
    z-index: 2; /* Ensure text is above the overlay */
    text-align: start; /* Center text content */
    max-width: 100%; /* Ensure text doesn't overflow */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .banner2 {
        height: 50vh; /* Adjust height for tablet view */
        align-items: center; /* Ensure center alignment */
    }
    .banner2-text {
        font-size: 40px;
    }
}

@media (max-width: 480px) {
    .banner2 {
        height: 70vh; /* Adjust height for mobile view */
        align-items: center; /* Ensure center alignment */
    }
    .banner2-text {
        font-size: 40px;
        font-weight: normal;
    }
   
}
.bgBlue{
    background-color: #538cb75c !important;
}

@media (max-width: 992px) {
    form.d-flex {
        flex-direction: column; /* Stack input and button vertically */
    }
    form.d-flex input,
    form.d-flex button {
        width: 100%; /* Make input and button full width */
        margin: 0; /* Remove margin to align items better */
    }
}
a{
    text-decoration: none !important;
}
.text-primary{
    color: #0b4a99 !important;
}
.banner3 {
    background-image: url('images/woman-working-compressed.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50vh; /* Reduced height */
    min-height: 400px; /* Ensures sufficient height on very small screens */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    
}
/* Overlay for better text contrast */

.banner3-content {
    position: relative;
    z-index: 2;
    text-align: center;
}
/* Adjust font size for smaller screens */
.banner3-content h1 {
    font-size: 3rem;
}
@media (max-width: 768px) {
    .banner3 {
        height: 30vh;
    }
    .banner3-content h1 {
        font-size: 2rem;
        text-align: center;
    }
}
.bgBanner{
    background: linear-gradient(to right, #ff738330, #9e487a0f),url('https://sreemansolutions.com/assests/images/contact-us-banner.jpg');
    width: 100%;
    height: auto;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}