/* assets/layout.css */

/* Custom body font */
body {
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
}

/* Material Symbols font settings */
.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
}

/* Custom text gradient for titles */
.animate-text-gradient {
    background: linear-gradient(90deg, #a7f3d0, #ecfccb, #a7f3d0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 200%;
    animation: gradient-shift 3s ease infinite alternate;
}

.animate-text-gradient-alt {
    background: linear-gradient(90deg, #d9f99d, #a7f3d0, #d9f99d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 200%;
    animation: gradient-shift-alt 4s ease infinite alternate;
}

@keyframes gradient-shift {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

@keyframes gradient-shift-alt {
    0% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Ensure default text color is readable */
p, span, li, a {
    color: var(--tw-text-gray-100, #f3f4f6); /* Fallback to a light gray if Tailwind variable not applied */
}

h1, h2, h3, h4, h5, h6 {
    color: var(--tw-text-white, #ffffff); /* Fallback to white for headings */
}

/* Specific button hover animation for Material Symbols */
.group:hover .group-hover\:animate-pulse {
    animation: pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .75; transform: scale(1.1); }
}

/* General styling for better readability on green background */
.bg-green-800, .bg-green-900, .bg-green-700 {
    background-color: rgba(23, 73, 23, 0.7); /* Darker green with transparency */
}

.bg-green-950 {
    background-color: #0d320d; /* Even darker green for footer */
}

.bg-lime-500 {
    background-color: #84cc16; /* Vibrant lime green */
}

.bg-lime-600 {
    background-color: #65a30d; /* Darker lime green on hover */
}

.bg-lime-400 {
    color: #a7f3d0; /* Light lime green for accents */
}

.bg-green-600 {
    background-color: #16a34a; /* A slightly different green for secondary buttons */
}

.bg-green-700.bg-opacity-90 {
    background-color: rgba(21, 128, 61, 0.9); /* Darker green for cards with opacity */
}

.border-lime-400 {
    border-color: #a7f3d0; /* Border color for avatars */
}
/* New styles for .rightsCloudWrap and its children */

/* Wrapper padding */
.rightsCloudWrap {
    padding-top: 4rem; /* Top padding for the section */
    padding-bottom: 4rem; /* Bottom padding for the section */
    padding-left: 1rem; /* Left padding for the section */
    padding-right: 1rem; /* Right padding for the section */
    max-width: 1200px; /* Max width for content */
    margin-left: auto; /* Center the wrapper */
    margin-right: auto; /* Center the wrapper */
}

/* Heading 1 styles */
.rightsCloudWrap h1 {
    font-size: 2.5rem; /* Moderate font size for H1 */
    line-height: 1.2; /* Line height for readability */
    margin-bottom: 1.5rem; /* Space below H1 */
    font-weight: 700; /* Bold font weight */
}

/* Heading 2 styles */
.rightsCloudWrap h2 {
    font-size: 2rem; /* Moderate font size for H2 */
    line-height: 1.25; /* Line height for readability */
    margin-bottom: 1.25rem; /* Space below H2 */
    font-weight: 600; /* Semi-bold font weight */
}

/* Heading 3 styles */
.rightsCloudWrap h3 {
    font-size: 1.75rem; /* Moderate font size for H3 */
    line-height: 1.3; /* Line height for readability */
    margin-bottom: 1rem; /* Space below H3 */
    font-weight: 600; /* Semi-bold font weight */
}

/* Heading 4 styles */
.rightsCloudWrap h4 {
    font-size: 1.5rem; /* Moderate font size for H4 */
    line-height: 1.35; /* Line height for readability */
    margin-bottom: 0.75rem; /* Space below H4 */
    font-weight: 500; /* Medium font weight */
}

/* Heading 5 styles */
.rightsCloudWrap h5 {
    font-size: 1.25rem; /* Moderate font size for H5 */
    line-height: 1.4; /* Line height for readability */
    margin-bottom: 0.5rem; /* Space below H5 */
    font-weight: 500; /* Medium font weight */
}

/* Paragraph styles */
.rightsCloudWrap p {
    font-size: 1.125rem; /* Standard paragraph font size */
    line-height: 1.7; /* Generous line height for readability */
    margin-bottom: 1.25rem; /* Space below paragraphs */
}

/* Unordered list styles */
.rightsCloudWrap ul {
    list-style: disc; /* Default disc bullet points */
    padding-left: 1.5rem; /* Indent list items */
    margin-bottom: 1.5rem; /* Space below the list */
}

/* List item styles */
.rightsCloudWrap li {
    font-size: 1.125rem; /* List item font size matching paragraphs */
    line-height: 1.7; /* Line height for readability */
    margin-bottom: 0.5rem; /* Space between list items */
}

.pt-24{
    padding-top: 70px !important
}

footer{
    .flex.space-x-6{
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
}