/* FORM ELEMENT */
.form_container{position: relative;display: block;max-width: 1200px;width: 100%;margin: 0 auto;min-height: 1000vh;}
.col_6{max-width: 500px;}



/* input style 1 */
.form_group {position: relative; margin-bottom: 22px;}
.textarea_style1 {resize: none; }
.input_style1, .textarea_style1 {background: none; color: #000; font-size: 18px; height: 42px; padding: 8px 10px 8px 5px; display: block; width: 100%; border: none; border-radius: 0; border-bottom: 2px solid #1f9dd9; background-color: #f5f5f5; }
.input_select {height: 42px;margin-bottom: 22px; }

.input_style1:focus, .textarea_style1:focus {outline: none; } 
.input_style1:focus ~ .label_style1, .textarea_style1:focus ~ .label_style1,
.input_style1:valid ~ .label_style1 {top: -18px; font-size: 15px; color: #fff; left: 0px; }

.input_style1:focus ~ .bar_style1:before, .textarea_style1:focus ~ .bar_style1:before {width: 100%; } 
.input_style1[type=password] {letter-spacing: 0.3em; }
.label_style1 {color: #6c6c6c; font-size: 16px; font-weight: normal; position: absolute; pointer-events: none; left: 5px; top: 10px; transition: 300ms ease all; }
.bar_style1 {position: relative; display: block; width: 100%; }
.bar_style1:before {content: "";height: 2px;width: 0;bottom: 0px;position: absolute;background: #14bd00;transition: 300ms ease all;left: 0%;}
.input_style1:valid ~ .bar_style1:before{width: 100%;  content: "";height: 2px;bottom: 0px;position: absolute;background: #14bd00;transition: 300ms ease all;left: 0% }



.textarea_style2 {resize: none; }
.textarea_style2 {background: none; color: #000; font-size: 18px; padding: 10px 10px 10px 5px; display: block; width: 100%; border: none; border-radius: 0; border-bottom: 2px solid #1f9dd9; background-color: #f5f5f5; }
.textarea_style2:focus {outline: none; } 
.textarea_style2:focus ~ .label_style1 {top: -16px; font-size: 14px; color: #14bd00; left: 0px; }
.textarea_style2:focus ~ .bar_style1:before {width: 100%; } 

.verigirildi ~ .label_style1 {top: -16px; font-size: 14px; color: #14bd00; left: 0px; }

/* checbox style1 */
.checbox_style1 {list-style: none; padding: 0; }
.checbox_style1 li{display: inline; } 
.checbox_style1 li label{display: inline-block; background-color: rgba(255, 255, 255, .9); border: 2px solid rgba(139, 139, 139, .3); color: #adadad; white-space: nowrap; margin: 3px 0px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: all .2s; }
.checbox_style1 li label {padding: 8px 12px; cursor: pointer; }
.checbox_style1 li label::before {display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "FontAwesome"; font-weight: 900; font-size: 12px; padding: 2px 6px 2px 2px; content: "\f067"; transition: transform .3s ease-in-out; }
.checbox_style1 li input[type="checkbox"]:checked + label::before {content: "\f00c"; transform: rotate(-360deg); transition: transform .3s ease-in-out; }
.checbox_style1 li input[type="checkbox"]:checked + label {/* border: 2px solid #1bdbf8; */background-color: #14bd00;color: #fff;transition: all .2s;}
.checbox_style1 li input[type="checkbox"] {display: absolute; } 
.checbox_style1 li input[type="checkbox"] {position: absolute; opacity: 0; }
.checbox_style1 li input[type="checkbox"]:focus + label {/* border: 2px solid #cfcfcf; */}

.checbox_style1 li input[type="radio"] + label::before {content: "\f1db"; transform: rotate(-360deg); transition: transform .3s ease-in-out; }
.checbox_style1 li input[type="radio"]:checked + label::before {content: "\f058"; transform: rotate(-360deg); transition: transform .3s ease-in-out; }
.checbox_style1 li input[type="radio"]:checked + label {background-color: #e5ad00;color: #fff;transition: all .2s;}
.checbox_style1 li input[type="radio"] {display: absolute; } 
.checbox_style1 li input[type="radio"] {position: absolute; opacity: 0; }
.checbox_style1 li input[type="radio"]:focus + label {/* border: 2px solid #cfcfcf; */}




.label_style2{display:block; line-height:40px; }
.input_style2 {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 13.33333px; right: 0; bottom: 0; left: 0; height: 40px; width: 40px; transition: all 0.15s ease-out 0s; background: #cbd1d8; border: none; color: #fff; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none; position: relative; z-index: 1000; }
.input_style2:hover {background: #9faab7; }
.input_style2:checked {background: #14bd00;} 
.input_style2:checked::before {width: 40px; height: 40px; display:flex; content: '\f00c'; font-size: 25px; font-weight:bold; position: absolute; align-items:center; justify-content:center; font-family:'Font Awesome 5 Free'; }
.input_style2:checked::after {-webkit-animation: click-wave 0.65s;-moz-animation: click-wave 0.65s;animation: click-wave 0.65s;background: #38ae2a;content: '';display: block;position: relative;z-index: 100;}
.input_style2.radio_style2 {border-radius: 50%; } 
.input_style2.radio_style2::after {border-radius: 50%; }
@keyframes click-wave {0% {height: 40px; width: 40px; opacity: 0.35; position: relative; } 100% {height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0; } }




.buton1{font-size: 1.1rem;background-color: #3681dd; color: #fff;padding:10px 30px;cursor: pointer;border:none; width: fit-content;}
.buton1:hover{background-color: #4f90e1;color: #fff;}



.user-actions {-webkit-box-shadow: 0 2px 48px 0 rgb(0 0 0 / 8%); box-shadow: 0 2px 48px 0 rgb(0 0 0 / 8%); background: #fff; padding: 15px 20px; margin-top: 10px;
 /*border-top: 3px solid #2a96ff;*/ position: relative; margin-bottom: 10px; }
.vcv-timeline {position: relative; display: flex; align-items: center; max-width: 930px; margin: 0 auto; padding: 0; list-style-type: none; color: #a7a7a7; }
.vcv-timeline-item {display: flex; align-items: center; flex: 1 0 auto; padding: 0; }
.vcv-timeline-item::before, .vcv-timeline-item::after {content: ''; }
.vcv-timeline-item::before {content: attr(data-step); display: inline-flex; justify-content: center; align-items: center; flex: 0 0 32px; height: 32px; margin: 0 10px 0 0; border-radius: 50%; border: 2px solid #a7a7a7; color: #a7a7a7; }
.vcv-timeline-item::after {height: 2px; background: #a7a7a7; width: 100%; margin: 0 10px; }
.vcv-timeline-item:last-of-type {flex: 0 0 10px; }
.vcv-timeline-item:last-of-type::after {display: none; }
.vcv-timeline-item.vcv-step-done::before {content: ''; border-color: #2a96ff; background: #2a96ff url("data:image/svg+xml,%0A%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Activation-Theme-to-Premium' transform='translate(-827.000000, -183.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='Activation-02' transform='translate(342.000000, 172.000000)'%3E%3Cg id='Navigation' transform='translate(44.000000, 0.000000)'%3E%3Cg id='check' transform='translate(441.000000, 11.000000)'%3E%3Cpolygon id='Path' points='11.8606017 0 4.86058121 6.82615443 2.13952103 4.17292819 0 6.25973131 4.8606221 11 14 2.08684301'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center; background-size: 40%; }
.vcv-timeline-item.vcv-step-done::after {background: #2a96ff; }
@media screen and (max-width: 768px) {
.vcv-timeline {/*margin-bottom: 50px;*/ }
.vcv-timeline-item {position: relative; }
.vcv-timeline-item span {text-align: left; margin: 10px 0 0; position: absolute; top: 30px; width: 100%; left: 2px; }
.vcv-timeline-item:last-of-type {flex: 0 0 auto; margin: 0 30px 0 0; }
.vcv-timeline-item::before {margin: 0; }
.vcv-timeline-item::after {flex: 0 1 auto; }
}

.title5{
    font-size: 25px;
    color:#61bc46;
}