.fields-container {
    display: flex;
    justify-content: flex-start;
    margin: 25px 0;
    font-family: "Montserrat", Sans-serif;
    padding: 0 25px 0 200px;
    gap: 5%;
}

.fields-container .field-input-left,
.fields-container .field-input-right {
    width: 45%
}

.fields-container .field-input-left input[type=text],
.fields-container .field-input-right input,
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    background-color: #FFFFFF;
    border: 1px solid #C2C2C2;
    border-radius: 6px;
    color: #333333;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 190%;
    text-align: left;
    padding: .5rem 1rem;
}

.fields-container .field-input-right input:focus,
.fields-container .field-input-right input:active,
.fields-container .field-input-left input:focus,
.fields-container .field-input-left input:active {
    outline: none
}

.service-fee-form input[type=email]:focus,
.service-fee-form input[type=number]:focus,
.service-fee-form input[type=text]:focus,
select:focus {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    border-color: #B4B4B4;
}

.service-fee-form input[type="text"]::placeholder,
.service-fee-form input[type="number"]::placeholder {
    color: #000;
}

.fields-container .field-input-right .chosen-choices {
    background-color: #FFFFFF;
    border-color: #B4B4B4 !important;
    border-radius: 6px 6px 6px 6px;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    padding: 8px 16px;
    min-height: 46px;
}

/*.chosen-container-active .chosen-choices li.search-field input[type="text"]{font-size: 17px;
        background: url(../image/chosen-sprite.png) -34px -25px no-repeat !important;
      
        position: absolute;
        right: 0;


    }
        
        .chosen-container-multi .chosen-choices li.search-field input[type="text"]{
            height: 15px
        }*/

.fields-container .chosen-choices li.search-choice .search-choice-close {
    background: url(../image/chosen-sprite.png) -42px 1px no-repeat;
}

.fields-container .error {
    color: #ff0000;
    font-size: 12px;
}

.service-fee-form .fields-submit {
    text-align: center;
    margin-bottom: 25px;
}

.service-fee-form .fields-submit input {
    background: linear-gradient(135deg, #1222FE 0%, #F2295B 100%);
    width: 205px;
    height: 53px;
    color: #fff;
    font-size: 20px;
    border-radius: 8px;
    border: none;
}

.fields-submit .service-fee-submit:disabled {
    opacity: 0.6;
}

.fields-service-fees {
    text-align: center;
    margin-bottom: 30px;
}

.fields-service-fees p {
    margin-bottom: 0;
}

.fields-thankyou p {
    font-size: 18px;
    color: #000;
}

.service-fee-form .fields-thankyou {
    text-align: right;
    margin-right: 11%;
}

.chosen-container-multi .chosen-choices {
    padding: 0px;
    background-image: none;
}

.service-fee-select {
    display: block !important;
    height: 0 !important;
    opacity: 0 !important;
    padding: 0 !important;
}

.chosen-container {
    width: 100% !important
}

.chosen-container-multi .chosen-choices li.search-choice {
    margin: 3px 5px;

}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word;
    font-size: 16px;
}

.chosen-container-multi .chosen-choices {
    height: auto;
    min-height: 50px;
}

/*new css*/

.phone-input {
    display: block;
    align-items: center;
}

.field-input-phone {
    display: flex;
}

.phone-cc-picker-code {
    display: flex;
    align-items: center;
    width: 110px;
    border: 1px solid #C2C2C2;
    border-radius: 6px;
    margin-right: 5px;
    justify-content: space-evenly;
}

.gradient-text-container-estimate {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: 400 18px Montserrat, sans-serif;
    color: #404040;
    /*background: linear-gradient(112.91deg, rgba(255, 255, 255, 0.51) 3.52%, rgba(255, 255, 255, 0) 111.72%);
    border: 0.35000000000000003px solid;
    border-radius: 4.25px;
    box-shadow: 5.25px 6.25px 10.5px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(7.5px);*/
    /*box-shadow: 6.37px 7.58px 12.73px 0px #0000000D;*/
    background: #fff;
    padding: 0.6rem 2rem;
    width: auto;
    font-size: 25px;
    border: 1.21px solid #C2C2C2;
    border-radius: 5.15px;
}

span.currency-class {
    font-family: Montserrat;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.1em;
    color: #FC1262;
}

span.price-class {
    font-family: Montserrat;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.1em;
}

.phone-cc-picker img {
    width: 30px;
}

.cc-picker-code-select-enabled {
    cursor: pointer;
    display: flex;
    align-items: center;
    border: 1px solid #B4B4B4;
    border-radius: 6px 6px 6px 6px;
    margin-right: 5px;
    padding: .5rem 1rem;
}

.cc-picker-code {
    display: inline-block;
    width: 35px;
    background-color: #FFFFFF;
    color: #333333;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 190%;
    text-align: left;
}

.cc-picker-code-select-enabled::after {
    top: 30px;
}

select-enabled::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 45%;
    right: 27px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #512b2b;
}

.fields-container .field-input-left input::placeholder,

.fields-container .field-input-right input::placeholder {
    font-weight: 500;
    font-family: Montserrat;
    color: #33333399;

}


.field-input-left button {
    border-radius: 6px;
    border: 1px solid #C2C2C2;
    padding: 24px;
}

.ms-options-wrap>button:focus,
.ms-options-wrap>button {
    padding: .5rem 1rem;
}

.ms-options-wrap>button:after {
    right: 24px;
    background: url(../image/search-icon.png) no-repeat;
    height: 18px;
    border-top-color: #fff;
    top: 35%;
    background-size: cover;
    width: 18px;
    border: none;
}

.ms-options-wrap>.ms-options {
    margin-top: 6px;
    border-radius: 6px;
}

.ms-options-wrap>.ms-options>.ms-selectall.global,
.ms-search input {
    display: none !important;
}

.ms-options ul li {
    padding: 6px 24px;
}

.ms-options-wrap>.ms-options>ul li label,
.ms-options-wrap>.ms-options>ul li:hover label,
.ms-options-wrap>.ms-options>ul li.selected label {
    background: transparent;
    border: none;
    outline: none;
}

.ms-options ul li label:hover {
    border: none;
    outline: none;
    background: #fff;
}

.ms-options ul li label {
    color: #333;
    font-size: 16px;
    line-height: 1.1em;
    padding: 4px 4px 4px 23px !important;

}

.ms-options-wrap>.ms-options>ul input[type="checkbox"] {
    top: 5px;
    left: 0px;
    width: 15px;
    height: 15px;
}

.ms-options-wrap>.ms-options>ul input[type="checkbox"]:checked {
    accent-color: #000;
}

.field-input-left button:hover {
    background: #fff;
}

.fee-result-section {
    min-height: 100px;
    background: #D8D8D840;
    margin-top: 50px;
    display: flex;
    align-items: center;
    padding: 15px 25px 15px 200px;
    margin-bottom: 50px;
}

.service-fee-form .fields-submit {
    text-align: right;
    margin-bottom: 25px;
    padding: 0 11%;
}

.fields-submit p {
    margin-top: 20px;
    font-size: 22px;
    color: #000 !important;
}

.fee-list-data p {
    border: 1px solid #B0B6B6;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1em;
    text-align: left;
    padding: 16px;
    margin-right: 24px;
    border-radius: 6px;
    display: flex;
    margin-bottom: 0px;
    align-items: center;
}

.fee-list-data {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}

.ms-options-wrap span {
    background-color: #FFFFFF;
    border-radius: 6px;
    color: #333333;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 190%;
    text-align: left;
    padding: .5rem 1rem .5rem 0;
}

.fee-list-data p button {
    border: none;
    padding: 0 0 0 20px;
    line-height: 1;
}

.fee-list-data p button:hover {
    background: transparent;
}

.fee-list-data p button img {
    width: 20px;
    height: 20px;
}

.cc-picker-code-select-enabled .cc-picker-flag {
    width: 30px;
}



@media (max-width: 768px) {

    .fields-container {
        display: block;
    }

    .fields-container .field-input-left,
    .fields-container .field-input-right {
        width: 95%;
        margin: 25px auto;
    }

    .fields-container .field-input-right input:focus,
    .fields-container .field-input-right input:active,
    .fields-container .field-input-left input:focus,
    .fields-container .field-input-left input:active {
        border-color: #B4B4B4;
        outline: none
    }

    .fields-container {
        padding: 0 25px;
    }

    .fee-result-section {
        padding: 10px 50px;
        margin-bottom: 30px;
    }

    .fee-list-data p {
        margin-right: 5px;
        font-size: 14px;
        padding: 5px;
    }

    .fee-list-data p button {
        padding: 0 0 0 10px;
    }

    .fee-list-data p button img {
        width: 13px;
        height: 13px;
    }

}

@media (min-width:768px) and (max-width: 1300px) {
    .fields-thankyou p {
        font-size: 16px;
    }
}

@media (min-width:768px) and (max-width: 1200px) {
    .fields-container {
        padding: 0 25px;
        justify-content: center;
    }

    .fee-result-section {
        padding: 10px 50px;
        margin-bottom: 30px;
    }

    .phone-cc-picker img {
        margin-left: 5px;
        width: 22px;
    }

    .fee-list-data p {
        font-size: 16px;
        padding: 10px;
        margin-right: 10px;
    }

    .fee-list-data p button img {
        width: 15px;
        height: 15px;
    }

    .fee-list-data p button {
        padding: 0 0 0 10px;
    }
}




.file-upload-wrapper {
    border: 1px solid #e2e2e2;
    padding: 20px;
    border-radius: 10px;
    max-width: 600px;
    margin: auto;
    background: #fff;
}

.file-upload-header {
    text-align: center;
}

.browse-file-btn {
    background-color: #f0f0f0;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
}

.file-upload-list {
    margin-top: 20px;
}

.file-upload-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    margin-bottom: 10px;
}

.file-upload-item .file-info {
    display: flex;
    align-items: center;
}

.file-upload-item .file-info img {
    margin-right: 10px;
}

.file-upload-item .file-info .file-name {
    font-weight: bold;
}

.file-upload-item .file-info .file-size {
    margin-left: 10px;
    color: #888;
}

.file-upload-item .file-status {
    margin-left: auto;
    color: green;
}

.file-upload-item .delete-file-btn {
    background: none;
    border: none;
    cursor: pointer;
    color: #888;
}

.icon-lock2:before {
    content: "\e897";
}

.content {
    height: 100vh;
}

.modal {
    border-radius: 7px;
    overflow: hidden;
    background-color: transparent;
}

.modal .logo a img {
    width: 30px;
}

.modal .modal-content {
    background-color: transparent;
    border: none;
    border-radius: 7px;
}

.modal .modal-content .modal-body {
    border-radius: 7px;
    overflow: hidden;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.9);
    box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.9);
}

.modal .modal-content .modal-body h2 {
    font-size: 18px;
}

.modal .modal-content .modal-body p {
    color: #777;
    font-size: 14px;
}

.modal .modal-content .modal-body h3 {
    color: #000;
    font-size: 22px;
}

.modal .modal-content .modal-body .close-btn {
    color: #000;
}

.modal .modal-content .modal-body .promo-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.modal .modal-content .modal-body .promo-img .price {
    top: 20px;
    left: 20px;
    position: absolute;
    color: #fff;
}

.modal .btn {
    border-radius: 30px;
}

.modal .warp-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    position: relative;
    background: rgba(62, 100, 255, 0.05);
    color: #3e64ff;
    border-radius: 50%;
}

.modal .warp-icon span {
    font-size: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.form-control {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
    padding-left: 0;
    padding-right: 0;
}

.form-control:active,
.form-control:focus,
.form-control:hover {
    border-bottom: 1px solid #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.btn {
    border-radius: 4px;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

.btn:active,
.btn:focus {
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.close-btn {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 20px;
}

.close-btn span {
    color: #ccc;
}

.close-btn:hover span {
    color: #000;
}

.skip-btn {
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    line-height: 150%;
    fill: #FFFFFF;
    color: #FFFFFF !important;
    background-color: transparent;
    background-image: linear-gradient(135deg, #1222FE 0%, #f2295b 100%);
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #1222FE00;
    border-radius: 6px 6px 6px 6px;
    padding: 10px 24px 10px 24px;
}

.cost-calculator-button {
    display: none;
}