@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');

/* --- Main Menu (Desktop & Tablet) --- */
.wpb-custom-menu ul {
    display: flex;
    justify-content: center; /* Centers menu items */
    gap: 15px; /* Spacing between items */
    list-style: none; /* Removes default bullets */
    padding: 0;
    margin: 0;
}

.wpb-custom-menu ul li {
    display: inline-block;
}

.wpb-custom-menu ul li a {
    color: #1B579B; /* Blue text */
    font-family: 'Montserrat', sans-serif;
    font-size: 13pt;
    font-weight: 600;
    text-decoration: none;
    padding: 5px 10px;
    transition: color 0.3s ease, border-bottom 0.3s ease;
}

.wpb-custom-menu ul li a:hover {
    color: #E5B027; /* Turns text yellow */
    border-bottom: 2px solid #FFD126; /* Adds a yellow underline */
}

/* --- Mobile Menu Styling (Hidden by Default) --- */
@media (max-width: 800px) {
    .wpb-custom-menu ul {
        display: none; /* Hide initially */
        flex-direction: column;
        background: white;
        position: absolute;
        top: 50px;
        right: 0;
        width: 200px;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        text-align: left;
        padding: 10px;
        top: -75px; /* Move the menu higher */
        z-index: 999; /* Ensures it appears over content */
    }

    .wpb-custom-menu ul.show-menu {
        display: flex !important; /* Show when toggled */
    }

    .wpb-custom-menu ul li {
        display: block;
        padding: 5px 10px; /* Reduced vertical spacing */
        border-bottom: 1px solid #ddd;
    }
}

/* --- Burger Menu (Hidden on Desktop) --- */
.burger-menu {
    display: flex; /* Ensures icon + text sit side by side */
    align-items: center; /* Aligns them properly */
    gap: 8px; /* Adjusts spacing between icon and text */
    font-size: 14pt; /* Adjusts text size */
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #1B579B; /* Matches theme */
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: -75px; /* Moves the burger higher */
    z-index: 1000;
}

/* --- Add 'MENU' Text to Burger --- */
.burger-menu::after {
    content: "MENU"; /* Adds text */
    font-size: 10pt;
    color: #1B579B;
}

/* --- Show Burger Menu on Mobile --- */
@media (max-width: 800px) {
    .burger-menu {
        display: flex; /* Show burger on mobile */
    }
}
/* --- Main Menu (Desktop & Tablet) --- */



/* --- Counter --- */

.wpb-counter-container {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center horizontally */
    text-align: center; /* Center text */
    gap: 10px; /* Space between elements */
}

.counter-icon {
    width: 130px; /* Adjust image size */
    height: auto;
}

.wpb-counter {
    font-size: 30px;
    font-weight: bold;
    text-align: center; /* Ensure text is centered */
    color: #fff;
    margin-bottom: 10px;
}

.wpb-counter p {
    font-size: 16px;
    color: #fff;
    margin-top: 2px;
}

/* --- Counter --- */


/* --- Know More Button --- */
/* Ensure that the button and its container both get the styles */
button.know-more-btn, .wpb_button, .vc_btn3 {
    font-family: 'Montserrat', sans-serif; 
    font-size: 14px;  /* Button text size */
    font-weight: 600;  /* Button text weight */
    color: #00458F !important;  /* Text color (blue) */
    background-color: #FFD126 !important;  /* Button background color (yellow) */
    border: none;  /* Remove border */
    padding: 10px 20px;  /* Padding around the text */
    border-radius: 5px;  /* Rounded corners */
    display: inline-block;  /* Ensures proper button display */
    text-align: center;  /* Centers the text inside the button */
    transition: all 0.3s ease;  /* Smooth transition for hover */
}

/* Hover effect for the button */
button.know-more-btn:hover, .wpb_button:hover, .vc_btn3:hover {
    color: #ffffff !important;  /* Text color on hover */
    background-color:#00458F !important;  /* Background color on hover (dark blue) */
    cursor: pointer;  /* Changes cursor to pointer when hovering */
}
/* --- Know More Button --- */



/* --- Body --- */
.body {
    color: #4D4D4D; /* Default text color */
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400; /* Semi-bold */
    line-height: 24px;
}
/* --- Body --- */


/* --- Captions --- */
.captionhome {
    color: #1B579B !important; /* Captions on Home Page */
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 600; /* Semi-bold */
    line-height: 32px;
}

.caption0 {
    color: #1B579B !important; /* Captions on Other Pages */
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600; /* Semi-bold */
    line-height: 24px;
}

.caption01 {
    color: #4D4D4D !important; /* Sub-Captions on Other Pages */
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600; /* Regular */
    line-height: 26px;
}

.caption001 {
    color: #4D4D4D !important; /* Sub-Captions Text on Other Pages */
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 400; /* Regular */
    line-height: 26px;
}



.caption1 {
    color: #4D4D4D; /* Default text color */
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600; /* Semi-bold */
    line-height: 20px;
}

.caption2 {
    color: #1B579B; /* Default text color */
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600; /* Semi-bold */
    line-height: 18px;
}

.page-caption-main {
    color: #FFFFFF; /* Default text color */
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 400; /* Semi-bold */
    line-height: 20px;
}


.caption-designation {
    color: #4D4D4D; /* Default text color */
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600; /* Semi-bold */
}

.caption-occupation {
    color: #4D4D4D; /* Default text color */
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400; /* Semi-bold */
}



.footer1 {
    color: #FFFFFF; /* Default text color */
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400; /* Semi-bold */
    line-height: 20px;
}


.footer2 {
    color: #FFFFFF; /* Default text color */
    font-family: 'Montserrat', sans-serif;
    font-size: 10pt;
    font-weight: 400; /* Semi-bold */
    background-color: transparent; /* No background by default */
    border-radius: 5px;
    padding-left: 10px; /* Adds space around the text */
    padding-top: 5px; /* Adds space around the text */
    padding-right: 10px; /* Adds space around the text */
    padding-bottom: 5px; /* Adds space around the text */
    
    display: inline-block; /* Ensures background fits the text size */
    transition: color 0.5s ease, background-color 0.5s ease;
}

.footer2:hover {
    color: #E5B027; /* Text color on hover */
}


.txtsep, vc_separator {
    color: #FFFFFF; /* Default text color */
    font-family: 'Montserrat', sans-serif;
    font-size: 12pt;
    font-weight: 400; /* Semi-bold */
}

/* CONTACT FORM */
/* Style the form container */
#contactForm {
    max-width: 500px; /* Limit form width */
    margin: 20px auto; /* Center the form */
    padding: 20px;
    background-color: #ffffff; /* Light gray background */
    border-radius: 10px;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
}

/* Style labels */
#contactForm label {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
    display: block; /* Ensure labels are above inputs */
    margin-bottom: 5px;
    color: #00458F; /* Dark blue */
}

/* Style input fields and textarea */
#contactForm input, 
#contactForm textarea {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 15px;
}

/* Ensure the captcha image and input align properly */
#contactForm img {
    display: block;
    margin: 10px 0;
}

/* Style the submit button */
#contactForm button {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #00458F !important;
    background-color: #FFD126 !important;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Button hover effect */
#contactForm button:hover {
    color: #ffffff !important;
    background-color: #00458F !important;
}

/* Response message styling */
#form-response {
    margin-top: 15px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: green;
}