/*Side fixed iocns Start*/
#hxb-enquiry-forms .fixed-icons {
    position: fixed;
    right: 10px;
    bottom: 40%;
    display: flex;
    flex-direction: column;
    z-index: 1000;
}

#hxb-enquiry-forms .fixed-icons a {
    margin: 5px 0;
    color: #fff;
    padding: 10px 10px;
    line-height: 0px !important;
    border-radius: 10px;
    text-align: center;
    font-size: 26px;
    transition: background-color 0.3s ease;
    border: 2px solid #ff8c00; /* CHANGED */
}  

#hxb-enquiry-forms .fixed-icons .phone-icon {
    background-color: #ff8c00; /* ORANGE */
}
#hxb-enquiry-forms .fixed-icons .whatsapp-icon {
    background-color: #ff8c00; /* BLACK */
}
#hxb-enquiry-forms .fixed-icons .mail-icon {
    background-color: #ff8c00; /* ORANGE */
}

#hxb-enquiry-forms .fixed-icons a:hover {
    background-color: #000;
    color: #ff8c00; /* ADD */
}

/* Popup Form Styles */
#hxb-enquiry-forms .popup-form {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* DARK */
    justify-content: center;
    align-items: center;
    z-index: 999;
}

#hxb-enquiry-forms .form-content {
    background-color: #000; /* BLACK */
    padding: 20px;
    border-radius: 10px;
    max-width: 500px;
    position: relative;
    margin: 0 10px;
    width: 100%;
    border: 2px solid #ff8c002b; /* ORANGE BORDER */
}

#hxb-enquiry-forms .form-content h2 {
    color: #ff8c00;
     padding: 10px 0px;
}

#hxb-enquiry-forms .close-btn {
    position: absolute;
    top: 0px;
    right: 10px;
    cursor: pointer;
    font-size: 40px;
    color: #ff8c00; /* ORANGE */
}

#hxb-enquiry-forms .popup-form form input,
#hxb-enquiry-forms .popup-form form textarea {
    width: 100%;
    padding: 10px;
    margin: 6px 0;
    border: 1px solid #ff8c002b; /* ORANGE */
    border-radius: 5px;
    background-color: #111; /* DARK INPUT */
    color: #fff;
}

#hxb-enquiry-forms .popup-form form button {
    width: 100%;
    padding: 10px;
    background-color: #ff8c00; /* ORANGE */
    color: #000; /* BLACK TEXT */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 15px;
    font-size: 18px;
    transition: background-color 0.4s ease;
}

#hxb-enquiry-forms .popup-form form button:hover {
    background-color: #000;
    color: #ff8c00;
    border: 1px solid #ff8c00;
}

/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
::-webkit-input-placeholder { / Chrome/Opera/Safari /
    color: #000 !important;
}
::-moz-placeholder { / Firefox 19+ /
    color: #000 !important;
}
::-ms-input-placeholder { / IE 10+ /
    color: #000 !important;
}
::-moz-placeholder { / Firefox 18- /
    color: #000 !important;
}
.owl-carousel .owl-dots{
    margin: 0 !important;    
}
.pd-120-0-80{
    padding: 120px 0 80px !important;
}
.pd-100-0-0 {
    padding: 100px 0 0px !important;
}


/* Jquery ui select css */
.ui-state-default {
    width: auto !important;
}
.ui-selectmenu-open .ui-widget-content {
    border: 1px solid #1d1d1d !important;
    background: #ffffff !important;
    color: #222222 !important;
    border-radius: 0 !important;
}
/* Jquery ui select hover bg css */
.ui-selectmenu-open .ui-widget-content .ui-state-focus {
    border: 1px solid #1d1d1d !important;
    background: #1d1d1d !important;
    font-weight: normal !important;
    color: #ffffff !important;
    font-size: 13px !important;
}
/* Jquery ui select hover some change css */
.ui-selectmenu-open .ui-menu .ui-menu-item {
    border: 1px solid transparent !important;
    position: relative !important;
    margin: 0;
    padding: 5px 15px !important;
    cursor: pointer !important;
    font-size: 13px !important;
    text-transform: none !important;
}
.ui-selectmenu-menu .ui-menu {
    padding-bottom: 0px !important;
}


.contact-info-area .contact-form textarea:-webkit-input-placeholder {
    color: #83888d !important;
}
.contact-info-area .contact-form textarea:-moz-placeholder { /* Firefox 18- */
    color: #83888d !important;
}
.contact-info-area .contact-form textarea:-moz-placeholder {  /* Firefox 19+ */
    color: #83888d !important;  
}
.contact-info-area .contact-form textarea:-ms-input-placeholder {
    color: #83888d !important;  
}


#contact-form input[type="text"].error{
    border-color: red;
}
#contact-form input[type="email"].error{
    border-color: red;
}
#contact-form select.error {
    border-color: red;
}
#contact-form textarea.error{
    border-color: red;
}
#contact-form label.error {
    display: none !important;
}