/* .layout_1 {

display: flex;
padding: 60px 0px;
flex-direction: column;
align-items: flex-end;
gap: 120px;
align-self: stretch;

}



.mini-divider {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px;
align-self: stretch;
max-width: 651px;
height: 1px;
background: #c0c0c0;

} */

.rak-text-content-widget p,
.rak-text-content-widget h4,
.rak-text-content-widget h3,
.rak-text-content-widget h2,
.rak-text-content-widget h1 {
  margin: 0;

  overflow-wrap: normal;
}

.layout_1 {
	display: flex;
	max-width: 85rem;
/* 	padding: 2.5rem 0; */
	flex-direction: column;
	align-items: flex-start;
	gap: 2.5rem;
}

@media (max-width: 990px) {
	.quote-wrapper {
		padding: 1.5rem 1.25rem !important;
		gap: 2rem !important;
	}
	.rak-quote{
		padding-right: 1.25rem !important;
	}
	html[lang="ar"] .rak-quote {
		padding-left: 1.25rem !important;
		padding-right: 0rem !important;
	}
	.mini-divider{
		max-width: 12.5rem;
	} 
}

.mini-divider{
  width: 25rem;
  /* remove max-width */
  height: 0.0625rem;
  background: var(--Separator-primary, #C0C0C0);
}

.quote-wrapper {
	display: flex;
	max-width: 85rem;
	padding: 2.5rem 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 2.5rem;
}

.rak-quote {
	display: flex;
	padding-right: 4rem;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	align-self: stretch;
	color:  var(--Color-Content-Primary, #211F1E);
}

html[lang="ar"] .rak-quote {
	padding-left: 4rem !important;
	padding-right: 0rem !important;
}

@media (min-width: 990px) and (max-width: 1024px) {
	.layout_1{
		padding: 0 2.5rem;
	}
}

.author_content{
	display: flex;
	max-width: 17.9375rem;
	flex-direction: column;
	align-items: flex-start;
}

.author_name{
	color: var(--Color-Content-Secondary, #373432);
}

.author_position{
	color: var(--Color-Content-Tertiary, #696562);
}


.layout_2 {
  display: flex;
  /* justify-content: flex-end; */
  align-items: center;
  gap: 4px;
  align-self: stretch;
/*   padding: 32px 0 40px 0; */
}

.layout_2_content {
  display: flex;
  padding: 0 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  max-width: 1360px;
}

.layout_2_text {
	gap: 16px;	
	display: flex;
	flex-direction: column;
	max-width: calc(1440px * 2 / 3);
}

/* .layout_2_text p {
  font-weight: 400;
} */

.layout_2_text p,
.layout2-bullets li {
  /*   max-width: 960px; */
  color: var(--Color-Content-Tertiary, #696562);
}

.layout_2_title {
  max-width: 960px;
  color: #26251a;
}

.layout2_description {
  font-weight: 400 !important;
}

.layout2-bullets {
  list-style-type: disc;
  padding-left: 40px;
  margin: 0;
}

.layout2-bullets li {
  margin-bottom: 10px;
}

.layout2-bullets li strong {
  font-weight: 700 !important;
  color: #26251a;
}

.layout2-bullets li span.description {
  font-weight: 400 !important;
}

/* @media (min-width: 768px) and (max-width: 1280px) {
	.layout_2 {
		flex-direction: column;
		align-items: flex-start;
	}
	.card-grid {
		flex-direction: column;
	}
	.layout_4_descriptions{
		flex-direction: column;
	}
	.layout6_quote_panel_with_bg,
	.layout6_quote_panel_no_bg {
		flex-direction: column;
		gap: 0px;
	}
	.layout_7_content {
		flex-direction: column;
	}
	.layout_8 {
		flex-direction: column;
		justify-content: flex-end;
	}
	.layout_8_content {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		align-self: stretch;
	}
} */

@media (max-width: 990px) {
	.layout_2 {
		flex-direction: column;
		align-items: flex-start;
		/*     padding: 32px 0; */
		gap: 16px;
	}

	.layout_2_content {
		padding: 0 20px;
		gap: 16px;
	}

	.layout_2_text{
		max-width: fit-content;
	}

/*   .layout_2_text p,
  .layout2-bullets li {
    font-size: var(--Type-Body-M-Body-1-Size, 18px);
  } */
}

.layout_3 {
  display: flex;
  padding: 0 40px;
  flex-direction: column;
  align-items: flex-start;
  /*   gap: 120px; */
  gap: 80px;
  align-self: stretch;
}

.layout_3_title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
  max-width: 988px;
  color: #26251a;
}

.title-images {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* gap: 64px; */
  gap: 80px;
  align-self: stretch;
}

.image-content {
  display: flex;
  height: 440px;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}

.big-left-image {
  flex: 1 0 0;
  align-self: stretch;
  background: lightgray 0px -8.529px / 100% 135.774% no-repeat;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.small-right-image {
  width: 432px;
  height: 440px;
  background: lightgray -211.532px 0px / 152.759% 100% no-repeat;
}

.card-grid {
	display: grid;
	align-items: flex-start;
	align-content: flex-start;
	gap: 64px 40px;
	align-self: stretch;
	max-width: 1360px;
	grid-template-columns: repeat(2, 1fr);
}

.card-item {
	display: flex;
	max-width: 656px;
	padding-right: 80px;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	width: 100%;
	box-sizing: border-box !important;
	height: 100%;
	justify-content: space-between;
}

.card-number-circle {
  display: flex;
  padding: 16px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 40px;
  background: #f7f7f7;
  color: #262626;
}

.card-title.header3 {
  color: #26251a;
  align-self: inherit;
  font-size: 32px;
}

.card-description {
  align-self: stretch;
  color: #6b6b6b;
}

.card-button {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.card_button_text {
  color: var(--Text-primary, #26251a);
  font-family: Diatype;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  /* 150% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-color: var(--Color-Content-Tertiary, #696562);
  text-decoration-thickness: auto;
  text-underline-offset: 50px;
  /* 10px */

  text-underline-position: from-font;
}
.filler-empty{
	height:100%;
}

@media (max-width: 990px) {
  .layout_3 {
    padding: 0 16px;
    gap: 40px;
  }

  .layout_3_title {
    gap: 16px;
  }

  .card-grid {
    flex-direction: column;
    gap: 32px;
  }

  .card-item {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
  }

  .card-number-circle {
    padding: 8px 12px;
  }

  .card_button_text {
    text-underline-offset: 8px;
  }
	.card-grid {

	grid-template-columns: repeat(1, 1fr);
}

  .image-content {
    display: flex;
    height: 174px;
    padding: 0px 20px;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
  }
	.layout_3 .image-content{
		padding: 0px;
	}

  .big-left-iamge {
    flex: 1 0 0;
    align-self: stretch;
    background: lightgray -75.654px 0px / 154.877% 100% no-repeat;
    height: inherit;
  }

  .big-left-image img {
    object-fit: cover;
    height: 100%;
  }

  .small-right-image {
    flex: 1 0 0;
    align-self: stretch;
    background: lightgray -89.99px 0px / 154.877% 100% no-repeat;
    height: inherit;
	  overflow: hidden;
  }
	.small-right-image img{
/* 		height: 100%; */
		width: 100%;
		object-position: center;
		display: block;
		object-fit: cover;
	}
}

.layout_4 {
	display: flex;
	width: 100%;
	padding: 0 2.5rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 3rem;
}

.layout_4_descriptions{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 7rem;
	align-self: stretch;
}

.layout_4_description{
	color: var(--Color-Content-Tertiary, #696562);
}



@media (max-width: 990px) {
	.layout_4 {
		padding: 0 1rem;
		gap: 1rem;
	}
	.layout_4_descriptions{
		flex-direction:column;
		gap: 12px;
	}
}

.layout5_quote_panel {
  display: flex;
  max-width: 1440px;
  padding: 120px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 64px;
  background: #03231b;
}

.layout5_quote_text {
  align-self: stretch;
  color: #f2f2f2;
  text-align: center;
  font-family: var(--Type-Header-Header-2-Family, Diatype);
  font-size: var(--Type-Header-Header-2-Size, 30px);
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 48px */
  letter-spacing: -0.4px;
}

.layout5_quote_info,
.layout6_quote_panel_with_bg .layout6_quote_info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-XS, 0.5rem);
  max-width: 44.9375rem;
}

.layout5_quote_person {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
}

.layout5_quote_job {
  color: rgba(242, 242, 242, 0.5);
  text-align: center;
}

@media (max-width: 990px) {
  .layout5_quote_panel {
    padding: 32px 16px;
    gap: 32px;
  }
}

.layout6_quote_panel_with_bg {
  display: flex;
  /*   width: 100%;
  max-width: 1440px; */
  /* align-items: flex-start; */
  align-items: stretch;
  max-height: 720px;
}

.layout6_quote_panel_no_bg {
  display: flex;
  max-width: 1360px;
  padding: var(--Spacing-3XL, 40px);
  flex-direction: row;
  align-items: flex-start;
  gap: 80px;
  align-self: stretch;
}

.layout6_texts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}

.layout6_quote_panel_no_bg .layout6_quote_texts {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  gap: 32px;
}

.layout6_quote_panel_with_bg .layout6_quote_texts {
	display: flex;
	padding: var(--Spacing-5XL, 4rem);
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	flex: 1 0 0;
	align-self: stretch;
	background: var(--Color-Surface-Empty, #F4F3F3);
}

.layout6_quote_panel_no_bg .layout6_quote {
  color: var(--Color-Content-Primary, #211f1e);
	/* Desktop/Header 2 D */
	font-family: var(--Type-Header-Header-2-Family, "ABC Diatype");
	font-size: 1.75rem;
	font-style: normal;
	font-weight: var(--Type-Header-Header-2-Weight, 500);
	line-height: 120%; /* 33.6px */
	letter-spacing: -0.28px;
}

.layout6_quote_panel_with_bg .layout6_quote {
	flex: 1 0 0;
	align-content: center;
	display: flex;
/* 	justify-content: center; */
	align-items: flex-start;
	gap: 0.5rem;
	align-self: stretch;
	color: var(--Color-Content-Primary, #211F1E);

	/* Desktop/Header 2 D */
	font-family: var(--Type-Header-Header-2-Family, "ABC Diatype");
	font-size: 1.75rem;
	font-style: normal;
	font-weight: var(--Type-Header-Header-2-Weight, 500);
	line-height: 120%; /* 33.6px */
	letter-spacing: -0.28px;
}

.layout6_quote_panel_with_bg .layout6_quote_info_button {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 4rem;
  align-self: stretch;
}

.layout6_quote_info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-XS, 8px);
  align-self: stretch;
}

.layout6_quote_panel_no_bg .layout6_quote_person {
  max-width: 660px;
  color: var(--Color-Content-Primary, #211f1e);
  /* Header 4 */
  font-family: "Diatype";
  font-size: var(--Type-Header-Header-4-Size, 20px);
  font-style: normal;
  font-weight: var(--Type-Header-Header-4-Weight, 500);
  line-height: 130%; /* 31.2px */
}

.layout6_quote_panel_with_bg .layout6_quote_person {
	align-self: stretch;
	color: var(--Color-Content-Primary, #211F1E);

	/* Desktop/Header 4 D */
	font-family: var(--Type-Header-Header-4-Family, "ABC Diatype");
	font-size: 1.25rem;
	font-style: normal;
	font-weight: var(--Type-Header-Header-4-Weight, 500);
	line-height: 120%; /* 24px */
}

.layout6_quote_panel_no_bg .layout6_quote_job {
  max-width: 660px;
  color: var(--Color-Content-Tertiary, #696562);
  font-family: var(--Type-Body-M-Body-1-Family, "Diatype");
  /* Body 1 */
  font-size: var(--Type-Body-M-Body-1-Size, 18px);
  font-style: normal;
  font-weight: var(--Type-Body-M-Body-1-Weight, 500);
  line-height: 130%; /* 26px */
}

.layout6_quote_panel_with_bg .layout6_quote_job {
	align-self: stretch;
	color: var(--Color-Content-Tertiary, #696562);

	/* Desktop/Body 1 D */
	font-family: "Diatype";
	font-size: 1.125rem;
	font-style: normal;
	font-weight: var(--Type-Body-M-Body-1-Weight, 500);
	line-height: 130%; /* 23.4px */
}

.layout6_quote_panel_with_bg .layout6-button,
.layout6_quote_panel_no_bg .layout6-button {
  display: flex;
  width: fit-content;
  padding: var(--Spacing-M, 16px) var(--Spacing-XL, 24px);
  align-items: center;
  gap: 8px;
  border-radius: var(--Radii-Full, 1000px);
  background: var(--Color-Surface-Empty, #fff);
}

.layout6_quote_panel_with_bg .layout6-button {
  background: none !important;
  border: 2px solid var(--Color-Buttons-Outline-Idle, #141312);
}

.layout6_quote_panel_no_bg .layout6-button {
  border: 2px solid var(--Color-Buttons-Outline-Idle, #141312);
}

.layout6_button_text {
  color: var(--Color-Buttons-Outline-Idle, #141312);
  font-family: var(--Type-Body-M-Body-1-Family, "Diatype");
  /* Body 1 */
  font-size: var(--Type-Body-M-Body-1-Size, 18px);
  font-style: normal;
  font-weight: var(--Type-Body-M-Body-1-Weight, 500);
  line-height: 130%; /* 26px */
}

.layout6_button_icon {
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
}

.quote_button_text {
  color: var(--Color-Buttons-Outline-Idle, #141312);
  /* Desktop/Body 1 D */
  font-family: var(--Type-Body-Body-1-Family, "Diatype");
  font-size: 20px;
  font-style: normal;
  font-weight: var(--Type-Body-Body-1-Weight, 500);
  line-height: 130%;
}

.layout6_quote_image {
  align-self: stretch;
}

.layout6_quote_panel_with_bg .layout6_quote_image {
  width: 50%;
}

@media (max-width: 990px) {
  .layout6_quote_panel_with_bg .layout6_quote_image {
    width: 100%;
	height: 222px !important;
  }
}

.layout6_quote_panel_with_bg .layout6_quote_image img,
.layout6_quote_panel_no_bg .layout6_quote_image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

/* .layout6_quote_panel_with_bg .layout6_quote_image img{
  max-height: 719px;
  max-width: 720px;

} */

.layout6_quote_panel_no_bg .layout6_quote_image img {
  min-width: 520px;
  min-height: 652px;
  flex-shrink: 0;
  aspect-ratio: 130/163;
}

@media (max-width: 990px) {
  .layout6_quote_info_button {
    gap: 32px;
  }

  .layout6_quote_panel_with_bg,
  .layout6_quote_panel_no_bg {
    flex-direction: column;
    gap: 0px;
  }

  .layout6_quote_panel_with_bg .layout6_quote_texts {
	  padding: var(--Spacing-2XL, 2rem) var(--Spacing-L, 1.25rem) var(--Spacing-3XL, 2.5rem) var(--Spacing-L, 1.25rem);
	  justify-content: flex-end;
	  gap: var(--Spacing-2XL, 2rem);
  }

  .layout6_quote_panel_with_bg .layout6_quote {
	  /* Mobile/Header 4 M */
	  font-size: 1.125rem;
	  letter-spacing: 0;
  }

  .layout6_quote_panel_with_bg .layout6_quote_person {
    font-size: 1.125rem;
/* 	width: 60%; */
    /* color: rgba(255, 255, 255, 0.70); */
  }

  .layout6_quote_panel_with_bg .layout6_quote_job {
    /* color: rgba(242, 242, 242, 0.50); */
    font-size: 0.875rem;
    line-height: 130%;
	width: 65%;
  }

  .layout6_quote_texts {
    padding: 24px 16px;
    gap: 24px;
  }

  .layout6-button {
    padding: 10px 16px;
  }

  .layout6-button svg {
    width: 17.032px;
    height: 17.032px;
    aspect-ratio: 17.03/17.03;
  }

  /*   .layout6_button_icon {
    width: 16px;
    height: 16px;
  } */

  .layout6_quote_image {
    order: -1;
  }

  .layout6_quote_image img {
    height: auto !important;
  }

  .layout6_quote_panel_with_bg .layout6_quote_image img {
    height: 100% !important;
  }

  .layout6_quote_panel_no_bg .layout6_quote_image img {
    min-height: 0px;

    min-width: 0px;
  }

  .quote_button_text {
    font-size: 14px;

    line-height: 150%;
  }
}

.layout_7 {
  display: flex;
  align-items: flex-start;
  padding: 0 40px;
  gap: 32px;
  align-self: stretch;
}

.layout_7_content {
  display: flex;
  padding-right: 2rem;
  align-items: flex-start;
  gap: var(--Spacing-XL, 1.5rem);
  flex: 1 0 0;
  align-self: stretch;
}

.layout_7_title {
  flex: 1 0 0;
  color: var(--Text-primary, #26251a);
}

.layout_7_text {
  flex: 1 0 0;
  color: var(--Color-Content-Tertiary, #696562);
}

.layout_7_content p {
    all: inherit;
    display: inline;
}

@media (max-width: 990px) {
  .layout_7 {
    padding: 0 20px;
    gap: 16px;
  }

  .layout_7_content {
    padding-bottom: 16px;
    padding-right: 0;
    gap: 16px;
    flex-direction: column;
  }

  .layout2-bullets {
    padding-left: 16px;
  }

  .layout_7_title {
    font-size: 1.5rem !important;
    line-height: 130% !important;
  }
  .layout_7_text{
	font-size: 1rem;
	}
}

.layout_8 {
  display: flex;
  /*   max-height: 333px; */
  /*   max-width: 1440px; */
  min-height: 18.3125rem;
  padding: 4rem 2.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  background: var(--Color-Surface-Bold, #141312);
}

.layout_8_content {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 3rem;
	align-self: stretch;
	max-width: 1360px;
	align-self: center;
	width: 100%;
}

.layout_8_text_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  flex: 1 0 0;
  align-self: stretch;
}

.layout_8_texts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.layout_8_pre_text {
  /*   color: var(--Color-Background-Brand-1, #ea5a14); */
  /* color:#0D0D0D; */
  color: var(--color-content-brand-inverse, #EE5858);
}

.layout_8_text {
  flex: 1 0 0;
  /*   color: var(--Color-Content-Inverse, #f2f2f2); */
  /* color:#400C0A; */
  color: var(--Color-Content-Inverse, #FFF);
  min-width: 22.0625rem;
}

.layout_8_post_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  max-height: 4.0625rem;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.50);
  text-overflow: ellipsis;
}

.layout8_button {
  border-color: var(--Color-Content-Inverse, #FFF) !important;
}

.layout8_button .custom-button-text {
  /*   color: var(--Color-Border-Inverse, #f2f2f2); */
  color: var(--Color-Content-Inverse, #FFF);
  text-align: center;
}

.layout8_button.outline svg path{

  stroke: var(--Color-Content-Inverse, #FFF) !important;
}

.layout8_button_icon {
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
  flex-shrink: 0;
}

@media (max-width: 990px) {
  .layout_8 {
    /* max-height:338px; */
    padding: 2.5rem 1.25rem;
    flex-direction: column;
    justify-content: flex-end;
  }
	
	.layout_8_post_text{
		/* Mobile/Body 1 M */
		font-size: 1rem;
		line-height: 130%; /* 20.8px */
	}
	
	.layout_8_post_text{
		/* Mobile/Body 2 M */
		font-size: 0.875rem;
	}

  .layout_8_content {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    align-self: stretch;
  }

  .layout8_button {
    height: 40px;
    padding: 0 16px;
    border: 1.2px solid var(--Color-Buttons-Outline-Idle, #03231b);
  }

  .layout8_button svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
  }

  .layout8_button .layout8_button_text {
    /*     color: var(--Color-Content-Inverse, #f2f2f2); */
    font-size: 16px;
    line-height: 140%;
  }
	
	.layout_8_text{
		min-width:inherit;
	}
}

@media (max-width: 990px) {
  .quote-wrapper,
  .rak-quote,
  .layout_2_content,
  .layout_2_title,
  .layout_3_title,
  .layout_4_full_text,
  .layout_4_subtitle,
  .layout5_quote_panel,
  .layout5_quote_text,
  .layout6_quote_text,
  .layout5_quote_person,
  .layout5_quote_job,
  .layout6_quote_person,
  .layout6_quote_job,
  .layout6_quote {
    max-width: 100%;
  }
}

.layout_9 {
  display: flex;
  align-items: flex-start;
  padding: 0 40px;
  align-self: stretch;
}

.layout_9_content {
  display: flex;
  max-width: 720px;
  padding-right: 32px;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}

.layout_9_text {
  flex: 1 0 0;
  color: var(--Text-tertiary, #4d4d4d);
  /* Header 3 */
  font-family: "Diatype";
  font-size: var(--Type-Header-Header-3-Size, 24px);
  font-style: normal;
  font-weight: var(--Type-Header-Header-3-Weight, 500);
  line-height: 120%; /* 38.4px */
}
