/* Heading with Optional Underline */
.heading-with-underline h2 {
    position: relative;
    margin-bottom: 40px; /* Space for the line */
    margin-top: 40px;
    text-align: center; /* Center the heading text */
}

.heading-with-underline h2::after {
    content: "";
    display: block;
    width: 10%; /* Adjust to cover the text width */
    height: 2px; /* Thinner line */
    background: var(--main-color);/*#F06D33;  Line color */
    position: absolute;
    bottom: -10px; /* Position it below the text */
    left: 50%; /* Center the line */
    transform: translateX(-50%); /* Adjust to center the line */
}

.heading-without-underline h2 {
    margin: 0;
    text-align: center; /* Center the heading text */
}

/* Text Styles */
.text-style-1 h2 {
    font-size: 55px;
    font-family: 'Satisfy', cursive;
    font-weight: 400;
    color:var(--main-color);
    text-align: center; /* Center the heading text */
    font-weight: 500;
}

.text-style-2 h2 {
    color: var(--main-color);
    font-family: 'Montserrat', sans-serif;
    font-size: 3em; /* Adjust the font size as needed */
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Text shadow */
    text-align: center; /* Center the heading text */
}

.about-us-heading h2 {
    color: #fff; /* White color */
    font-size: 55px;
    font-family: 'Satisfy', cursive;
    font-weight: 400;
    text-align: center; /* Center the heading text */
}

.about-us-heading h2::after {
    content: "";
    display: block;
    width: 10%; /* Adjust to cover the text width */
    height: 2px; /* Make the line thinner */
    background: #fff; /* Set the line color to white */
    position: absolute;
    bottom: -10px; /* Position it below the text */
    left: 50%; /* Center the line */
    transform: translateX(-50%); /* Adjust to perfectly center the line */
}