.elementor-68378 .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-widget-theme-site-logo .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-68378 .elementor-element.elementor-element-b92c3ed{width:100%;max-width:100%;}.elementor-68378 .elementor-element.elementor-element-b92c3ed img{width:300%;max-width:100%;height:300px;}.elementor-68378 .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:100px;--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-68378 .elementor-element.elementor-element-60e9381 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Careem", Sans-serif;font-size:16px;font-weight:700;fill:#000000;color:#000000;padding:12px 20px 12px 20px;}.elementor-68378 .elementor-element.elementor-element-e1712a1 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Careem", Sans-serif;font-size:16px;font-weight:700;fill:#000000;color:#000000;padding:12px 20px 12px 20px;}.elementor-68378 .elementor-element.elementor-element-5fc490a{--spacer-size:24px;}.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-68378 .elementor-element.elementor-element-9eaa1b5{text-align:center;}.elementor-68378 .elementor-element.elementor-element-9eaa1b5 .elementor-heading-title{font-family:"Careem", Sans-serif;font-size:19px;font-weight:600;color:#EC3642;}.elementor-68378 .elementor-element.elementor-element-3fbe41e{--spacer-size:100px;}@media(max-width:1024px){.elementor-68378 .elementor-element.elementor-element-1afff98{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-68378 .elementor-element.elementor-element-1afff98{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* 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;
  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, #93C145, #93C145); /* 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 {
  /* Ensure proper alignment of icon and text */
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  
  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, #93C145, #93C145); /* Reversed gradient on hover */
  color: #000;
  border: 1px solid black !important;
}

.elementor-button-icon {
  color: red !important;
}/* End custom 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 */