/*============================
    Contact us form section
=============================*/
.contact-section {padding-bottom: 50px}
.contact-section-title h1 {margin-bottom: 10px}
.contact-section-title p {color: var(--bs-black-gray);font-size: 32px}
/*** Contact Form **/input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"] {min-height: 62px}
.contact-form-fild textarea {height: 104px}
.contact-form-fild {padding-bottom: 30px}
.contact-form-fild label {color: var(--bs-orange);font-size: 18px;font-weight: 350;padding-left: 19px}
.contact-form-fild input, .contact-form-fild textarea {border-radius: 7px}
.phone_number {padding-left: 80px !important}
.contery-fleg {position: absolute;top: 37px;left: 9px;font-size: 30px;padding: 0 10px 0}
.contery-fleg::before {background: var(--bs-light-orange);width: 1px;height: 40px;position: absolute;right: 3px;top: 0;content: ""}
.opstion-choose {display: none}
.choose-list {height: 40px}
.contact_message_fild {resize: vertical}
.form-country-select {background: var(--bs-white);font-size: 15px;color: var(--bs-gray);font-weight: 400;position: relative;top: -7px}
.multi-filds input {padding-left: 169px !important}
/*=====  Price Range Slider =====*/ 
#price_range, .budget-title {position: relative;color: var(--bs-orange);font-size: 18px}
.budget-title{padding-left: 19px}
.price_input {width: 400px;height: 15px;-webkit-appearance: none;background: #fff;outline: none;border-radius: 15px;overflow: hidden;box-shadow: inset 0 0 5px rgba(0, 0, 0, 1)}
.price_input::-webkit-slider-thumb {-webkit-appearance: none;width: 15px;height: 15px;border-radius: 50%;background: #ff6f04;cursor: pointer;border: 4px solid #333;box-shadow: -407px 0 0 400px #ff6f04}
/*** captcha fild **/
.contact-generate-captcha input, .contact-capha input {min-height: 44px}
.contact-capha {padding-left: 3px}
.capcha-fild {width: 87% !important;margin-top: 27px}
.ezulix-refrece {position: absolute;right: 0;top: 9px;font-size: 27px;color: var(--bs-light-orange);cursor: pointer}
.contact-generate-captcha input {background: var(--bs-light-orange);border: none}
.contact-generate-captcha input:focus {background: var(--bs-black) !important}
.contact-generate-captcha input::placeholder {color: var(--bs-white);opacity: 1}
.contact-form-submit {border-radius: 12px !important}
.generate-captcha-block {padding-right: 7px}
.capha-block {padding-left: 0}
.form-submit-btn {font-size: 28px;font-weight: 350;padding: 6px 70px;margin-top: 21px;border-radius: 36px;color: #fff;background: var(--bs-multi-gradient);background-size: 200% auto;transition: 0.5s all ease-in-out}
.form-submit-btn:hover {background-position: right center}
.refresh-loader {animation-name: spin;animation-duration: 1000ms;animation-iteration-count: infinite;animation-timing-function: linear;display: inline-block}
@keyframes spin {
from {transform: rotate(0deg);}
to {transform: rotate(360deg)}}
/*** Contact Form Text Right **/
.ez-contact {background: var(--bs-light-orange);border-radius: 15px;margin-bottom: 10px}
.contact-icons {background: linear-gradient(90deg, var(--bs-light-orange) 0%, #ae500a 100%);padding: 50px 20px;border-radius: 15px}
.contact-icons span {font-size: 50px}
.content-part {padding: 0 32px}
.card-title {font-size: 18px;margin-bottom: 5px}
.fleg-item {font-size: 35px;padding-right: 15px}
.mobile-number:hover, .ez-mail a:hover {color: var(--bs-black)}

@media only screen and (max-width:1199px) {
/***  Contact Form section  ***/
.form-submit-btn {font-size: 24px;padding: 6px 20px;margin-bottom: 30px}    
}

@media only screen and (max-width:991px) {   
/***  Contact UsForm section  ***/     
.form-submit-btn {width: 100%}
}

@media (min-width:768px)  and (max-width:991px) {
 .content-info-part {display: grid;grid-template-columns: 33% 33% 33%;gap: 5px}   
.contact-icons {background: linear-gradient(180deg, var(--bs-light-orange) 0%, #ae500a 100%);padding: 20px 20px;text-align: center;margin-bottom: 20px} 
.content-part {padding: 0 15px 30px}    
}

@media only screen and (max-width:767px) { 
/*** Contact Us Form Section ***/    
.capcha-fild {padding: 3px 10px !important}
.contact-icons {background: linear-gradient(180deg, var(--bs-light-orange) 0%, #ae500a 100%);padding: 20px 20px;text-align: center;margin-bottom: 20px} 
.content-part {padding: 0 15px 30px}
}

@media only screen and (max-width:575px) { 
.contact-generate-captcha {width: 45%}
.contact-capha {width: 55%}
.contact-form-submit {margin: 0 0 30px}  
}

@media only screen and (max-width:375px) {
/*** Contact Form Section  ***/    
.contact-generate-captcha, .contact-capha {width: 100%} 
.contact-form-submit {margin-top: 0}    
}
