.inp{
    padding-top: 50px;
    width: 100%;
    height: 90px;
}
.inp{
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    color: var(--f-color-dark);
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 1px solid var(--f-color-medium_gray);
    outline: none;
    min-height: 32px;
    width: 100%;
}
.inp:hover:not(:focus){
    color: var(--f-color-orange);
    border-color: var(--f-color-orange);
}
.inp:focus{
    color: var(--f-color-dark);
    border-color: var(--f-color-orange);
}
textarea.inp{
    padding-top: 50px;
    height: 90px;
}
/*** chekbox ***/
.chk-bx-n {
    font-size: 19px;
    cursor: pointer;
    position: relative;
    margin: auto;
    -webkit-tap-highlight-color: transparent;
    transform: translate3d(0, 0, 0);
}
.chk-bx-n:before {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(34,50,84,0.03);
    opacity: 0;
    transition: opacity 0.2s ease;
}
.chk-bx-n svg {
    position: relative;
    z-index: 1;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: var(--f-color-orange);
    stroke-width: 1.5;
    transform: translate3d(0, 0, 0);
    transition: all 0.2s ease;
}
.chk-bx-n svg path {
    stroke-dasharray: 60;
    stroke-dashoffset: 0;
}
.chk-bx-n svg polyline {
    stroke-dasharray: 22;
    stroke-dashoffset: 66;
}
.chk-bx-n:hover:before {
    opacity: 1;
}
.chk-bx-n:hover svg {
    stroke: var(--f-color-dark);
}
#agreement_inp{
    display: none;
}
#agreement_inp:checked + .chk-bx-n svg {
    stroke: var(--f-color-dark);
}
#agreement_inp:checked + .chk-bx-n svg path {
    stroke-dashoffset: 60;
    transition: all 0.3s linear;
}
#agreement_inp:checked + .chk-bx-n svg polyline {
    stroke-dashoffset: 42;
    transition: all 0.2s linear;
    transition-delay: 0.15s;
}
/*** chekbox ***/


.emailSvg {
    stroke: #D9DADA;
    stroke-width: .1%;
    stroke-width: .5%;
    stroke-dasharray: 1% 2%;
    stroke-linecap: round;
    fill: none;
}
.emailSvg .fil1 {
    fill: #D9DADA;
}
.emailSvg .fil2 {
    fill: #C5C6C6;
}
.emailSvg .fil4 {
    fill: #9D9E9E;
}
.emailSvg .fil3 {
    fill: #AEAFB0;
}