// <weight>: Use a value from 200 to 1000
// <uniquifier>: Use a unique and descriptive class name

.cairo-<uniquifier> {
  font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}
Tajawal: CSS classes

.tajawal-extralight {
  font-family: "Tajawal", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.tajawal-light {
  font-family: "Tajawal", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.tajawal-regular {
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.tajawal-medium {
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.tajawal-bold {
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.tajawal-extrabold {
  font-family: "Tajawal", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.tajawal-black {
  font-family: "Tajawal", sans-serif;
  font-weight: 900;
  font-style: normal;
}
hrml,body, h1,h2,h3,h4,h5,p,a,li,span,div,i {
	font-family: "Tajawal", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.tg-btn {
	background: #ffd858;
    color: #2a3253;
}
.circle__wrap-two .icon {
		background: #ffd858;
    color: #2a3253;
}
.banner__content-six .title-two svg {
	color: #ffd858;
}
.scroll__top {
	background: #ffd858;
    color: #2a3253;
}
.services__icon-two {
	color: #ffd858;
}
.services__icon-two::before {
	background:#fcf8eb
}
.services__content-ten .tg-btn {
	background: #fcf8eb;
    color: #2a3253;
}
.services__content-ten .tg-btn:hover{
	background: #ffd858;
    color: #2a3253;
}
.odometer.odometer-auto-theme, .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default, .odometer.odometer-theme-default .odometer-digit {
float: left;
}
.footer__newsletter-form button {
	background: #ffd858;
    color: #2a3253;
}