.rak-title-widget p,
.rak-title-widget h4,
.rak-title-widget h3,
.rak-title-widget h2,
.rak-title-widget h1 {
  margin: 0;
  overflow-wrap: normal;
}
.custom-layout-select {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 0.625rem;
  flex-direction: column;
}
.layout-option {
  cursor: pointer;
  border: 0.125rem solid transparent;
  padding: 0.3125rem;
  border-radius: 0.3125rem;
  text-align: center;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.layout-option.selected {
  border-color: #0073aa;
  background: #f0f8ff;
}
.layout-option img {
  max-width: 11.25rem;
  height: auto;
  display: block;
  margin-bottom: 0.9375rem;
}
.layout-option span {
  display: block;
  font-weight: bold;
}
p {
  margin: 0;
}
.eco-divider {
  height: 0.0625rem;
  align-self: stretch;
  background: var(--Color-Content-Subtle, #d9d5d2);
} /* Layout 1 */
.layout1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media (max-width: 990px) {
  .layout1 {
    gap: 0.625rem;
  }
}
.layout1_title {
  color: var(--Text-primary, #26251a);
  padding: 0rem 2.5rem;
  font-size: 3.5rem;
  line-height: 3.125rem;
}
@media (max-width: 990px) {
  .layout1_title {
    padding: 0 1.25rem !important;
    font-size: var(--Type-Header-Header-2-Size, 1.5rem);
    line-height: 130%;
    font-weight: var(--Type-Header-Header-4-Weight, 500);
  }
}
.layout1_description {
  color: var(--Text-tertiary, #4d4d4d);
  padding: 0rem 2.5rem;
}
@media (max-width: 990px) {
  .layout1_description {
    padding: 0 1.25rem !important;
  }
} /* Layout 2 */
.layout2 {
	display: flex; /* max-width: 90rem; */
	min-height: 18.75rem; /* padding: var(--Spacing-4XL, 3rem) 0rem; */
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 2.3125rem;
	background:var(--Color-Content-Inverse,#FFFFFF);
}
.layout2 span {
  color: var(--Color-Content-Primary, #211f1e);

}
.layout2 img {
  width: 5rem;
  height: 5rem;
}
@media (max-width: 990px) {
  .layout2 {
    padding: 4rem 1.25rem;
    gap: 1.148875rem;
    min-height: 0;
  }
  .layout2 img {
    width: 2.5rem;
    height: 2.5rem;
  }
/*   .layout2 span {
    font-size: var(--Type-Header-Header-3-Size, 1.25rem);
	letter-spacing: 0;
	line-height: 120%;
  } */
} /* Layout 3 */
.layout3 {
  display: flex;
  max-width: 90rem;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}

.inside-layout3{
	gap: 1rem !important;
	align-self: stretch;
}

@media (max-width: 990px) {
  .layout3 {
    gap: 0.75rem;
  }
  .inside-layout3{
	gap: 0.5rem !important;
  }
}
.layout3-content {
  display: flex;
  padding: 0rem var(--Spacing-3XL, 2.5rem);
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 100%;
  max-width: 90rem;
/*   padding-top: 1.5rem; */
}
.layout3-content img {
  width: 5rem;
  height: 5rem;
}

.inside-layout3 img{
	width: 4rem !important;
	height: 4rem !important;
}

@media (max-width: 990px) {
  .layout3-content {
    gap: 1.5rem;
    padding: 0 1.25rem;
  }
  .layout3-content img {
    width: 2rem;
    height: 2rem;
  }
  .inside-layout3 img{
	width: 2.5rem !important;
	height: 2.5rem !important;
  }
}
.layout3-text-content {
  display: flex;
  padding: 0rem var(--Spacing-3XL, 2.5rem);
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
}
@media (max-width: 990px) {
  .layout3-text-content {
    padding: 0 5rem 0 1.25rem;
  }
  .layout3_text {
    font-size: 0.875rem;
    line-height: 140%;
  }
}
.layout3_text {
  max-width: 38.6875rem;
  color: var(--Color-Content-Tertiary, #696562);
}
.layout3_text_2 {
  max-width: 35.5rem;
  color: var(--Color-Content-Tertiary, #696562);
}
.layout3_heading {
  /*width: 3.1625rem;*/
  max-width: 31.6rem;
  color: var(--Color-Content-Primary, #211F1E);
}
@media (max-width: 990px) {
  .layout3_heading {
	  max-width: 19.5625rem;
  }
	
.layout3_text {
	max-width: 19.5625rem;
	/* Mobile/Body 2 M */
	font-size: 0.875;
	line-height: 130%; 
}
} /* Layout 4 */
.layout4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-L, 1.25rem);
  align-self: stretch;
  max-width: 90rem;
  width: 100%;
}
@media (max-width: 990px) {
  .layout4 {
    gap: 1rem;
  }
}
.layout4_heading {
  flex: 1 0 0;
  max-width: 90rem;
  padding: 0rem 2.5rem;
  justify-content: center;
  align-items: center;
  color: var(--Color-Content-Primary, #211f1e);
/*   text-transform: capitalize; */
}
@media (max-width: 990px) {
  .layout4_heading {
    padding: 0 1.25rem !important; 
	font-size: var(--Type-Header-Header-4-Size, 1.25rem);
	line-height: 120%;
  }
}
.layout4_text {
  display: flex;
  max-width: 30rem;
  padding-left: 2.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: #111614;
}
@media (max-width: 990px) {
  .layout4_text {
    padding: 0 1.25rem !important;
  }
} /* Layout 5 */ 
.layout5 {
  width: 100%;
  max-width: 90rem;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.layout5_text {
  color: var(--Color-Content-Tertiary, #373432);
} /* Title Width */
.layout5.narrow {
  gap: 20rem;
}
.layout5.wide {
  gap: 8.5rem;
}
.layout5.narrow .layout5_text {
  width: 27.5rem;
}
.layout5.wide .layout5_text {
  width: 28rem;
}

/* @media (min-width: 768px) and (max-width: 1280px) {
	.layout5 {
		flex-direction: column;
	}
	.layout6 {
		flex-direction: column;
	}
	.layout7.position-right,
	.layout7.position-left {
		flex-direction: column;
	}
	.layout8-content.direction-horizontal {
		flex-direction: column;
	}
} */

@media (max-width: 990px) {
  .layout5 {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem !important;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1rem;
  }
  .layout5_heading {
	  align-self: stretch;
	  word-wrap: break-word;
	  margin-bottom: 0rem;
	  width: 100% !important;
	  /* Mobile/Header 2 M */
	  font-size: 1.5rem;
	  line-height: 120%; /* 28.8px */
	  letter-spacing: -0.24px;
  }
  .layout5_text {
	  align-self: stretch;
	  word-wrap: break-word;
	  width: 100%;
	  /* Mobile/Body 1 M */
	  font-size: 1rem;
	  line-height: 130%;
  } 
  .layout5.narrow .layout5_text,
  .layout5.wide .layout5_text {
    width: 100%;
  }
}
.layout5_heading,
.layout8_heading,
.layout9_heading {
  color: var(--Color-Content-Primary, #211f1e);
}

.layout5_heading{
	width:56%;
}

.layout5_text{
	width: 33%;
}

/* Layout 6 */
.layout6 {
  display: flex;
  padding: 0rem 3.21431rem 4rem 3.21431rem;
  justify-content: space-between;
/*   align-items: flex-end; */
  align-items: flex-start; 
  align-self: stretch;
  gap: 5.14288rem;
  max-width: 90rem;
  width: 100%;
}
@media (max-width: 990px) {
  .layout6 {
    flex-direction: column;
    gap: 1.5rem;
    padding: 0rem 1.25rem 1rem 1.25rem;
    align-items: flex-start;
  }
  .layout6_heading {
    font-size: var(--Type-Display-Display-3-Size, 2rem);
    line-height: 110%;
    letter-spacing: -0.025rem;
  }
  .layout6_text {
    color: var(--Color-Content-Tertiary, #6b6b6b) !important;
    font-size: var(--Type-Body-M-Body-1-Size, 1rem);
  }
}
.layout6_heading {
  color: #03231b;
  max-width: 45.4375rem;
}
.layout6_text {
  color: var(--Text-primary, #111614);
  max-width: 29.375rem;
} /* Layout 7 */
.layout7.position-right {
  justify-content: flex-end;
}
.layout7.position-right,
.layout7.position-left {
  display: flex;
  max-width: 90rem;
  width: 100%;
  padding: 0rem 2.5rem;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
}
@media (max-width: 990px) {
  .layout7.position-right,
  .layout7.position-left {
    flex-direction: column;
    padding: 2rem 1.25rem;
	align-items: flex-start;
  }
  .layout7-content {
    width: 100% !important;
    padding-right: 2.5rem;
    gap: 1.5rem !important;
    flex: 1 0 0;
  }
	html[lang="ar"] .layout7-content{
		padding-right:0;
		padding-left: 2.5rem;
	}
  .layout7_text {
    font-size: 1.125rem;
  }
}
.layout7-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2.5rem;
  width: 47.06%;
  max-width: 40rem;
}
.layout7_text {
  max-width: 40rem;
  color: var(--Color-Content-Secondary, #373432);
}
.layout7-button,
.layout9-button {
  background: none !important;
  border: 0.125rem solid var(--Color-Content-Buttons-Outline-Idle, #0d0d0d);
}
.layout7-button,
.layout8-button,
.layout9-button {
  display: flex;
  padding: var(--Spacing-M, 1.0625rem) var(--Spacing-XL, 1.5rem);
  align-items: center;
  gap: 0.5rem;
  border-radius: var(--Radii-Full, 62.5rem);
}
@media (max-width: 990px) {
  .layout6-button,
  .layout7-button,
  .layout8-button,
  .layout9-button {
    height: 2.5rem;
    padding: 0 var(--Spacing-XL, 1rem) !important;
  }
}
.layout7_button_text,
.layout9_button_text {
  color: var(--Color-Buttons-Outline-Idle, #03231b);
}
.layout8_button_text,
.layout9_button_text {
  font-family: "Involve";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
}
@media (max-width: 990px) {
  .layout6_button_text,
  .layout7_button_text,
  .layout8_button_text,
  .layout9_button_text {
    font-size: 1rem;
    line-height: 140%;
  }
}
.layout7_button_icon,
.layout8_button_icon,
.layout9_button_icon {
  width: 1.5rem;
  height: 1.5rem;
  aspect-ratio: 1/1;
}
@media (max-width: 990px) {
  .layout6_button_icon,
  .layout7_button_icon,
  .layout8_button_icon,
  .layout9_button_icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .layout7-button svg {
    width: 1.047625rem;
    height: 1.047625rem;
    aspect-ratio: 1/1;
  }
} /* Layout 8 */
.layout8 {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  align-self: stretch;
  padding: 0 2.5rem;
} /* Direction */
.layout8-content.direction-vertical {
  flex-direction: column;
  gap: 2rem;
}
.layout8-content.direction-horizontal {
  flex-direction: row;
  gap: 4rem;
/*   padding-right: 2rem; */
} /* Width */
.layout8-content.width-full {
  max-width: 90rem;
  justify-content: space-between;
  width: 100%;
}
/* .layout8_heading {
  text-transform: capitalize;
} */
.layout8-content.width-full .layout8_heading {
  min-width: 39.5rem;
}
.layout8-content.direction-horizontal .layout8_text {
    max-width: 39.5rem;
}
.layout8-content.width-wide {
/*   max-width: 57.5rem; */
	max-width:calc(100% *2 /3);
}
.layout8-content.width-narrow {
/*   width: 37.5rem; */
		max-width:calc(100% *2 /3);
} 
@media(max-width:990px){
	.layout8-content.width-wide,
	.layout8-content.width-narrow{
		max-width:100%;
		padding:0;
	} 
}

/* Subtitle Size */ /* .layout8_text.subtitle-small { } */
.layout8_text.subtitle-medium {
  font-size: 2rem;
  line-height: 120%;
}

.layout8_text.desktop-only {
  display: flex;
	flex-direction:column;
}

.layout8_text.mobile-only {
  display: none;
	
}

h4.layout8_text p,
h4.layout8_text h1,
h4.layout8_text h2,
h4.layout8_text h3,
h4.layout8_text h4,
h4.layout8_text span{
	all: inherit;
	display:inline;
}

h4.layout8_text a{
	font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    display: inline;
    text-decoration: underline;
}


@media (max-width: 990px) {
  .layout8 {
    padding: 0 1.25rem !important;
  }
  .layout8-content{
	gap: 1.5rem !important;
	width: 100% !important;
  }
  .layout8-content.direction-horizontal {
    flex-direction: column;
  }
  .layout8_heading {
	  color: var(--Color-Content-Primary, #211F1E);

	  /* Mobile/Header 2 M */
	  font-family: var(--Type-Header-Header-2-Family, "Diatype");
	  font-size: 1.5rem;
	  font-style: normal;
	  font-weight: var(--Type-Header-Header-2-Weight, 500);
	  line-height: 120%; /* 28.8px */
	  letter-spacing: -0.24px;
  }
  .layout8-content.width-full .layout8_heading {
    min-width: 100%;
    max-width: 22.0625rem;
  }
}
.layout8-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 990px) {
  .layout8-content {
    gap: 1rem;
  }
}
.layout8_text.black {
  color: var(--Color-Content-Primary, #211f1e);
}
.layout8_text.grey {
  color: var(--Color-Content-Tertiary, #696562);
}
.layout8_text {
  align-self: stretch;
	flex-direction:column;
}
@media (max-width: 990px) {
	.layout8_text.desktop-only {
		display: none;
	}

	.layout8_text.mobile-only {
		display: flex;
/* 		padding-right: 2.5rem; */
	}
}
.layout8-button {
  border: 0.125rem solid #0d0d0d;
}
.layout8_button_text {
  color: #0d0d0d;
  font-family: "Diatype";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
}
@media (max-width: 990px) {
  .layout8_button_text {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.layout8_button_icon {
  width: 1.5rem;
  height: 1.5rem;
  aspect-ratio: 1/1;
}
@media (max-width: 990px) {
  .layout8_button_icon {
    width: 0.875rem;
    height: 0.875rem;
  }
} /* Layout 9 */
.layout9 {
  display: inline-flex;
  padding: 4rem 2.5rem 0 2.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
@media (max-width: 990px) {
  .layout9 {
    padding: 2rem 1.25rem 0 1.25rem;
  }
}
.layout9-content {
  display: flex;
  flex-direction: column;
  max-width: 85rem;
  align-items: flex-start;
  gap: 5rem;
}
@media (max-width: 990px) {
  .layout9-content {
    gap: 1rem;
  }
}
.layout9_heading {
  max-width: 47.5rem;
  color: #1e1e1e;
}
.layout9_text {
  color: #4d4d4d;
  max-width: 33.75rem;
}
.layout9-button svg {
  width: 0.9375rem;
  height: 0.9375rem;
}
@media (max-width: 990px) {
  .layout9-button svg {
    width: 0.9375rem;
    height: 0.9375rem;
  }
} /* Layout 10 */
.layout10 {
   padding: 0rem 2.5rem;
}
@media (max-width: 990px) {
  .layout10 {
    padding: 0rem 1.25rem;
  }
}
.layout10-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
  align-self: stretch;
}
@media (max-width: 990px) {
  .layout10-content {
    gap: 1rem;
  }
/*   .layout10_heading {
    font-size: 1.75rem;
    line-height: 120%;
  } */
}
.layout10_heading {
  align-self: stretch;
  color: var(--Text-primary, #26251a);
}
.layout10_text {
  color: var(--Color-Content-Tertiary, #696562);
  max-width: 61.75rem;
}

.layout11{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
}

.layout11.narrow{
	max-width: 47.5rem;
}

.layout11.wide{
	max-width: 60rem;
}

.layout11 p{
	color: var(--Color-Content-Primary, #211F1E);
}

@media (max-width: 990px) {
	.layout11.narrow,
	.layout11.wide{
		max-width: 100%;
	}

	.layout11 p{
		/* Mobile/Header 2 M */
		font-family: var(--Type-Header-Header-2-Family, "Diatype");
		font-size: 1.5rem;
		font-style: normal;
		font-weight: var(--Type-Header-Header-2-Weight, 500);
		line-height: 120%; /* 28.8px */
		letter-spacing: -0.24px;
	}
}

/* Arabic mobile-specific styles */
@media (max-width: 990px) {
  html[lang="ar"] .layout3-text-content,
  html[dir="rtl"] .layout3-text-content,
  [lang="ar"] .layout3-text-content {
    padding: 0 20px 0 0 !important;
  }
}