/* ------ */
    #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: .3;
        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;
    }