:root {
  /* fonts */
  --font-bein-normal: "beIN Normal";
  --font-nizar-bein-sport: "Nizar beIN-Sport";
  --font-bein: beIN;
  --font-al-jazeera-arabic: Al-Jazeera-Arabic;
  --font-sfprotext-bold: SFProText-Bold;
  --font-sfprotext-medium: SFProText-Medium;
  --font-sfprotext-regular: SFProText-Regular;

  /* font sizes */
  --font-size-7xs: 3.5px;
  --font-size-6xs: 4px;
  --font-size-5xs: 5px;
  --font-size-4xs: 6px;
  --font-size-3xs: 7px;
  --font-size-2xs: 8px;
  --font-size-xs: 9px;
  --font-size-sm: 10px;
  --font-size-base: 11px;
  --font-size-lg: 12px;
  --font-size-xl: 13px;
  --font-size-2xl: 14px;
  --font-size-3xl: 15px;
  --font-size-4xl: 16px;
  --font-size-5xl: 17px;
  --font-size-6xl: 16px;
  --font-size-7xl: 19px;
  --font-size-8xl: 20px;
  --font-size-9xl: 21px;
  --font-size-10xl: 22px;
  --font-size-11xl: 23px;
  --font-size-12xl: 24px;
  --font-size-13xl: 37px;

  /* Colors */
  --color-whitesmoke-100: #f9f9fa;
  --color-whitesmoke-200: #f7f7f7;
  --color-whitesmoke-300: #f6f6f6;
  --color-whitesmoke-400: #f1f1f1;
  --color-whitesmoke-500: #e8e9ed;
  --color-white: #fff;
  --color-firebrick-100: #bf2f17;
  --color-firebrick-200: #c51616;
  --color-firebrick-300: #b01d1b;
  --color-firebrick-400: #b01c1a;
  --color-darkcyan-100: #409c96;
  --color-darkcyan-200: #008d83;
  --color-antiquewhite-100: #f8ead6;
  --color-antiquewhite-200: #f7e9d5;
  --color-antiquewhite-300: #f6e8d4;
  --color-antiquewhite-400: #f5e8d5;
  --color-antiquewhite-500: #f2e4d0;
  --color-antiquewhite-600: #ebdecb;
  --color-antiquewhite-700: #e8d8c2;
  --color-antiquewhite-800: #e3d5c1;
  --color-antiquewhite-900: #dfd1bc;
  --color-oldlace: #fff7eb;
  --color-teal-100: #29847e;
  --color-teal-200: #2d7e79;
  --color-teal-300: #397470;
  --color-teal-400: #006c65;
  --color-dimgray-100: #707070;
  --color-dimgray-200: #755f3f;
  --color-gray-100: #9e8c72;
  --color-gray-200: #1e2022;
  --color-gray-300: #0f0f0f;
  --color-gray-400: #0e0000;
  --color-gray-500: rgba(255, 255, 255, 0);
  --color-bisque-100: #e6d4bb;
  --color-bisque-200: #e2cdb4;
  --color-aliceblue: rgba(244, 248, 255, 0);
  --color-tan-100: #d5bfa0;
  --color-tan-200: #c5b49c;
  --color-tan-300: #beab8f;
  --color-tan-400: #a18760;
  --color-tan-500: #9e8157;
  --color-rosybrown-100: #a18b8b;
  --color-rosybrown-200: #ae6d6c;
  --color-darkgray-100: #b4b4b4;
  --color-darkgray-200: #beb2a2;
  --color-darkgray-300: #b2b2b2;
  --color-darkgray-400: #b1b1b1;
  --color-darkgray-500: #ababab;
  --color-darkgray-600: #9b9b9b;
  --color-lightseagreen-100: #63bbb5;
  --color-lightseagreen-200: #4da8a2;
  --color-darkslategray-100: #396273;
  --color-darkslategray-200: #386273;
  --color-darkslategray-300: #1c5854;
  --color-darkslategray-400: #323643;
  --color-lightgray-100: #d5d5d5;
  --color-lightgray-200: #d1d1d1;
  --color-floralwhite: #fffaf3;
  --color-linen-100: #f6efe4;
  --color-linen-200: #f5ecdf;
  --color-orange-100: #ffaa31;
  --color-powderblue: #8dcec9;
  --color-cadetblue-100: #63afaa;
  --color-cadetblue-200: #58a69f;
  --color-burlywood: #e2c192;
  --color-gainsboro-100: #e4e4e8;
  --color-gainsboro-200: #e1e1e1;
  --color-lightslategray: #6a96a8;
  --color-steelblue: #006484;
  --color-tomato: #fe6d46;
  --color-aqua: #00ffee;
  --color-turquoise: #00f3e4;
  --color-red-100: #ff0300;
  --color-red-200: rgba(255, 0, 0, 0);
  --color-silver-100: #c8c8c8;
  --color-silver-200: #c5bbac;
  --color-slategray: #77838f;

  /* border radiuses */
  --br-11xs: 2px;
  --br-10xs: 3px;
  --br-9xs: 5px;
  --br-8xs: 6px;
  --br-7xs: 7px;
  --br-6xs: 9px;
  --br-5xs: 10px;
  --br-4xs: 12px;
  --br-3xs: 13px;
  --br-2xs: 14px;
  --br-xs: 15px;
  --br-sm: 16px;
  --br-md: 17px;
  --br-lg: 19px;
  --br-xl: 21px;
  --br-2xl: 23px;
  --br-3xl: 24px;
  --br-4xl: 26px;
  --br-5xl: 27px;
  --br-6xl: 29px;
  --br-7xl: 33px;
  --br-8xl: 41px;
  --br-9xl: 42px;
  --br-10xl: 49px;
}
@import url('https://fonts.googleapis.com/css2?family=Tajawal&display=swap');
body {
	direction: ltr;
  font-family: 'Tajawal', sans-serif;
}
.home-22 {
	background: #f5ecdf;
	width: 100%;
	min-height: 100vh;
}

.home-22 .challenge-sec.challenge-sec1 {
  text-align: center;
  padding-top: 90px;
}
.home-22 .challenge-sec.challenge-sec1 .group-child382 {
  margin-bottom: 10px;
}
.home-22 .challenge-sec.challenge-sec1 .div664 {
  font-size: 14px;
  color: var(--color-teal-100);
}
.home-22 .challenge-sec.challenge-sec1 .div661 {
	text-align: center;
	font-size: 24px;
	color: var(--color-firebrick-100);
	margin-top: 80px;
}
.home-22 #groupContainer1 {
	border-radius: var(--br-2xl);
	background-color: var(--color-teal-100);
	width: max-content;
	margin: auto;
	margin-top: auto;
	padding: 7px 17px;
	line-height: 2;
	margin-top: 122px;
}

.home-22 .div662 {
  color: var(--color-firebrick-100);
  font-size: 14px;
  margin-top: 10px;
}
.home-22 #text2 {
  color: var(--color-teal-100);
  font-size: 14px;
  margin-top: 5px;
}
.home-22 #phone,
.home-24 .kuala-login-input {
	border-radius: var(--br-2xl);
	background-color: var(--color-firebrick-100);
	text-align: center;
	color: #fff;
	border: unset;
	padding: 8px;
	margin-bottom: 20px;
  font-size: 16px;
}
.home-22 .kuala-login-form {
	margin-top: 80px;
}
.home-22 .div744 {
	width: max-content;
	margin: auto;
	border: 1px solid var(--color-firebrick-100);
	padding: 4px 10px;
	border-radius: 25px;
}

.home-24 .kuala-login span {
  display: block;
  width: 100%;
  float: left;
}
.home-24 .kuala-login span label {
	width: 30%;
	display: block;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}
.home-24 .kuala-login span div {
  float: left;
  width: 70%;
}
.home-24  .kuala-login-button {
	float: left;
	display: block;
	width: 100%;
	margin-top: 20px;
}
.home-22.home-24 .div744 {
	min-width: 100px;
}


.home-22 .parent158 > a:nth-child(3) {
  margin-top: 60px !important;
  display: block;
  width: 100%;
}
.home-22 .parent158 > a:nth-child(3) > div {
  border: 1px solid;
  width: max-content;
  margin: auto;
  padding: 3px 10px;
  color: #29847e;
}