/* --- Header Adjustments --- */
/* Adjust logo and navigation text size (from initial header coding) */
.main-header {
    padding: 15px 40px; /* Keep current padding, or increase if more vertical space is needed */
    height: 100px; /* ADD THIS: Set a fixed height for the header, adjust as needed */
    /* Other existing properties remain */
}

/* --- Header Adjustments --- */
/* Adjust logo and navigation text size (from initial header coding) */
.main-header .header-left .logo {
    height: 80px;
    width: auto;
}

.main-header .main-nav .nav-links {
    gap: 35px;
}

.main-header .main-nav .nav-links li a {
    font-weight: 600;
    font-size: 19px;
}

/* "Get In Touch" Button Styling - FINAL CSS FIX */
/* This rule should now work consistently as the only source of button color */
.vs-btn { /* Target the general vs-btn class directly */
    background-color: #1B75BC !important; /* Your desired BASE blue */
    color: white !important; /* Text color */
    padding: 18px 36px !important; /* Height and width */
    font-size: 19px !important;
    transition: background-color 0.3s ease, transform 0.3s ease, color 0.3s ease;
}
.vs-btn:hover {
    background-color: #88ddff !important; /* Your desired LIGHT BLUE hover color */
    color: white !important; /* Ensure text stays white on hover */
    transform: scale(0.98); /* Keep the zoom-out transition */
}

/* ... rest of your custom.css content ... */


/* --- Homepage (index.php) Adjustments --- */
/* Remove bullet point from the list under Our Expertise */
.col-lg-8 ul {
    list-style: none; /* This removes the default bullet points */
    padding-left: 0;   /* This removes the default left padding that bullets usually take up */
}
.col-lg-8 ul li {
    margin-left: 0; /* Ensure no negative margins push it left */
}




/* --- Policy Page (policy.php) Adjustments --- */
/* Adjust indentation for bulleted lists */
.col-lg-12 ul {
    padding-left: 25px; /* Adjust this value to move the bullets and text to the right */
    list-style-type: disc; /* Ensures default disc bullets are used if they were removed */
}
.col-lg-12 ul li {
    margin-left: 0; /* Ensure the list items themselves don't have negative margins */
}


/* --- Why Choose Us Page (why.php) Adjustments --- */
/* Adjusting the position and transparency of the "How We Work" image */
.img-box2 {
    margin-top: -50px; /* Example: Move up by 50px. You can increase/decrease this. */
}
.img-box2 .img-1 img {
    opacity: 0.7; /* Sets transparency to 70%. 1.0 is fully opaque, 0.0 is fully transparent. */
}

/* --- Footer Adjustments (from footer.php related CSS) --- */
/* Adjust position of the footer description text */
.footer-text {
    margin-top: -120px; /* Use your desired negative value to move it up */
    text-align: justify; /* Justify text alignment */
}
.widget.footer-widget img {
    margin-bottom: 10px; /* Reduces space below the logo, adjust as needed */
}
/*============*/
/* --- About Us Page (about.php) NEW Image Column Adjustments --- */
/* --- About Us Page (about.php) Image Column Adjustments --- */

/* General vertical spacing and sizing for all image boxes */
.col-lg-5.col-xl-5 .img_box1.style2 {
    margin-bottom: 20px !important; /* Controls the vertical gap between all image sets. Adjust as needed. */
    width: 100% !important; /* Ensures they fill their column */
    height: auto !important; /* Maintains aspect ratio */
    display: block !important; /* Prevents inline spacing issues */
}

/* Rule for the FIRST image box: ensures it stays at its base position */
.col-lg-5.col-xl-5 .img_box1.style2:nth-child(1) {
    margin-top: 10 !important;
    margin-left: 0 !important;
}

/* Rule for the SECOND image box: to move it up and right */
.col-lg-5.col-xl-5 .img_box1.style2:nth-child(2) {
    margin-top: -10px !important; /* Current value to move it up. Adjust slowly as needed. */
    margin-left: 190px !important; /* Current value to move it right. Adjust slowly as needed. */
}

/* Rule for the THIRD image box: to move it up (vertically aligned with first) and LEFT */
.col-lg-5.col-xl-5 .img_box1.style2:nth-child(3) {
    margin-top: -XXpx !important; /* !!! IMPORTANT: You will need to determine this exact negative value !!! */
                                 /* Start with -180px or -200px and adjust it precisely. */
                                 /* This value pulls it up enough to be vertically level with the top of the first image. */
    margin-left: -80px !important; /* Moves it LEFT. Adjust this negative value (-30px, -80px etc.) as needed. */
}

/* Ensure images within these boxes respect their natural aspect ratio and fill space */
.col-lg-5.col-xl-5 .img_box1.style2 img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 10px !important;
}

/* --- Why Choose Us Page (why.php) Adjustments --- */
/* Adjusting the position and transparency of the "How We Work" image */
.img-box2 {
    margin-top: -260px !important; /* Increased negative margin to pull it further up. */
                                  /* You can adjust this value (e.g., -120px, -150px) as needed. */
}
.img-box2 .img-1 img {
    opacity: 0.7; /* Sets transparency to 70%. 1.0 is fully opaque, 0.0 is fully transparent. */
}

/* --- Global Body Background Color --- */
body {
    background-color: #FFFFFF !important; /* Set page background to pure white */
}