/* ---contact banner section--- */
.contact_with_us {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 125vh;
    position: relative;
    z-index: 0;
}

.contact_with_us::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0) 100%);
    z-index: -1;
}

/* form background */
.contact_with_us .form-box {
    background: rgba(255, 247, 231, 0.8);
    padding: 30px 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* * feedback section * */
.feedback .images {
    width: 90%;
    margin: auto;
}

   .custom-arrow {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        color: rgba(0, 0, 0, 0.8);
/*         font-size: clamp(0.6563rem, 0.6125rem + 0.2188vw, 0.875rem); */
        /* padding: 10px 40px 10px 10px; */
        /* Leave space for arrow */
        background-image: url('/wp-content/uploads/2025/07/Vector-1.svg');
        /* update path as needed */
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 14px;
        /* Adjust to match image size */
        cursor: pointer;
    }

    .custom-arrow:focus {
        outline: none;
        border-color: #888;
/*         font-size: clamp(0.6563rem, 0.6125rem + 0.2188vw, 0.875rem); */
        color: rgba(0, 0, 0, 0.8);
    }

    .form-select:focus {
      border-color: none !important;
outline: none !important;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
background: rgba(255, 247, 231, 0.8);
    }

    .form-select:hover {
       border-color: none !important;
outline: none !important;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
/* background: rgba(255, 247, 231, 0.8); */
    }

    select option:hover {
        background-color: #f4d03f;
        /* yellow */
        color: #000;
    }

@media screen and (max-width: 768px) {
    .feedback .images {
        width: 100%;
        margin: auto;
    }

    /* form background */
    .contact_with_us .form-box {
        background: rgba(255, 247, 231, 0.8);
        padding: 30px 15px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }
}

@media screen and (min-width: 1920px) {
    .contact_with_us {
        min-height: 100vh;
    }
}