.elementor-47 .elementor-element.elementor-element-11261af{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-af69520{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-fe3b2f6{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-3eca711{--display:flex;--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-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-b041b38{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:center;font-family:"Arial", Sans-serif;font-weight:400;}.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-47 .elementor-element.elementor-element-5f4bfcd{text-align:center;}.elementor-47 .elementor-element.elementor-element-5f4bfcd .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:51px;font-weight:600;color:#090A0B;}.elementor-47 .elementor-element.elementor-element-d1d32de{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#7A7A7A;}.elementor-widget-loop-grid .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-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .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-47 .elementor-element.elementor-element-d9b0e36{--grid-columns:3;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-47 .elementor-element.elementor-element-d9b0e36{--grid-columns:2;}}@media(max-width:767px){.elementor-47 .elementor-element.elementor-element-d9b0e36{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-d9b0e36 *//* --- CSS code to match the "Festival Calendar" style --- */
/* Aapke Elementor HTML ke liye */

/* 1. Grid Layout */
/* Yeh .elementor-loop-container.elementor-grid ko target karta hai */
.elementor-loop-container.elementor-grid {
  display: grid;
  grid-template-columns: 1fr; /* Mobile ke liye default 1 column */
  gap: 2rem; /* 32px (Tailwind 'gap-8') */
  
  /* Grid ko center mein laata hai */
  max-width: 1280px; /* (Tailwind 'max-w-7xl') */
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem; /* Mobile par side se thodi padding */
}

/* Responsive Columns */
@media (min-width: 768px) { /* md: (Tablets) */
  .elementor-loop-container.elementor-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
  }
}
@media (min-width: 1024px) { /* lg: (Desktops) */
  .elementor-loop-container.elementor-grid {
    grid-template-columns: repeat(3, 1fr); /* 3 columns */
  }
}

/* 2. Card Styling (Glassmorphism) */
/* Yeh har card ke main container (.elementor-element-cbfc12e) ko target karta hai */
.elementor-605 .elementor-element.elementor-element-cbfc12e {
  /* Glassmorphism Effect */
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.4);
  
  /* Layout & Sizing */
  padding: 2rem; /* 32px (Tailwind 'p-8') */
  border-radius: 0.75rem; /* 12px (Tailwind 'rounded-xl') */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */
  text-align: center; /* Original design jaisa text ko center karta hai */
  height: 100%; /* Ek row ke sabhi cards ko barabar height deta hai */

  /* Hover Animation */
  transition: all 0.3s ease-out;
}

.elementor-605 .elementor-element.elementor-element-cbfc12e:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow-2xl */
  transform: scale(1.05);
}

/* 3. Card Content Styling */
/* Yeh card ke andar ke content ko style karta hai */

/* Image */
.elementor-element-1bca7a9 img {
  width: 100%;
  height: 200px;
  object-fit: cover; /* Image ko crop karke fit karega */
  border-radius: 0.5rem; /* 8px (Tailwind 'rounded-lg') */
  margin-bottom: 1.5rem; /* 24px (Tailwind 'mb-6') */
}

/* Title (e.g., "Rathayatra") */
.elementor-element-cd5dc2d .elementor-heading-title {
  color: #2a1a0c; /* (Tailwind 'text-[#2a1a0c]') */
  font-size: 1.5rem; /* 24px (Tailwind 'text-2xl') */
  font-weight: 700; /* (Tailwind 'font-bold') */
  /* Elementor ke default margins ko reset karta hai */
  margin: 0 0 0.75rem 0; /* (Tailwind 'mb-3') */
}

/* Subtitle (e.g., "19/06/2025...") */
.elementor-element-876ad86 .elementor-heading-title {
  color: #4B5563; /* (Tailwind 'text-gray-600') */
  font-size: 1rem; /* 16px (Tailwind 'text-base') */
  font-weight: 500; /* (Tailwind 'font-medium') */
  /* Elementor ke default margins ko reset karta hai */
  margin: 0;
}

/* Font Family Override */
/* Yeh Elementor ke inline styles se zyada specific hokar font ko "Inter" (original design jaisa) set karega */
.elementor-605 .elementor-heading-title {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}/* End custom CSS */