.elementor-9698 .elementor-element.elementor-element-f6e798f{--display:flex;--min-height:36vh;--overlay-opacity:0.6;}.elementor-9698 .elementor-element.elementor-element-f6e798f:not(.elementor-motion-effects-element-type-background), .elementor-9698 .elementor-element.elementor-element-f6e798f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://agsmfoods.com/wp-content/uploads/2025/09/spices-footer-bg-e1757426828820.jpg");background-position:center center;background-size:cover;}.elementor-9698 .elementor-element.elementor-element-f6e798f::before, .elementor-9698 .elementor-element.elementor-element-f6e798f > .elementor-background-video-container::before, .elementor-9698 .elementor-element.elementor-element-f6e798f > .e-con-inner > .elementor-background-video-container::before, .elementor-9698 .elementor-element.elementor-element-f6e798f > .elementor-background-slideshow::before, .elementor-9698 .elementor-element.elementor-element-f6e798f > .e-con-inner > .elementor-background-slideshow::before, .elementor-9698 .elementor-element.elementor-element-f6e798f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-9698 .elementor-element.elementor-element-df98c2f{--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;--align-items:center;--padding-top:3%;--padding-bottom:3%;--padding-left:1%;--padding-right:1%;}.elementor-9698 .elementor-element.elementor-element-df98c2f:not(.elementor-motion-effects-element-type-background), .elementor-9698 .elementor-element.elementor-element-df98c2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9698 .elementor-element.elementor-element-7b69408{text-align:center;}.elementor-9698 .elementor-element.elementor-element-7b69408 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:3rem;color:var( --e-global-color-2d3369d );}.elementor-9698 .elementor-element.elementor-element-8aed748{--display:flex;}.elementor-9698 .elementor-element.elementor-element-200ffa5{--grid-columns:3;--grid-row-gap:20px;--load-more—spacing:50px;--load-more-button-align:center;--grid-column-gap:20px;}.elementor-9698 .elementor-element.elementor-element-200ffa5 .elementor-button{background-color:var( --e-global-color-2d3369d );font-family:"Poppins", Sans-serif;font-weight:600;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-9698 .elementor-element.elementor-element-200ffa5 .elementor-button:hover, .elementor-9698 .elementor-element.elementor-element-200ffa5 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-2d3369d );}.elementor-9698 .elementor-element.elementor-element-200ffa5 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-9698 .elementor-element.elementor-element-200ffa5 .e-loop-item > .elementor-section, .elementor-9698 .elementor-element.elementor-element-200ffa5 .e-loop-item > .elementor-section > .elementor-container, .elementor-9698 .elementor-element.elementor-element-200ffa5 .e-loop-item > .e-con, .elementor-9698 .elementor-element.elementor-element-200ffa5 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-9698 .elementor-element.elementor-element-200ffa5 .elementor-button:hover svg, .elementor-9698 .elementor-element.elementor-element-200ffa5 .elementor-button:focus svg{fill:var( --e-global-color-2d3369d );}@media(max-width:1024px){.elementor-9698 .elementor-element.elementor-element-200ffa5{--grid-columns:2;}}@media(max-width:767px){.elementor-9698 .elementor-element.elementor-element-df98c2f{--padding-top:12%;--padding-bottom:12%;--padding-left:4%;--padding-right:4%;}.elementor-9698 .elementor-element.elementor-element-200ffa5{--grid-columns:1;}}/* Start custom CSS for heading, class: .elementor-element-7b69408 *//* Apply the heading style to the new class */
#blogpage-head {
  font-family: 'Poppins', sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #fff; 
  position: relative;
}

/* Decorative divider under the heading */
#blogpage-head::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  margin: 0.8rem auto 1.2rem;
  background: linear-gradient(90deg, #b22222, #ff8c00, #ffd700);
  border-radius: 2px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df98c2f *//* Base card styling */
.elementor-post {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: #fff;
}

/* Lift on hover */
.elementor-post:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

/* Image wrapper */
.elementor-post__thumbnail {
  position: relative;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}

/* Warm spice overlay */
.elementor-post__thumbnail::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    45deg, 
    rgba(255, 140, 0, 0.35),   /* saffron */
    rgba(139, 69, 19, 0.35),   /* cinnamon */
    rgba(205, 92, 92, 0.35)    /* spice red */
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none; /* ✅ prevent blocking links */
}

/* Show overlay on hover */
.elementor-post:hover .elementor-post__thumbnail::before {
  opacity: 1;
}

/* Subtle image zoom */
.elementor-post__thumbnail img {
  transition: transform 0.4s ease-out;
}



/* Hover border animation */
.elementor-post::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 2px;
  background: linear-gradient(90deg, #FF8C00, #CD5C5C, #8B4513);
  background-size: 200% 200%;
  animation: borderFlow 6s linear infinite;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none; /* ✅ fix for links */
}

.elementor-post:hover::after {
  opacity: 1;
}

/* Border gradient animation */
@keyframes borderFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Title styling */
.elementor-post__title a {
  font-weight: 700;
  font-size: 1.15rem;
  color: #5a2e1f;
  transition: color 0.25s ease;
}

.elementor-post:hover .elementor-post__title a {
  color: #FF8C00;
}

/* Read more link */
.elementor-post__read-more {
  display: inline-block;
  margin-top: 8px;
  color: #8B4513;
  font-weight: 600;
  transition: color 0.25s ease;
}

.elementor-post:hover .elementor-post__read-more {
  color: #FF4500;
}/* End custom CSS */