.next_step_btn.two {
            width: auto;
            font-size: 14px;
            font-weight: 500;
            line-height: 0;
            padding: 12px 20px;
            border-radius: .25rem;
        }
        .more-details {
            min-height: 250px;
        }
        .registration {
            min-height: calc(100vh - 130px);
            display: flex;
            padding-bottom: 30px;
        }
        .undo-select {
            cursor: pointer;
        }
        @media only screen and (max-width: 425px){
            .next_step_btn.two {
                font-size: 2.85vw;
            }
        }
        /**this css does not need, it is made just for html output
        .form-select {
            background-image: url(asset/images/arrow-down.svg)!important;
        }        ::placeholder {
            font-size: var(--placeholder-font) !important;
            color: var(--placeholder-color);
        }

        ::-webkit-input-placeholder {
            color: var(--placeholder-color);
            padding-top: 5px;
        }

        ::-moz-placeholder {
            color: var(--placeholder-color);
            padding-top: 5px;
        }

        :-ms-input-placeholder {
            color: var(--placeholder-color);
        }
        .registration .form-control, .registration .form-select {
            min-height: 50px!important;
            font-size: 14px!important;
            border-radius: 4px!important;
        }
        .registration .form-control[type=file] {
            min-height: unset!important;
        }
        .registration .form-control::placeholder {
            font-size: 14px!important;
        }
         .form-select.fix-select {
            min-height: 50px;
            font-size: 14px!important;
            border-radius: 4px!important;
        }
        .select2-container--default .select2-search--inline .select2-search__field {
            margin-bottom: 11px;
            margin-top: 0px!important;
        }
        .registration .form-control, .registration .form-select {
            min-height: 50px!important;
            font-size: 14px!important;
            border-radius: 4px!important;
        }
        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            margin-bottom: 2px;
        }
        .select2-container--default .select2-search--inline .select2-search__field::placeholder {
            font-size: 14px!important;
        }
        .select2-container--default .select2-selection--multiple {
            min-height: 50px!important;
        }
        .select2-container--default .select2-search--inline .select2-search__field {
            height: 22px!important;
        }

        .select2-container {
            width: 100% !important;
        }
        .select2-container--default .select2-selection--multiple,
        .select2-container--default .select2-selection--single {
            border: 1px solid #ced4da !important;
            border-radius: 4px !important;
            font-size: 14px !important;
            min-height: 44px !important;
            padding: 0.475rem 35px 0.475rem 0.3rem !important;
        }
       .select2-container--default .select2-selection--multiple .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #212529!important;
            line-height: 28px;
            font-size: 14px!important;
        }
        .select2-container--default .select2-selection--multiple .select2-selection__arrow b,
        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border: 0 !important;
            margin: 0 !important;
        }
        .select2-container--default .select2-selection--multiple .select2-selection__arrow b:before,
        .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
            color: #999;
            content: "\F22C";
            font-family: bootstrap-icons;
            font-size: 16px;
            line-height: 0px;
            position: absolute;
            right: -5px;
            transition: all 0.3s ease;
        }
        .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__arrow b:before,
        .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
            transform: rotate(180deg) !important;
            transition: all 0.3s ease !important;
        }
        .select2-container--default .select2-selection--multiple .select2-selection__arrow,
        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 100% !important;
            width: 30px !important;
        }
        .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
        .select2-container--default .select2-results__option--selected {
            background-color: #2862b7f0 !important
            color: #fff;
        }
        .select2-results__option--selectable {
            font-size: 14px !important;
            font-weight: 700 !important;
            padding-bottom: 8px !important;
            padding-left: 0.87rem !important;
            padding-top: 8px !important;
        }
        .select2-dropdown {
            border: 1px solid #ced4da !important;
        }
        .select2-results__option,
        .select2-selection__rendered {
            font-family: Lato, sans-serif !important;
            font-size: 12px !important;
        }
        .select2-container--default .select2-search--dropdown .select2-search__field {
            border-radius: 4px;
            font-size: 12px;
            outline: none;
            padding: 10px;
        }
        .select2-container--default .select2-search--dropdown .select2-search__field:focus {
            border-color: var(--primary-bg-color) !important;
        }
        .select2-container.select2-container--open .select2-dropdown,
        .select2.select2-container.select2-container--open .select2-selection--single {
            border: 1px solid var(--primary-bg-color) !important;
        }
        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above {
            border-bottom-width: 0 !important;
        }
        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below {
            border-top-width: 0 !important;
        }
        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            background: var(--primary-bg-color) !important;
            color: #fff !important;
        }
        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
            background: #2b2b3a !important;
            border-right: 2px solid #f1a762 !important;
            color: #eee !important;
            padding-right: 4px;
        }
        /**this css does not need, it is made just for html output**/
        .select2-container--default .select2-selection--single {
            min-height: 50px!important;
            padding-top: 10px!important;
        }
        .form-select::-webkit-select-placeholder{
                color:#000 !important;
        }
        .select2-search--inline {
            display: contents; /*this will make the container disappear, making the child the one who sets the width of the element*/
        }

        .select2-search__field:placeholder-shown {
            width: 100% !important; /*makes the placeholder to be 100% of the width while there are no options selected*/
        }
        .new-radius {
            border-radius: 0.35rem!important;
        }
        .sclose-btn {
            position: absolute;
            bottom: 2px;
            display: flex;
            height: 40px;
            align-items: center;
            text-transform: uppercase;
            right: 0;
        }
        .save-modal .btn {
            width: 100px;
            padding: 10px 25px!important;
        }
        .save-modal .modal-header h3{
            font-size: 18px;
        }
        .save-modal .btn-secondary{
            background: #5c636a!important;
            border-color: #565e64!important;
        }
        .save-modal .btn-primary {
            background: var(--primary-bg-color);
            border-color: var(--primary-bg-color);
        }
        .calender-unit i {
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0.8;
        }
        .calender-unit input {
            padding-right: 40px;
        }
        .form-check-input:checked {
            background-color: #f1a762;
            border-color: #f1a762;
        }
        #form-3 .project_headeing  h6 {
            letter-spacing: 1px;
        }
        .hourly-rate {
            position: relative;
        }
        .hourly-prefix {
            left: 0;
            top: 0;
            border-radius: 0.25rem 0 0 0.25rem;
        }

        .hourly-prefix, .hourly-suffix {
            position: absolute;
            display: flex;
            width: 40px;
            height: 100%;
            align-items: center;
            justify-content: center;
            background: #ccc;
        }
        .hourly-suffix {
            top: 0;
            right: 0;
            border-radius: 0 .25rem .25rem 0;
            width: 60px;
        }
        .hourly-rate input {
            padding-left: 50px;
            padding-right: 40px;
        }
        .registration .form-control::placeholder {
            color: #777!important;
        }
        @media only screen and (max-width: 991px){
            .sclose-btn {
                position: static;
                margin-top: 10px;
                right: 0;
                margin-left: auto;
                margin-right: auto;
                justify-content: center;
            }
        }