.elementor-30107 .elementor-element.elementor-element-2bc9483a > .elementor-container{min-height:20vh;}.elementor-30107 .elementor-element.elementor-element-2bc9483a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;overflow:visible;}.elementor-30107 .elementor-element.elementor-element-2bc9483a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-30107 .elementor-element.elementor-element-3e2d8e5f{text-align:center;}.elementor-30107 .elementor-element.elementor-element-3e2d8e5f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:2em;font-weight:600;line-height:38px;color:var( --e-global-color-7786aa4 );}.elementor-30107 .elementor-element.elementor-element-10d67b92 > .elementor-container{max-width:1200px;}.elementor-30107 .elementor-element.elementor-element-10d67b92{margin-top:0px;margin-bottom:0px;overflow:visible;}.elementor-30107 .elementor-element.elementor-element-5110b94d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-30107 .elementor-element.elementor-element-5110b94d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFFD1 -10%, #FFFFFF 20%);}.elementor-30107 .elementor-element.elementor-element-5110b94d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:30px;}.elementor-30107 .elementor-element.elementor-element-5110b94d > .elementor-element-populated, .elementor-30107 .elementor-element.elementor-element-5110b94d > .elementor-element-populated > .elementor-background-overlay, .elementor-30107 .elementor-element.elementor-element-5110b94d > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-30107 .elementor-element.elementor-element-5110b94d > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 10px 10px 10px;}.elementor-30107 .elementor-element.elementor-element-5110b94d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30107 .elementor-element.elementor-element-6efaccf{text-align:center;}.elementor-30107 .elementor-element.elementor-element-6efaccf .elementor-heading-title{color:#000000;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-30107 .elementor-element.elementor-element-2c394792 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-30107 .elementor-element.elementor-element-2c394792 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-30107 .elementor-element.elementor-element-2c394792{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-justify-content:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-30107 .elementor-element.elementor-element-adae8d2{overflow:visible;}.elementor-30107 .elementor-element.elementor-element-5b2993a1{margin-top:50px;margin-bottom:0px;overflow:visible;}.elementor-bc-flex-widget .elementor-30107 .elementor-element.elementor-element-4ab3ee2d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-30107 .elementor-element.elementor-element-4ab3ee2d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-30107 .elementor-element.elementor-element-4ab3ee2d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-30107 .elementor-element.elementor-element-2a941511{width:auto;max-width:auto;}.elementor-30107 .elementor-element.elementor-element-2a941511 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0em 2em 0em 0em;}.elementor-30107 .elementor-element.elementor-element-2a941511 .elementor-heading-title{color:#000000;}.elementor-30107 .elementor-element.elementor-element-26ca247{--alignment:center;width:auto;max-width:auto;align-self:center;--grid-side-margin:9px;--grid-column-gap:9px;--grid-row-gap:0px;--grid-bottom-margin:0px;--e-share-buttons-primary-color:#333A4D;--e-share-buttons-secondary-color:#FFFFFF;}.elementor-30107 .elementor-element.elementor-element-26ca247 > .elementor-widget-container{margin:0em 0em 0em 0em;padding:0em 0em 0em 0em;}.elementor-30107 .elementor-element.elementor-element-26ca247 .elementor-share-btn{font-size:calc(1.3px * 10);height:2.1em;}.elementor-30107 .elementor-element.elementor-element-26ca247 .elementor-share-btn__icon{--e-share-buttons-icon-size:1.2em;}.elementor-30107 .elementor-element.elementor-element-7a12f86b > .elementor-container{max-width:1200px;}.elementor-30107 .elementor-element.elementor-element-7a12f86b{margin-top:50px;margin-bottom:0px;overflow:visible;}.elementor-30107 .elementor-element.elementor-element-310f8e03:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-30107 .elementor-element.elementor-element-310f8e03 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFFD1 -10%, #FFFFFF 20%);}.elementor-bc-flex-widget .elementor-30107 .elementor-element.elementor-element-310f8e03.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-30107 .elementor-element.elementor-element-310f8e03.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-30107 .elementor-element.elementor-element-310f8e03.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-30107 .elementor-element.elementor-element-310f8e03 > .elementor-element-populated, .elementor-30107 .elementor-element.elementor-element-310f8e03 > .elementor-element-populated > .elementor-background-overlay, .elementor-30107 .elementor-element.elementor-element-310f8e03 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-30107 .elementor-element.elementor-element-310f8e03 > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:3% 3% 3% 3%;}.elementor-30107 .elementor-element.elementor-element-310f8e03 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30107 .elementor-element.elementor-element-3ff962ec > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30107 .elementor-element.elementor-element-3ff962ec{text-align:center;}.elementor-30107 .elementor-element.elementor-element-3ff962ec .elementor-heading-title{color:#000000;}.elementor-widget-posts .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-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-30107 .elementor-element.elementor-element-256587f2{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-30107 .elementor-element.elementor-element-256587f2 .elementor-post__thumbnail__link{width:100%;}.elementor-30107 .elementor-element.elementor-element-256587f2 .elementor-post{border-style:solid;border-width:0px 0px 0px 0px;border-radius:10px;background-color:#333A4D;}.elementor-30107 .elementor-element.elementor-element-256587f2 .elementor-post__thumbnail{border-radius:10px 10px 0px 0px;}.elementor-30107 .elementor-element.elementor-element-256587f2.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:5px;}.elementor-30107 .elementor-element.elementor-element-256587f2.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:5px;}.elementor-30107 .elementor-element.elementor-element-256587f2.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:5px;}.elementor-30107 .elementor-element.elementor-element-256587f2 .elementor-post__title, .elementor-30107 .elementor-element.elementor-element-256587f2 .elementor-post__title a{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;}.elementor-30107 .elementor-element.elementor-element-256587f2 .elementor-post__title{margin-bottom:5px;}@media(max-width:1024px){.elementor-30107 .elementor-element.elementor-element-10d67b92 > .elementor-container{max-width:900px;} .elementor-30107 .elementor-element.elementor-element-26ca247{--grid-side-margin:9px;--grid-column-gap:9px;--grid-row-gap:0px;--grid-bottom-margin:0px;}}@media(max-width:767px){ .elementor-30107 .elementor-element.elementor-element-26ca247{--grid-side-margin:9px;--grid-column-gap:9px;--grid-row-gap:0px;--grid-bottom-margin:0px;}.elementor-30107 .elementor-element.elementor-element-256587f2 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-30107 .elementor-element.elementor-element-256587f2:after{content:"0.5";}.elementor-30107 .elementor-element.elementor-element-256587f2 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for heading, class: .elementor-element-3e2d8e5f *//* =========================
   Project Title in Box Style
   ========================= */

/* Box container for H1 */
.single-portfolio h1.entry-title,
.page-header h1.entry-title,
.elementor .elementor-widget-heading h1 {
  display: block;
  max-width: 900px;
  margin: 0 auto 28px;
  padding: 22px 26px;
  
  background: #fff;
  border: 1px solid #eef0f6;
  border-radius: 14px;
  box-shadow: 0 6px 22px rgba(0,0,0,.06);

  font-size: clamp(28px, 5vw, 44px);
  font-weight: 700;
  color: #333a4d; /* Dina dark blue */
  line-height: 1.25;
  text-align: center;
  position: relative;
}

/* Decorative gold bar inside box */
.single-portfolio h1.entry-title::after,
.page-header h1.entry-title::after,
.elementor .elementor-widget-heading h1::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background: #c18f59; /* Dina gold */
  margin: 14px auto 0;
  border-radius: 3px;
}

/* Subtitle (optional, a <p> placed right below H1) */
.single-portfolio .page-header p,
.elementor .elementor-widget-heading + p {
  max-width: 700px;
  margin: -12px auto 20px;
  padding: 14px 20px;

  background: #fff;
  border: 1px solid #eef0f6;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,.04);

  font-size: 1.05rem;
  color: #7e8597;
  text-align: center;
  line-height: 1.5;
}/* End custom CSS */
/* Start custom CSS for gallery, class: .elementor-element-2c394792 */.e-gallery-grid .e-gallery-image{background-size:contain;background-repeat:no-repeat;background-position:center center;}
.e-gallery-item.elementor-gallery-item{border-radius:10px;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f94384 *//* =========================
   Dina Group – Produce Article Styles
   Target: the article wrapper with class .produce-article
   Safe: scoped to avoid affecting header/footer/menus
   ========================= */

:root{
  --ink:#333a4d;     /* Dina dark blue */
  --gold:#c18f59;    /* Dina light gold */
  --ink-70:#424a5f;
  --ink-45:#7e8597;
  --paper:#f8f8fb;
  --radius:12px;
  --shadow-s:0 6px 22px rgba(0,0,0,.06);
}

/* Scope everything to the article only */
.produce-article{
  box-sizing:border-box;
  max-width:1000px;
  margin:0 auto;
  padding:22px 16px;
  line-height:1.65;
  color:var(--ink);
  font-size:16px;
}
.produce-article *{box-sizing:border-box}

/* Headings */
.produce-article h1{
  font-size:clamp(26px, 4.6vw, 40px);
  line-height:1.15;
  margin:.2em 0 .3em;
  letter-spacing:-.2px;
}
.produce-article h2{
  font-size:clamp(20px, 3.5vw, 28px);
  margin:20px 0 10px;
  padding-left:12px;
  border-left:5px solid var(--gold);
}

/* Muted text */
.produce-article .muted{color:var(--ink-45)}

/* Links */
.produce-article a{color:var(--ink); text-underline-offset:3px}
.produce-article a:hover{color:var(--gold)}

/* Images & figures */
.produce-article img{
  width:100%; height:auto; display:block;
  border-radius:10px; box-shadow:var(--shadow-s);
}
.produce-article figure{margin:16px 0}
.produce-article figcaption{
  margin-top:8px; font-size:.92em; color:var(--ink-45)
}

/* Grid (mobile-first) */
.produce-article .grid{display:grid; gap:16px}
@media (min-width:800px){
  .produce-article .grid.cols-2{grid-template-columns:1fr 1fr; align-items:center}
}

/* Table of contents (inline on mobile, sticky on desktop) */
.produce-article .toc{
  display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 16px
}
.produce-article .toc a{
  font-size:.95em; padding:8px 10px; border:1px solid #e7e9ef;
  border-radius:999px; text-decoration:none
}
.produce-article .toc a:hover{border-color:var(--gold)}
@media (min-width:1024px){
  .produce-article .toc{position:sticky; top:12px; z-index:1}
}

/* Lists */
.produce-article ul{margin:0 0 12px 18px}
.produce-article li{margin:6px 0}

/* Details (FAQs) */
.produce-article details{
  border:1px solid #e7e9ef;
  border-radius:10px; padding:12px 14px; margin:10px 0;
  background:#fff
}
.produce-article details summary{
  cursor:pointer; font-weight:700; color:var(--ink-70); outline:none
}
.produce-article details[open]{border-color:var(--gold)}
.produce-article details p{margin:8px 0 0}

/* Buttons (if any links should look like buttons) */
.produce-article .btn{
  display:inline-block; padding:10px 16px;
  background:var(--gold); color:#fff !important;
  border-radius:10px; text-decoration:none; font-weight:600
}
.produce-article .btn:hover{filter:brightness(.95)}

/* Spacing tweaks for Elementor containers around the article */
.elementor .produce-article{padding-left:min(5vw,20px); padding-right:min(5vw,20px)}
@media (max-width:480px){
  .elementor .produce-article{padding-left:12px; padding-right:12px}
}

/* Full-bleed image option: add .full to a figure to span wider on mobile */
.produce-article figure.full{
  margin-left:calc(-1 * min(5vw,20px));
  margin-right:calc(-1 * min(5vw,20px));
}
@media (min-width:768px){
  .produce-article figure.full{margin-left:0; margin-right:0}
}

/* Accessibility & motion */
@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto}
}

/* Optional: subtle divider under header block */
.produce-article header{border-bottom:1px solid #eef0f6; padding-bottom:12px; margin-bottom:14px}

/* Optional: light card background for sections */
.produce-article section{
  background:#fff; border:1px solid #eef0f6;
  border-radius:14px; padding:14px 16px; margin:14px 0
}

/* RTL support (WordPress sets body.rtl for Arabic) */
body.rtl .produce-article h2{padding-left:0; padding-right:12px; border-left:0; border-right:5px solid var(--gold)}
body.rtl .produce-article ul{margin:0 18px 12px 0}
body.rtl .produce-article .toc a{direction:rtl}/* End custom CSS */
/* Start custom CSS for share-buttons, class: .elementor-element-26ca247 */.elementor-element .elementor-share-btn{width:40px!important;height:40px!important;}/* End custom CSS */