.select2-container{width: 100% !important;}
.select2-container--default .select2-selection--single{ 
     padding-bottom: 7px;
     border: 0;
     border-radius: 0;
     resize: none;
     padding: 10px 20px;
}
.select2-dropdown{border:none; background: rgb(246 248 250);}
.select2-container--default .select2-selection--single .select2-selection__rendered{ color: rgba(100, 100, 100, 0.71);}
.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow{
     height: 50px;
     padding: 0 20px;
     font-weight: 400;
     border-radius: 8px;
}
.select2-container .select2-selection--single{
     border: 1px solid #ccc;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding: 0; line-height: 50px;}
.select2-container--default .select2-results__option--highlighted {background: #333 !important; color: #ffffff;}
.select2-container--default .select2-results__option--highlighted .option-icon{background-color: #333;}
.select2-container--default .select2-results__option--selected {background-color: rgb(233 238 245);}
.select2-container--open .select2-dropdown--below {
     border-top: none;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}
[dir=rtl] .contactus-ajax-form, [dir=rtl] .option-wrapper{direction: rtl;}
[dir=rtl] .select2-container--default .select2-selection--single .select2-selection__arrow{left:1px; right: auto;}
[dir=rtl] .select2-container--default .select2-selection--single .select2-selection__rendered, [dir=rtl] .select2-results__option {text-align: right;}
[dir=rtl] .response{text-align: right; direction:rtl;}
.form-error{display:block; min-height:30px;}
.select2-results__option {padding: 3px 10px;}
.contact-inner-box-1 .form-clt input, .contact-inner-box-1 .form-clt textarea {
    border: 1px solid #ccc;
    border-radius: 8px;
}
.contact-image, .contact-form-box{min-height: unset;}
.contact-form-box .form-clt{margin-bottom: 0;}
/* phone with country flag (intl-tel-input) */
.form-clt .iti{display:block;width:100%;}
.form-clt .iti input{width:100%;}
.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.03);border-radius:8px 0 0 8px;}
.iti__country-list{text-align:left;z-index:1060;}
/* always open the country list downward (never flip up / scroll the page) */
.iti__country-list--dropup{top:100% !important;bottom:auto !important;margin-top:0 !important;margin-bottom:0 !important;}
/* searchable country select — full width + match the inputs, allow the search box */
.form-clt .select2-container{width:100% !important;}
.form-clt .select2-container{display:block;}
.form-clt .select2-container .selection{display:block;width:100%;}
/* select2's empty inline-block dropdown-wrapper adds ~37px of phantom height
   below the box (unused because we set dropdownParent) — remove it */
.form-clt .select2-container .dropdown-wrapper{display:none;}
.form-clt .select2-container .select2-selection--single{width:100%;display:block;box-sizing:border-box;height:54px;border:1px solid #ccc;border-radius:8px;}
.form-clt .select2-container .select2-selection--single .select2-selection__rendered{line-height:52px;}
.form-clt .select2-container .select2-selection--single .select2-selection__arrow{height:52px;}
.select2-search--dropdown .select2-search__field{border:1px solid #ccc;border-radius:6px;padding:6px 8px;}
/* make the dropdown search box fill the dropdown width */
.form-clt .select2-dropdown .select2-search--dropdown{display:block;width:100%;box-sizing:border-box;}
.form-clt .select2-dropdown .select2-search--dropdown .select2-search__field{width:100%;box-sizing:border-box;}

/* native <select> (e.g. contact "Inquiry type") — match the text inputs + keep a caret */
.contact-inner-box-1 .form-clt select:not(.js-country),
.contact-form-box .form-clt select:not(.js-country),
.contactus-form .form-clt select:not(.js-country){
    -webkit-appearance:none;appearance:none;
    width:100%;height:54px;border:1px solid #ccc;border-radius:8px;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23646464' d='M6 8 0 0h12z'/%3E%3C/svg%3E") no-repeat right 18px center;
    padding:0 44px 0 20px;color:rgba(100,100,100,.71);font-size:16px;cursor:pointer;
}

/* lift the fields above the submit button (z-index:2) so the inline phone
   country dropdown is not hidden behind it */
.contactus-form .fields,
.vendor-form .fields{position:relative;z-index:3;}
/* covers the partner-with-us form (inline, no .fields wrapper) */
.form-clt:has(.iti){position:relative;z-index:3;}

/* anchor the searchable country dropdown to its field (no gap, no jump) */
.contact-inner-box-1 .form-clt,
.contact-form-box .form-clt,
.contactus-form .form-clt,
.vendor-form .form-clt{position:relative;}
/* the open dropdown is an absolutely-positioned .select2-container appended to
   the .form-clt; force it directly below the field (select2 otherwise flips it
   ABOVE when the field sits low in the viewport). z-index keeps it over siblings. */
.form-clt > .select2-container--open:has(.select2-dropdown){top:100% !important;bottom:auto !important;z-index:1000;}
/* select2 sets an inline width on .select2-dropdown that can be narrower than the
   field; force it to fill the wrapper, and restore the full border (the theme's
   .select2-dropdown--below rule strips border-top). */
.form-clt .select2-dropdown{width:100% !important;border:1px solid #ccc !important;border-radius:8px !important;}
.form-clt .select2-dropdown .select2-results,
.form-clt .select2-dropdown .select2-results__options{width:100%;box-sizing:border-box;}
.form-clt .select2-results__option{width:100%;box-sizing:border-box;}

/* submit button breathing room */
.contactus-form .theme-btn,
.vendor-form .theme-btn{margin-top:26px;}