#mainform {
  padding: 30px 20px 0px 20px;
}
#mainform .form-control {
  padding: 10px;
  margin: 10px auto;
}
.privacy-div{
    padding-bottom: 20px;
}
                        #pswd_info {
                            padding-top: 15px;
                        }

                        #pswd_info ul {
                            list-style: none;
                            margin: 0;
                            padding: 0;
                        }

                        .invalid {
                            background: url(images/wrong.svg) no-repeat 0 50%;
                            padding-left: 15px;
                            line-height: 20px;
                            color: #ec3f41;
                            background-size: 10px 10px;
                            font-size: 14px;
                        }

                        .valid {
                            background: url(images/right.svg) no-repeat 0 50%;
                            padding-left: 15px;
                            line-height: 20px;
                            color: #3a7d34;
                            background-size: 10px 10px;
                            font-size: 14px;
                        }

                        .agree-checkbox {
                            margin-bottom: 3px;
                            margin-top: 3px;
                            position: relative;
                            display: block;
                        }

                        .agree-checkbox input[type=checkbox] {
                            height: auto;
                            top: 5px;
                            position: absolute;
                        }

                        .agree-span {
                            font-size: 11px;
                            margin-left: 20px;
                        }

                        #prevBtn {
                            color: blue
                        }

                        .iti {
                            width: 100%;
                        }

                        .form-groups {
                            width: 100%;
                        }

                        .form-groups:first-child {
                            margin-top: 15px;
                        }

                        .iti div.iti__flag-container {
                            /* display: none;*/
                        }

                        .flag-dropdown {
                            display: none;
                        }

                        input.error-field:not([type=checkbox]):not([type=radio]) {
                            border-color: #d35d6e !important
                        }

                        .error-msg-input {
                            display: block;
                            color: #fa3144;
                            font-size: 12px;
                            margin-top: 5px
                        }

                        .container-steps {
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            gap: 40px;
                            max-width: 370px;
                            width: 100%;
                            margin: 0 auto;
                            margin-bottom: 17px;
                        }

                        .container-steps .steps {
                            display: flex;
                            width: 90%;
                            align-items: center;
                            justify-content: space-between;
                            position: relative;
                            z-index: 1;
                        }

                        .steps .circle {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            height: 30px;
                            width: 30px;
                            color: #999;
                            font-size: 18px;
                            font-weight: 500;
                            border-radius: 50%;
                            background: #fff;
                            border: 2px solid #e0e0e0;
                            transition: all 200ms ease;
                            transition-delay: 0s;
                        }

                        .steps .circle.active {
                            transition-delay: 100ms;
                            border-color: #4070f4;
                            color: #4070f4;
                        }

                        .steps .progress-bar {
                            position: absolute;
                            height: 2px;
                            width: 100%;
                            background: #e0e0e0;
                            z-index: -1;
                        }

                        .progress-bar .indicator {
                            position: absolute;
                            height: 100%;
                            width: 0%;
                            background: #4070f4;
                            transition: all 300ms ease;
                        }

                        .hiddenArea {
                            display: none !important;
                        }

                        .iti--separate-dial-code .iti__selected-dial-code {
                            color: #333;
                            font-size: 16px;
                        }

                        .iti--separate-dial-code .iti__selected-flag {
                            background: transparent !important;
                        }

                        .iti--allow-dropdown input,
                        .iti--allow-dropdown input[type=text],
                        .iti--allow-dropdown input[type=tel],
                        .iti--separate-dial-code input,
                        .iti--separate-dial-code input[type=text],
                        .iti--separate-dial-code input[type=tel] {
                            /*padding-left: 100px !important;*/
                        }

                        .iti__flag-container {
                            z-index: 999999;
                        }

                        .main-form-body {
                            margin-bottom: 100px;
                            background: #fff;
                        }

                        .single article .post-footer {
                            padding: 5px !important;
                        }

                        @media screen and (max-width: 600px) {
                            #reg_form {
                                padding: 0 2px !important;
                            }
                        }
