.elementor-68847 .elementor-element.elementor-element-c24e005{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-68847 .elementor-element.elementor-element-0ba1eaa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-68847 .elementor-element.elementor-element-0ba1eaa.elementor-element{--align-self:center;}.elementor-68847 .elementor-element.elementor-element-0ba1eaa img{width:100%;max-width:100%;height:157px;object-fit:cover;object-position:center center;}.elementor-68847 .elementor-element.elementor-element-be9a85a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-68847 .elementor-element.elementor-element-eeb757b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 5px 5px 5px;text-align:center;}.elementor-68847 .elementor-element.elementor-element-e86af28{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 5px 5px 5px;text-align:center;}.elementor-68847 .elementor-element.elementor-element-e86af28 .elementor-heading-title{font-family:"Al Battar", Sans-serif;font-weight:600;}.elementor-68847 .elementor-element.elementor-element-6c73680{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:100px;--margin-bottom:350px;--margin-left:0px;--margin-right:0px;}.elementor-68847 .elementor-element.elementor-element-06297f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-68847 .elementor-element.elementor-element-3697538{padding:0px 0px 0px 0px;}.elementor-68847 .elementor-element.elementor-element-1afff98{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-68847 .elementor-element.elementor-element-60e9381 .elementor-button{background-color:#48B9B2;font-family:"Careem", Sans-serif;font-size:16px;font-weight:700;fill:#000000;color:#000000;padding:12px 20px 12px 20px;}.elementor-68847 .elementor-element.elementor-element-e1712a1 .elementor-button{background-color:#48B9B2;font-family:"Careem", Sans-serif;font-size:16px;font-weight:700;fill:#000000;color:#000000;padding:12px 69px 12px 69px;}.elementor-68847 .elementor-element.elementor-element-9a29a0a .elementor-button{background-color:#48B9B2;font-family:"Careem", Sans-serif;font-size:16px;font-weight:700;fill:#000000;color:#000000;padding:12px 35px 12px 35px;}.elementor-68847 .elementor-element.elementor-element-5fc490a{--spacer-size:24px;}.elementor-68847 .elementor-element.elementor-element-9eaa1b5{text-align:center;}.elementor-68847 .elementor-element.elementor-element-9eaa1b5 .elementor-heading-title{font-family:"Careem", Sans-serif;font-size:19px;font-weight:600;color:#48B9B2;}.elementor-68847 .elementor-element.elementor-element-3fbe41e{--spacer-size:100px;}@media(max-width:767px){.elementor-68847 .elementor-element.elementor-element-0ba1eaa img{height:140px;}}/* Start custom CSS for heading, class: .elementor-element-eeb757b */.elementor-68847 .elementor-element.elementor-element-eeb757b .elementor-heading-title {
  display: inline-block;
  line-height: 1.35;
  padding-bottom: 0.12em;
  overflow: visible;

  background:
    radial-gradient(circle at top left, rgba(212, 175, 55, 0.45), transparent 32%),
    linear-gradient(135deg, #18a566 0%, #0b5439 55%, #063422 100%);

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;

  text-shadow: 0 10px 32px rgba(18, 122, 74, 0.18);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e86af28 */.elementor-68847 .elementor-element.elementor-element-e86af28 .elementor-heading-title {
  display: inline-block;
  line-height: 1.35;
  padding-bottom: 0.12em;
  overflow: visible;

  background:
    radial-gradient(circle at top left, rgba(212, 175, 55, 0.45), transparent 32%),
    linear-gradient(135deg, #18a566 0%, #0b5439 55%, #063422 100%);

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;

  text-shadow: 0 10px 32px rgba(18, 122, 74, 0.18);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60e9381 */.elementor-button {
  /* Ensure proper alignment of icon and text */
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  background: linear-gradient(to bottom, #48b9b2, #3a9c96); /* Gradient with #48b9b2 and a darker shade */
  color: #000; /* Black text */
  font-family: "careem", sans-serif;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #008B07 !important;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 4px 4px 0px black, 0 2px 8px rgba(0, 0, 0, 0.2);
  transition: all 0s ease;
  position: relative;
  text-decoration: none;
}

.elementor-button:hover {
  box-shadow: -4px 4px 0px black, 0 4px 12px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
  background: linear-gradient(to bottom, #3a9c96, #48b9b2); /* Reversed gradient on hover */
  color: #000;
  border: 1px solid black !important;
}

.elementor-button-icon {
  color: red !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e1712a1 */.elementor-button {
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  background-color: #4CAF50; /* Green background */
  color: #000; /* Black text */
  font-family: careem, sans-serif;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #008B07 !important; /* Black border (updated as in your code) */
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 4px 4px 0px black; /* Shadow on the right-bottom */
  transition: all 0s ease; /* Smooth transition for hover effects */
  position: relative; /* Needed for proper transform behavior */
}

.elementor-button:hover {
  box-shadow: -4px 4px 0px black; /* Shadow shifts to the left-bottom */
  transform: translateY(-2px); /* Moves the button up slightly for the popup effect */
  color: #000;
  border: 1px solid black !important;
}

.elementor-button-icon {
    color: red !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9a29a0a */.elementor-button {
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  background-color: #4CAF50; /* Green background */
  color: #000; /* Black text */
  font-family: careem, sans-serif;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #008B07 !important; /* Black border (updated as in your code) */
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 4px 4px 0px black; /* Shadow on the right-bottom */
  transition: all 0s ease; /* Smooth transition for hover effects */
  position: relative; /* Needed for proper transform behavior */
}

.elementor-button:hover {
  box-shadow: -4px 4px 0px black; /* Shadow shifts to the left-bottom */
  transform: translateY(-2px); /* Moves the button up slightly for the popup effect */
  color: #000;
  border: 1px solid black !important;
}

.elementor-button-icon {
    color: red !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Al Battar';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.dietcenter.com.sa/wp-content/uploads/2026/05/AL-Battar-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Careem';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.dietcenter.com.sa/wp-content/uploads/2024/07/ArbFONTS-CAREEM-REGULAR.DB5F2BCA26992ED25A89.woff2') format('woff2'),
		url('https://www.dietcenter.com.sa/wp-content/uploads/2024/07/ArbFONTS-CAREEM-REGULAR.DB5F2BCA26992ED25A89.ttf') format('truetype');
}
@font-face {
	font-family: 'Careem';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.dietcenter.com.sa/wp-content/uploads/2024/07/ArbFONTS-CAREEM-BOLD.4E85A226FB03BDDC2CB7.woff2') format('woff2'),
		url('https://www.dietcenter.com.sa/wp-content/uploads/2024/07/ArbFONTS-CAREEM-BOLD.4E85A226FB03BDDC2CB7.ttf') format('truetype');
}
/* End Custom Fonts CSS */