:root {
  --black: #222;
  --red: #FF474D;
  --geo: 'Geologica', sans-serif;
}
.argiro-page-container,body,html{height:100%}
body{margin:0;font-family:Geologica}
:focus{outline:0}

.log-in-container{display:flex;justify-content:space-between;align-items:center;height:100%}
.log-in-container .image-container{width:50%;height:100%}
.log-in-container .fields-container{width:calc(50% - 40px);margin:0 auto}

.log-in-container .image-container .thumb-holder{line-height:0;height:100%;width:100%;position:relative}
.log-in-container .image-container .thumb-holder img{object-fit:cover;height:100%;width:100%}
.fields-container .fields-wrap{max-width:532px;width:100%;display:flex;flex-direction:column;align-items:center;margin:0 auto}
.fields-container .c2a-title{color:var(--black);text-align:center;font-size:32px;font-style:normal;font-weight:600;line-height:34px}
.fields-container .fields{display:flex;flex-direction:column;align-items:center;max-width:532px;width:100%}
.fields-container .thumb-holder img{width:100%}
.fields-container .field:has(input),.fields-container .field:has(select){width:100%;max-width:532px;margin-bottom:20px;background:#fff;box-sizing:border-box}
.fields-container .field input{width:calc(100% - 32px);color:#999;font-family:var(--geo);font-size:14px;font-style:normal;font-weight:300;line-height:28px;border:none}
.fields-container .field select{width:100%;color:#999;font-family:var(--geo);font-size:14px;font-style:normal;font-weight:300;line-height:28px;border:none;background-color:#fff;cursor:pointer}

.fields-container .field input,.fields-container .field select{border:1px solid #dfddd5;padding:8px 15px;-webkit-appearance:none;-moz-apperance:none;-ms-appearance:none}

.fields-container .field:has(.arrow){position:relative}
.fields-container .field .arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.fields-container .field label{margin-bottom: 5px; display: block;}

.fields-container .field:has(.action-btn){background:#222;color:#fff;cursor:pointer;padding:17px 60px;margin-top:20px;margin-bottom:40px;border:1px solid #222}
.fields-container .field .action-btn{font-family:var(--geo);font-size:14px;font-style:normal;font-weight:300;line-height:12px;letter-spacing:1.4px;text-transform:uppercase}
.fields-container .field:has(.action-btn.disabled){cursor:default}
.fields-container .field:has(.action-btn.disabled):hover{background:var(--red);color:#fff}

.field-container .field option{border:1px solid #dfddd5;padding:8px 15px;margin-bottom:20px;background:#fff;margin-left:-10%;border-radius:0}

.fields-container .field.checkbox-field{display:flex;align-items:flex-start;justify-content:flex-start;gap:5px;margin-top:4px;border:0;padding:0;max-width:532px}
.fields-container .checkbox-field input[type=checkbox]{margin:0;max-width:12px;width:100%;height:12px;background-color:#fff;border:1px solid #000;border-radius:0;cursor:pointer;padding:0}
.fields-container .checkbox-field input[type=checkbox]:checked{background-color:var(--red);position:relative;border:1px solid var(--red)}
.fields-container .checkbox-field input[type=checkbox]:checked::after{content:'';position:absolute;bottom:2px;left:3px;width:3px;height:6px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.fields-container .checkbox-field label{font-family:var(--geo);font-size:10px;font-style:normal;font-weight:400;line-height:15px;letter-spacing:.5px;text-transform:uppercase}

.relocate{display:flex;justify-content:center;align-items:center;gap:10px}
.relocate a{color:var(--black);font-family:var(--geo);font-size:12px;line-height:28px;font-style:normal;font-weight:300;letter-spacing:.6px;text-decoration:none}
.relocate a:hover{text-decoration:underline}
.relocate .sep{width:1px;height:8px;background:var(--black)}

.fields-container .thumb-holder{width:120px}
@media screen and (max-width:768px){
  .fields-container .fields-wrap{padding-bottom: 80px;}
  .log-in-container{flex-direction:column;justify-content:flex-start}
  .log-in-container .image-container{width:100%;height:auto;margin-bottom:30px}
  .log-in-container .image-container .thumb-holder{height:0;padding-bottom:55.6%}
  .image-container .thumb-holder img{object-fit:cover;height:100%;position:absolute;top:0;left:0;width:100%}
  .log-in-container .fields-container{width:calc(100% - 40px)}
  .fields-container .c2a-title{font-size:24px;line-height:26px}
  .fields-container .field:has(input),.fields-container .field:has(select){padding:6px 8px}
  .fields-container .field:has(.action-btn){padding:16px 0;width:100%;text-align:center}
  .fields-container .field .arrow{display:none}
}


.argiro-page .select2-container--default .select2-selection--single,.argiro-page .select2-dropdown{border:1px solid #dfddd5;height:auto;border-radius:0}
.argiro-page .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,.select2-container--default .select2-selection--single .select2-selection__rendered,.select2-results__option.select2-results__option--selectable{font-family:var(--geo);font-size:14px;font-style:normal;font-weight:300;line-height:28px}
.select2-container--default .select2-selection--single .select2-selection__arrow{display:none}
.argiro-page .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{color:#000}
.argiro-page .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#dfddd5;color:#000}
.argiro-page .select2-container .select2-selection--single .select2-selection__rendered,.select2-results__option{padding:8px 15px!important}
.select2-container--default .select2-results__options{-ms-overflow-style:none;scrollbar-width:none}