.form-title {
             font-family: GoogleSansFlex-Semibold;
            font-size: 28px;
            font-weight: 600;
            margin: 0;
            padding: 0 20px;
            color: #8B7355;
            text-transform: uppercase;
            letter-spacing: 2px;
            text-align: center;
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translateX(-50%);
            /* background: #fff; */
            display: flex;
            align-items: center;
            gap: 8px;
            white-space: nowrap;
                background-image: url(../images/contact-pagebg.jpg);
        }

        .form-title::before,
        .form-title::after {
            content: '';
            flex: 1;
            height: 1px;
            background: #C8B8A0;
        }

        /* .form-content {
            padding: 34px 60px 23px;
        } */

        .contact-form {
            display: flex;
            flex-direction: column;
              gap: 18px
        }

        .form-field {
            display: flex;
            flex-direction: column;
        }

        .form-field label {
           
            margin-bottom: 2px;
           
            color: #0E0E0E;
              font-family: GoogleSansFlex-Regular;
            font-size: 13px;
            letter-spacing: 0.82px;
        }

        .form-field input,
        .form-field select,
        .form-field textarea {
            border: none;
            border-bottom: 1px solid #0E0E0E;
        padding: 0px 0px 4px;
            font-size: 15px;
           font-family: Geom;
            background: transparent;
            outline: none;
            transition: border-color 0.3s;
            color: #333;
        }

        .form-field input:focus,
        .form-field select:focus,
        .form-field textarea:focus {
            border-bottom-color: #000;
        }

        .form-field input::placeholder,
        .form-field textarea::placeholder {
            color: #999;
        }

        .form-field select {
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8"><path fill="%23333" d="M0 0l6 8 6-8z"/></svg>') no-repeat right center;
            padding-right: 24px;
        }

        .phone-field {
            display: flex;
           
        }

        .phone-prefix {
            width: 60px;
            flex-shrink: 0;
        }

        /* .phone-number {
            flex: 1;
        } */

        .checkbox-wrapper {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-top: 8px;
        }

        .checkbox-wrapper input[type="checkbox"] {
            width: 18px;
            height: 18px;
            border: 1px solid #d0d0d0;
            cursor: pointer;
            accent-color: #000;
        }

        .checkbox-wrapper label {
            font-size: 12px;
            margin: 0;
            color: #666;
            font-weight: 400;
        }

        .form-field textarea {
            resize: none;
            min-height: 120px;
            border: 1px solid #0E0E0E;
            padding: 9px 10px 12px;
            border-radius: 4px;
        }

        .submit-button {
            background: #0E0E0E;
            color: #fff;
            border: none;
           padding: 4px 16px 6px;
    
            cursor: pointer;
            transition: all 0.3s;
       
            width: fit-content;
            border-radius: 8px;
           align-self: center;
            color: #FFF;
         font-family: GoogleSansFlex-Light;
            font-size: 15px;
            font-style: normal;
            font-weight: 300;
       
            letter-spacing: 0.3px;
        }

        .submit-button:hover {
            background: #333;
        }

.f-close-btn{
            background-image: none;
    font-size: 26px;
    color: #000;
    border: none !important;
    outline: none !important;
    opacity: 1;
    box-shadow: none !important;

   
}

.f-close-btn:focus{
    border: none !important;
    outline: 0 !important;
}
.h-enq-btn{
    font-size: 16px;
    color: #000;
    background: #fff;
    outline: none;
    border: none;
    padding: 3px 18px 3px;
    border-radius: 50px;
     font-family: GoogleSansFlex-Medium;
}

@media (max-width:576px){
    .h-enq-btn{
    font-size: 14px;
    color: #000;
    background: #fff;
    outline: none;
    border: none;
    padding: 3px 12px 3px;
    border-radius: 50px;
     font-family: GoogleSansFlex-Medium;
}

}
@media (max-width:350px){
    .h-enq-btn{
    font-size: 13px;
    color: #000;
    background: #fff;
    outline: none;
    border: none;
    padding: 3px 8px 3px;
    border-radius: 50px;
     font-family: GoogleSansFlex-Medium;
}

}
.form-title{
    font-family: GoogleSansFlex-Semibold;
    font-size: 28px;
    font-weight: 600;
    margin: 0;
    padding: 0 20px;
    color: #8B7355;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    /* background: #fff; */
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    background: none;
}

 .field-error {
  font-size: 12px;
  margin-top: 4px;
  color: red;
}