.reg-section{
    background: #F6F6F6;
    padding-top: 64px;
    padding-bottom: 64px;
}

.reg-form{
    max-width: 447px;
    margin: 0px auto;
    padding: 0px 24px;
    box-sizing: content-box;
}

.reg-form h1{
    margin-top: 0px;
    margin-bottom: 32px;
}

.form__field{
    padding: 8px 12px 8px 20px;
    width: 100%;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #E1E5EA;
    border-radius: 12px;
    font-family: 'SB Sans Text';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #878B90;
    transition: border-color 200ms;
    color: #000000;
}

.password-field__btn{
    position: absolute;
    top: 14px;
    right: 22px;
}
.password-field__btn svg{
    
    transition: .3s;
}
.password-field__btn svg path {
    transition: .3s;
}

.password-field__btn:hover svg path {
    stroke: #333F48;
}

.password-field{
    position: relative;
}

.registration-form__note{
    font-family: 'SB Sans Text';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    color: #AAAFB7;
}

.registration-form__item:not(:last-child){
    margin-bottom: 16px;
}


.follow-check span{
    width: 24px;
    height: 24px;
    left: 0px;
    top: 0px;
    background: #FFFFFF;
    border: 2px solid #E1E5EA;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 200ms;
    /* margin-right: 12px; */
    flex: none;
}

.follow-check__wrap {
    width: 24px;
    height: 24px;
    position: relative;
    margin-right: 12px;
    cursor: pointer;
}

.follow-check label:hover span{
    border-color: #209F6D;
}

.follow-check label input[type=checkbox]{
    /* display: none; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}

.follow-check label input[type=checkbox]:checked + span{
    border-color: #209F6D;
    background-color: #209F6D;
}

.follow-check label input[type=checkbox]:focus + span{
    border-color: #209F6D;
}

.form__checkbox-label{
    display: flex;
    align-items: center;
}

.registration-form__user-types .form__checkbox-label{
    align-items: flex-start;
}

.form__checkbox-label {
    font-family: 'SB Sans Text';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #000000;
}

.form__checkbox-label a{
    color: #21BA72;
    transition: .3s;
}

.form__checkbox-label a:hover{
    color: #209F6D;
    text-decoration: underline;
}

.registration-form__btn{
    padding: 12px 36px;
    gap: 16px;
    height: 48px;
    background: #21BA72;
    border-radius: 32px;
    flex: none;
    order: 0;
    flex-grow: 0;
    border: 0px;
    color: #ffffff;
    cursor: pointer;
    font-family: 'SB Sans Text';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    -webkit-appearance: none;
    -webkit-border-radius: 32px;
}

.registration-form__btn:hover {
    background: #209F6D;
}

.registration-form__footer{
    margin-bottom: 32px;
}

.reg-bottom{
    display: flex;
    align-items: center;
}

.registration-form__soc-title{
    font-family: 'SB Sans Text';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #AAAFB7;
    margin: 0px 21px;
}

.reg-form font.errortext{
    display: block;
    margin-bottom: 32px;
    font-size: 16px;
}

.follow-check{
    margin-top: 16px;
}

.reg-section .share__item a{
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    margin: 0 6px;
    filter: drop-shadow(0px 2px 4px rgba(52, 64, 75, 0.06));
    transition: .3s;
}

.reg-section .share__item a:hover {
    background: #21BA72;
}

.reg-section .share__item a:hover svg path {
    fill: #FFFFFF;
}

.share__list{
    display: flex;
    margin-left: -6px;
}

footer{
    margin-top: 0px;
}

@media screen and (max-width: 1024px){
    .reg-section{
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 767px){
    .reg-bottom{
        flex-direction: column;
    }

    .registration-form__soc-title{
        margin: 16px 0px;
    }
}

.registration .follow-check.error{
    color: #EC1B28;
  }

  .registration .follow-check.error label{
    color: #EC1B28;
  }
  
.registration .follow-check.error a{
    color: #EC1B28;
  }