.content-login-main {
  width: 100%;
  height: 100%;
  padding: 0px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  min-height: 100vh;
}

.form-section{max-width:780px;margin:0 auto;}
.form-section h1{padding: 0 0 30px 0;;}
.form-section h2{padding: 0 0 30px 0;;}
.form-section .input-container{max-width:50%;}
.form-section .btn-container{display: flex;}
.form-section .btn-container button{margin: 0 20px 0 0;}

.form-section .looking-for{display: flex;width:100%;padding: 20px 0;}
.form-section .looking-for .looking-for-icon{display: flex;flex-direction: column;justify-content: space-between;align-items:center;padding: 0 20px 10px 0;}
.form-section .looking-for .looking-for-icon svg{width:124px;}

.form-section .looking-for .looking-for-count{float:left;display: flex;flex: 0;background: #E6EEF9;padding: 9px 16px;border-radius:10px;}
.form-section .looking-for .looking-for-count input{background: none;padding: 4px 6px;width:40px;text-align:center;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    color: #262626;
}

.form-section .looking-for .looking-for-count div{cursor:pointer;display: flex;align-items:center;}

.form-section .looking-for .looking-for-input {flex:1;}
.form-section .looking-for .looking-for-input .custom-input-container {margin: 10px 0 0 0;width:100%;}

.content-login{flex: 0 0 40%;}
.content-login .header-tools{padding: 60px 50px;
  display: flex;
  align-items: center;

}
.content-login .header-tools a{
  font-size: 22px;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
}
.content-login .header-tools a svg{margin-right:22px;}
.content-login-banner{max-height:100%;flex: 0 0 60%; overflow:hidden;}
.content-login-banner div{width:100%;height:100%; background-size: cover; }


.login-profile{max-width:380px;margin: 0 auto;font-family:'Nunito Sans'}
.login-profile .btn.submit{padding: 16px 16px;width:100%;}
.login-profile-icon{padding: 36px 0 0 0;}
.login-profile-welcome{
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 120%;
  display: flex;
  flex-direction: column;
  align-items: center;
  letter-spacing: 1px;
  color: #000000;
  padding: 8px 0 0 0;
}
.login-profile-welcome span{
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
  color: #394A64;
  padding: 11px 0;
}

.login-form{
    display: flex;
    flex-direction: column;
}

.login-form-divider{position:relative;border-top:1px solid #E5E7EB;margin: 50px 0 50px 0;}
.login-form-divider span{padding: 0 25px;position:absolute;left:50%;bottom:-50%;background:#fff;transform: translate(-50%, 50%);
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  color: #394A64;
}
.login-form-options a.btn{display:flex; flex-direction: row;  align-content: center; align-items: center;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 41px;
  color: #5E2EBA;
  box-sizing: border-box;
  padding: 4px 0px 4px 0px;
  justify-content: flex-start;
  background: #F6F9FD;
  border-radius: 4px;
  margin:5px 0px;

}
.login-form-options a.btn:hover{border: none;color: #1E2E57;}
.login-form-options a.btn span{display:flex; flex:0 0 30%; text-align:center; justify-content: center; align-content: center; align-items: center; }

.login-btn-container .btn{width:100%;}
.profile-edit .login-btn-container .btn{width:auto;}

.login-btn-container.loading-btn button{display:none;}
.login-btn-container.loading-btn{display:block;height:48px;margin: 8px 0px;background:url(/images/loader-login.svg?v=1) no-repeat center;}


.custom-input-container,.custom-input-container-file{
  font-size: 16px;
  color:#09101D;
  margin:0 0 20px 0;
  position:relative;
  box-sizing:border-box;
  padding: 24px 0 0 0;
  display: flex;
  flex-direction: column;
}
.custom-input-content.editor-content{
    flex-direction: column;
}


.custom-input-content.editor-content .ql-toolbar.ql-snow{
    background: #FCFCFC;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    margin:7px;
}
.custom-input-content.editor-content .ql-container.ql-snow{
    border: none;
    font-family: 'Nunito Sans', 'Montserrat', Helvetica, Arial, sans-serif;
    color:#000000;
}

.ql-editor{
    min-height:100px;
    font-size:16px;
}
.custom-input-content.editor-content textarea{display: none;}

.custom-input-multi{display: flex;gap:60px;}

.custom-input-multi .custom-input-container,
.custom-input-multi .custom-checkbox-container{max-width:100%;flex: 1;border:none;}

.custom-input-multi .custom-checkbox-container .filter-section-inputs{
    padding:10px;
}

.custom-input-multi .product-eco-checkbox{
    display: flex;
}
.custom-input-multi .product-eco-tooltip{
    position:relative;
    display: flex;
    align-items: center;
}
.custom-input-multi .product-eco-tooltip:hover .product-eco-tooltip-info{
    display: block;
}
.custom-input-multi .product-eco-tooltip svg{
    width: 16px;
    height:16px;
    margin-left:12px;
}
.custom-input-multi .product-eco-tooltip .product-eco-tooltip-info{
    /*display: none; */
    position:absolute;
    top:-10px;
    right:-10px;
    padding:0;
    border-radius:20px;
}

.custom-input-multi .dropzone{max-width:250px;padding-top:60%;display: block;}
.custom-input-multi .dropzone.has-image{padding:0;width:auto;}

.gigjob-budget{display: flex; padding:20px 0;   align-items: center; justify-content: center;width:100%;justify-content: space-between;}
.gigjob-budget .gigjob-budget-value input{width:180px;}
.gigjob-budget .gigjob-budget-value input,
.gigjob-budget .gigjob-budget-value {
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 1px;
    color: #45E08F;
    text-align: center;
}
.gigjob-budget .gigjob-budget-value{display: flex;width:180px;height:48px;text-align:center;align-items:center;}

.gigjob-budget .plus,
.gigjob-budget .minus{display: flex; cursor: pointer; align-items:center;justify-content: center;background: #F6F9FD;width:48px;height:48px;border-radius:4px;}

.custom-input-container.profile-image{display: flex;align-items: center; flex-direction: row;}
.custom-input-container.profile-image img{border-radius:50%;}
.custom-input-container.profile-image button{margin: 0 20px;}
.custom-input-content{
  background: #FFFFFF;
  border: 1px solid #0D1C32;
  box-sizing: border-box;
  border-radius: 4px;
  width:100%;
  box-sizing:border-box;
  display:flex;
  padding: 1px;
  position:relative;
}
.custom-input-container.active.focusin .custom-input-content{border: 2px solid #4976C1;padding:0;}
.custom-input-container .custom-input-content{background:#fff;/*border-color:#858C94;*/}

.profile-edit .custom-input-container .custom-input-content{max-width:480px;}

.custom-input-container.active .custom-input-content,{background:#fff;border-color:#858C94;}
.custom-input-container label{position:absolute;top:-24px;left:0px;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #0D1C32;
}
.custom-input-container.active.focusin label{left:-1px;top:-25px;color:#4976C1;}
.custom-input-container.active,
.custom-input-container-file{border-color:#5786FF;}
.custom-input-container.error, .custom-container.error select{border:2px solid #ED1C25;}
.custom-input-container span,
.custom-input-container-file span{color:#ED1C25;font-size:16px;padding-left:3px;line-height:11px;}
.custom-input-container input,
.custom-input-container textarea,
.custom-input-container-file input,
.custom-input-container  select,
.price-size-list input,
.product-tab-content input{
  display:block;
  border:none;
  padding:12px 8px;
  margin:2px;
  flex-grow: 1;
  flex-shrink: 1;
  background: none;
  background-color: transparent;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  height:50px;
  box-sizing:border-box;
}


.custom-input-container .chosen-container-multi .chosen-choices li.search-choice span{display: block;color:#000;}
.custom-input-container .chosen-container-multi .chosen-choices{border:none;padding: 0px 4px;}
.custom-input-container .chosen-container-multi .chosen-choices li.search-choice{padding: 16px 8px;}

.custom-input-container .chosen-container .chosen-results li{font-size:16px;}
.custom-input-container .chosen-container-multi .chosen-choices li.search-field input[type=text],
.custom-input-container .chosen-container-single .chosen-single{height:45px;}
.custom-input-container .chosen-container-single .chosen-single{margin:0;background:none;display: flex;align-items: center;}
.custom-input-container .chosen-container-single .chosen-single span{color:#000;line-height:24px;}

.custom-input-container  select option{padding: 10px 0;}

.custom-input-container input:-webkit-autofill,
.custom-input-container input:-webkit-autofill:hover,
.custom-input-container input:-webkit-autofill:focus,
.custom-input-container input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.custom-input-container.active input{position:relative;bottom:0;display:block;}
.custom-input-container-file input{bottom:0;}
.custom-input-container-file span{font-weight:400;font-size: 16px;color: #B0AB9C;}

.custom-input-content.textarea{
  height:auto;
}
.custom-input-container textarea{
  height:64px;
  resize: none;
}
.custom-input-container .custom-input-content.textarea label{
  bottom:auto;
  top:20px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: rgb(30, 46, 87, 0.8);
}
.custom-input-container.active .custom-input-content.textarea label{
  -webkit-transform: scale(.75) translateY(-50px);
  transform: scale(.75) translateY(-50px);
}

.custom-input-tooltip{
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  color: rgb(9, 16, 29, 0.6);
  text-align:left;
  padding: 0 0 0 16px;
}
.custom-input-message{
  background: #EDF9F0;
  border-radius: 8px;
  padding: 6px 40px;
  text-align:left;
  display:none;
}
.custom-input-container.warning .custom-input-content{border-color:#F04156 !important;}
.custom-input-container.warning label{color: #F04156;}
.custom-input-container.warning .custom-input-message{display:block;
  display: flex;
  align-items: center;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin: 0px 0px;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #F04156;
  background: #ffffff;
  padding: 6px 0;
}
.custom-input-message.success{display:block;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #287D3C;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin: 0px 0px;
  background: #EDF9F0 url(/images/svg/success-icon.svg) no-repeat 16px center;
}
.agre-terms{
  font-size: 9px;
  line-height: 12px;
  color: #061938;
}
.agre-terms .container-custom-checkbox{
  display:flex;
  align-items: center;
}
.agre-terms .container-custom-checkbox a{font-weight: bold;}
.agre-terms .container-custom-checkbox span{color:#ED1C25;font-size:16px;}

.to-register-options{padding: 14px 0 0 0;}
.to-register-options a{
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #9098B1;
  display:block;
}
.to-register-options a.to-register{
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #40BFFF;
}

.checkout.form-section h1{
  text-align:center;
}

.checkout.form-section .how-to-step{width:100%;padding: 25px 0;}
.checkout.form-section .how-to-step .how-to-step-title{width:100%;text-align:left;}

.checkout.form-section .btn-container{display: flex;justify-content: center;padding: 50px 0;}


.price-size-list{border:1px solid silver;border-collapse: collapse;margin: 20px 0;}
.price-size-list tr td, .price-size-list tr th{padding:4px;border:1px solid silver;border-collapse: collapse;}
.price-size-list input{
  appearance: auto;
  border: 1px solid #4976C1;
  border-radius:6px;
}