*, *:before, *:after { box-sizing: border-box; }
img { max-width: 100%; }

@font-face {
    font-family: "AktivGrotesk";
    src: url("../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Regular.ttf") format("ttf"),
    url("../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Regular.woff") format("woff"),
    url("../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Regular.woff2") format("woff2"),
    url("../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Regular.otf") format("otf"),
    url("../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Regular.eot") format("eot");
    font-weight: normal;
}

body { background: #FDF9F3; color: #252525; font-family: 'AktivGrotesk', Arial, sans-serif; font-size: 15px; font-weight: 400; margin: 0; min-height: 100vh; }
a { color: var(--primary-red); text-decoration: none; transition: background-color 0.3s, color 0.3s; }
a:hover { text-decoration: underline; }

#main { margin: 0 auto; max-width: 100%; }

#header_text .block0 {margin: 0 auto;max-width: 1140px;height: 100%;width: 100%;display: flex;/* background: beige; */}
#header_text .block1 {background: #E2DFD9;padding: 15px 0;}
#header_text .block2 {/* background: #2d2d2d; */margin: 0 auto;position: relative;display: flex;justify-content: flex-end; height: 479px;}

.land-main #header_text .block2 .block0 { top: 30%; }

.gradient {background: linear-gradient(90deg, #252525, transparent);z-index: 2;}
#header_text  .block-text {display: flex;flex-direction: column;justify-content: center;gap: 15px;z-index: 2;}
.image-clip { position:absolute; }
.block2 img { display: block; position: relative;  -webkit-mask-image: linear-gradient(to right, transparent, black 80%); mask-image: linear-gradient(to right, transparent, black 80%);}.block2 img:nth-child(2) {   display: none; }

#header_text h1 {font-size: 38px;font-weight: bold;/* margin: 0 0 15px 0; */max-width: 500px;line-height: 43px;}
#header_text h2 {font-family: Georgia, 'Times New Roman', Times, serif;font-size: 24px;/* margin: 0 0 15px 0; */font-weight: 200;}
#header_text{ background: #2D2D2D; color: white; }
#header_text a {border: 1px solid white;text-align: center;border-radius: 30px;color: white;display: inline-block;font-family: 'AktivGrotesk', Arial, sans-serif;font-size: 14px;font-weight: 400;max-width: 210px;padding: 12px;text-decoration: none;transition: background-color 0.3s, color 0.3s;margin-top:30px;}
#header_text a:hover { background: white; color: #252525; }

#promo_content, #form_holder { background: none; }
.ty  #promo_content { min-height: 33vh; }
#form_holder, #info_text_holder { margin: 0; padding: 0; }
#promo_content, #content { margin: 0 auto; max-width: 1140px; padding: 50px 0; }

.second_row { float: right; }
.table-cell label { display: inline-block; padding: 10px 5px 10px 0; }
.table-cell input[type="text"], .table-cell select { color: #252525; font-family: 'AktivGrotesk', Arial, sans-serif; font-size: 14px; font-weight: 400; padding: 10px; }
.table-cell select { padding: 10px 5px; }
#submit-div { padding: 30px 0; text-align: center; }
.SubmitButt { background: #2D2D2D; border: 0; border-radius: 30px; color: white; cursor: pointer; font-family: 'AktivGrotesk', Arial, sans-serif; font-size: 18px; font-weight: 400; padding: 15px 30px; transition: background-color 0.3s, color 0.3s; }
.SubmitButt:hover { background: #A5D0D6; color: #252525; }
div#apply_form_box { font-family: 'AktivGrotesk', Arial, sans-serif; font-size: 14px; font-weight: 400;}
.required { font-size: 14px; color: #252525;}

#a_l_txt_title,
#i_l_txt_payment_method,
#a_l_txt_new_productgroup_all,
#a_l_txt_bank_details_international,
#a_l_txt_bank_revolut { display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 28px; margin: 15px 0; }
#country_promotion { display: block; padding: 10px 0; }
#date_purchase_u_info,
#revolut_tag_u_info,
#bank_benficiary_individual_u_info,
#bank_benficiary_u_info,
#bank_benficiary_rev_individual_u_info,
#bank_beneficiary_rev_u_info { display: block; font-size: 12px; padding: 5px 0; }
#r_date_purchase .table-cell { position: relative; }
.ui-datepicker-trigger { cursor: pointer; position: absolute; right: 5px; top: 5px; }
#promo_content .field-row .inputfile.inputfile__btn + label, 
#promo_content .field-block .inputfile.inputfile__btn + label {background: #2D2D2D;border-radius: 30px;transition: background-color 0.3s, color 0.3s;padding-left: 65px;position: relative;}
#promo_content .field-row .inputfile.inputfile__btn + label:hover, 
#promo_content .field-block .inputfile.inputfile__btn + label:hover { background: #A5D0D6; color: #252525; }
#r_payment_method .table-cell { float: none; width: 100%; }
#r_payment_method .left { display: flex; }
#r_payment_method .cbox_list { width: 50%; }

#r_answer_59246 .table-cell,
#r_answer_59253 .table-cell,
#r_answer_59252 .table-cell,
#r_answer_59251 .table-cell,
#r_answer_59259 .table-cell { float: none; width: 100%; }
#r_answer_59246 .table-cell:nth-child(2),
#r_answer_59253 .table-cell:nth-child(2) { display: none; }
#r_answer_62464 .table-cell input[type="text"] , #r_answer_62488 .table-cell input[type="text"]{ display: none;  }

.inputfile + label span {font-size: 12px;line-height: 15px;display: block;}
.inputfile + label span.field { font-size: 16px; }
.inputfile + label .icon { width: 1em; height: 1em; vertical-align: middle; position: absolute; left: 15px; top: 8px; font-size: 35px; margin-top: 0!important;  }

#footer { background: #E2DFD9; font-size: 14px; padding: 30px 0; }
#footer .block0 { display: flex; column-gap: 15px; max-width: 1140px; margin: 0 auto; }

#main.ty #form_wrapper { margin: 0 auto; max-width: 600px; padding: 50px 0; text-align: center; }
#main.ty #form_wrapper h1 { font-size: 24px; margin: 0 0 30px 0; }

.land-main #content .block1 { margin: 0 0 50px 0; text-align: center; }
.land-main #content h1 { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 28px; margin: 0 0 15px 0; }
.land-main #content h2 { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 20px; margin: 0 0 30px 0; }
.land-main #content .block1 ul { display: flex; justify-content: space-around; align-items: flex-start; list-style: none; margin: 0 0 30px 0; }
.land-main #content .block1 ul li { font-size: 14px; line-height: 1.2; width: 23%; }
.land-main #content .block1 ul li p {height: 86px;display: flex;align-items: center;justify-content: center;/* margin: 0 0 15px 0; */}
.land-main #content .block1 ul li h3 {height: 50px;display: flex;align-items: center;justify-content: center;font-family: Georgia, 'Times New Roman', Times, serif;font-size: 20px;margin: 0 0 15px 0;text-transform: uppercase;}
.land-main #content .block1 a {background: #2D2D2D;border: 0;border-radius: 30px;color: white;display: inline-block;font-family: 'AktivGrotesk', Arial, sans-serif;font-size: 16px;font-weight: 400;padding: 15px 30px;text-decoration: none;transition: background-color 0.3s, color 0.3s;}
.land-main #content .block1 a:hover { background: #A5D0D6; color: #252525; }

.land-main #content .block2 { margin: 0 0 50px 0; text-align: center; }
.land-main #content .block2 .table {margin: 0 auto;max-width: 730px;text-align: left;width: 100%;}
.land-main #content .block2 .table .table-row { border-radius: 12px; margin: 5px 0;}
.land-main #content .block2 .table .table-row.head { background: #2D2D2D; border-radius: 12px; color: white; padding: 0 10px; }
.land-main #content .block2 .table .col1 { background: #e7b5a2; display: flex; align-items: center; padding: 10px; width: 33%; }
.land-main #content .block2 .table .col2 { background: #e2a48e; line-height: 1.5; padding: 10px; width: 67%; }
.land-main #content .block2 .table .table-row.head .col1,
.land-main #content .block2 .table .table-row.head .col2 { background: transparent; }

.land-main #content .block3 h1 { text-align: center; }
.land-main #content .block3 ul { display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 560px; }
.land-main #content .block3 ul li {margin: 7px 0;width: 33%;font-size: 16px;font-weight: 400;}
.land-main #content .block3 ul li:before { background: #e7b5a2; border-radius: 50%; content: ''; display: inline-block; height: 8px; margin: 0 10px 0 0; vertical-align: middle; width: 8px; }
.land-main #content .block3 ul li p { height: 86px; display: flex; align-items: center; justify-content: center; margin: 0; }

@media (max-width: 1140px) {
    #header_text .block1, #header_text .block2 .block0, #promo_content, #content, #footer { padding-left: 15px; padding-right: 15px; }
    .first_row.startcol1, .first_row.startcol, .first_row.startgroup1, .second_row { float: none; width: 100%; }
    .land-main #header_text .block2 .block0 { top: 30px; }
    #header_text h1 {font-size: 30px;line-height: 35px;}
    .land-main #content .block1 ul { flex-wrap: wrap; }
    .land-main #content .block1 ul li { margin: 0 0 15px 0; width: 45%; }
}
@media (max-width: 800px) { 
    .field-row .table-cell,
    .field-row .table-cell.coll1 { float: none; width: 100%; }
    #header_text .block2 .block0 { padding: 15px 15px 30px 15px; position: static; }
    #footer .block0 { flex-direction: column; row-gap: 15px; }
}
@media (max-width: 750px) {
    #header_text .block2 { flex-direction: column-reverse; height: 100%; }   
    .image-clip { position: relative;}
  .block2 img{-webkit-mask-image: linear-gradient(to top, transparent, black 80%);   mask-image: linear-gradient(to top, transparent, black 80%);}
}
@media (max-width: 600px) {
    .land-main #content .block1 ul { flex-direction: column; row-gap: 15px; }
    .land-main #content .block1 ul li { width: 100%; }
    .land-main #content .block3 ul li { width: 45%; }
    .land-main #content .block2 .table .table-row.head { display: none; }
    .table-row { flex-direction: column; }
    .land-main #content .block2 .table .col1,
    .land-main #content .block2 .table .col2 { line-height: 2; width: 100%; }
    #promo_content .field-row .inputfile.inputfile__btn + label {width: 100%; }
}
@media (max-width: 500px) {
    .block2 img:nth-child(1) { display: none;}
    .block2 img:nth-child(2) { display: block;}
    .image-clip { position: relative;}
}

