/* banner */
.switch_pc { display:block;}
.switch_mb { display:none;}
.refer-banner { background-color: #f1f3f5;}
.refer-banner .flex { justify-content: flex-end;align-items: flex-end}
.refer-banner .banner-left { flex: 0 0 36.5%; padding-top: 180px;padding-bottom: 18px}
.refer-banner .banner-left h1 { color: #000; font-weight: 600; line-height: 60px;letter-spacing: -0.96px;margin-bottom: 16px;}
.refer-banner .banner-left h1 span { color:var(--v-orange);}
.refer-banner .banner-left p { color: #000; font-weight: 400; line-height: normal;margin-bottom: 16px}
.refer-banner .banner-left .orange-button { text-transform: uppercase;}
.refer-banner .banner-left .banner-tips { margin-top:128px;font-size: 12px;}
.refer-banner .banner-left .banner-tips a { color: var(--Secondary-text-color, #636363); font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px; text-decoration-line: underline; }
.refer-banner .banner-right { margin-right: -50px;flex: 0 0 59%;}
/* refer-row2-wrapper */
.margin-distance { padding:96px 0;}
.title h2{font-size: var(--fs-56) !important; color: #002329; text-align: center; font-style: normal; font-weight: 500; line-height: normal;}
.refer-row2-wrapper .title h2 span { color:var(--v-orange);}
.refer-row2-wrapper .title h5,
.refer-row2-wrapper .title p.subtit{ color: #000; text-align: center; margin:auto; font-style: normal; font-weight: 400; line-height: normal; max-width:800px;}
.refer-row2-wrapper .table-wrapper {text-align:center;}
.refer-row2-wrapper .table-wrapper h3 {font-size: var(--fs-20);color: #000; font-style: normal; font-weight: 700; line-height: normal; margin-bottom:16px;}
.refer-row2-wrapper .table-wrapper .table-box { width: 100%;max-width:1024px;margin:auto; background: #FFF; box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);border-radius: 16px;overflow:hidden;}
.refer-row2-wrapper .table-wrapper .table-box table { width: 100%;}
.refer-row2-wrapper .table-wrapper .table-box table th {width:50%; padding: 24px 16px; color: #FFF; font-size: var(--fs-20); font-style: normal; font-weight: 600; line-height: 1.46; text-transform: uppercase;}
.refer-row2-wrapper .table-wrapper .table-box table th:nth-child(1) { background-color:var(--v-green-darker);}
.refer-row2-wrapper .table-wrapper .table-box table th:nth-child(2) { background-color:var(--v-orange);}
.refer-row2-wrapper .table-wrapper .table-box table td { padding: 16px 35px; color: #4A4A4A; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.46;}
.refer-row2-wrapper .table-wrapper .table-box table tbody tr:nth-child(odd){ background-color:#f5f5f5; }
.refer-row2-wrapper .table-wrapper .tips { color: var(--base-black, #000); font-style: normal; line-height: normal;margin-bottom:0;}
.refer-row2-wrapper .table-wrapper .tips a {color: var(--base-black, #000); font-weight: 700; text-decoration-line: underline;}
.title h2,
.refer-row2-wrapper .title h5,
.refer-row2-wrapper .title p.subtit,
.refer-row2-wrapper .table-wrapper .table-box{ margin-bottom:32px;}
.requirements-referee{background:#F1F3F5;}
.requirements-referee .inner{padding-top:96px;padding-bottom:96px;}
.requirements-referee .inner h3{margin-bottom:20px;font-size: var(--fs-40);font-weight: 500;color: #002329;text-align: center;}
.requirements-referee .inner h3 span{color: #E35728;}
.requirements-referee .inner>p{margin-bottom:32px;font-size: var(--fs-18);color: #1E1E1E;text-align: center;}
.requirements-referee .inner ul{margin:12px auto;max-width:900px;display:flex;justify-content:space-between;}
.requirements-referee .inner ul li{border-radius: 16px;background: #FFF;width: 30%;padding:32px;}
.requirements-referee .inner ul li img{margin-bottom:24px;}
.requirements-referee .inner ul li p{color: #000;font-size: 16px;line-height:1.2;margin-bottom:0;}
.requirements-referee .inner ul li p:first-of-type{font-size: 20px;font-weight: 700;margin-bottom:4px;}
html[lang='ar-AE'] .refer-banner .banner-left{text-align: right;display: flex;flex-direction: column;align-items: flex-end;}
html[lang='ar-AE'] .requirements-referee .inner ul li{text-align: right;}
@media (max-width:1440px) {
.refer-banner .flex { justify-content: space-evenly;}
.refer-banner .banner-left { padding-top: 70px; flex: 0 0 40%;}
.refer-banner .banner-right { margin-right: -40px; flex: 0 0 64%;}
}
@media (max-width:1024px) {
.switch_pc { display:none;}
.switch_mb { display:block;}
.refer-banner { background-color: #eff5f9;}
.refer-banner .flex { flex-direction: column; align-items: center;}
.refer-banner .banner-right { margin-right: 0px; flex: 0 0 100%;}
.refer-banner .banner-left { text-align: center; flex: 0 0 100%; padding-bottom:0px;}
.refer-banner .banner-left p { margin-bottom:20px;}
.refer-banner .banner-left .banner-tips { margin-top: 12px;}
.margin-distance { padding:80px 0;}
.requirements-referee .inner ul li{padding: 20px;}
}
@media (max-width:768px) {
.refer-row2-wrapper .title h5,
.refer-row2-wrapper .title p.subtit,
.refer-row2-wrapper .table-wrapper .table-box{ margin-bottom:24px;}
.refer-row2-wrapper .table-wrapper .table-box table td {padding-top:24px;padding-bottom:24px;}
.requirements-referee .inner ul{flex-wrap: wrap;justify-content: center;}
.requirements-referee .inner ul li{width: 100%;margin-bottom: 15px;max-width: 580px;}
}
@media (max-width:510px) {
.refer-banner .banner-left { padding-top: 40px; max-width: 350px;}
.refer-banner .banner-left h1 { margin-bottom:0px; font-size: 24px; font-style: normal; line-height: 33.25px; letter-spacing: -0.48px;}
.refer-banner .banner-left .banner-tips { margin-bottom:10px;}
/* .refer-banner .banner-left .orange-button { padding: 15px 50px;} */
.refer-banner .banner-right { margin-right: -20px; margin-left: -20px;}
.margin-distance { padding:64px 0;}
.refer-row2-wrapper .title h5,
.refer-row2-wrapper .title p.subtit { padding:0; font-size:14px;}
.refer-row2-wrapper .table-wrapper h3 {font-size:18px;}
.refer-row2-wrapper .table-wrapper .tips { padding-top:16px;}
.refer-row2-wrapper .title h5,
.refer-row2-wrapper .title p.subtit,
.refer-row2-wrapper .table-wrapper .table-box{ margin-bottom:16px;}
}