h1 {
	font-size: var(--text-4xl);
	font-weight: 600;
	line-height: 1;
}

h2 {
	font-size: var(--text-xl);
	font-weight: 500;
	margin: 20px 0 10px 0;
	color: var(--hot-red);
}

h3 {
	font-size: var(--text-lg);
	font-weight: 500;
	margin: 20px 0 10px 0;
}

h4 {
	font-size: var(--text-lg);
	font-weight: 400;
	margin: 15px 0 10px 0;
}

h5,
h6 {
	font-size: var(--text-md);
	font-weight: 400;
	margin: 15px 0 10px 0;
}

p,
td,
th,
li,
a,
input {
	font-weight: 200;
	font-size: var(--text-base);
	line-height: 1.3;
}

a {
	color: var(--hot-red);
	text-decoration: none;
}

.cap {
	font-size: var(--text-sm);
	font-style: italic;
}

strong {
	font-weight: 400;
}

.sar_symbol {
    font-family: "Saudi Currency Font";
}

.lifter {
	font-size: var(--text-lg);
	color: var(--hot-red);
}

.lifter2 {
	font-size: var(--text-md);
	color: var(--hot-red);
	font-weight: 400;
}

.text-xs { font-size: var(--text-xs);}
.text-sm { font-size: var(--text-sm);}
.text-base { font-size: var(--text-base);}
.text-md { font-size: var(--text-md);}
.text-lg { font-size: var(--text-lg);}
.text-xl { font-size: var(--text-xl);}
.text-2xl { font-size: var(--text-2xl);}
.text-4xl { font-size: var(--text-4xl);}

.font-100 { font-weight: 100;}
.font-200 { font-weight: 200;}
.font-300 { font-weight: 300;}
.font-400 { font-weight: 400;}
.font-500 { font-weight: 500;}
.font-600 { font-weight: 600;}

.color-hot-red { color: var(--hot-red);}
.color-salt-white { color: var(--salt-white);}
.color-graphite-black { color: var(--graphite-black);}
.color-iron-gray { color: var(--iron-gray);}
.color-red-plum { color: var(--red-plum);}
.color-white { color: white;}
.color-gray2 { color: var(--gray2);}
.color-gray3 { color: var(--gray3);}

.bg-hot-red { background-color: var(--hot-red);}
.bg-salt-white { background-color: var(--salt-white);}
.bg-graphite-black{ background-color: var(--graphite-black);}
.bg-iron-gray { background-color: var(--iron-gray);}
.bg-red-plum { background-color: var(--red-plum);}
.bg-gray2 { background-color: var(--gray2);}
.bg-gray3 { background-color: var(--gray3);}

.bo-end { 
	border-inline-end: 1px solid var(--gray2);
	padding-inline-end: 15px;
}
.bo-start { 
	border-inline-start: 1px solid var(--gray2);
	padding-inline-start: 15px;
}
.bo-top { 
	border-top: 1px solid var(--gray2);
	padding-top: 15px;
}
.bo-bottom { 
	border-bottom: 1px solid var(--gray2);
	padding-bottom: 15px;
}
.bo-all {
	border: 1px solid var(--gray2);
	padding: 15px;
}

/* Responsive border utilities — Bootstrap breakpoints (sm:576, md:768, lg:992, xl:1200, xxl:1400) */
@media (max-width: 768px) {
	.bo-sm-end    { border-inline-end: 1px solid var(--gray2); padding-inline-end: 15px; }
	.bo-sm-start  { border-inline-start: 1px solid var(--gray2); padding-inline-start: 15px; }
	.bo-sm-top    { border-top: 1px solid var(--gray2); padding-top: 15px; }
	.bo-sm-bottom { border-bottom: 1px solid var(--gray2); padding-bottom: 15px; }
	.bo-sm-all    { border: 1px solid var(--gray2); padding: 15px; }
}
@media (min-width: 768px) {
	.bo-md-end    { border-inline-end: 1px solid var(--gray2); padding-inline-end: 15px; }
	.bo-md-start  { border-inline-start: 1px solid var(--gray2); padding-inline-start: 15px; }
	.bo-md-top    { border-top: 1px solid var(--gray2); padding-top: 15px; }
	.bo-md-bottom { border-bottom: 1px solid var(--gray2); padding-bottom: 15px; }
	.bo-md-all    { border: 1px solid var(--gray2); padding: 15px; }
}
@media (min-width: 992px) {
	.bo-lg-end    { border-inline-end: 1px solid var(--gray2); padding-inline-end: 15px; }
	.bo-lg-start  { border-inline-start: 1px solid var(--gray2); padding-inline-start: 15px; }
	.bo-lg-top    { border-top: 1px solid var(--gray2); padding-top: 15px; }
	.bo-lg-bottom { border-bottom: 1px solid var(--gray2); padding-bottom: 15px; }
	.bo-lg-all    { border: 1px solid var(--gray2); padding: 15px; }
}
@media (min-width: 1200px) {
	.bo-xl-end    { border-inline-end: 1px solid var(--gray2); padding-inline-end: 15px; }
	.bo-xl-start  { border-inline-start: 1px solid var(--gray2); padding-inline-start: 15px; }
	.bo-xl-top    { border-top: 1px solid var(--gray2); padding-top: 15px; }
	.bo-xl-bottom { border-bottom: 1px solid var(--gray2); padding-bottom: 15px; }
	.bo-xl-all    { border: 1px solid var(--gray2); padding: 15px; }
}
@media (min-width: 1400px) {
	.bo-xxl-end    { border-inline-end: 1px solid var(--gray2); padding-inline-end: 15px; }
	.bo-xxl-start  { border-inline-start: 1px solid var(--gray2); padding-inline-start: 15px; }
	.bo-xxl-top    { border-top: 1px solid var(--gray2); padding-top: 15px; }
	.bo-xxl-bottom { border-bottom: 1px solid var(--gray2); padding-bottom: 15px; }
	.bo-xxl-all    { border: 1px solid var(--gray2); padding: 15px; }
}

.bo-hot-red { border-color: var(--hot-red);}
.bo-salt-white { border-color: var(--salt-white);}
.bo-graphite-black{ border-color: var(--graphite-black);}
.bo-iron-gray { border-color: var(--iron-gray);}
.bo-red-plum { border-color: var(--red-plum);}
.bo-gray2 { border-color: var(--gray2);}
.bo-gray3 { border-color: var(--gray3);}

.margin-t-5 { margin-top: 5px;}
.margin-t-15 { margin-top: 15px;}
.margin-t-30 { margin-top: 30px;}
.margin-t-50 { margin-top: 50px;}

.margin-b-5 { margin-bottom: 5px;}
.margin-b-15 { margin-bottom: 15px;}
.margin-b-30 { margin-bottom: 30px;}
.margin-b-50 { margin-bottom: 50px;}

.margin-e-5 { margin-inline-end: 5px;}
.margin-e-15 { margin-inline-end: 15px;}
.margin-e-30 { margin-inline-end: 30px;}
.margin-e-50 { margin-inline-end: 50px;}

.margin-s-5 { margin-inline-start: 5px;}
.margin-s-15 { margin-inline-start: 15px;}
.margin-s-30 { margin-inline-start: 30px;}
.margin-s-50 { margin-inline-start: 50px;}

.text-balance { text-wrap: balance;}
.horizontal-flip { transform: scaleX(-1); }

/*######## LISt STYLES ########*/

.list {
	list-style: none;
	padding: 0px;
	margin: 0 0 15px 0;
}

.list strong {
	font-weight: 500;
}

.list-dash>li:before {
	content: "-";
	position: relative;
	inset-inline-start: -5px;
	font-weight: 600;
	color: #090075;
}

.list-dash>li {
	text-indent: -5px;
	padding-inline-start: 20px;
	line-height: 1.6;
}

.list-circle>li {
	list-style-type: circle;
	text-indent: 0;
	margin-bottom: 5px;
}

.list-disc>li:before {
	background-color: var(--hot-red);
	position: absolute;
	top: 6px;
	inset-inline-start: 0;
	content: "";
	display: block;
	width: 7px;
	min-width: 7px;
	height: 7px;
	min-height: 7px;
}

.list-disc>li {
	list-style: outside none none;
	margin: 0;
	margin-bottom: 0.5rem;
	line-height: 1.4;
	padding-inline-start: 15px;
	position: relative;
}

.list-abc>li {
	list-style-type: lower-alpha;
	text-indent: 0;
	margin-bottom: 5px;
	margin-inline-start: 20px;
	font-weight: 200;
	line-height: 1.6;
}

.list-ABC>li {
	list-style-type: upper-alpha;
	text-indent: 0;
	margin-bottom: 5px;
	margin-inline-start: 20px;
	font-weight: 200;
}

.list-iii>li {
	list-style-type: lower-roman;
	text-indent: 0;
	margin-bottom: 5px;
	margin-inline-start: 20px;
	font-weight: 200;
	line-height: 1.6;
}

.list-123>li {
	list-style-type: decimal;
	text-indent: 0;
	margin-bottom: 8px;
	margin-inline-start: 20px;
	font-weight: 200;
	line-height: 1.6;
}


.list-cstm>li {
	list-style: outside none none;
	margin: 0px 0px 4px 0px;
	line-height: 20px;
	font-weight: 300;
	margin-bottom: 5px;
	margin-inline-start: 20px;
}

table.small80 ul li {
	font-size: var(--text-sm);
	margin-bottom: 5px;
	line-height: 16px;
}

/*######## TABLE STYLES ########*/
table {
	font-size: var(--text-base);
	width: 100%;
	border-spacing: 0;
	line-height: 1.5;
	border-collapse: collapse;
	margin-bottom: 20px;
	text-align: start;
	font-weight: 100;
}

.small90 {
	font-size: 90%;
}

.small80 {
	font-size: 80% !important;
}

.small70 {
	font-size: 70% !important;
	line-height: 1.2;
}

thead.small60 tr td,
tbody.small60 tr td {
	font-size: 60% !important;
}

thead.small60 td,
tbody.small60 td {
	padding: 5px 5px 5px 5px;
	line-height: 12px;
}

thead td {
	padding: 15px 10px 5px 5px;
	font-size: var(--text-sm);
	line-height: 1.2;
	vertical-align: bottom;
}
thead td p {
	font-size: inherit;
	margin: 0;
}

tbody td {
	padding: 5px 10px 5px 5px;
	font-size: var(--text-base);
	border-bottom: 1px solid var(--gray2);
	background: white;
	vertical-align: top;
}

tbody td p,
tbody td a {
	font-size: var(--text-base);
	margin: 0;
}
tbody td li {
	font-size: var(--text-base);
}
table a {
	color: var(--hot-red);
}
tbody>tr:hover {
	background-color: #F3F3F3;
}
table.hover-none>tbody>tr:hover {
	background-color: #fff;
}
table tbody tr:first-child td {
	border-top: 2px solid var(--hot-red);
}

/*tbody tr  { border-bottom: 1px #000 solid; vertical-align:top; }*/
tbody.small {
	font-size: var(--text-sm);
	line-height: 120%;
}
table a {
	color: var(--hot-red);
}
table tr td {
	position: relative;
}
table tbody strong {
	color: inherit;
	font-weight: 400;
}

/* 3 row header */
table.ft td+td {
	text-align: right
}
table.ft thead tr {
	background-color: #FFFFFF;
}
/* table.ft thead tr:first-child {
	border-top: 1px var(--hot-red) solid;
	border-bottom: 1px var(--hot-red) solid;
} */
table.ft thead tr:last-child {
	text-align: right;
	/* border-bottom: 2px var(--hot-red) solid; */
}
table.ft thead tr+tr td+td {
	text-align: right;
}

/*table.ft tbody tr:last-child { border-bottom:2px #BCBDC0 solid; }*/
table.ft thead .cy {
	text-align: right;
	color: white;
	background-color: var(--hot-red);
	font-weight: 500;
}



/* table.ft thead tr:first-child .cy {
	color: var(--hot-red);
	font-weight: 500;
} */

table.ft {
	margin-bottom: 0px;
}

table.ft1 td+td {
	text-align: right
}

table.ft1 thead tr:first-child {
	border-top: 1px var(--hot-red) solid;
}

table.ft1 thead tr:first-child td+td {
	text-align: right;
}

table.ft1 thead tr+tr td+td {
	text-align: right;
}

table.ft1 thead tr td+td {
	border-bottom: 2px var(--hot-red) solid;
}

table.ft1 thead tr td {
	border-bottom: 2px var(--hot-red) solid;
}

table.ft1 thead tr:last-child {
	border-bottom: 2px var(--hot-red) solid;
}

table.ft1 tbody tr:last-child {
	border-bottom: 2px var(--hot-red) solid;
}

table.ft1 thead .cy {
	text-align: right;
	color: white;
	background-color: var(--hot-red);
}


table.gt td+td {
	text-align: start
}

table.gt thead tr {
	background-color: #FFFFFF;
}

table.gt thead tr:first-child {
	border-top: 1px var(--hot-red) solid;
}

table.gt thead tr:last-child {
	border-bottom: 2px var(--hot-red) solid;
}

/*table.gt tbody tr:last-child { border-bottom:2px #BCBDC0 solid; }*/
table.gt tbody tr td {
	vertical-align: top !important;
}

/*table.gt tbody { background: #FFFFFF; }
table.gt thead { background: #FFFFFF;}*/
.gt.hover-none>tbody>tr:hover {
	background-color: inherit;
}


table.gt2 td+td {
	text-align: start
}
table.gt2 thead tr:first-child {
	border-top: 1px var(--hot-red) solid;
}
table.gt2 thead tr:last-child {
	border-bottom: 2px var(--hot-red) solid;
}

/*table.gt tbody tr:last-child { border-bottom:2px #BCBDC0 solid; }*/
table.gt2 tbody tr td {
	vertical-align: top !important;
}

/*table.gt tbody { background: #FFFFFF; }
table.gt thead { background: #FFFFFF;}*/

table.mgt tbody tr:first-child td {
	border-top: none;
	font-size: var(--text-sm);
}

table.mgt tbody tr td:first-child {
	width: 20%;
}

tr.line-none td,
td.line-none {
	border-bottom: hidden !important;
}

tr.line-thin td,
td.line-thin {
	border-bottom: 1px #000 solid !important;
}

tr.line-thin2 td,
td.line-thin2 {
	border-bottom: 1px var(--hot-red) solid !important;
}

tr.line-thick td,
td.line-thick {
	border-bottom: 2px var(--hot-red) solid !important;
}

tr.sTotal-T {
	border-top: 2px var(--hot-red) solid !important;
}

tr.sTotal-D {
	border-bottom: 2px var(--hot-red) solid !important;
	border-top: 2px var(--hot-red) solid !important;
}

tr.gTotal {
	border-bottom: 3px var(--hot-red) solid !important;
	border-top: 2px var(--hot-red) solid !important;
}

tr.total-d {
	border-bottom: 2px var(--hot-red) solid !important;
	border-top: 2px var(--hot-red) solid !important;
}

tr.total-g {
	border-bottom: 3px var(--hot-red) solid !important;
	border-top: 2px var(--hot-red) solid !important;
}

tr.total-b {
	border-top: 2px var(--hot-red) solid !important;
}

tr.total-D {
	border-bottom: 2px var(--hot-red) solid !important;
	border-top: 2px var(--hot-red) solid !important;
}

tr.total-G {
	border-bottom: 3px var(--hot-red) solid !important;
	border-top: 2px var(--hot-red) solid !important;
}

tr.total-B {
	border-bottom: 2px var(--hot-red) solid !important;
}

.cellCenter {
	text-align: center !important;
}

.cellLeft,
col.cellLeft {
	text-align: left !important;
}

.cellRight {
	text-align: right !important;
}

.vTop {
	vertical-align: top !important;
}

.vMid {
	vertical-align: middle !important;
}

.cy {
	background: #FFF0F2;
	color: var(--hot-red);
	font-weight: 400;
}

.cy_1 {
  background-color: var(--hot-red);
  color: white;
  font-weight: 400;
}
.cy_2 {
    background: #FFF0F2;
    color: var(--hot-red);
}
thead .cy {
	color: white;
	background-color: var(--hot-red);
}

.row-fluid {
	display: flex;
	align-items: flex-end;
}

.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0px 0px 0px 0px;
}