/* //form titles */
.page-layout-1column .columns .column.main form.form_width.create .field{width: 100%;}
.page-layout-1column .columns .column.main form .field select, .page-layout-1column .columns .column.main form.create .field input { background-color: #FFFFFF; border: 1px solid #CBD9F1; border-radius: 8px; min-height: 56px;color: #727275; width: 100%; padding: 0px 13px; outline: none; box-sizing: border-box; }
.page-layout-1column .columns .column.main form.form_width.create .field.field-dob .customer-dob{position: relative;}
.page-layout-1column .columns .column.main form.form_width.create .field.field-dob .customer-dob button{position: absolute;top: 50%;right: 15px;transform: translateY(-50%);}
.page-layout-1column .columns .column.main form.create .field .input-text, .page-layout-1column .columns .column.main form.create .field input{font-size: 18px;line-height: 28px;font-weight: 400;color: #1C1D26;padding-bottom: 0px;}
.page-layout-1column .columns .column.main form.form_width.create .field.choice{display: flex;align-items: center;margin: 0px;margin-bottom: -20px;}
.page-layout-1column .columns .column.main form.form_width.create .field.choice input, .page-layout-1column .columns .column.main form.form_width.login .field.choice input{top: 0;width: 15px;height: 15px;margin-right: 10px;min-height: unset;}
.page-layout-1column .columns .column.main form.form_width.create .field.choice label, .page-layout-1column .columns .column.main form.form_width.login .field.choice label{padding: 0;color: #00397B;font-size: 16px;}
.page-layout-1column .columns .column.main form.form_width.create, .page-layout-1column .columns .column.main form.form_width.login{margin-top: 0px;}
.page-layout-1column .columns .column.main form.form_width.login .actions-toolbar, .page-layout-1column .columns .column.main form.form_width.login .actions-toolbar button{width: 100%;}
.page-layout-1column .columns .column.main form.form_width.login .field.choice{display: flex;align-items: center;margin: 0px;margin-bottom: 0px;}
.page-layout-1column.add-post-details{background-color: #f5f9ff;} 
.page-layout-1column.add-post-details .nav-sections {border-bottom: 0px;background-color: #f5f9ff;}
.page-layout-1column.add-post-details .nav-sections .nav-sections-items {background-color: #f5f9ff;}
.page-layout-1column .columns .column.main .form_title{font-size: 38px; line-height: 50px; color: #013470;text-align: center; padding-bottom: 59px;padding-top: 35px;}
/*.page-layout-1column.add-post-details .nav-sections .navigation .nav-section-right .nav-section-ctas .sell_car_cta {display: block;}*/
.page-layout-1column.africa-wheel-add-post-details .columns .column.main form.form_width, .page-layout-1column.africa-wheel-add-post-details .columns .column.main .form_width.review{ margin: 0 auto 55px; }
.location-modal.show #cityerror, .datetime-modal.show #timeerror{text-align: center;width: 100%;display: block;color: red;padding: 10px 0;display: none;}
.modal-popup .modal-header{display: flex;justify-content: space-between;align-items: center;}
.modal-popup .modal-header .modal-tabs{width: 100%;}
.signupbtn{color: #7E7E7E;}
.signupbtn a{color: #013470;font-weight: 700;padding-left: 5px;}
.add-post-details.marketplace-add-postform #ymmv-component, .add-post-details.marketplace-add-postform #city-area{width: 100%;display: flex;flex-wrap: wrap;gap: 20px;}

.page-layout-1column.africa-wheel-add-post-details .columns .column.main #ymmv-component{margin-bottom: 15px;}
.page-layout-1column.africa-wheel-add-post-details .columns .column.main .form_width.review.ratings{display: block; width: 100%;margin-bottom: 15px;}
.page-layout-1column.africa-wheel-add-post-details .columns .column.main .form_width.review.ratings #product-review-table{display: grid;grid-template-columns: repeat(2, minmax(0px, 1fr));grid-row-gap: 10px;grid-column-gap: 20px;width: 100%;}
.page-layout-1column.africa-wheel-add-post-details .columns .column.main .form_width.review.ratings #product-review-table .label{font-size: 15px;margin: 0;padding: 0;}
.page-layout-1column.africa-wheel-add-post-details .columns .column.main .form_width.review.ratings #product-review-table .review-control-vote label:before{color:#013470;font-size: 25px;}
.page-layout-1column.africa-wheel-add-post-details .columns .column.main .form_width.review.ratings #product-review-table .review-control-vote:before{font-size: 25px;}
.page-layout-1column.africa-wheel-add-post-details .columns .column.main .form_width.review.ratings #product-review-table .review-field-rating .control{margin-top: 5px;}


.page-layout-1column .columns .column.main form, .page-layout-1column .columns .column.main .form_width.review{ display: flex; flex-wrap: wrap; gap: 20px; }
.page-layout-1column .columns .column.main form.form_width, .page-layout-1column .columns .column.main .form_width.review{ max-width: 520px; width: 100%; margin: 55px auto 55px; }
.page-layout-1column .columns .column.main .field.half { width: calc(50% - 10px); }
.page-layout-1column .columns .column.main .field.full {width: 100%;}
.page-layout-1column .columns .column.main .field .label{font-size: 20px;line-height: 32px;color: #03254C;padding-bottom: 15px; display: block;}
.page-layout-1column .columns .column.main .field.captcha .label {font-size: 16px;line-height: 23px;color: #03254C;padding-bottom: 5px;}
.page-layout-1column .columns .column.main .form.password.forget{min-width: unset;}
.page-layout-1column .columns .column.main .field.full.inline a.remind{color: #00397B;}
.page-layout-1column .columns .column.main .field.full.inline{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.page-layout-1column.africa-wheel-add-post-details .columns .column.main form{display: block;}
.page-layout-1column.africa-wheel-add-post-details.inspection-index-index .columns .column.main form{display: flex;}

.page-layout-1column .columns .column.main form .field .input-text { background-color: #FFFFFF; border: 1px solid #CBD9F1; border-radius: 8px; min-height: 56px;color: #727275; width: 100%; padding: 0px 13px; outline: none; box-sizing: border-box;font-size: 17px;font-family: inherit;}
.page-layout-1column .modal-popup form .field .input-text{background-color: #FFFFFF; border: 1px solid #CBD9F1; border-radius: 8px; min-height: 56px;color: #727275; width: 100%; padding: 0px 13px; outline: none; box-sizing: border-box; }
.page-layout-1column .modal-popup form .field textarea{background-color: #FFFFFF; border: 1px solid #CBD9F1; border-radius: 8px; min-height: 75px;color: #727275; width: 100%; padding: 0px 13px; outline: none; box-sizing: border-box;}
.page-layout-1column .columns .column.main form .field .input-text.bg_input{ background-color: #E7EEF9; }
.page-layout-1column .columns .column.main form .field.price_field{ position: relative; }
.page-layout-1column .columns .column.main form .check_btn_outer .checkbox{font-size: 17px; line-height: 28px; color: #3F4B5D; font-weight: 400;}
.page-layout-1column .columns .column.main form .field select{ background-image: url(../images/form_drop.png); background-size: 20px; background-position: 98%;font-size: 18px; }
.page-layout-1column .columns .column.main form .field.half select{ background-position: 96%; }
.page-layout-1column .columns .column.main form .field .currency { position: absolute; right: 10px; top: 50%; transform: translateY(-50%);font-size: 15px; line-height: 23px; color: #757575; }
.page-layout-1column .columns .column.main form .field textarea.input-text{resize: none;font-family: 'Helvetica Now Display', sans-serif;padding: 13px;}
.page-layout-1column .columns .column.main .form .radio_block label > span {width: 100%;font-size: 17px; color: #1C1D26;}
.page-layout-1column .columns .column.main .form .field .primary_cta{width: 100%;}
.page-layout-1column .columns .column.main .form .field .primary_cta:hover{color: #fff; background-color: #E61122; border-color: #E61122;}

.page-layout-1column .columns .column.main form.form_width.create .field .social_media_btn, .page-layout-1column .columns .column.main form.form_width.login .field .social_media_btn {display: flex;justify-content: center;align-items: center;gap: 20px;font-size: 16px;line-height: 16px;font-weight: 500;color: #013470;border: 1px solid #013470;}
.page-layout-1column .columns .column.main form.form_width.create .field .social_media_btn:hover {color: #fff !important;background-color: #E61122 !important;border-color: #E61122 !important;}
.page-layout-1column .columns .column.main form.form_width.create .field .secondary{display: none;}
/* //upload add block */

.page-layout-1column .columns .column.main .form_block_inner.add-post-image .form_width{ border: 1px solid #CBD9F1; background-color: #fff;border-radius: 12px; max-width: 557px;}
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .upload-container{position: relative; width: 100%; padding: 35px 40px; box-sizing: border-box;}
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .upload-header { font-size: 22px;line-height: 30px; color: #000000; font-weight: 500; margin-bottom: 20px; }
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .close-btn { position: absolute; top: 15px; right: 15px; cursor: pointer; }
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .upload-box { border: 1px dashed #B1BFD0; border-radius: 9px; padding: 20px; text-align: center; margin-bottom: 20px; position: relative; }
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .upload-box a { color: #ff0000; text-decoration: none; font-weight: 500; }
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .upload-box input[type="file"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .upload-box .file_type{ font-size: 14px; line-height: 20px; color: #8C8C8C; }
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .image-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 40px; }
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .image-grid img { width: 100%; border-radius: 4px; }
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .image-grid #add-more{border: 1px dashed #B1BFD0;display: flex; align-items: center;justify-content: center;border-radius: 6px;min-height: 130px;order: 0;}
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .image-grid .image-box{order: 1;position: relative;}
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .image-grid .image-box .remove-image{position: absolute;top: 6px;color: #fff;font-weight: 700;right: 8px;cursor: pointer;background: white;color: red;border-radius: 50%;padding: 5px 5px 5px 5px;font-size: 17px;width: 17px;max-height: 17px;font-weight: 500;text-align: center;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);line-height: 16px;}
.page-layout-1column .columns .column.main .form_block_inner.contact .ctas{width: 100%;display: flex;gap: 10px;flex-wrap: nowrap;align-items: center;justify-content: center;}
.page-layout-1column .columns .column.main .form_block_inner.contact .ctas button{width: 100%;}

.account.marketplace-ads-index .list_Card .product-item-info .list_cnt .cnt_middle.last.buttonlist{margin-top: 15px;justify-content: flex-end;gap: 15px;}
.account.marketplace-ads-index .list_Card .product-item-info .list_cnt .cnt_middle.last.buttonlist button.more{color: #808080;border: 1px solid #808080;background: none;min-width: 7em;}
.account.marketplace-ads-index .list_Card .product-item-info .list_cnt .cnt_middle.last.buttonlist button.feature{color: red;background: none;border: 1px solid red;}
.account.marketplace-ads-index .list_Card .product-item-info .list_cnt .cnt_middle.last.buttonlist button.last{color: #00397B;border: 1px solid #00397B;background: none;}
.page-layout-1column .columns .column.main form.form_width.payment{margin-top: 0;}
.page-layout-1column .columns .column.main form.form_width.payment .payment-proof {margin: 0 auto;font-size: 18px;line-height: 28px;color: #1f2937;padding: 45px;border: 1px solid #e3e3e3;border-radius: 5px;}
.page-layout-1column .columns .column.main form.form_width.payment .payment-proof .intro {margin: 0 0 16px;}
.page-layout-1column .columns .column.main form.form_width.payment .payment-proof .section-title {margin: 0 0 12px;font-size: 20px;color: #013470;}
.page-layout-1column .columns .column.main form.form_width.payment .payment-proof .bank-details {display: flex;flex-direction: column;gap: 8px;}
.page-layout-1column .columns .column.main form.form_width.payment .payment-proof .bank-row {display: flex;justify-content: space-between;}
.page-layout-1column .columns .column.main form.form_width.payment .payment-proof .bank-row .label {font-weight: 600;color: #4b5563;}
.page-layout-1column .columns .column.main form.form_width.payment .payment-proof .bank-row .value {font-weight: 700;text-align: right;}




.page-layout-1column .columns .column.main .form_block_inner.add-post-image .tips { font-size: 16px;line-height: 26px;font-weight: 400; color: #878787; margin-bottom: 20px; }
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .tips strong{color: #414141;}
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .tips li { margin-bottom: 5px; }
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .tips li::before { content: url(../images/x.png); margin-right: 5px; }
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .ctas { display: flex; justify-content: space-between; gap: 10px; }
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .ctas .primary_cta{flex: 1;}
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .ctas .primary_cta.cancel-btn{ color: #808080; border-color: #808080;}
.page-layout-1column .columns .column.main .form_block_inner.add-post-image .ctas .primary_cta:hover{color: #fff; border-color:#E61122;background-color: #E61122;}

/* //contact from styling */
.page-layout-1column .columns .column.main .form_block_inner.contact_form .input-label-container { position: relative; }
.page-layout-1column .columns .column.main .form_block_inner.contact_form .input-label-container .input-label { position: absolute; top: -11px; left: 15px; background-color: #f5f9ff; color: #727272; }
.page-layout-1column .columns .column.main .form_block_inner.contact_form .input-label-container .number_field { width: 100%; padding: 10px; padding-left: 60px; border: 1px solid #d1d9e6; border-radius: 5px; outline: none; font-size: 16px;line-height: 23px; }
.page-layout-1column .columns .column.main .form_block_inner.contact_form .input-label-container .country-code { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); font-size: 16px; line-height: 23px; color: #1C1D26; } 

/* //success page block */
.page-layout-1column .columns .column.main .succes-page{ display: flex; flex-direction: column; align-items: center; justify-content: center;padding: 50px 0px;}
.page-layout-1column .columns .column.main .succes-page .form_title{ padding-block: 25px;}
.page-layout-1column .columns .column.main .succes-page .succes_text{ font-size: 32px;line-height: 40px; color: #474747; padding-bottom: 35px; }
.page-layout-1column .columns .column.main .succes-page .success_card{ box-shadow: 0px 4px 8px 0px #48588514; display: flex;margin-bottom: 32px; }
.page-layout-1column .columns .column.main .succes-page .success_card img{ object-fit: fill; height: 100%;max-width:242px; }
.page-layout-1column .columns .column.main .succes-page .success_card .success_cnt{padding: 50px 120px 50px 50px;background-color: #fff;    border-radius: 0px 10px 10px 0px;    width: calc(100% - 250px);position: relative;}
.page-layout-1column .columns .column.main .succes-page .success_card .success_cnt a.track{color: #00099C;font-size: 16px;text-decoration: underline;vertical-align: baseline;position: absolute;right: 15px;bottom: 20px;}

.page-layout-1column .columns .column.main .succes-page .success_card .success_cnt h3{font-size: 26px; line-height: 33px;color: #1F2B59; padding-bottom: 20px;font-weight: 800;}
.page-layout-1column .columns .column.main .succes-page .success_card .success_cnt .transparent_cta{font-weight: 700;min-width: unset;padding: 10px 16px;font-size: 20px;}

.page-layout-1column .columns .column.main .field.full.addfeature .choice.assembly-choice{width: 30%;display: inline-flex;justify-content: flex-start;align-items: center;}
.page-layout-1column .columns .column.main .field.full.addfeature .control{display: inline-flex;flex-wrap: wrap;gap: 20px 24px;}
.page-layout-1column .columns .column.main .choice.assembly-choice .label {font-size: 18px;padding: 0;padding-left: 8px;line-height: 18px;width: calc(100% - 20px);}
 .page-layout-1column .columns .column.main .choice.assembly-choice input{width: 20px;height: 20px;}

.page-layout-1column .modal-car-selector .modal-header .close{position: absolute;top: -35px;right: -2px;font-size: 15px;border: 1px solid;border-radius: 50%;padding: 5px;background: white;color: #00397B;width: 15px;height: 15px;text-align: center;cursor: pointer;}
.page-layout-1column .share-modal a{display: inline-flex;flex-direction: column;align-items: center;justify-content: center;gap: 5px;color: grey;}
.page-layout-1column .share-modal .share{display: inline-flex;gap: 35px;justify-content: center;width: 100%;}


@media screen and (min-width:200px) and (max-width:1024px) {
    .page-layout-1column .columns .column.main form.form_width.payment .payment-proof{font-size: 15px;padding: 25px;}
    .page-layout-1column .columns .column.main .field.full.addfeature .choice.assembly-choice{width: 48%;}
    .page-layout-1column .columns .column.main .form_title { font-size: 20px; line-height: 30px; color: #013470; text-align: center; padding-bottom: 30px; padding-top: 20px; }
    .page-layout-1column .columns .column.main .badges .badge {gap: 5px;}
    .page-layout-1column .columns .column.main .badges .badge:before {    width: 30px; top: -25px;}
    .page-layout-1column .columns .column.main .badges .badge:after {width: 30px; top: -25px;}
    .page-layout-1column .columns .column.main .badges .badge .badge_details .badge_title {font-size: 14px; line-height: 20px; text-align: center;}
    .page-layout-1column .columns .column.main form.form_width {margin-block: 30px;}
    .page-layout-1column .columns .column.main form .field.half select{ background-position: 98%; }
    .page-layout-1column .columns .column.main .field.half {width: 100%;}
    .page-layout-1column .columns .column.main form .field .input-text {font-size: 14px;line-height: 22px;}
    .page-layout-1column .modal-popup form .field .input-text{font-size: 14px;line-height: 22px;}
    .page-layout-1column .columns .column.main form .field .currency {font-size: 13px;}
    .page-layout-1column .columns .column.main .form .radio_block label > span {font-size: 14px;line-height: 20px;}
    .account.marketplace-ads-index .list_Card .product-item-info .list_cnt .cnt_middle.last.buttonlist{display: inline-block;}
    .account.marketplace-ads-index .list_Card .product-item-info .list_cnt .cnt_middle.last.buttonlist button {margin: 4px;display: inline-block;}

    /* //image upload */
    .page-layout-1column .columns .column.main .form_block_inner.add-post-image .upload-container {padding: 20px;}
    .page-layout-1column .columns .column.main .form_block_inner.add-post-image .upload-header { font-size: 18px;margin-bottom: 10px;}
    .page-layout-1column .columns .column.main .form_block_inner.add-post-image .ctas .primary_cta{min-width: 7em;}  

    /* //success styling */
    .page-layout-1column .columns .column.main .succes-page .form_title { font-size: 24px;line-height: 30px; padding-block: 15px; }
    .page-layout-1column .columns .column.main .succes-page .succes_text { font-size: 20px; line-height: 29px; color: #474747; padding-bottom: 24px;text-align:center; }

    .page-layout-1column .columns .column.main .succes-page .success_card {flex-direction: column;        box-sizing: border-box;}
    .page-layout-1column .columns .column.main .succes-page .success_card .success_cnt {width: 100%;padding: 20px; box-sizing: border-box;}
    .page-layout-1column .columns .column.main .succes-page .success_card img { width: 100%; border-radius: 1px 6px 0px 0px;}
    .page-layout-1column .columns .column.main .succes-page .success_card .success_cnt h3 { font-size: 18px; line-height: 24px; color: #1F2B59; padding-bottom: 13px; font-weight: 800; }
    .page-layout-1column .columns .column.main .succes-page {padding: 20px; }
    .page-layout-1column .columns .column.main .succes-page a.primary_cta{font-size: 16px;line-height: 28px;padding: 10px 20px;width: 100%;}
    .share-modal.modal-popup._inner-scroll .modal-inner-wrap .modal-content{padding: 10px 0px;}
    .page-layout-1column .share-modal .share{gap:30px;}
    .share-modal.modal-popup.modal-slide._inner-scroll .modal-inner-wrap{min-height: auto !important;height: auto !important;}


}

@media screen and (min-width:768px) and (max-width:1024px) {
    .page-layout-1column .columns .column.main .field.half {  width: calc(50% - 10px);}
    .page-layout-1column .columns .column.main form .field.half select{ background-position: 96%; }
    .page-layout-1column .columns .column.main .badges .badge:before { top: -20px;}
    .page-layout-1column .columns .column.main .badges .badge:after { top: -20px;}
}

@media screen and (min-width: 1025px) and (max-width: 1480px) {
    .page-layout-1column .columns .column.main .form_title { font-size: 28px; line-height: 38px; padding-bottom: 30px; padding-top: 20px; }
}