/* Importing Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,900;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;1,300&display=swap');
/* Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Poppins:wght@300;400&display=swap');

/* Main Section Styling */
.section-bg {
    background-color: #FFF7E1;
    padding: 40px 20px;
}

/* Typography Styles */
.heading-main {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 36px;
    text-align: center;
    margin-bottom: 10px;
}

.menu-heading {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.subheading-main {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-align: center;
}

.value-heading {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #134982;
    margin-bottom: 10px;
}

.value-paragraph {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    text-align: center;
}

/* Icon Container */
.icon-container {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
}

.icon-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Flexbox Utility Classes */
.flex-wrap-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.value-item {
    flex: 1;
    max-width: 300px;
    text-align: center;
}


/* General Styles */
#three_sections{
    background-color: #1a224c;
    padding: 70px;
}

/* Apply Montserrat Heading Styles */
.montserrat-heading {
    font-family: 'Montserrat', sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
}

/* Apply Montserrat Three-Section Heading Styles */
.montserrat-three-section-heading {
    font-family: 'Montserrat', sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

/* Apply Montserrat Paragraph Styles */
.montserrat-paragraph {
    font-family: 'Montserrat', sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

/* Existing Heading Styles Updated to Use Montserrat */
html body h1, 
html body h2, 
html body h3, 
html body h4, 
html body h5, 
html body h6 {
    /* Removed the old font-family and added the new Montserrat class */
    /* Alternatively, you can add the class to your HTML elements */
    /* Example: <h1 class="montserrat-heading">Your Heading</h1> */
    /* For CSS-only approach, you can directly set Montserrat here if preferred */
    font-family: 'Montserrat', sans-serif !important;
}

/* Specific Section Styles */
#three_sections h4 {
    color: white;
    font-size: 16px;
    padding: 5px 10px;
    /* Apply Montserrat Three-Section Heading */
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

#three_sections p {
    color: white;
    font-size: 13px; 
    padding: 5px 10px;
    /* Apply Montserrat Paragraph */
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

#about_us h4 {
    color: #1a224c; /* Added missing # */
    font-size: 16px;
    padding: 5px 10px;
    /* Apply Montserrat Three-Section Heading */
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

#about_us p {
    color: #1a224c; /* Added missing # */
    font-size: 13px; 
    padding: 5px 10px;
    /* Apply Montserrat Paragraph */
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

#OCM-ENGINEERING h3,
#OCM-ENGINEERING p {
    /* Apply Montserrat Paragraph */
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

.speciality-sections {
    /* Apply Montserrat Paragraph */
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

.flex h1, 
.flex p {
    /* Apply Montserrat Paragraph */
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    text-transform: unset;
}

.categories h2, 
.categories h4, 
.categories h6, 
.categories  {
    font-family: 'Montserrat', sans-serif !important; 
    font-weight: 900;
}
.categories  p{
    font-family: 'Montserrat', sans-serif !important; 
    font-weight: 800;
    color:  rgb(116, 195, 181) 
}


#marine-card h1,
#bigHeadings {
    font-family: 'Montserrat', sans-serif !important; 
}

.hero h2 {
    text-align: center;
    font-family: 'Roboto', sans-serif; 
    font-weight: 100; /* Changed to match the imported Roboto weight */
}

#services h4,
#services h6 {
    font-family: 'Montserrat', sans-serif !important; 
    color: rgb(116, 195, 181) !important;
    text-transform: capitalize;
}

/* Other Existing Styles */
.speciality-images {
    border-radius: 75px;
    height: 400px;
}

.categories {
    background-color: white;
}

#img {
    height: 70px;
    width: auto;
}

#paragraph {
    color: rgb(116, 195, 181);
}

#clients {
    background-color: rgb(216, 216, 216);
}

#categoryImg {
    height: 70px;
    width: 40%;
}

.img-container-block {
    text-align: center;
}

.img-container-inline {
    text-align: center;
    display: block;
}

#shopNow a {
    background-color: rgb(20, 156, 156) !important;
}

#button a {
    background-color: rgb(20, 156, 156);
}