/* ===== Village Theme - Minimal B/W ===== */
/* Import Google Fonts */
@import url("//fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");


:root {
  --color-primary: #374151;     /* Gray-700 */
  --color-primary-light: #4b5563;
  --color-secondary: #f9fafb;

  --color-bg: #f3f4f6;          /* Light gray bg */
  --color-card: #ffffff;
  --color-border: #e5e7eb;

  --color-text: #1f2937;        /* Gray-800 */
  --color-muted: #6b7280;

  --radius: 16px;
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  --color-accent: #6366f1;      /* Indigo-500 (Softer accent) */
  --color-accent-soft: #eef2ff;
}

/* Common UI */
body {
  background-color: #f3f4f6;
  background-image: radial-gradient(#d1d5db 0.5px, transparent 0.5px);
  background-size: 24px 24px;   /* Subtle realistic texture */
  color: var(--color-text);
  font-family:'DM Sans', sans-serif;
}

.card {
  background: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  padding: 20px;
  transition: var(--transition);
  box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}

.card:hover {
  box-shadow: 0 10px 30px -10px rgba(0,0,0,0.08);
}

.btn-primary {
  background: var(--color-primary);
  color: #fff;
  padding: 12px 24px;
  border-radius: var(--radius);
  font-weight: 600;
  transition: var(--transition);
}

.btn-primary:hover {
  background: #222;
}

.badge {
  background: var(--color-secondary);
  color: var(--color-text);
  font-weight: 500;
}

/* villages search modal  */

#locationModal .overflow-hidden .p-8 {
  border-radius: 24px;
}

/* Overflow hidden */
#locationModal .overflow-hidden {
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 32px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  background: white;
}


/* Header */
header{
 padding-top:0px !important;
 padding-bottom:1px !important;
}

/* Items center */
.border-b .mx-auto .items-center > .items-center .items-center{
 margin-bottom:9px;
 padding-top:2px;
}

/* Paragraph */
.grid .space-y-6 .hover\:shadow-md .text-justify p{
 font-size:14px;
}

/* Paragraph */
.mx-auto .space-y-2 p{
 font-size:14px;
}

/* Column 6/12 */
header .mx-auto > .items-center > .items-center{
 padding-top:16px;
}

/* Image */
header div img{
 height:60px !important;
}

/* Font bold */
.items-center .lg\:col-span-3 .shadow-sm .grid div .font-bold{
 font-size:18px;
 color:#4f16d4;
}

/* Font medium */
header .lg\:col-span-3 .font-medium{
 font-size:14px;
}

/* Font bold */
.lg\:col-span-3 .shadow-sm .grid .border-t .font-bold{
 font-size:14px !important;
}

/* Items center */
.mx-auto .grid .space-y-6 .hover\:shadow-md > .items-center{
 margin-bottom:24px;
}


/* Font medium */
.lg\:col-span-3 .shadow-sm .grid .border-t .font-medium{
 display:flex;
 justify-content:normal;
 align-items:center;
}


/* Font medium */
.mx-auto .divide-y .font-medium{
 display:flex;
 align-items:center;
}

/* Drop shadow */
header .grid .drop-shadow-sm{
 color:#887b7b;
}

/* Drop shadow */
.mx-auto .divide-y .drop-shadow-sm{
 color:#776e6e;
}

sup {
    position: static !important;
    z-index: auto !important;
}
/* Leading tight */
.items-center .items-center div .inline-block .hover\:shadow-xl .items-start .leading-tight{
 font-size:12px;
 flex-direction:row;
}

/* Tracking widest */
.items-center .items-center div .inline-block .hover\:shadow-xl .items-start .tracking-widest{
 font-size:13px;
 font-weight:700;
}

/* Hover */
.items-center .items-center div .inline-block .hover\:shadow-xl{
 padding-right:5px;
 padding-left:5px;
 padding-top:5px;
 padding-bottom:5px;
}

/* Items start */
.items-center .items-center div .inline-block .hover\:shadow-xl .items-start{
 margin-right:6px;
}

/* Tracking widest */
.group\/ai .items-start .tracking-widest{
 font-size:14px;
}

/* Leading tight */
.group\/ai .items-start .leading-tight{
 font-size:16px;
}

/* Hover */
.items-center .items-center div .inline-block .hover\:shadow-xl{
 height:90px;
}

/* Group/ai */
header .mx-auto .group\/ai{
 height:90px;
}

/* Leading tight */
.group\/ai .items-start .leading-tight{
 font-size:13px;
}

/* Tracking widest */
.items-center .items-center div .inline-block .hover\:shadow-xl .items-start .tracking-widest{
 font-size:14px;
}

/* Heading */
.md\:text-left .space-y-4 h4{
 border-bottom-color:#3037f1;
}

/* Heading */
.md\:text-left .space-y-6 h4{
 border-bottom-color:#4362ee;
}

/* Font bold */
.md\:text-left .text-sm .font-bold{
 color:#020202;
}

/* Font Icon */
.max-w-xs .backdrop-blur-sm .fa-facebook{
 color:#1567da;
}

/* Font Icon */
.max-w-xs .backdrop-blur-sm .fa-instagram{
 color:#f60d4f;
}

/* Font Icon */
.max-w-xs .backdrop-blur-sm .fa-linkedin{
 color:#1271f6;
}

/* Leading relaxed */
.md\:text-left .space-y-4 .leading-relaxed{
 font-weight:600;
 font-size:13px;
}

/* Font medium */
.container .font-medium{
 color:#020202;
}

/* Image */
.items-center .items-center > .items-center div img{
 height:57px !important;
}

@media (max-width:576px){

 /* Items center */
 header .mx-auto .items-center > .items-center > .items-center{
  justify-content:center;
  transform:translatex(0px) translatey(0px);
 }

 /* Column 3/12 */
 header .mx-auto > .items-center > .items-center{
  justify-content:center;
 }

 /* Heading */
 header div h1{
  text-align:left;
  transform:translatex(0px) translatey(0px);
  font-size:30px !important;
 }

 /* Image */
 .items-center .items-center > .items-center div img{
  height:56px !important;
 }

}
@media (max-width:576px){

 /* Column 3/12 */
 header .mx-auto > .items-center > .items-center{
  padding-top:5px;
  /* transform:translatex(0px) translatey(0px); */
 }

 /* Column 3/12 */
 header .mx-auto > .items-center:nth-child(1) > .items-center:nth-child(1){
  display:grid;
  grid-template-columns:50% 50%;
  align-content:center;
 }

 /* Group/ai */
 header .mx-auto .group\/ai{
  width:100%;
 }

}
@media (max-width:576px){

 /* Inline block */
 header .mx-auto .items-center .items-center div .inline-block{
  width:100% !important;
 }



 /* Hover */
 .items-center .items-center div .inline-block .hover\:shadow-xl{
  width:100%;
  height:50px;
 }

 /* Column 3/12 */
 header .mx-auto > .items-center > .items-center{
  padding-left:6px;
  padding-right:6px;
  /* transform:translatex(0px) translatey(0px); */
 }



 /* Group/ai */
 header .mx-auto .group\/ai{
  height:50px;
 }

 /* Paragraph */
 header .items-center .items-center p{
  font-size:14px;
 }

 /* Heading */
 header div h1{
  font-size:32px !important;
 }

}
@media (max-width:576px){

 /* Tracking widest */
 .items-center .items-center div .inline-block .hover\:shadow-xl .items-start .tracking-widest{
  font-size:12px;
 }

 /* Tracking widest */
 .group\/ai .items-start .tracking-widest{
  font-size:12px;
 }

}