/* ------ */
    #review-drag-area {
        width: 80px;
        min-height: 85px;
        display: inline-block;
    }

    .review-resultimg {
        width: 115px;
        display: inline-block;
        position: relative;
        margin-right: 8px;
    }

    p.review-dragdrop {
        font-size: 35px;
        margin: 0px;
        cursor: pointer;
        padding: 15px 15px;
    }

    .review-form .review-img-cross {
        position: absolute;
        right: 0;
        cursor: pointer;
        top: 0;
        border-radius: 31px;
        width: 25px;
        height: 25px;
        background: #fff;
        border: 1px solid gray;
        text-align: center;
        padding-top: 2px;
    }

    .review-resultimg.image {
        position: relative;
        margin-top: 0px !important;
        margin-left: 0px !important;
        width: 100% !important;
    }

    /* ---------- */

    .trade_work_title h1 {
        text-transform: capitalize;
        font-weight: 700;
        font-size: 16px;
        padding: 20px 0px;
    }

    .border_line {
        border-bottom: 2px solid black;
    }

    p.num_list {
        text-transform: capitalize;
        font-weight: 700;
        text-align: center;
        padding-top: 20px;
    }

    .category_field {
        padding-top: 30px;
    }

    p.p_list_two {
        text-align: center;
        color: #45444475;
        font-weight: 700;
        font-size: 13px;
    }

    .list_to_use>div {
        margin: 10px;
    }

    .category_title h4,
    .pro_brand_title h4,
    .pro_model_title h4,
    .pro_spec_title h4,
    .condition_title h4,
    .add_pic_title h4 {
        text-transform: capitalize;
        font-weight: 700;
        font-size: 16px;
    }

    .cat_choose_list>div,
    .condition_btn>div,
    .last_btn_field>div {
        display: inline-block;
    }

    .round_btn>.value_button {
        background: white;
        border: 1px solid black !important;
        text-transform: capitalize;
        padding: 10px 60px;
        border-radius: 50px !important;
        font-weight: 600;
        cursor: pointer;
    }

    .value_button.active {
        background-color: #e1e1e1;
        color: black;
        border: 1px solid transparent !important;
    }

    .tradein-index-form .column.main {
        max-width: 1280px;
        margin: auto !important;
        float: none;
    }

    .pro_brand_input>input,
    .pro_model_input>input,
    .pro_spec_input>input {
        border-radius: 50px !important;
        padding: 20px 25px !important;
        border: 1px solid black !important;
    }

    p.pic_dragdrop {
        font-size: 35px !important;
        margin: 0px;
        cursor: pointer;
        padding: 30px 15px;
    }

    div#pic_upload {
        width: 110px;
        min-height: 100px;
        display: inline-block;
    }

    .accordion {
        background-color: white;
        color: #444;
        cursor: pointer;
        padding: 16px 20px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
        border-bottom: 1px solid #80808040 !important;
        font-weight: 600;
    }

    .faq_list .active,
    .accordion:hover {
        background-color: #ccc;
    }

    .accordion::before {
        content: '+';
        color: #777;
        font-weight: bold;
        float: left;
        margin-right: 5px;
    }

    .faq_list .active::before {
        content: "-";
    }

    .panel {
        padding: 15px 45px !important;
        display: none;
        background-color: white;
        overflow: hidden;
        font-weight: 500;
    }

    .faq_title h2 {
        text-align: center;
        font-weight: 700;
        font-size: 23px;
        text-transform: capitalize;
    }

    .pro_brand_field>div h4,
    .pro_model_title h4,
    .pro_spec_title h4,
    .condition_title h4,
    .add_pic_title h4 {
        padding: 10px 0px 5px 0px;
    }

    .pic_upload_block p {
        color: #80808078;
        font-size: 35px;
    }

    .faq_Section {
        margin: 70px 0px 50px 0px;
    }

    .faq_list {
        border: 1px solid transparent;
        margin-top: 30px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding: 45px 90px;
    }

    .last_btn_field>div {
        margin-top: 30px;
    }

    button.trade_btn {
        margin-right: 20px;
        padding: 10px 20px !important;
    }

    .col-md-3.col-sm-3.trade_img_block img {
        max-width: 80px;
        width: 100%;
        display: block;
        height: auto;
        margin: auto;
    }

    /* mobile devices */
    @media only screen and (max-width:480px) {
        .faq_Section {
            margin: 40px 0px 0px 0px !important;
        }

        .traded_item>.traded_item_inside_block {
            min-width: 350px !important;
            padding: 0 !important;
        }

        .faq_list {
            padding: 20px 15px;
        }

        .faq_title h2 {
            font-size: 20px;
        }
    }

    .tradein-index-submit .column.main {
        margin: auto;
        float: none;
        max-width: 1280px;
    }

    .last_btn_field button {
        text-transform: capitalize;
    }

    .faq_list>.panel {
        padding-left: 40px;
        margin-bottom: 0px;
    }

    .trade_another {
        background-color: #f2f2f2;
        color: #555555;
        font-weight: 700;
        text-transform: capitalize;
        padding: 7px 20px;
        border-radius: 5px;
        cursor: copy;
    }

    .traded_item_inside_row>div {
        float: left;
    }

    .traded_item_inside_row>.left_image_block {
        width: 150px;
        border-radius: 5px;
        overflow: hidden;
        margin-right: 20px;
    }

    .traded_item>.traded_item_inside_block {
        display: inline-block;
        width: 50%;
        min-width: 500px;
        background-color: #f2f2f2;
        padding: 5px;
        border-radius: 10px;
    }

    .tradein_heading {
        font-weight: 600;
        text-transform: capitalize;
        font-size: 15px;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .other_info .title:after {
        content: ':';
        margin-right: 7px;
    }

    .other_info>div {
        margin-bottom: 4px;
    }

    .other_info {
        font-size: 12px;
    }

    .other_info .title {
        font-weight: 600;
        text-transform: capitalize;
    }

    .traded_item {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .delete_prd_tradein {
        float: right !important;
    }

    .delete_prd_tradein:after {
        content: '\e604' !important;
        font-family: 'icons-blank-theme';
        font-size: 32px;
        line-height: 28px;
        margin-right: -4px;
        /* margin-top: 10px !important; */
        cursor: pointer;
        border-radius: 0px 0px 0px 10px;
        padding: 6px 1px;
        transition: all .3s;
        opacity: .6;
    }

    .pro_brand_field,
    .pro_model_field,
    .pro_spec_field,
    .condition_field,
    .add_photo_field,
    .last_btn_field {
        padding-top: 20px;
    }

    .error_message {
        color: #e60023;
        font-weight: 500;
        margin-left: 15px;
        margin-top: 5px;
    }

    @media only screen and (max-width:768px) {
        .round_btn>.value_button {
            background: white;
            border: 1px solid black !important;
            text-transform: capitalize;
            padding: 6px 15px;
            border-radius: 50px !important;
            font-weight: 600;
            cursor: pointer;
            font-size: 12px;
        }

        .list_to_use>div {
            margin: 5px 0px;
        }

        .form_title>* {
            font-weight: 600 !important;
            margin-top: 30px !important;
            padding: 0px !important;
            margin-bottom: 15px !important;
        }

        form#tradein-form input {
            font-size: 12px;
            padding: 15px 16px !important;
        }

        form#tradein-form {
            padding: 20px;
        }
    }

    .tradein-index-form.page-layout-2columns-left .main {
        padding-left: 0%;
    }

    .tradein-index-form.page-layout-2columns-left .column.main {
        padding-left: 0px !important;
    }

    .message_form {
        display: block;
        width: 100%;
        margin-top: 6px !important;
        margin-left: 5px;
        font-weight: 500;
    }

    .message_form.error {
        color: #e60023;
    }

    .message_form.success {
        color: green;
    }

    .tradeinform_login_link {
        font-weight: 400;
        text-transform: capitalize;
    }

    .tradeinform_login_link {
        border: 1px solid #cfcfcf;
        display: inline-block;
        width: 100%;
        background-color: #f7f7f7;
        padding: 10px 20px;
        text-align: center;
        margin-top: 70px;
    }

    .tradeinform_login_link li {
        list-style: none;
    }

    .tradeinform_login_link a {
        font-weight: 400;
        text-transform: initial;
    }

    .tradeinform_login_link a:hover {
        color: black;
        text-decoration: none;
    }

    .disabled.html:after {
        content: 'd';
        content: '\e622' !important;
        font-family: 'icons-blank-theme';
        font-size: 100px;
        /* transform: rotate(90deg); */
        position: absolute;
        /* border: 1px solid red; */
        width: 100%;
        /* height: 300px; */
        left: 0;
        text-align: center;
        margin-top: -62px;
    }

    img.tradein_success_image {
        width: 100px;
        margin: 30px 0px 50px;
    }

    .thank_you_message_tradein {
        text-align: center;
    }

    .thank_you_message_tradein p.recive_text {
        margin-bottom: 20px;
        margin-top: 7px;
    }

    .thank_you_message_tradein .continue_button {
        margin-bottom: 50px;
    }

    .disabled.html {
        opacity: .15;
        pointer-events: none;
    }

    .page_title_box {
        text-align: center;
    }

    .page_title_box_inside>.content_section {
        width: calc(100% - 100px);
    }

    .page_title_box_inside {
        display: inline-block;
        max-width: 500px;
        margin: auto;
        text-align: left;
    }

    .page_title_box_inside>div {
        display: inline-block;
        float: left;
    }

    .page_title_box_inside>.img_section {
        width: 100px;
        float: left;
    }

    .content_section .below_heading_content {
        text-align: center;
        color: #45444475;
        font-weight: 700;
        font-size: 10px;
        text-align: left;
    }

    .page_title_box img {
        mix-blend-mode: multiply;
    }

    .page_title_box {
        border: 0px solid black;
        margin-top: 40px;
        max-width: 1280px;
        margin: auto;
        background-color: #f3f3f3;
        padding: 10px;
    }

    .page_title_container {
        margin-top: 30px;
    }

    .add_photo_field>p.upload_pic_content {
        font-size: 11px;
        margin-top: 10px;
        color: #939393;
    }

    .submit_section.round_btn>button {
        background-color: #e60023;
        color: white;
    }

    .top_headeing {
        text-transform: capitalize;
        font-weight: 700;
        text-align: left;
        padding-top: 20px;
    }

    form#tradein-form {
        max-width: 1280px;
        margin: auto;
    }

    @media only screen and (max-width:768px) {
        .authorization-link.signin_signout.tradeinform_login_link a {
            color: black;
        }

        .tradeinform_login_link {
            margin-top: 0px !important;
        }

        .value_button.active {
            background-color: #e1e1e1;
            color: black;
            border: 1px solid transparent !important;
        }

        .trade_img_sec>div.trade_img_block {
            width: 200px;
            display: inline-block;
            float: left;
        }

        p.num_list {
            padding-top: 10px;
            font-size: 12px;
            margin-bottom: 5px;
        }

        p.p_list_two {
            font-size: 11px;
        }

        .page_title_container {
            margin-top: 0px;
        }

        .top_headeing {
            padding-top: 0px;
        }

        .form_title>* {
            margin-top: 12px !important;
            padding: 0px !important;
            margin-bottom: 10px !important;
        }

        .pro_brand_input>input,
        .pro_model_input>input,
        .pro_spec_input>input {
            border-radius: 20px;
        }

        .row.trade_img_sec {
            width: 2000px;
        }
    }

    .trade_table_data {
        overflow-y: auto;
    }

    td.image_table_data {
        width: 230px;
    }

    td.image_table_data>img:first-child {
        width: 100%;
    }

    td.image_table_data>img {
        width: 31%;
        display: inline-block;
        margin: 1%;
    }

    tbody.trade_table_data>tr:nth-child(even) {
        background-color: #efefef;
    }

    td.tradeid_table_data {
        font-weight: 600;
    }

    tr.trade_table_values {
        text-transform: capitalize;
        font-size: 11px;
    }

    thead.trade_thead {
        background-color: #898989;
        color: white;
    }

    div.status_table_data {
        border: 1px solid transparent;
        padding: 4px 6px 1px;
        text-align: center;
        border-radius: 12px;
        color: #ffffff;
        font-weight: 600;
        background-color: #595959;
    }

    a.social-login-btn {
        color: #4a4a4a !important;
    }

    a.social-login-btn b {
        color: #e60023;
    }

    .authorization-link.signin_signout.tradeinform_login_link {
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
        border: none;
        width: 100%;
        max-width: 1280px;
        text-align: center;
        display: block;
        margin: 20px auto;

    }