body {
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0;
background-color: #ffffff;
}

#global-contact-form,
.form_gray_bg {
max-width: 927px;
margin: 40px auto;
background: #efefef;
padding: 60px;
border-radius: 20px;
box-sizing: border-box;
}

.error-message{
    text-align:left !important;
}

form {
width: 100%;
}

/* Form group spacing */
.form-group1 {
margin-bottom: 20px;
width: 100%;
position: relative;
/* Important for icon positioning */
}

/* Labels */
label {
display: block;
margin-bottom: 6px;
font-weight: 400;
color: #000;
}


/* Input, textarea, select */
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
select,
textarea {
width: 100%;
padding: 17px 21px;
border: 1px solid #ffffff;
border-radius: 10px;
font-size: 14px;
box-sizing: border-box;
background-color: #fff;
/* color: #4D4C4C; */
color: #7d7575;
}


#career-form-container select,
#quote_form select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
cursor: pointer !important;
background-image: url('data:image/svg+xml;utf8,<svg fill="%237d7575" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') !important;
background-repeat: no-repeat !important;
background-position: right 15px center !important;
/*background-size: 12px !important;*/
background-size: 20px !important;
background-color: #fff !important;
color: #7d7575 !important;
/*border: 1px solid #ccc !important;*/
border-radius: 10px !important;
}


/* Add Font Awesome dropdown icon */
.form-group1 select+.select-icon {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
color: #4D4C4C;
pointer-events: none;
/* Makes sure clicks go through to the select */
font-size: 16px;
}

/* Form rows */
.form-row {
display: flex;
flex-wrap: wrap;
gap: 20px;
}

.form-row .form-group1 {
flex: 1;
min-width: 250px;
}




/*Code added by sushil start 26-8-2025*/

/* Checkbox wrapper and label */
.checkbox-wrapper {
margin: 20px 0;
   display: flex;
    flex-direction: column;
}


.checkbox-holder {
    display: flex;
    align-items: baseline;
    gap: 10px;
}


.checkbox-holder input{
    width: fit-content;
}

.checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-weight: 400;
    color: #4D4C4C;
    padding: 5px 0;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    text-align:left;
}

#error-consent{
    margin-top: -5px !important;
}


/*Code added by sushil end 26-8-2025*/

















.checkbox-label {
display: flex;
align-items: flex-start;
gap: 10px;
font-weight: 400;
color: #4D4C4C;
padding: 5px 0;
}

.checkbox-label input[type="checkbox"] {
margin-top: 6px;
}

/* Button styles */
#global-contact-form .themebutton,
.career-btn {
background-color: #34B849;
color: #fff;
margin-top: 20px;
padding: 16px 50px;
border: none;
border-radius: 9px;
cursor: pointer;
font-size: 16px;
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.3s ease;
display: inline-block;
text-align: center;
width: auto;
letter-spacing: .5px;
}

#global-contact-form .themebutton:hover {
background-color: #2fa140;
}

#global-contact-form,
.form-group {
text-align: center;
}

/* Phone input styling */
.phone-container {
width: 100%;
}

.iti {
width: 100%;
}

#mobilephone {
width: 100%;
padding: 17px 21px;
border: 1px solid #ffffff;
border-radius: 10px;
font-size: 14px;
box-sizing: border-box;
}

.padding-x {
padding: 0 5px;
}

/* Focus styles */
input:focus,
select:focus,
textarea:focus {
outline: none;
border-color: #34B849;
box-shadow: 0 0 0 2px rgba(52, 184, 73, 0.2);
}

.dropdown-icon {
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
}

/* dropdown options style */
.form-group1>select>option {
background-color: #efefef;
/* color: white; */
}

/* phone dropdown */
.iti--separate-dial-code .iti__selected-flag {
background-color: white !important;
border-radius: 20px;
}

.iti__country-list {
max-width: 200px;
}


/* ------- Quote form style -------  */

/* Modal Overlay */
#quote_modal_overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.4);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
overflow-y: auto;
animation: fadeInOverlay 0.3s ease;
}

/* Animate modal appearance */
#quote_form_placeholder>* {
max-height: 90vh;
/* ✅ Important: modal won't overflow screen */
overflow-y: auto;
animation: slideDownModal 0.4s ease-out forwards;
transform: translateY(-40px);
opacity: 0;
box-shadow: none;
padding: 60px;
/* border-radius: 20px; */
}

.close-btn {
position: absolute;
top: 10px;
right: 15px;
background: transparent;
border: none;
font-size: 2rem;
color: #666;
cursor: pointer;
z-index: 10000;
}


/* Smooth slide-down animation */
@keyframes slideDownModal {
to {
transform: translateY(0);
opacity: 1;
}
}

/* Fade in overlay background */
@keyframes fadeInOverlay {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

/* Tablet styles */
@media (max-width: 992px) {

#global-contact-form,
.form_gray_bg {
padding: 40px;
margin: 20px;
}


}

/* Mobile styles */
@media (max-width: 768px) {

#global-contact-form,
.form_gray_bg {
padding: 30px 20px;
margin: 10px;
}

.form-row {
flex-direction: column;
gap: 0px;
}

.form-row .form-group1 {
flex: 1 1 100%;
min-width: 100%;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
padding: 14px 16px;
}

.checkbox-wrapper p {
margin-left: 0 !important;
}

#global-contact-form .themebutton,
.career-btn {
min-width: 50%;
padding: 12px 10px;
}
}

/* Small mobile styles */
@media (max-width: 480px) {
#global-contact-form,
.form_gray_bg {
padding: 20px 15px;
margin: 0;
}
}