/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 11 2026 | 13:43:29 */
/* =====================================
   Contact Form Typography + Color
   Target: #contactform
   ===================================== */

/* Base font + color */
#contactform,
#contactform * {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    color: #666666;
    font-size: 16px;
}
#contactform .elementor-field-group .elementor-select-wrapper:before {
    content: "\e92a" !important;
    font-family: eicons;
    font-size: 15px;
    inset-block-start: 50%;
    inset-inline-end: 10px;
    pointer-events: none;
    position: absolute;
    text-shadow: 0 0 3px rgba(0, 0, 0, .3);
    transform: translateY(-50%);
}
/* Inputs, textarea, select */
#contactform input,
#contactform textarea,
#contactform select {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    color: #666666;
    font-size: 16px;
}

/* Placeholder text */
#contactform input::placeholder,
#contactform textarea::placeholder {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    color: #666666;
}

/* Select dropdown options */
#contactform select option {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    color: #666666;
    font-size: 16px;
}

/* Acceptance checkbox text */
#contactform .elementor-field-type-acceptance label,
#contactform .elementor-acceptance-field + label {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    color: #666666;
}

/* Upload field text */
#quoteform .upload-label,
#quoteform .upload-subtext {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
    color: #666666;
    font-size: 16px;
}

/* Button text */
#contactform button,
#contactform .elementor-button-text {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 500;
    color: #666666;
    font-size: 16px;
	text-transform: uppercase;
}

/* -------------------------------------
   Upload Box Styling
   ------------------------------------- */

/* upload box base */
#quoteform .elementor-field-type-upload {
    position: relative;
    border: 2px solid #F7F7F7;
    border-radius: 5px;
    background: #FFF;
    padding: 25px 15px;
    text-align: center;
    transition: all 0.3s ease;
    margin-bottom: 20px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* hover */
#quoteform .elementor-field-type-upload:hover {
    background: #FFFFFF;
}

/* hide select caret */
#contactform .select-caret-down-wrapper {
    display: none;
}

/* hide default elementor label */
#quoteform .elementor-field-type-upload label {
    display: none;
}

/* file input clickable full area */
#quoteform .elementor-field-type-upload input[type="file"] {
    opacity: 0;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 5;
}

/* inner wrapper */
#quoteform .upload-box-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* SVG icon container */
#quoteform .upload-box-icon {
    font-size: 34px;
    color: #2c2c2c;
    margin-bottom: 10px;
    line-height: 1;

    display: flex;
    align-items: center;
    justify-content: center;
}

/* size the injected svg */
#quoteform .upload-box-icon svg {
    width: 40px;
    height: 40px;
    display: block;
    fill: currentColor;
}

/* main label */
#quoteform .upload-label {
    font-size: 16px;
    font-weight: 600;
    color: #666666;
    text-align: center;
}

/* subtext / filename */
#quoteform .upload-subtext {
    font-size: 16px;
    color: #666666 !important;
    margin-top: 6px;
    text-align: center;
    max-width: 95%;
    word-break: break-word;
}

/* textarea radius */
#contactform #form-field-message {
    border-radius: 5px;
}

#quoteform .elementor-field,
#quoteform .elementor-field-type-upload {
    width: 100%;
    box-sizing: border-box;
}

#contactform .elementor-field-type-upload {
    margin-left: 10px;
    margin-right: 10px;
}


#contactform .elementor-column {
    padding-left: 10px;
    padding-right: 10px;
}

/* Target contact form placeholders */
#contactform ::placeholder {
    color: #666666 !important;
    opacity: 1; /* For Firefox */
}

#contactform :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #666666 !important;
}

#contactform ::-ms-input-placeholder { /* Microsoft Edge */
    color: #666666 !important;
}

/* Target textarea placeholder as well */
#contactform textarea::placeholder {
    color: #666666 !important;
}

/* Button background & text color */
#contactform button.elementor-button {
  
    color: #ffffff !important;
}