@import url("https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/metropolis.min.css");
html{scroll-behavior:smooth}
body,p{font-family:Metropolis}
body{overflow-x:hidden}
.bannersection{background:#fff;padding:3% 0 0;margin-top:0;background-size:cover;min-height:345px}
div#downloadCurriculumReport h3{text-align:center;font-size:22px;margin-top:0;padding-bottom:12px;position:relative}
div#downloadCurriculumReport h3:after{content:"";background:#ff5722;width:50px;height:5px;display:block;bottom:4px;text-align:center;margin:auto;margin-top:10px}
div#downloadCurriculumReport .with-icon.single-row{width:48%!important;float:left;margin-right:2%}
div#downloadCurriculumReport .formsection form input,div#downloadCurriculumReport .formsection form select{width:100%;padding:5px 0;margin-bottom:16px;border:1px solid #ddd;border-radius:5px;height:40px;background:#fff;outline:0;margin-bottom:10px;margin-right:10px;text-indent:10px;display:block;font-size: 14px;}
.selection-test-section label{width:100%;font-size:13px;font-weight:400;color:#8e8e8e}
div#downloadCurriculumReport form .selection-test-section input{width:auto!important;float:left;display:inline-block;height:18px;margin:0 8px 2px 0 !important}
div#downloadCurriculumReport button#form-submit-button{width:98%}
.formsection button#form-submit-button{position:relative;left:0;background:#34a739;color:#fff;width:98%;text-transform:uppercase;font-weight:600;padding:14px 12px;margin:auto;border:1px solid;border-radius:5px;font-size:17px;letter-spacing:.5px;outline:0;margin-left:0}
div#downloadCurriculumReport .formsection form select {
    text-indent: 7px;
}
div#downloadCurriculumReport input#Phone{padding-left:36px}
::placeholder{color:#000;opacity:1}
:-ms-input-placeholder{color:#000}
::-ms-input-placeholder{color:#000}
.autocomplete-active{background: #fa6000;color: #fff;}
div#mx_Cityautocomplete-list,div#JobTitleautocomplete-list,div#Companyautocomplete-list{position:absolute;background:#fff;z-index:9;width:46%;padding-left:12px;box-shadow:0 2px 11px -1px #ddd;overflow-y:scroll!important;max-height: 170px;}
div#mx_Cityautocomplete-list div,div#JobTitleautocomplete-list div,div#Companyautocomplete-list div{font-size:12px;padding-bottom:2px}
div#Companyautocomplete-list div:hover{background:#fa6000;color:#fff;cursor:pointer}
div#mx_Cityautocomplete-list div:hover{background:#fa6000!important;color:#fff;cursor:pointer}
div#JobTitleautocomplete-list div:hover{background:#fa6000!important;color:#fff;cursor:pointer}
div#Companyautocomplete-list div:hover{background:#fa6000!important;color:#fff;cursor:pointer}
/*
div#downloadCurriculumReport .autocomplete-items{min-height:auto!important;height:100px!important;overflow-y:scroll!important;background:transparent;padding-left:0}
div#downloadCurriculumReport .autocomplete-items div{background:#fff;padding:3px 14px}
*/
.grecaptcha-badge{visibility:hidden}
.captcha-label{font-size:10px;margin-top:0;margin-bottom:0;font-weight:300;color:#a0a0a0}
.intl-tel-input .flag-dropdown .selected-flag {padding: 13px 13px 9px 13px}
p.terms-condition-label {display: block;float: left;width: 100%;}
p.terms-condition-label input[type=checkbox] {float: left;margin-right: 6px !important;margin-top: 2px;margin-bottom: 8px !important;width: auto !important;height: auto !important;}
p.terms-condition-label label {position: relative;top: -2px;font-size: 13px;display: inherit;line-height: 1.4;font-weight: 400;}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
div#downloadCurriculumReport{background:#fff;padding-top:30px}
div#downloadCurriculumReport .with-icon.single-row{width:96%!important}
div#downloadCurriculumReport iframe{height:620px!important}
div#mx_Cityautocomplete-list, div#JobTitleautocomplete-list, div#Companyautocomplete-list {width: 88%;}
}

@media only screen and (max-width:600px) {
    div#downloadCurriculumReport iframe {
        width: 100%;
        height: 500px;
    }
    div#downloadCurriculumReport .with-icon.single-row {
        width: 100%!important;
    }
}