@font-face {
  font-family: IBMPlexSans-Bold;
  src: url("fonts/ibm_plex_sans/IBMPlexSans-Bold.ttf"); 
}
@font-face {
  font-family: IBMPlexSans-Regular;
  src: url("fonts/ibm_plex_sans/IBMPlexSans-Regular.ttf"); 
}
@font-face {
  font-family: Klapt-Bold;
  src: url("fonts/klapt/Klapt-Bold.otf");
}
@font-face {
  font-family: KlaptArabic-Medium;
  src: url("fonts/klapt/KlaptArabic-Medium.ttf");
}
@font-face {
  font-family: KlaptArabic-Bold;
  src: url("fonts/klapt/KlaptArabic-Bold.ttf");
}
@font-face {
  font-family: Conthrax-Regular;
  src: url("fonts/conthrax/conthrax-sb.otf");
}
conthrax-sb.otf
/*  */
body {
  max-width: 1000px;
  margin: 0 auto;
  color: #000000;
  background: #222;
  /* font-family: "IBMPlexSans-Bold" !important; */
  /* font-family: "KlaptArabic-Medium" !important;  */
  font-family: "KlaptArabic-Bold" !important; 
}
.body_a2rl_todel {
  background-image: url(../images/body_bottom_border.png),
    url("../images/body_a2rl_bg.png");
  background-position: right bottom, top;
  background-repeat: repeat-x, repeat;
  background-size: auto 30px, cover;
}
.body_a2rl {
  background-image: url("../images/box2.png"),url("../images/box1.png"), url("../images/body_salam_bg_2.png"); /*LEAP-UPDATED-UI*/
  background-position: left top,right bottom,center;
  background-repeat: no-repeat,no-repeat,repeat;
  overflow-x: hidden;
  background-size: 5%,5%,cover; /* LEAP_NEW_UI */
  /* backdrop-filter: blur(2px); */
}
.body_a2rl_vol {
  background-image: url("../images/box2.png"),url("../images/box1.png"), url("../images/body_salam_bg_2.png"); /*LEAP-UPDATED-UI*/
  background-position: left top,right bottom,center;
  background-repeat: no-repeat,no-repeat,repeat;
  overflow-x: hidden;
  background-size: 5%,5%,cover; /* LEAP_NEW_UI */
}
@media screen and (max-width: 700px) {
  .body_a2rl {
  background-size: 8%,8%,cover; /* LEAP_NEW_UI */
  }
  }
.reg_heading_img {
  width:70%;
}
.form_bar_bottom_img {
  width:50%;
}
.form_bg {
  /*LEAP-UPDATED-UI*/
  /* background-image: url("../images/form_bg.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 100%; */
  /* opacity: .8;  */
  /* LEAP_NEW_UI */
  /*LEAP-UPDATED-UI*/
  background-color: #2B6B5366;
}
.form_bg_thankyou {
  /* background-image: url("../images/form_bg.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
  opacity: .8;  */
  /* LEAP_NEW_UI */
  /*LEAP-UPDATED-UI*/
  background-color: #2B6B5366;
}
.game_counter_frame {
  /* border-radius: 15px; */
/* border: 1px solid #FFF; */
/* background: linear-gradient(124deg, rgba(255, 255, 255, 0.00) -22.38%, rgba(255, 255, 255, 0.14) 70.38%); */
/* backdrop-filter: blur(21px); */
/* background: #518062; */
/* padding:12px 0px; */
/* background-image: url("../images/form_bg.png");
background-repeat: no-repeat;
background-position: right bottom;
background-size: cover;
opacity: 1;  */
/* LEAP_NEW_UI */
 /*LEAP-UPDATED-UI*/
 background-color: #2B6B5366;
}
.search_text, search_text:focus {
  border-radius: 10px;
    border: 1px solid #FFF;
    border-right: 0px solid #FFF !important;
    background: linear-gradient(124deg, rgba(255, 255, 255, 0.00) -22.38%, rgba(255, 255, 255, 0.04) 70.38%);
    backdrop-filter: blur(21px);
    color: #ffffff;
    font-size: 18px;
}
.search_button {
    border-radius: 0px !important;
    border: 1px solid #FFF;
    border-left: 0px solid #FFF !important;
    background: linear-gradient(124deg, rgba(255, 255, 255, 0.00) -22.38%, rgba(255, 255, 255, 0.26) 70.38%);
    backdrop-filter: blur(21px);
    color:#FFFFFF;
}
.search_refresh {
border-radius: 10px;
border: 1px solid #FFF;
background: linear-gradient(124deg, rgba(255, 255, 255, 0.00) -22.38%, rgba(255, 255, 255, 0.04) 70.38%);
backdrop-filter: blur(21px);
color:#FFFFFF;
}
.game_buttons {
  border-radius: 20px;
  border: 1px solid #FFF;
  background: linear-gradient(124deg, rgba(255, 255, 255, 0.00) -22.38%, rgba(255, 255, 255, 0.26) 70.38%);
  backdrop-filter: blur(21px);
  width:200px;
  color:#FFFFFF;
}
.game_buttons_played{
  border-radius: 20px;
border: 1px solid #FFF;
background: linear-gradient(124deg, rgba(31, 226, 51, 0.67) -22.38%, rgba(47, 226, 31, 0.67) 70.38%);
backdrop-filter: blur(21px);
width:200px;
color:#FFFFFF;
}
.game_reg_btn,.game_reg_btn:hover {
  color:#FFFFFF;
  border-radius: 6px;
border: 0px solid #FFF;
background: linear-gradient(124deg, rgba(255, 255, 255, 0.00) -22.38%, rgba(255, 255, 255, 0.04) 70.38%);
backdrop-filter: blur(21px);
margin-bottom: 2px;
font-size:18px;
}
.game_modal-content {
  border-radius: 6px;
 border: 1px solid #FFF !important;
 /* background:#4a4a4a !important;  */
 /*LEAP-UPDATED-UI*/
 /* background:#518062 !important;  */
 background:#000000 !important;
 /* backdrop-filter: opacity(1); */
 color:#FFFFFF; 
 }
.modal_save_but {
  border-radius: 10px !important;
border: 1px solid #FFF;
/* background: linear-gradient(124deg, rgba(255, 255, 255, 0.00) -22.38%, rgba(255, 255, 255, 0.26) 70.38%); */
background: linear-gradient(124deg, rgba(31, 226, 51, 0.67) -22.38%, rgba(47, 226, 31, 0.67) 70.38%);
backdrop-filter: blur(21px);
}
.input_style_tel {
  /* background-image: url("../images/input_bg.png"); */
  background:#FFFFFF; /* LEAP_NEW_UI */
background-position: 0px -310px;
border: 0.5px solid #aeafaf !important;
border-radius: 7px;
margin: 30px 1px;
/* padding: 8px; */
padding: 11px 2px;
color: #000; /* LEAP_NEW_UI */
font-size: 14px !important;
}
.input_style_mobile {
  background:#FFFFFF; /* LEAP_NEW_UI */
  background-position: 0px -310px;
  border: 0.5px solid #aeafaf !important;
  border-radius: 7px;
  margin: 30px 2px;
  padding: 8px 8px;
  color: #000; /* LEAP_NEW_UI */
  font-size: 18px;
}
.input_style {
  /* border: 0px; */
  /* background-image:  url('../images/body_a2rl_bg.png'); */
  /* background-position: -560px -320px; */
  /* background-image: url("../images/input_bg.png"); */
  background:#FFFFFF; /* LEAP_NEW_UI */
  background-position: 0px -310px;
  border: 0.5px solid #aeafaf !important;
  border-radius: 7px;
  margin: 30px 1px;
  /* padding: 8px; */
  padding: 8px 8px;
  color: #000; /* LEAP_NEW_UI */
  font-size: 18px;
}
.input_style_select {
  /* border: 0px; */
  /* background-image: url(../images/input_bg.png); */
  background: #FFFFFF; /* LEAP_NEW_UI */
  background-position: 0px -310px;
  border: 0.5px solid #aeafaf !important;
  border-radius: 7px;
  margin: 20px 1px;
  padding: 5px;
  color: #000; /* LEAP_NEW_UI */
  font-size: 18px;
}
.reg_others {
  display:flex;flex-direction: column;padding-top:20px;padding-bottom:20px;color:#fff;border-radius: 30px;padding: 30px;
  font-family: "KlaptArabic-Bold" !important; 
}
.reg_others {
  padding:5px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.reg_flag_and_mobile {
  margin-left:15px !important;
}
.selected-flag {
  padding: 3px 6px 0 8px !important;
}
.no_margins {
  margin-left:0px ;
  margin-right:0px ;
}
@media screen and (max-width: 700px) {
.body_a2rl {
background-size: 10%,10%,cover; /* LEAP_NEW_UI */
}
}
@media screen and (max-width: 700px) {
  .search_text, search_text:focus {
      font-size: 13px;
  }
  .input_style,  .input_style_select {
    margin: 10px 1px;
    margin-top: 18px;
    /* padding: 2px 30px; */
  }
  .input_style_tel {
    margin: 10px 1px;
  }
  .input_style_mobile  {
    /* padding-right:30px; */
    width:100% !important;
    margin: 10px 2px;
    padding: 10px 8px 9px 8px;
  }
  .input_style_tel  {
    padding-top: 12px;
    padding-bottom: 13px;
    padding-left:25px;
  }
  .selected-flag {
    padding: 5px 6px 0 8px !important;
  }
  .phone_number_box{
    margin-top:8px !important
  }
  .reg_others {
    padding: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
}
  .reg_flag_and_mobile {
    margin-left:13px !important;
  }
  /* RESPONSIVE-29MARCH */
  .game_button_col {
    text-align: center;
  }
  .game_buttons_played, .game_buttons{
    width:100%;
  }
  .reg_heading_img {
    width:92%;
  }
  .form_bar_bottom_img {
    width:65%;
  }
  .title_english {
    font-size:14px !important;
  }
  .title_arab{
    font-size:16px !important;
  }
  .text_sec1_en {
    font-size:12px !important;
  }
  .text_sec1_ar {
    font-size:12px !important;
  }
}
 /* RESPONSIVE-29MARCH */
.back_to_registration_scan {
  border-radius: 6px;
border: 1px solid #FFF;
background: linear-gradient(124deg, rgba(255, 255, 255, 0.00) -22.38%, rgba(255, 255, 255, 0.04) 70.38%);
backdrop-filter: blur(21px);
width:35px;
height:35px;
padding:6px;
}
.input_style_select {
  /* opacity:.5  */
  background:#FFFFFF;/* LEAP_NEW_UI */
  color: #000;
}
.input_style_select option {
  /* background: #a5a4a4; */
  background:#FFFFFF; /* LEAP_NEW_UI */
  color: #000;
  /* opacity:.5 */
}
select.placeholder-shown {
  /* color: #BDBCBB; */
  background:#FFFFFF; /* LEAP_NEW_UI */
  color: #D9D9D9;
  opacity: 0.9;
}
select.placeholder-hidden {
  color: #000; /* LEAP_NEW_UI */
}
::placeholder {
  /* background:#7A8CF4; */
  color: #D9D9D9; /* LEAP_NEW_UI */
  opacity: 0.7;
}
::-ms-input-placeholder {
  /* Edge 12 -18 */
  /* background:#7A8CF4; */
  color: #D9D9D9; /* LEAP_NEW_UI */
  opacity: 0.7; /* Firefox */
}
.reg_error {
  font-size: 14px;
  margin-left: 12px;
}
.badge_username {
  font-size: 20px;
  font-weight: bolder;
}
.badge_tab {
  font-size: 18px;
  font-weight: 600;
}
.badge_other_txt {
  font-size: 14px;
  /* font-weight: 700; */
}
.badge_other_lbl {
  font-size: 14px;
  font-weight: 700;
}
.badge_info_txt {
  font-size: 14px;
  font-weight: 600;
}
/* Borders for test */
.border-1 {
  border: 1px solid #f00;
}
.border-2 {
  border: 1px solid #0f0;
}
.border-3 {
  border: 1px solid #00f;
}
.border-4 {
  border: 1px solid #ff0;
}
.table-bordered {
  border: 0px solid #999 !important;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 0px solid #fff;
}
.table-bordered th {
  border: 0px solid #dee2e6;
}
.table thead td {
  vertical-align: bottom;
  border-bottom: 1px solid #666;
}
.table-bordered td {
  border: 0px solid #dee2e6;
  border-bottom: 1px solid #999;
  background-color: #fff;
}
.text1,
.text1 h2 {
  text-align: center;
  color: #2c3d68;
  font-size: 30px;
  font-weight: bold;
}
.text2,
.text2 h3 {
  text-align: center;
  font-size: 24px;
  color: #2c3d68;
  line-height: 1.5;
  font-weight: bold;
}
.text3,
.text3 h3 {
  text-align: center;
  font-size: 24px;
  color: #2c3d68;
  line-height: 1;
  font-weight: bold;
}
.text4,
.text4 h3 {
  text-align: center;
  font-size: 26px;
  color: #2c3d68;
  line-height: 1;
  font-weight: bold;
}
.reg_btn {
  background-color: #00B140; /* LEAP_NEW_UI */
  border-color: #00B140; /* LEAP_NEW_UI */
  color:#FFFFFF;
  font-family: "IBMPlexSans-Bold" !important; 
}
.reg_btn:hover {
  background-color: #00B140; /* LEAP_NEW_UI */
  border-color: #00B140; /* LEAP_NEW_UI */
  color:#FFFFFF;
}
.reg_btn_2 {
  background-color: #2c3d68;
  border-color: #2c3d68;
  /* color:#2c3d68; */
  font-weight: 700;
}
/* Dinali - updated css */
.logo-div {
  text-align: center;
}
.logo1 {
  width: 500px;
  margin-top: 6px;
}
.title_arab {
  text-align: center;
  color: #FFFFFF; /* LEAP_NEW_UI */
  font-size: 33px;
  /* margin-top: 80px; */
}
.title_english {
  text-align: center;
  color: #FFFFFF; /* LEAP_NEW_UI */
  font-size: 33px;
  /* margin-top:-27px; */
}
.text_sec1_ar {
  text-align: center;
  color: #ffffff;
  font-size: 25px;
  /* margin-top: 63px; */
}
.text_sec1_en {
  text-align: center;
  color: #ffffff;
  font-size: 25px;
  /* margin-top: 63px; */
}
.text_sec1_ar-2 {
  text-align: center;
  color: #2c3d68;
  font-size: 25px;
  /* margin-top: -32px;  */
}
.text_sec2_en-1 {
  text-align: center;
  color: #2c3d68;
  font-size: 23px;
  /* margin-top:43px; */
}
.text_sec2_en-2 {
  text-align: center;
  color: #2c3d68;
  font-size: 23px;
  line-height: 1.3;
}
.text_sec3_ar-1 {
  text-align: center;
  color: #2c3d68;
  font-size: 23px;
}
.text_sec3_en {
  text-align: center;
  color: #2c3d68;
  font-size: 23px;
  /* margin-top:-20px;    */
}
.text_sec4_ar {
  text-align: center;
  color: #2c3d68;
  font-size: 28px;
  /* margin-top: 64px;    */
}
.text_sec4_e1 {
  text-align: center;
  color: #2c3d68;
  line-height: 0.9;
  font-size: 28px;
  /* margin-top: -16px; */
}
.text_sec4_en-2 {
  text-align: center;
  color: #2c3d68;
  line-height: 0.9;
  font-size: 28px;
  /* margin-top: -16px; */
}
/* ----------------------------------------------- */
/* Dropdown Button - The search field - for select - //OP_TYPE_DROPDOWN */
.op_type_dropdown_input {
  display: block;
  background-image: url("../images/body_a2rl_bg.png");
  background-position: 0px -310px;
  border: 0.5px solid #aeafaf !important;
  border-radius: 7px;
  margin: 6px;
  padding: 8px;
  color: #fff;
  font-size: 18px;
  width: 98%;
  /* 
font-size: .875rem;
font-weight: 400;
line-height: 1.5;
color: #3e5569;
background-color: #fff;
background-image:  url('../images/body_a2rl_bg.png');
background-position: 0px -310px;
border: .5px solid #aeafaf !important;
border-radius: 4px;
appearance: none;
background-size: auto;
padding: .375rem 2.25rem .375rem 2.75rem; */
}
.op_type_dropdown_input:focus {
  border: 1px solid #ccc;
}
.op_type_dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}
.op_type_dropdown_content {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  z-index: 1;
  min-height: 100px;
  max-height: 140px;
  overflow-y: scroll;
  overflow-x: hidden;
  border-radius: 6px;
}
.op_type_dropdown_content div {
  padding: 2px 8px;
  text-decoration: none;
  display: block;
}
.op_type_dropdown_content div:hover {
  background-color: #2962ff;
  color: #fff;
}
.show {
  display: block;
}
/* End Dropdown Button - The search field - for select - //OP_TYPE_DROPDOWN */