/*
File: fill-the-form.css
Version: 1.0.0
Author: Hossein Hosseinpour <hossein.hhp.2@gmail.com>
Author URI: 
License: GNU General Public License v2 or later
Description:  
*/
body {
    background: #f6f6f6;
    /*color: #fff;*/
}
.general-header {
  background: var(--primary-color);
}
.mfs-header-menu a {
  color: #fff;
}
.rotate-180 {
  transform: rotate(180deg) !important;
}
#fill_the_form {
  padding: 13rem 0 5rem;
    min-height: 100vh;
}

#fill_the_form .fill_the_form_section{
    margin-bottom:3rem;
}
#gform_fields_3{
    row-gap: 0px;
}
#fill_the_form .fill_the_form__title_items{
    border-bottom: 1px solid #19382d;
    padding: 1rem 0 1rem 5rem;
    margin-top: 1.5rem;
    margin-bottom: 3rem;
    margin-left:5rem;
    margin-right: 7.5rem;
    /*cursor: pointer;*/
    user-select: none;
    font-family:'semi bold';
    color: var(--primary-color);;
}
.gform-theme--foundation .gfield{
    position: relative;
}
label[for="input_3_1"], 
label[for="input_3_3"]{
    position: absolute;
    margin: 0;
    bottom: 16%;
    font-size: 22px !important;
    font-family: 'chivo light' !important;
    color: var(--primary-color) !important;
}
.gfield_required_custom {
  color: red !important;
}
#ShowSelectValue {
  margin-left: 2rem;
}
form#gform_3 input,
#field_3_6 label {
    padding: 2rem 0 !important;
}
#fill_the_form h2{
    font-size: 42px;
    display: inline-block;
    font-family: 'chivo bold';
    color: var(--primary-color);
}
.fill_the_form__title {
    text-align: center;
    font-size: 80px;
    margin-bottom: 5rem;
    font-family:'semi bold';
    color: var(--primary-color);
    /*-webkit-text-stroke: 2px;*/
    /*text-stroke: 2px;*/
}
#fill_the_form .from_link{
    color:#888;
    margin: 1rem 10rem;
}
#fill_the_form .from_link>img{
    width: 1.5rem;
    border-radius: 100%;
    border: 1px solid #000;
    filter: brightness(0);
    opacity: .3;
    padding: 0.15rem;
    margin-left: 1rem;
}
#fill_the_form .fill_the_form__title_items > img{
    margin: 0 2rem 1.15rem;
    width: 33px;
}
.gform_footer.before{
    align-items: center;
}
.gform_footer.before > img {
    margin: 0.2rem .5rem;
    width: 22px;
    height: auto;
}
#field_3_5 img,
#field_3_6 img {
    /*width: 15px;*/
    width: 20px;
    margin-bottom: .25rem;
    margin-left: .75rem;
}
#field_3_5 img{
    margin-bottom: 0rem
}
#gform_submit_button_3 > img {
    width: 30px;
    margin-bottom: .5rem;
    margin-left: .75rem;
}
#fill_the_form .fill_the_form__title_items.openDrop > img {
  transform: unset;
}

.fill_the_form_content {
  padding: 0 10rem 2rem;
  text-align: left;
    font-family: 'chivo light';
      font-size: 1.25rem;
}
form#gform_3 {
  padding: 0 10rem;
}
form#gform_3 input,
#field_3_5 label,
#input_3_5_label{
    background-color:red;
    font-size: 21px;
    display: block;
    width: 100%;
    padding: 1rem 0;
    border: unset;
    background-color: transparent;
    border-bottom: 1px solid #000;
    border-radius:0;
    box-shadow: unset;
    font-family: 'chivo light';
}
/*form#gform_3 .form-control:focus {*/
form#gform_3 input:focus {
  color: var(--bs-body-color);
  outline: 0;
border: unset;
    background-color: transparent;
    border-bottom: 1px solid #000;
    box-shadow:unset;
}
#input_3_5 {
  /*background: transparent;*/
  background-color: transparent;
  border: unset;
  overflow: hidden;
  padding: 1rem 0;
  border-radius: 0;
border-bottom: 1px solid #000;
  box-shadow: unset;
    height: fit-content;
}
#input_3_5_label{
    
}
#input_3_5:focus {
    box-shadow: unset;
}
#input_3_5 option {
  font-family: 'chivo light' !important;
  color:#7f806c;
}
#input_3_5 option:checked {
    font-weight: bold;
    background-color: transparent;
}
/*#input_3_5 option:first-child {*/
/*  display: none;*/
/*}*/
.ginput_container.ginput_container_fileupload,
.ginput_container.ginput_container_multiselect {
  display: none;
}
#gform_submit_button_3 {
  all: unset !important;
  display: inline-block !important;
  margin: 0 0 0 auto !important;
cursor: pointer !important;
color: #888 !important;
}
#field_3_5 label,
#field_3_6 label{
    cursor: pointer;
    font-size: 21px;
    color: var(--primary-color);;
}
#user_cv_label {
  padding: 1rem 0;
}
#input_3_5, form#gform_3 input, #field_3_5 label, #input_3_5_label{
    color: var(--primary-color);;
}
@media (max-width: 991px) {
    #fill_the_form .fill_the_form_section{
        padding:0 1rem;
    }
    #fill_the_form {
      padding: 4rem 0 5rem;
    }
    #fill_the_form h2 {
        font-size: 20px;
    }
    #fill_the_form .fill_the_form__title_items > img{
        width: 18px;
        margin: 0 2rem .5rem;
    }
    #fill_the_form .fill_the_form__title_items {
      border-bottom: 2px solid #19382d;
      padding: 0 2rem;
      margin: 4rem 0 1rem;
    }
    #input_3_5{
        margin-top: 0;
    }
    form#gform_3 input, #input_3_5_label {
        padding: 1rem 2rem !important;
        font-size: 14px;
        margin-top: .5rem;
    }   
    form#gform_3 input[type="submit"]{
        padding: 0 !important;
    }
    #field_3_5 label {
      padding: 0.6rem 2rem !important;
      font-size: 18px !important;
      /*display: none;*/
    }
    #field_3_5 img{
      margin-bottom: -2px;
      display: none;
    }
    form#gform_3 {
        padding: 0 ;
    }
    #field_3_6 label {
        font-size: 14px;
        margin: .5rem 2rem;
        display: flex;
        align-items: center;
        padding: .25rem 0 !important;
    }
    #input_3_5 option {
        /*font-size: 17px;*/
        font-size: 12px;
        padding-top: 3px;
    }
    #gform_fields_3{
      row-gap: 0px;
    }
    #gform_submit_button_3 {
        font-size: 14px !important;
    }
    .gform_footer.before > img {
      width: 22px;
      height: auto;
      margin-top: 3px;
    }
    label[for="input_3_1"], 
    label[for="input_3_3"]{
        margin: 0 !important;
        margin-left: 2rem !important;
        font-size: 18px !important;
      bottom: 20%;
    }
     #field_3_5 {
         overflow: hidden;
     }
     #ShowSelectValue {
      margin-left: 1rem;
      font-size: small;
    }
     
     #input_3_5 {
        /*background: #fff;*/
        /*background-color: #fff;*/
        
            
        border-bottom: unset;
        /*border: 1px solid var(--primary-color);*/
            
        /*padding: 1rem 2rem 1.5rem;*/
        padding: 0 1rem;
        /*margin-bottom: .25rem;*/
        
        margin: 0.5rem 1rem;
        width: 92%;
        
        font-family: 'chivo light';
        /*color: var(--primary-color)*/
        color: transparent;
        font-size: 18px;
        
     }
     .ginput_container.ginput_container_multiselect {
         border-bottom: 1px solid #000;
     }
     .ginput_container.ginput_container_multiselect {
      display: block;
    }
     #field_3_5 label {
      border-bottom: unset;
      
      /* ------- */
      /*display: none;*/
        width: fit-content;
        margin-bottom: -3.4rem;
    }
    /*#input_3_5 option:first-child {*/
    /*  display: block;*/
    /*}*/
     /* **************** */
    /*#field_3_5{*/
    /*      position: relative;*/
    /*}*/
    /*#input_3_5{*/
    /*    position: absolute;*/
    /*      top: 0;*/
    /*      padding: 0;*/
    /*      opacity: 0;*/
    /*}*/
}