.About .about-img img{
    border-radius: 15px;
}
.About .signature-img {
    width: 100%;
    margin-top: 20px;
}
.About .content p {
    line-height: 1.8;
}
.About h4 {
    color: #D4AF37;
    border-bottom: 3px solid #D4AF37;
    display: inline-block;
    padding-bottom: 5px; /* Adjust padding as needed */
}
@media (max-width:767px){
    .About h4 {
     margin-top:10px;

    }
    .About .content p {
        text-align:center
    }
}
.main-service {
    background-image: url("/assets/Images/page-title-background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.overlay-container {
    position: relative;
    color: white;
    display: flex;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}

.overlay-text {
    position: relative;
    display: flex;
    justify-content: center;
    height: 100%;
    flex-direction: column;
}

    .overlay-text h1 {
        color: var(--Neutral-White, #FFF);
        font-size: calc(16px + 2vw);
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
.About p {
    color: var(--Neutral-600, #999);
    font-size: calc(0.3vw + 0.85rem);
    font-style: normal;
    font-weight: 400;
    line-height: 147%;
    padding-bottom: 8px;
}
/* General Select Box Styles */
.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #f9f9f9;
    border: 2px solid #ccc;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    color: #333;
    width: 100%;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

    .custom-select:focus {
        border-color: #007bff;
        box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
        outline: none;
    }

    /* Add padding and color to options */
    .custom-select option {
        padding: 10px;
        background-color: #ffffff; /* Background color for each option */
        color: #333;
        font-size: 1rem;
    }

        /* Style for the selected option */
        .custom-select option:checked {
            background-color: #007bff;
            color: #fff;
        }

        /* Disabled Option Styles */
        .custom-select option[disabled] {
            color: #999;
        }

    /* Hover and focus states */
    .custom-select:hover, .custom-select:focus {
        border-color: #007bff;
    }
