.elementor-kit-13{--e-global-color-primary:#222D35;--e-global-color-secondary:#4DAC4D;--e-global-color-text:#7A7A7A;--e-global-color-accent:#4DAC4D;--e-global-color-f20be7b:#FFFFFF;--e-global-color-49348d5:#666666;--e-global-color-f562509:#FFFFFF00;--e-global-color-31180ab:#282D47;--e-global-typography-primary-font-family:"Barlow Condensed";--e-global-typography-primary-font-size:52px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Barlow Condensed";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:26px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-13 e-page-transition{background-color:#FFFFFF;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ----------------------------------------------------
   DIET NOTICE SECTION – FULL CSS (All Devices)
   Colors: Navy #0A1E41 | Green #4DAC4D
   Colors: Navy #002147 | Green #4DAC4D
-----------------------------------------------------*/


/* -----------------------
   DEFAULT DESKTOP STYLES
------------------------*/

/* Section Layout */
.diet-notice-section {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  padding: 30px 0;
}

/* Left Box */
.notice-left {
  width: 70%;
}

/* Title */
.notice-title {
  font-size: 41px;
  font-family: 'poppins';
  font-weight:600;
  color: #3e4095;
  border-left: 4px solid #4DAC4D;
  padding-left: 12px;
  margin-bottom: 20px;
}

/* Scroller */
.notice-scroller {
  height: 220px;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #E1E8F0;
  border-left: 4px solid #4DAC4D;
  padding: 15px;
  border-radius: 6px;
  position: relative;
}

.notice-scroller ul {
  list-style: none;
  padding: 0;
  margin: 0;
  animation: scroll-up 12s linear infinite;
}

.notice-scroller li {
  padding: 10px 0;
  border-bottom: 1px dashed #E1E8F0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.notice-scroller a {
  color: #002147;
  font-weight: 500;
  text-decoration: none;
}

.notice-scroller a:hover {
  color: #4DAC4D;
}

.notice-scroller .date {
  font-size: 13px;
  color: #6F6F6F;
}

/* Scroll Animation */
@keyframes scroll-up {
  0% { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}

/* Right Side Buttons */
.notice-right {
  width: 30%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.notice-btn {
  display: block;
  font-family: 'poppins';
  padding: 16px 20px;
  text-align: center;
  border-radius: 6px;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
}

/* Primary Button */
.notice-btn.primary {
  background: #4DAC4D;
  color: #FFFFFF;
}

.notice-btn.primary:hover {
  background: #3C8A3C;
}

/* Secondary Button */
.notice-btn.secondary {
  /*border: 2px solid #4DAC4D ; */
  border-radius:6px 6px 6px 6px ;
  color: #FFFFFF ;
  background: #4DAC4D ;
}

.notice-btn.secondary:hover {
  background: #002147;
}



/* -----------------------
   MOBILE RESPONSIVE (<768px)
------------------------*/
@media (max-width: 768px) {

  .diet-notice-section {
    flex-direction: column;
    gap: 25px;
  }

  .notice-left,
  .notice-right {
    width: 100%;
  }

  .notice-title {
    font-size: 22px;
    margin-bottom: 15px;
  }

  .notice-scroller {
    height: 180px;
    padding: 12px;
  }

  .notice-scroller li {
    padding: 8px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .notice-scroller a {
    font-size: 15px;
  }

  .notice-scroller .date {
    font-size: 12px;
  }

  .notice-right {
    flex-direction: column;
    gap: 12px;
  }

  .notice-btn {
    width: 100%;
    padding: 12px;
    font-size: 15px;
  }
}



/* -----------------------
   TABLET RESPONSIVE (769px – 1024px)
------------------------*/
@media (min-width: 769px) and (max-width: 1024px) {

  .diet-notice-section {
    gap: 30px;
    padding: 40px 0;
  }

  .notice-left {
    width: 65%;
  }

  .notice-right {
    width: 35%;
  }

  .notice-title {
    font-size: 24px;
    margin-bottom: 18px;
  }

  .notice-scroller {
    height: 200px;
    padding: 14px;
  }

  .notice-scroller li {
    padding: 10px 0;
  }

  .notice-scroller a {
    font-size: 16px;
  }

  .notice-scroller .date {
    font-size: 13px;
  }

  .notice-btn {
    padding: 14px;
    font-size: 15px;
  }
}



/* -----------------------
   LAPTOP RESPONSIVE (1025px – 1366px)
------------------------*/
@media (min-width: 1025px) and (max-width: 1366px) {

  .diet-notice-section {
    gap: 35px;
    padding: 45px 0;
  }

  .notice-left {
    width: 68%;
  }

  .notice-right {
    width: 32%;
  }

  .notice-title {
    font-size: 26px;
    margin-bottom: 20px;
  }

  .notice-scroller {
    height: 210px;
    padding: 15px;
  }

  .notice-scroller li {
    padding: 10px 0;
  }

  .notice-scroller a {
    font-size: 16px;
  }

  .notice-scroller .date {
    font-size: 13px;
  }

  .notice-btn {
    padding: 14px;
    font-size: 15px;
  }
}/* End custom CSS */