@font-face {
	font-family: 'Gotham';
	src: url('fonts/Gotham/GothamBook.eot');
	src: url('fonts/Gotham/GothamBook.woff') format('woff'), url('fonts/Gotham/GothamBook.ttf') format('truetype');
}

/* .main_how_sell_section {
position: relative;
width: 1440px;
height: 3166px;
} */

.main_how_sell_section {
position: absolute;
width: 2440px;
height: 3166px;
left: 0px;
top: 0px;
background: #171B21;
}

.main_how_sell_section_bg {
position: absolute;
width: 2440px;
height: 3166px;
left: 280px;
top: 0px;  
}

.main_how_sell_box_area1 {
position: absolute;
width: 1440px;
height: 797px;
left: 0px;
top: 0px;
background: #171B21;
}


.main_how_sell_box_area1_intro {
 display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

position: relative;
/* width: 565px; */
/* height: 302px; */
/* left: 131px; */
/* top: 198px; */
}

.main_how_sell_box_area1_intro h3 {
position: static;
/* width: 391px; */
left: 0px;
top: 0px;
font-family: 'Gotham Bold', system-ui;
font-style: normal;
font-weight: 400;
font-size: 56px;
line-height: 100%;
/* identical to box height, or 56px */
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* margin: 32px 0px;   */
margin: 0;
}

.main_how_sell_box_area1_intro text {
font-family: 'Gotham',system-ui;
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 120%;
/* or 38px */
/* Bat/Primary/001 */
color: #FCB200;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
margin: 30px 0px;
}

.main_how_sell_box_area1_intro p {
position: static;
/* width: 565px; */
left: 0px;
top: 100px;

font-family: 'Gotham Light', system-ui;
font-style: normal;
font-weight: 100;
font-size: 32px;
line-height: 120%;
/* or 38px */
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* margin: 24px 0px; */
margin:0;
  
}

.main_how_sell_box_area1_intro b {
font-family: 'Gotham Bold', system-ui;
}

.main_how_sell_box_area1_intro_img_area {
position: absolute;
width: 445.88px;
/* height: 500px; */
left: -144px;
top: -30px;
}

.main_how_work_box_area1_intro_img_area {
 position: absolute;
 width: 445.88px;
 /* height: 500px; */
 left: -144px;
 top: -80px; 
}

.main_how_sell_box_area1_intro_img_area img {
position: absolute;
width: 288.66px;
height: 491.41px;
/* left: -6.01px;
top: 0px; */
left: 137.99px;
top: -38px;
z-index: 10;
}


.retangule-1 {
position: absolute;
width: 282.65px;
height: 503.27px;
left: 237.89px;
top: -37.8px;

background: #FCB200;
border-radius: 343.643px;
transform: rotate(30deg);
}

.retangule-2 {
position: absolute;
width: 282.65px;
height: 503.27px;
left: 294.64px;
top: -37.8px;

border: 1px solid rgba(252, 178, 0, 0.2);
box-sizing: border-box;
border-radius: 343.643px;
transform: rotate(30deg); 
}

.retangule-3 {
position: absolute;
width: 282.65px;
height: 503.27px;
left: 349.64px;
top: -37.8px;
border: 1px solid rgba(252, 178, 0, 0.5);
box-sizing: border-box;
border-radius: 343.643px;
transform: rotate(30deg);  
}

.main_how_sell_box_area1_intro_options_area {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;

position: relative;
/* width: 1080px;
height: 105px;
left: 130px;
top: 662px; */
  margin-top: 205px;
}

.main_how_sell_box_area1_intro_options_content {
 display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 8px;

background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.07) 100%);
border: 1px solid rgba(255, 255, 255, 0.1);
box-sizing: border-box;
border-radius: 10px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;
margin: 0px 5px; 
}

.main_how_sell_box_area1_intro_options_content text {
position: static;
width: 242px;
height: 38px;
left: 8px;
top: 52.5px;
font-family: 'Gotham', system-ui;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
/* or 19px */
text-align: center;
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
margin: 6px 0px;  
  
}

.main_how_sell_box_area1_intro_options_content img {
  
}

.main_how_sell_area2_section {
position: absolute;
width: 1440px;
height: 1084px;
left: 0px;
top: 797px;
  
background: #171B21;  
}

.how_sell_area_bg .question_form_inner {
  background:#171B21;
  padding: 20px;
  border-radius: 20px;
}

.how_sell_area_bg h4 {
  color: #ffffff;
  
}



.main_how_sell_area2_section h4 {
position: absolute;
width: 980px;
height: 58px;
left: 450px;
top: 40px;

font-family: 'Gotham', system-ui;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 120%;
/* or 29px */
text-align: center;
color: #FFFFFF;
}

.main_how_sell_area2_form_box {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 32px;
/* position: absolute;
width: 980px;
height: 819px;
left: 442px;
top: 173px; */
/* Bat/Black/002 */
background: #252B30;
border-radius: 20px;
  
justify-content: space-between;
}

.main_how_sell_area2_form_about_you {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: static;
width: 916px;
height: 297px;
left: 32px;
top: 32px;
/* Inside auto layout */
flex: none;
/* order: 0; */
align-self: stretch;
flex-grow: 0;
margin: 16px 0px;

}

.main_how_sell_area2_form_about_you h3 {
  
position: static;
width: 139px;
height: 24px;
left: 0px;
top: 0px;
font-family: 'Gotham', system-ui;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 100%;
/* identical to box height, or 24px */
color: #FFFFFF;
/* Inside auto layout */
flex: none;
/* order: 0; */
flex-grow: 0;
/* margin: 16px 0px; */
margin: 0;
}

.how_sell_contact_form h3 {
font-family: 'Gotham Bold', system-ui;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 100%;
/* identical to box height, or 24px */
color: #FFFFFF;  
}

.how_sell_contact_form label {
font-family: 'Gotham Medium', system-ui;
font-style: normal;
font-weight: 100;
font-size: 16px;
line-height: 19px;
/* identical to box height, or 24px */
color: #6A6A71;
}

/* .how_sell_contact_form input {
background: #1D232B !important;
border-radius: 6px !important;
} */


.how_sell_contact_form input:-moz-placeholder {
color: #B9B9C3;
}


.main_how_sell_area2_form_about_you_fields {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: static;
width: 916px;
height: 257px;
left: 0px;
top: 40px;
/* Inside auto layout */
flex: none;
/* order: 1; */
align-self: stretch;
flex-grow: 0;
margin: 16px 0px;  
}

.main_how_sell_area2_form_about_you_content {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: static;
width: 916px;
height: 75px;
left: 0px;
top: 0px;
/* Inside auto layout */
/* flex: none; */
order: 0;
align-self: stretch;
flex-grow: 0;
margin: 16px 0px;  
}

.main_how_sell_area2_form_about_you_content input {
display: flex;
flex-direction: row;
align-items: center;
padding: 12px 16px 12px 18px;
position: static;
width: 916px;
/* height: 50px; */
height: 32px;
left: 0px;
top: 25px;
/* Bat/Black/001 */
background: #1D232B;
border-radius: 6px;
/* Inside auto layout */
flex: none;
/* order: 1; */
align-self: stretch;
flex-grow: 1;
margin: 6px 0px;
border: none;
}

.main_how_sell_area2_form_about_you_content label {
position: static;
width: 916px;
height: 19px;
left: calc(50% - 916px/2);
top: calc(50% - 19px/2);
font-family: 'Gotham', system-ui;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #6A6A71;
/* Inside auto layout */
flex: none;
/* order: 0; */
flex-grow: 1;
/* margin: 0px 6px;  */
}

.line2 {
border: 1px solid #FCB200;
/* Inside auto layout */
flex: none;
/* order: 0; */
align-self: stretch;
flex-grow: 0;
margin: 35px 0px;
}


.main_how_sell_area2_form_about_car {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: static;
width: 916px;
/* height: 270px; */
height:319px;
left: 32px;
top: 441px;
/* Inside auto layout */
flex: none;
/* order: 2; */
align-self: stretch;
flex-grow: 0;
/* margin: 16px 0px; */
margin-bottom: 70px;
}

.main_how_sell_area2_form_about_car h3 {
position: static;
width: 193px;
height: 24px;
left: 0px;
top: 0px;
font-family: 'Gotham',system-ui;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 100%;
/* identical to box height, or 24px */
color: #FFFFFF;
/* Inside auto layout */
flex: none;
/* order: 0; */
flex-grow: 0;
margin: 16px 0px;  
}

.main_how_sell_area2_form_about_car_content {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: static;
width: 916px;
height: 230px;
left: 0px;
top: 40px;
/* Inside auto layout */
flex: none;
/* order: 1; */
align-self: stretch;
flex-grow: 0;
/* margin: 16px 0px;   */
}

.main_how_sell_area2_form_about_car_content_fields {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;

/* Inside auto layout */
flex: none;
/* order: 0; */
align-self: stretch;
flex-grow: 0;
/* margin: 16px 0px; */
}

.main_how_sell_area2_form_about_car_fields_div {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: static;
width: 450px;
height: 75px;
left: 0px;
top: 0px;
/* Inside auto layout */
flex: none;
/* order: 0; */
flex-grow: 1;
/* margin: 0px 16px;   */
}



.main_how_sell_area2_form_about_car_fields_div label {
 display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
position: static;
width: 450px;
height: 19px;
left: 0px;
top: 0px;
/* Inside auto layout */
flex: none;
/* order: 0; */
align-self: stretch;
flex-grow: 0;
margin: 6px 0px;

font-family: 'Gotham', system-ui;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;

color: #6A6A71;
  
}

.main_how_sell_area2_form_about_car_fields_div input {
display: flex;
flex-direction: row;
align-items: center;
padding: 12px 16px 12px 18px;
position: static;
/* width: 450px; */
width: 433px;
/* height: 50px; */
height: 32px;
left: 0px;
top: 25px;
/* Bat/Black/001 */
background: #1D232B;
border-radius: 6px;
/* Inside auto layout */
flex: none;
/* order: 1; */
align-self: stretch;
flex-grow: 1;
margin: 6px 0px;
border: none;
}

.main_how_sell_area2_form_about_car_fields_div select {
display: flex;
flex-direction: row;
align-items: center;
padding: 12px 16px 12px 18px;
position: static;
/* width: 450px; */
width: 433px;
/* height: 50px; */
height: 32px;
left: 0px;
top: 25px;
/* Bat/Black/001 */
background: #1D232B;
border-radius: 6px;
/* Inside auto layout */
flex: none;
/* order: 1; */
align-self: stretch;
flex-grow: 1;
margin: 6px 0px;
border: none;
}

.main_how_sell_area2_form_about_car_fields_checkbox {
display: flex;
flex-direction: row;
align-items: center;
padding: 8px 0px;
margin-left: 15px;

/* Inside auto layout */
flex: none;
/* order: 2; */
align-self: stretch;
flex-grow: 0;
/* margin: 16px 0px;   */
}

.main_how_sell_area2_form_about_car_fields_checkbox label {
font-family: 'Gotham', system-ui;
font-style: normal;
font-weight: 300;
font-size: 12px;
color: #FFFFFF;
flex: none;
flex-grow: 1;
margin: 0px 8px;
align-self: self-end;
position:relative;
top:-6px;
}

.main_how_sell_area2_form_about_car_fields_checkbox input {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px;
position: static;
width: 32px;
height: 32px;
left: 0px;
top: 8px;
background: #1D232B;
border: 1px solid #252B30;
box-sizing: border-box;
border-radius: 5px;
/* Inside auto layout */
flex: none;
/* order: 0; */
flex-grow: 0;
/* margin: 0px 8px;   */
}

.btn-1 {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px;
width: -webkit-fill-available;
height: 60px;
background: #FCB200;
border: 2px solid #FCB200;
box-sizing: border-box;
border-radius: 10px;
/* Inside auto layout */
flex: none;
/* order: 3; */
align-self: stretch;
flex-grow: 0;
/* margin: 16px 0px; */
font-family: 'Gotham', system-ui;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
/* Bat/Black/001 */
color: #1D232B;
}

/* faq css area */

.main_bat_faq_area {
position: absolute;
width: 2440px;
height: 798px;
left: 0px;
top: 1880px;
background: #1D232B;
}

.main_bat_faq_area_bg{
position: absolute;
width: 2440px;
height: 798px;
left: 195px;
top: 0px;
background: #1D232B;
}

.main_bat_faq_questions_area {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

position: absolute;
width: 480px;
height: 552px;
left: 231px;
top: 71px;
}

.main_bat_faq_questions_area h3 {
position: static;
width: 480px;
height: 80px;
left: 0px;
top: 0px;

font-family: 'Gotham', system-ui;
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 100%;
/* or 40px */
color: #FFFFFF;
/* Inside auto layout */
flex: none;
/* order: 0; */
align-self: stretch;
flex-grow: 0;
/* margin: 48px 0px;   */
margin:0px;
margin-bottom: 30px;
}

.main_bat_faq_questions_content {
display: flex;
flex-direction: row;
/* align-items: center; */
align-items: baseline;
padding: 0px;
position: static;
width: 480px;
/* height: 48px; */
height: 80px;
left: 0px;
top: 0px;
/* Inside auto layout */
flex: none;
/* order: 0; */
align-self: stretch;
flex-grow: 0;
/* margin: 16px 0px; */
border-bottom: 1px solid #252B30;  

}

.main_bat_faq_questions_content text {
position: static;
width: 424px;
height: 48px;
left: 0px;
top: 0px;

font-family: 'Gotham', system-ui;
font-style: normal;
font-weight: 200;
font-size: 20px;
line-height: 120%;
/* or 24px */
color: #FFFFFF;
/* Inside auto layout */
flex: none;
/* order: 0; */
flex-grow: 1;
/* margin: 0px 16px; */
}


.main_bat_faq_questions_content span {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px;
position: static;
width: 40px;
height: 40px;
left: 440px;
top: 4px;
/* Inside auto layout */
flex: none;
/* order: 1; */
flex-grow: 0;
margin: 0px 16px;
}

.line-faq {
position: static;
width: 480px;
height: 0px;
left: 0px;
top: 64px;
border: 1px solid #252B30;
/* Inside auto layout */
flex: none;
/* order: 1; */
align-self: stretch;
flex-grow: 0;
/* margin: 16px 0px; */
}

.main_bat_faq_img_area {
    position: relative;
    left: 125px;
  
}

.main_bat_faq_img_area img {
position: absolute;
width: 467px;
height: 634px;
/* left: 1257px;
top: 33px; */
z-index:10;
right: 195px;
top: -22px;
border-radius: 20px 20px 144px 233.5px;
/* transform: matrix(-1, 0, 0, 1, 0, 0); */
}

.retangule-faq {
width: 329px;
height: 624.98px;
left: 1071.49px;
top: 60.08px;

background: #FCB200;
border-radius: 400px;
transform: rotate(30deg);
}


/* how work css area */

.main_how_work_section {
position: absolute;
width: 2440px;
height: 798px;
left: 0px;
top: 0px;
background: #171B21;  
}

.main_how_work_section_bg {
position: absolute;
width: 2440px;
height: 798px;
left: 281px;
top: 0px;
background: #171B21;  
}

.how_work_area1 h3 {
margin-bottom: 95px !important;
}


.retangule-work1 {
position: absolute;
width: 282.65px;
height: 646.77px;
left: 352.38px;
top: -23.27px;

background: #171B21;
border: 1px solid rgba(252, 178, 0, 0.5);
box-sizing: border-box;
border-radius: 343.643px;
transform: rotate(30deg); 
}

.retangule-work2 {
position: absolute;
width: 282.65px;
height: 646.77px;
left: 368.38px;
top: 0.73px;

background: #171B21;
border: 1px solid #FCB200;
box-sizing: border-box;
border-radius: 343.643px;
transform: rotate(30deg);  
}

.main_how_sell_box_area1 .main_how_sell_box_area1_intro_img_area {
top:143px;
left: 520px;
}

.how_work_img_area1 img {
position: absolute !important;
width: 448.99px !important;
height: 670.99px !important;
/* left: 874.99px !important;
top: 97.75px !important; */

border-radius: 0px 0px 147px 0px !important;
/* transform: rotate(17.65deg); */
object-fit: cover;
left: 165.99px;
top: -49px;
  
}

.main_how_work_line {
position: absolute;
width: 920px;
height: 10px;
left: 0px;
top: 788px;
background: #FCB200;
border-radius: 0px 100px 100px 0px;
}

.main_how_work_description_area {
position: absolute;
width: 2440px;
height: 798px;
left: 0px;
top: 798px;

background: #171B21;
}

.main_how_work_description_area_bg {
position: absolute;
width: 2440px;
height: 798px;
left: 256px;
top: 0px;

background: #171B21;  
}

.main_how_work_description_area_img {
position: absolute;
width: 515px;
height: 593px;
/* left: 105px; */
top: -166px;
right: 99px;
}

.main_how_work_description_area_text {
height: 403px;
font-family: 'Gotham Light', system-ui;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 140%;
/* or 31px */
color: #FFFFFF;
}

.main_how_work_description_benefits_area {
position: absolute;
width: 1440px;
height: 120px;
left: 0px;
top: 611px;
}

.main_how_work_description_benefits_box {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
height: 140px;
line-height: 20px;
position: relative;
right: 68px;
/* left: 130px; */
margin-top:130px;
overflow-x: hidden;
overflow-y:hidden;
}





.main_how_work_description_benefits_box::-webkit-scrollbar {
width: 12px;
height:6px;
}

.main_how_work_description_benefits_box::-webkit-scrollbar-track {
    background: #171b21;
}

.main_how_work_description_benefits_box::-webkit-scrollbar-thumb {
  background-color: orange;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 1px solid orange;  /* creates padding around scroll thumb */
}

.main_how_work_description_benefits_content {
display: flex;
flex-direction: row;
align-items: center;
padding: 8px;
position: static;
width: 350px;
height: 120px;
left: 0px;
top: 0px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.07) 100%);
border: 1px solid rgba(255, 255, 255, 0.1);
box-sizing: border-box;
border-radius: 10px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* margin: 0px 16px;   */
 margin: 0px 6px;
  
}

.main_how_work_description_benefits_content_title {
display: flex;
flex-direction: column;
align-items: center;
padding: 0px;
position: static;
width: 89px;
height: 57px;
left: 8px;
top: 31.5px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
margin: 0px 0px;  
}

.main_how_work_description_benefits_content_title img {
position: static;
left: 32.02%;
right: 32.02%;
top: 0%;
bottom: 43.86%;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* margin: 6px 0px;   */
}

.main_how_work_description_benefits_content_title text {
position: static;
width: 89px;
height: 19px;
left: 0px;
top: 38px;
font-family: 'Gotham', system-ui;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
/* or 19px */
text-align: center;
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* margin: 6px 0px;   */
}

.main_how_work_description_benefits_content_line {
position: static;
width: 65px;
height: 0px;
left: 8px;
top: 19.5px;
border: 1px solid rgba(255, 255, 255, 0.1);
transform: rotate(90deg);
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
margin: 0px 0px; 
}

.main_how_work_description_benefits_content_description text {
position: static;
width: 179px;
height: 85px;
left: 8px;
top: 0px;
font-family: 'Gotham', system-ui;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 120%;
/* or 17px */
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;
margin: 0px 0px; 
}

/* talk us area */

.talk_us_img_area img {
    position: absolute !important;
    width: 502.82px !important;
    height: 515.39px !important;
    left: 138px !important;
    top: 132px !important;
    border-radius: 0px 0px 299px 0px !important;
    transform: rotate(31deg) !important;
}

/* end talk us area */



