body {
    font-family: 'Nave', sans-serif;
    /* Using Inter as a common modern font */
}

.font-rough {
    font-family: "citrus-gothic-rough", sans-serif;
    /* Example custom font */
}

/* --- Shared Styles --- */
.section-bg-light {
    background-color: #fff;
    /* Off-white background */
    /* background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d1d1c7' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); */
}

.heading-bharat-red {
    color: #B22E1E;
    /* Tailwind red-600 */
}

.heading-vision-green {
    color: #15803d;
    /* Tailwind green-700 */
}

.text-brand-pink {
    color: #ec4899;
    /* Tailwind pink-500 */
}

.border-brand-pink {
    border-color: #fbcfe8;
    /* Tailwind pink-100 */
}

/* Custom teal color for final section */
.text-brand-teal {
    color: #0d9488;
    /* Tailwind teal-600 */
}

.bg-brand-teal {
    background-color: #0d9488;
    /* Tailwind teal-600 */
}

.hover\:bg-brand-teal-dark:hover {
    background-color: #0f766e;
    /* Tailwind teal-700 */
}


/* --- Jagged Border Styles --- */
.jagged-top-red-bg {
    position: relative;
    margin-top: 10px;
}

.jagged-top-red-bg::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpolygon points='0,10 10,0 20,10 30,0 40,10 50,0 60,10 70,0 80,10 90,0 100,10' fill='%23c53030'/%3E%3C/svg%3E");
    /* Red */
    background-repeat: repeat-x;
    z-index: 10;
}

.jagged-bottom-red-border {
    position: relative;
    z-index: 5;
}

.jagged-bottom-red-border::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 10,10 20,0 30,10 40,0 50,10 60,0 70,10 80,0 90,10 100,0' fill='%23c53030'/%3E%3C/svg%3E");
    /* Red */
    background-repeat: repeat-x;
}

.jagged-bottom-light-bg {
    position: relative;
}

.jagged-bottom-light-bg::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpolygon points='0,10 10,0 20,10 30,0 40,10 50,0 60,10 70,0 80,10 90,0 100,10' fill='%23f8f8f4'/%3E%3C/svg%3E");
    /* Light bg color */
    background-repeat: repeat-x;
    z-index: 10;
}

/* Jagged borders for the final section (yellow) */
.jagged-top-yellow {
    position: relative;
    margin-top: 10px;
}

.jagged-top-yellow::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpolygon points='0,10 10,0 20,10 30,0 40,10 50,0 60,10 70,0 80,10 90,0 100,10' fill='%23facc15'/%3E%3C/svg%3E");
    /* Yellow-400 */
    background-repeat: repeat-x;
    z-index: 10;
}

.jagged-bottom-yellow {
    position: relative;
    padding-bottom: 10px;
}

/* Add padding for space */
.jagged-bottom-yellow::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 10,10 20,0 30,10 40,0 50,10 60,0 70,10 80,0 90,10 100,0' fill='%23facc15'/%3E%3C/svg%3E");
    /* Yellow-400 */
    background-repeat: repeat-x;
    z-index: 10;
}


/* --- Section 3 Styles --- */
.quatrefoil-frame {
    width: 200px;
    height: 200px;
    clip-path: url(#quatrefoil-clip);
    overflow: hidden;
    margin: 0 auto;
    background-color: #e2e8f0;
}

.quatrefoil-frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- Section 4 Styles --- */
.rotated-image-left {
    transform: rotate(-5deg);
    border: 4px solid white;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.rotated-image-right {
    transform: rotate(5deg);
    border: 4px solid white;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Updated heading font style for section 4 */
.heading-nation-building {
    font-family: 'Rock Salt', cursive;
    /* Using Rock Salt as 'rough' font */
    /* font-weight: 900; */
    /* Rock Salt is typically one weight */
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* --- Section 5 (Partner) Styles --- */
.partner-section-top-border {
    height: 10px;
    border-top: 2px dashed #fbcfe8;
    margin-bottom: 2rem;
}

.partner-card {
    background-color: white;
    border: 2px solid #C47EA6;
    padding: 1.5rem;
    height: 100%;
    border-top-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
}

/* --- Section 6 (Join Movement) Styles --- */
.yellow-banner {
    background-color: #fde047;
    /* yellow-300 */
    display: inline-block;
    padding: 0.75rem 2rem;
    border-radius: 0.5rem;
    /* rounded-lg */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin: 2rem 0;
    border: 2px solid #facc15;
    /* yellow-400 */
}