.elementor-1339 .elementor-element.elementor-element-962ac52{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:1;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:160px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1339 .elementor-element.elementor-element-962ac52:not(.elementor-motion-effects-element-type-background), .elementor-1339 .elementor-element.elementor-element-962ac52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.canadianhairtransplant.com/wp-content/uploads/2025/05/image-FUE-Hair-Transplant-Edmonton-1.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-1339 .elementor-element.elementor-element-962ac52::before, .elementor-1339 .elementor-element.elementor-element-962ac52 > .elementor-background-video-container::before, .elementor-1339 .elementor-element.elementor-element-962ac52 > .e-con-inner > .elementor-background-video-container::before, .elementor-1339 .elementor-element.elementor-element-962ac52 > .elementor-background-slideshow::before, .elementor-1339 .elementor-element.elementor-element-962ac52 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1339 .elementor-element.elementor-element-962ac52 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #111318 27%, #59647E00 100%);}.elementor-1339 .elementor-element.elementor-element-29c9763{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1339 .elementor-element.elementor-element-1623f55{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1339 .elementor-element.elementor-element-1623f55 .elementor-heading-title{font-family:var( --e-global-typography-cf25941-font-family ), Sans-serif;font-size:var( --e-global-typography-cf25941-font-size );font-weight:var( --e-global-typography-cf25941-font-weight );line-height:var( --e-global-typography-cf25941-line-height );letter-spacing:var( --e-global-typography-cf25941-letter-spacing );color:var( --e-global-color-ed26d45 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1339 .elementor-element.elementor-element-792957a{font-family:var( --e-global-typography-fdcc06b-font-family ), Sans-serif;font-size:var( --e-global-typography-fdcc06b-font-size );font-weight:var( --e-global-typography-fdcc06b-font-weight );line-height:var( --e-global-typography-fdcc06b-line-height );letter-spacing:var( --e-global-typography-fdcc06b-letter-spacing );color:var( --e-global-color-ed26d45 );}.elementor-1339 .elementor-element.elementor-element-5b04527{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1339 .elementor-element.elementor-element-f7bdb25{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-1e7bee5 );--border-color:var( --e-global-color-1e7bee5 );--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1339 .elementor-element.elementor-element-f7bdb25:not(.elementor-motion-effects-element-type-background), .elementor-1339 .elementor-element.elementor-element-f7bdb25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111318;}.elementor-1339 .elementor-element.elementor-element-c401e29{margin:-10px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}@media(max-width:1366px){.elementor-1339 .elementor-element.elementor-element-1623f55 .elementor-heading-title{font-size:var( --e-global-typography-cf25941-font-size );line-height:var( --e-global-typography-cf25941-line-height );letter-spacing:var( --e-global-typography-cf25941-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1339 .elementor-element.elementor-element-792957a{font-size:var( --e-global-typography-fdcc06b-font-size );line-height:var( --e-global-typography-fdcc06b-line-height );letter-spacing:var( --e-global-typography-fdcc06b-letter-spacing );}}@media(max-width:1024px){.elementor-1339 .elementor-element.elementor-element-962ac52{--min-height:500px;--padding-top:120px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1339 .elementor-element.elementor-element-1623f55 .elementor-heading-title{font-size:var( --e-global-typography-cf25941-font-size );line-height:var( --e-global-typography-cf25941-line-height );letter-spacing:var( --e-global-typography-cf25941-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1339 .elementor-element.elementor-element-792957a{font-size:var( --e-global-typography-fdcc06b-font-size );line-height:var( --e-global-typography-fdcc06b-line-height );letter-spacing:var( --e-global-typography-fdcc06b-letter-spacing );}}@media(max-width:767px){.elementor-1339 .elementor-element.elementor-element-962ac52{--min-height:350px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1339 .elementor-element.elementor-element-29c9763{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1339 .elementor-element.elementor-element-1623f55 .elementor-heading-title{font-size:var( --e-global-typography-cf25941-font-size );line-height:var( --e-global-typography-cf25941-line-height );letter-spacing:var( --e-global-typography-cf25941-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1339 .elementor-element.elementor-element-792957a{font-size:var( --e-global-typography-fdcc06b-font-size );line-height:var( --e-global-typography-fdcc06b-line-height );letter-spacing:var( --e-global-typography-fdcc06b-letter-spacing );}.elementor-1339 .elementor-element.elementor-element-5b04527{--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-1339 .elementor-element.elementor-element-962ac52{--content-width:1400px;}.elementor-1339 .elementor-element.elementor-element-29c9763{--width:50%;}.elementor-1339 .elementor-element.elementor-element-5b04527{--content-width:800px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1339 .elementor-element.elementor-element-29c9763{--width:60%;}}@media(min-width:2400px){.elementor-1339 .elementor-element.elementor-element-1623f55 .elementor-heading-title{font-size:var( --e-global-typography-cf25941-font-size );line-height:var( --e-global-typography-cf25941-line-height );letter-spacing:var( --e-global-typography-cf25941-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1339 .elementor-element.elementor-element-792957a{font-size:var( --e-global-typography-fdcc06b-font-size );line-height:var( --e-global-typography-fdcc06b-line-height );letter-spacing:var( --e-global-typography-fdcc06b-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-962ac52 */#content > div.page-header > h1
{
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c401e29 *//* Progress Bar Styling */
.consultation-form #gf_progressbar_wrapper_4 {
    margin-bottom: 20px !important;
}


/*this makes phone number, email, birth, gender, job title*/
/* Force all Gravity Form fields to take full width regardless of layout */
.consultation-form .gform-theme--foundation .gform_fields .gfield {
  max-width: 100% !important;
  width: 100% !important;
  float: none !important;
}

@media screen and (min-width: 768px) {
  body #gform_wrapper_4 .gform_body .gfield--width-half + .gfield--width-half {
    margin-left: 0  !important;

    margin-right: 0 !important;
  }
}

.consultation-form .gform-theme--framework .gf_progressbar_title {
  text-align: center;
}

  body #gform_wrapper_4 .gform-theme--api, .gform-theme--foundation {
    --gf-form-gap-x: 30px  !important;

    --gf-form-gap-y: 25px  !important;

}

/*Date of birth field fix the field left side*/

.consultation-form .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date img, .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date::after, .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date img, .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date::after

 {
   
    margin-left: -30px !important;
}


.consultation-form  .gform-theme--api, .gform-theme--framework {
    --gf-padding-x: 0px !important;
    
}

.consultation-form  .gform-theme--foundation .gform-grid-row {
    display: flex;
    flex-flow: row wrap;
    /*margin-inline: 0.5px; */
    row-gap: 20px;
   
}




.consultation-form .gform-theme--foundation {
  --gf-form-gap-y: 30px !important;
  --gf-form-gap-x: 10px !important;
}

/*date icon bigger*/
.consultation-form .gform-theme--api, .gform-theme--framework
 {
    --gf-icon-font-family: "gform-icons-orbital";
    --gf-icon-font-size: 23px !important;
    
 }
 
 
 
#gform_4  select,
.gform_wrapper select,
.consultation-form select {
  /* Make the select arrow bigger */
  background-size: 30px !important; 
}


#gform_wrapper_4 .ginput_complex select {
    font-size: 14px;
    font-weight: 400;
    background-color: transparent;
    color: #fff !important;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 8px !important;
    margin: 0 !important;
    margin-top: 0px !important;
    width: 100%;
    height: 50px;
    appearance: auto;
    -webkit-appearance: auto;
}

.consultation-form .gf_progressbar {
    background: #fff !important;
    height: 12px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

.consultation-form .gf_progressbar_percentage {
    background: #B89D30 !important;
    height: 100% !important;
    transition: width 0.3s ease !important;
}


/* Section Title and Description */
.consultation-form .gsection_title {
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 100 !important;
    font-family: Instrument Serif;
    margin-bottom: 15px !important;
    line-height: 1.3 !important;
}

.consultation-form .gsection_description {
    color: #fff !important;
    font-size: 14px !important;
    font-family: Roboto;
    line-height: 1.4 !important;
}

/* Add divider after description */
.consultation-form .gsection_description::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #FFF;
    margin-top: 30px;
}

/* Hide all labels (we'll use placeholders) */
.consultation-form .gfield_label {
    display: none !important;
}



/* All Input Fields */
.consultation-form input[type="text"],
.consultation-form input[type="email"],
.consultation-form input[type="tel"],
.consultation-form input[type="date"],
.consultation-form input[type="number"],
.consultation-form input[type="url"],
.consultation-form input[type="password"],
.consultation-form input[type="search"],
.consultation-form input[type="file"],
.consultation-form select,
.consultation-form textarea,
.consultation-form .hasDatepicker {
    background: transparent !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    font-size: 16px !important;
    padding: 8px !important;
    height: 58px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    transition: border-color 0.3s ease !important;
}

/* Specifically target Gravity Forms' datepicker input */
.consultation-form .ginput_container_date input,
.consultation-form .ginput_container_date .hasDatepicker {
    background: transparent !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}

/* Textareas */
.consultation-form textarea {
    height: 120px !important;
    resize: vertical !important;
}

/* Placeholder Styling */
.consultation-form input::placeholder,
.consultation-form textarea::placeholder {
    color: #999 !important;
    opacity: 1 !important;
}

/* Focus States */
.consultation-form input:focus,
.consultation-form select:focus,
.consultation-form textarea:focus {
    outline: none !important;
    border-color: #B89D30 !important;
    box-shadow: 0 0 0 2px rgba(184, 157, 48, 0.6) !important;
    background-color: transparent !important;
    color: #fff !important;
}

/* Select Dropdown Styling */
.consultation-form select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23ffffff' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 16px !important;
    padding-right: 45px !important;
}

/* Dropdown menu background and text */
.consultation-form select option {
    background-color: #111 !important;
    color: #fff !important;
}

/* Date Picker Icon */
.consultation-form .ui-datepicker-trigger {
    filter: brightness(0) invert(1) !important;
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    width: 16px !important;
    height: 16px !important;
    color: white !important;
}

/* Field Container Spacing */
.consultation-form .gfield {
    margin-bottom: 0px !important;
    padding: 0 !important;
    clear: both !important;
}

/* Two-Column Layout */
@media (min-width: 768px) {
    .consultation-form .has_first_name {
        display: flex !important;
        gap: 10px !important;
        margin-inline: 0.45px !important;
       
    }

   
}

/* Updated Button Styling for Submit & Next */
.consultation-form .gform_button,
.consultation-form .gform_next_button,
.consultation-form input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.45rem 2.2rem !important;
  background: #b89d30 !important;
  color: #111318 !important;
  text-decoration: none !important;
  border-radius: 7px !important;
  font-weight: 500 !important;
  font-size: 1.2rem !important;
  font-family: "Instrumental Serif" !important;
  transition: all 0.3s ease !important;
  border: none !important;
  position: relative !important;
  overflow: hidden !important;
 
  width: auto !important;
}

.consultation-form .gform_button:hover,
.consultation-form .gform_next_button:hover,
.consultation-form input[type="submit"]:hover {
 color: #b89d30 !important;
 background-color: #111318 !important;
   border: 1px solid #b89d30 !important;
}

/* Previous Button (Dark background, white text, gold border) */
.consultation-form .gform_previous_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.45rem 1.7rem !important;
  background-color: #111318 !important;
  color: #d4af37 !important;
  text-decoration: none !important;
  border-radius: 7px !important;
  font-weight: 500 !important;
  font-size: 1.2rem !important;
  font-family: "Instrumental Serif" !important;
  transition: all 0.3s ease !important;
  border: 1px solid #d4af37 !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
  margin-right: 5px !important;
}

/*Overriding browser defaults for active buttons*/
/* Fix text color on click/focus for Submit & Next buttons */
.consultation-form .gform_button:focus,
.consultation-form .gform_button:active,
.consultation-form .gform_next_button:focus,
.consultation-form .gform_next_button:active,
.consultation-form input[type="submit"]:focus,
.consultation-form input[type="submit"]:active {
  color: #b89d30 !important;
  background: #111318 !important;
  outline: none !important;
  border: none !important;
}

/* Fix text color on click/focus for Previous button */
.consultation-form .gform_previous_button:focus,
.consultation-form .gform_previous_button:active {
  color: #d4af37 !important;
  background-color: #111318 !important;
  border: 1px solid #d4af37 !important;
  outline: none !important;
}





/* Override Gravity Forms radio button border radius */
.gform-theme--framework input[type=radio] {
  --gf-local-radius: 0 !important;
}


.gform-theme--foundation #field_submit, .gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer {
    display: block !important;
}



/* Button Container */
.consultation-form .gform_page_footer {
    text-align: center !important;
    margin-top: 30px !important;
}

/* Clear Floats */
.consultation-form .gform_body::after {
    content: "";
    display: table;
    clear: both;
}



/* Force calendar icon color to white */
.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date::after {
    color: #fff !important;
}




/* Hide Gravity Forms Default Elements */
.consultation-form .gform_heading {
    display: none !important;
}

.consultation-form .gfield_required {
    display: none !important;
}

/* Ensure placeholder is white */
.consultation-form input::placeholder {
    color: #fff !important;
}

/* Ensure all text is white */
.consultation-form * {
    color: #fff !important;
}


/* ========================================
   OVERRIDE GRAVITY FORMS THEME BLUE STYLING
   ======================================== */

/* Override the blue checkmark and make it gold */
.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
  color: #d4af37 !important; 
  background-color: transparent !important; 
}

/* Override the blue radio button dot and make it gold */
.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
  background-color: #d4af37 !important; /* Gold dot instead of blue */
}

/* Also target the checked states specifically */
.gform-theme--framework input[type=checkbox]:checked:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
  color: #d4af37 !important; /* Gold checkmark when checked */
  background-color: transparent !important; /* Keep background transparent */
}

.gform-theme--framework input[type=radio]:checked:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
  background-color: #d4af37 !important; /* Gold dot when checked */
}

/* Override any blue accent colors */
.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  accent-color: #d4af37 !important; /* Gold accent color instead of blue */
}

/* Keep the existing styling for the input elements themselves */
#gform_4 input[type="checkbox"],
#gform_4 input[type="radio"],
.gform_wrapper input[type="checkbox"],
.gform_wrapper input[type="radio"] {
  width: 22px !important;
  height: 22px !important;
  margin-right: 10px !important;
  flex-shrink: 0 !important;
  background-color: transparent !important;
  border: 1px solid #fff !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  position: relative !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* Hover effect - only change border color */
#gform_4 input[type="checkbox"]:hover,
#gform_4 input[type="radio"]:hover,
.gform_wrapper input[type="checkbox"]:hover,
.gform_wrapper input[type="radio"]:hover {
  border-color: #d4af37 !important;
}

/* Checked state styling - Keep transparent background, gold border */
#gform_4 input[type="checkbox"]:checked,
#gform_4 input[type="radio"]:checked,
.gform_wrapper input[type="checkbox"]:checked,
.gform_wrapper input[type="radio"]:checked {
  background-color: transparent !important;
  border-color: #d4af37 !important;
}

/* Focus state for accessibility */
#gform_4 input[type="checkbox"]:focus,
#gform_4 input[type="radio"]:focus,
.gform_wrapper input[type="checkbox"]:focus,
.gform_wrapper input[type="radio"]:focus {
  outline: none !important;
  border-color: #d4af37 !important;
  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2) !important;
}

/* ========================================
   SELECT ALL BUTTON 
   ======================================== */

/* Style the "Select All" toggle buttons to match the image exactly */
#gform_4 .gfield_choice_all_toggle,
.gform_wrapper .gfield_choice_all_toggle {
  background-color: transparent !important; 
  font-family: Instrument Serif !important;
  border: 1px solid #d4af37 !important; 
  color: #d4af37 !important; 
  padding: 12px 60px !important; 
  border-radius: 4px !important; 
  font-size: 18px !important; 
  cursor: pointer !important; 
  margin-top: 10px !important;
  transition: all 0.3s ease !important; 
  text-transform: none !important; 
  font-weight: normal !important; 
}

/* Hover effect for Select All buttons */
#gform_4 .gfield_choice_all_toggle:hover,
.gform_wrapper .gfield_choice_all_toggle:hover {
  background-color: rgba(212, 175, 55, 0.1) !important; 
  border-color: #d4af37 !important; 
  color: #d4af37 !important; 
}

/* Active/pressed state */
#gform_4 .gfield_choice_all_toggle:active,
.gform_wrapper .gfield_choice_all_toggle:active {
  background-color: rgba(212, 175, 55, 0.2) !important;
}



/*second form options text*/
.gform-theme--framework .gform-field-label--type-inline
 {
    font-family: 'Roboto' !important;
    font-size: 14px !important;
}


#gform_4 .gfield_label {
    color: #ffffff !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
    display: block !important;
    font-size: 18px !important;
    font-family: Helvetica  !important;
}




#gform_4 .gform_fileupload_rules, .gform_wrapper .gform_fileupload_rules
 {
    color: #999999 !important;
 }


/* ========================================
   TEXTAREA STYLING (Step 3)
   ======================================== */

/* Style multi-line text areas for additional info and messages */
#gform_4 textarea,
.gform_wrapper textarea {
  min-height: 120px !importan;
  resize: vertical !important;
  background-color: transparent !important; 
  border: 1px solid #666666 !important;
  color: #ffffff !important; 
  padding: 12px 16px !important; 
  border-radius: 4px !important; 
  width: 100% !important;
  font-size: 14px !important; 
}


#gform_4 textarea:focus,
.gform_wrapper textarea:focus {
  outline: none !important; 
  border-color: #d4af37 !important; 
  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2) !important; 
}

/* ========================================
   FILE UPLOAD STYLING 
   ======================================== */

#gform_4 .ginput_container_fileupload,
.gform_wrapper .ginput_container_fileupload {
  position: relative !important; 
}


#gform_4 input[type="file"],
.gform_wrapper input[type="file"] {
 
  padding: 12px 30px 12px 5px !important; 
  text-align: center !important; 
  border-radius: 4px !important; 
  color: #ffffff !important; 
}


#gform_4 .gform_fileupload_rules,
.gform_wrapper .gform_fileupload_rules {
  color: #999999 !important; 
  font-size: 12px !important; 
  margin-top: 8px !important; 
  display: block !important; 
}


#gform_4 .gfield .validation_message{
  color: #ff0404 !important;
}

#gform_4_validation_container{
  background-color: #ff04042b!important;
  color: #fff;
}/* End custom CSS */