.ajax-upload-dragdrop,
.textBox {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

textarea {
    transition: auto !important;
}

body {
    background-color: rgba(255, 255, 255, 0)!important;
}

.elementor-element-36d11cf2 a,
.elementor-element-cb9615a a,
.elementor-element-5defc3b a,
.elementor-element-3d53b3e5 a {
    cursor: pointer;
}

.ajax-upload-dragdrop,
.textArea {
    max-width: 700px;
    border: 2px dotted #A5A5C7
}

.ajax-upload-dragdrop {
    padding: 10px 20% 30px;
    margin-bottom: 10px;
    color: #8E9DAE;
    text-align: center;
    background: white;
}

#estimate-row {
    border-radius: 25px;
    background-color: #3BA1DA;
    padding: 20px 50px;
    margin: auto;
    max-width: max-content;
}
#estimate-row p {
    font-size: 50px;
    color: white;
    margin-bottom: 0;
    line-height: 50px;
}

.textBox {
    max-width: 700px
}

.textArea {
    display: inline;
    height: 100%;
    min-height: 200px
}

@media screen and (max-width:460px) {
    .ajax-upload-dragdrop {
        padding: 10px 0 30px;
        width: 100%
    }
    .textBox {
        width: 100%!important
    }
}

#upload-section {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    padding: 60px 80px 10px;
    text-align: center;
    background: white;
    max-width: 800px;
    width: 100%;
    margin: auto;
}

@media screen and (min-width:769px) {
    .textArea {
        min-width: 700px
    }
    #upload-section {
        margin-top: 0;
    }
}
@media screen and (max-width:768px) {
    #upload-section {
        padding: 30px 20px 10px;
    }
    #estimate-row {
        padding: 15px 20px;
    }
    #estimate-row p {
        font-size: 40px;
    }
    #nf-field-130-container,
    #nf-field-131-container,
    #nf-field-132-container,
    #nf-field-133-container {
        width: 100%;
        margin-left: 0;
    }
}

#nf-form-10-cont,
#nf-form-11-cont,
#nf-form-7-cont,
#nf-form-8-cont {
    margin-top: 30px
}

#nf-field-111-container,
#nf-field-112-container,
#nf-field-113-wrap,
#nf-field-114-container,
#nf-field-116-container,
#nf-field-117-container,
#nf-field-118-container,
#nf-field-119-container,
#nf-field-120-container,
#nf-field-121-container,
#nf-field-122-container,
#nf-field-57-container,
#nf-field-74-container,
#nf-field-77-container,
#nf-field-79-wrap,
#nf-field-80-container,
#nf-field-82-container,
#nf-field-83-container,
#nf-field-87-container,
#nf-field-88-container,
#nf-field-89-container,
#nf-field-92-container,
#nf-field-93-container,
#nf-field-96-container {
    display: none!important
}

#nf-field-138-container,
#nf-field-139-container,
#nf-field-136-container,
#nf-field-137-container,
#nf-field-134-container,
#nf-field-135-container {
    display: none;
}

.nf-field-label {
    width: 100% !important;
}

#nf-field-115,
#nf-field-81 {
    min-height: 90px;
    resize: vertical
}

.ninja-forms-field.nf-element {
    border: 1px solid #cfcfcf
}
.ninja-forms-field.nf-element[type=checkbox] {
    height: 30px;
    margin-right: 20px;
}

.nf-field-container {
    margin-bottom: 20px!important
}

#nf-field-110,
#nf-field-73,
#submitAssignmentButton {
    background: #3ba1da;
    color: #fff;
    font-size: 1.5em;
    margin: auto;
    width: 150px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
}

#nf-field-128,
#nf-field-22 {
    cursor: pointer
}

#legalate_file_upload+label:hover,
#nf-field-110:hover,
#nf-field-73:hover {
    background: #79ccfa
}

#nf-field-47 {
    padding-left: 25px
}

#nf-field-60-container,
#nf-field-99-container {
    margin: 0 -20px
}

#nf-field-108-container,
#nf-field-70-container {
    margin: -30px -20px
}

@media screen and (max-width:425px) {
    #nf-field-108-container,
    #nf-field-60-container,
    #nf-field-70-container,
    #nf-field-99-container {
        margin-left: 5px
    }
}

#nf-label-field-130,
#nf-label-field-137,
#nf-label-field-134,
#nf-label-field-132 {
    margin-bottom: 12px;
}

#nf-field-108:focus,
#nf-field-60:focus,
#nf-field-70:focus,
#nf-field-130:focus,
#nf-field-132:focus,
#nf-field-137:focus,
#nf-field-134:focus,
#nf-field-99:focus {
    box-shadow: none
}

#nf-error-108,
#nf-error-60,
#nf-error-70,
#nf-error-99 {
    margin: -20px 0 10px 35px
}

#nf-field-100-container,
#nf-field-61-container {
    margin-top: 3px;
    text-align: left
}

#nf-field-109-container,
#nf-field-71-container {
    margin-top: -26px;
    text-align: left
}

@media screen and (min-width:500px) {
    #nf-field-100-container,
    #nf-field-109-container,
    #nf-field-61-container,
    #nf-field-71-container {
        margin-left: 0
    }
}

#legalate_file_upload+label {
    height: 50px;
    width: 250px;
    max-width: 200px;
    display: inline-block;
    color: #fff;
    padding-top: 12px;
    font-size: 1.5em;
    background: #3ba1da;
    cursor: pointer
}

#legalate_file_upload:focus+label {
    outline: #000 dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

.requiredField {
    border-color: #f3615b
}

#fileProgress {
    padding-left: 0;
    padding-right: 0
}

#fileProgressContainer,
#submitProgressContainer {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .5) inset;
    display: none;
    max-width: 800px;
    height: 20px;
    margin: auto
}

#fileProgressbar,
#submitProgressbar {
    display: block;
    width: 0;
    height: 20px;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .5) inset;
    background: linear-gradient(-45deg, transparent 33%, rgba(3, 169, 244, 1) 33%, rgba(255, 146, 143, 1) 66%, transparent 66%);
    background-size: 50px 20px;
    animation-name: animate-indeterminate;
    animation-duration: .5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes animate-indeterminate {
    from {
        background-position-x: 0
    }
    to {
        background-position-x: 50px
    }
}

@media screen and (max-width:840px) {
    #fileProgressContainer,
    #submitProgressContainer {
        width: 70%
    }
}

.tabButton,
.textSubmitButton {
    float: left;
    color: #fff;
    font-size: 1.1em;
    cursor: pointer;
    width: 120px;
    height: 35px;
    margin-bottom: 10px;
    border: none
}

.tabButton {
    background: #3ba1da
}

.activeTabButton {
    background: #79ccfa
}

.textSubmitButton {
    background: #4bda52
}

.textSubmitButton:hover {
    background: #8bea90
}

.tabButton:hover {
    background: #79ccfa
}

.tabButtonContainer {
    display: inline-block;
    padding-top: 40px;
    height: 175px
}

.fileListButton,
.fileListButtonRetry {
    color: #fff;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 5px 0 0 20px
}

.fileListButton {
    background: #f3615b;
    border-color: #ff7a75
}

.fileListButtonRetry {
    background: #ffb051;
    border-color: #ffcc82
}

.fileNameList {
    -ms-word-break: break-all;
    word-break: break-all;
    padding-left: 10px;
    padding-right: 10px
}

.fileErrorMessage {
    -ms-word-break: break-all;
    word-break: break-all;
    color: #f3615b;
    margin-top: 20px;
    text-align: center
}

.header-homepage {
    padding-top: 109px;
}

.upload-box-flap {
    position: absolute;
    height: 100px;
    top: -60px;
    width: 300px;
    background-color: #f5fafd;
    border-radius: 15px;
    z-index: 3;
    padding-top: 18px;
    text-align: center;
    font-size: 20px;
}

.upload-box-flap-container{
    width: 620px;
    margin:auto
}

@media screen and (max-width:620px) {
    .upload-box-flap-container{
        width: 100%;
    }
    .upload-box-flap{
        width: 47%;
        font-size: 14px;
        padding-top: 23px;
    }
}

.upload-box-flap-unselected {
    z-index: 1;
    background-color: #ffffff;
    cursor: pointer;
    top: -55px;
}

.upload-box-flap-shadow {
    z-index: 0;
    box-shadow: 1px 4px 10px 0px #888;
    top: -55px;
}

.upload-box-flap-shadow-selected {
    z-index: 2;
    box-shadow: 5px 5px 20px 0px #888;
    top: -60px;
}

.slider {
    -webkit-appearance: none;
    width: 70%;
    margin: auto;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #3ba1da;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #3ba1da;
    cursor: pointer;
}

.slider:hover {
    opacity: 1;
}

.slider:focus{
    background-color: #d3d3d3 !important;
    border-color: #f1f1f1 !important;;
    box-shadow: unset !important;;
}