/* Base styles */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #e0f7fa; /* Light blue background */
            color: #333;
            margin: 0; /* Remove default body margin */
            height: 100%; /* Set body to full height */
            overflow-x: hidden; /* Prevent horizontal scrollbar */
        }

        /* Tally related colors (retained for consistency with the overall site theme) */
        .tally-button {
            background-color: #28ba59; /* Darker green for buttons */
            transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;
        }
        .tally-button:hover {
            background-color: #073e15; /* Even darker green on hover */
            transform: scale(1.02);
        }

        /* Carousel specific styles */
        .carousel-container {
            position: relative;
            width: 100%;
            height: 100%; /* Make container fill parent height */
            overflow: hidden;
            border-radius: 1rem;
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .carousel-slides {
            display: flex;
            height: 100%; /* Make slides container fill parent height */
            transition: transform 0.5s ease-in-out;
        }
        .carousel-item {
            flex: 0 0 100%; /* Each item takes full width */
            display: flex;
            flex-direction: column; /* Stack vertically on small screens */
            justify-content: center;
            align-items: center;
            padding: 2rem;
            height: 100%; /* Make each item fill its parent height */
            color: #333; /* Default text color */
        }
        /* Dashing background gradients for each carousel item */
        .carousel-item.item-1 {
            background: linear-gradient(135deg, #fcd34d, #f5cb3f); /* Soft yellow to golden */
        }
        .carousel-item.item-2 {
            background: linear-gradient(135deg, #efede3,#ebe4c6 ); /* Very light blue to sky blue */
        }
        .carousel-item.item-3 {
            background: linear-gradient(135deg, #DDF2FB, #a7ddf4); /* Light purple to vibrant purple */
        }
        .carousel-item.item-4 {
            background: linear-gradient(135deg, #FFFAE4, #FFFAE4); /* Light purple to vibrant purple */
        }

        @media (min-width: 768px) { /* md breakpoint */
            .carousel-item {
                flex-direction: row; /* Two columns on larger screens */
            }
        }
        .carousel-content {
            flex: 1;
            padding: 1rem;
            text-align: center;
        }
        /* .carousel-content {
  padding-top: 0;
}

@media (max-width: 768px) {
  .carousel-content {
    padding-top: 80px; 
  }
} */
        /* Specific text colors for each carousel content */
        .carousel-content.content-1 h2, .carousel-content.content-1 p {
            color: #854d0c; /* Darker golden brown for text on yellow background */
        }
        .carousel-content.content-2 h2, .carousel-content.content-2 p {
            color: #0c4a6e; /* Darker blue for text on light blue background */
        }
        .carousel-content.content-3 h2, .carousel-content.content-3 p {
            color: #581c87; /* Darker purple for text on light purple background */
        }
        .carousel-content.content-4 h2, .carousel-content.content-3 p {
            color: #060606; /* Darker purple for text on light purple background */
        }
        .carousel-image2 {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 1rem;
        }
        .carousel-image2 img {
            max-width: 100%; /* Increased image size */
            height: auto;
            border-radius: 0.75rem;
           
        }
        .carousel-image {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 1rem;
        }
        .carousel-image img {
            max-width: 120%; /* Increased image size */
            height: auto;
            border-radius: 0.75rem;
           
        }
        .carousel-nav-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(34, 197, 94, 0.7); /* Tally green, semi-transparent */
            color: white;
            padding: 0.75rem 1rem;
            border-radius: 9999px; /* Fully rounded */
            font-size: 1.5rem;
            cursor: pointer;
            z-index: 20;
            transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;
        }
        .carousel-nav-btn:hover {
            background-color: #16a34a; /* Darker green on hover */
            transform: translateY(-50%) scale(1.05);
        }
        .carousel-prev {
            left: 1rem;
        }
        .carousel-next {
            right: 1rem;
        }
        .carousel-indicators {
            position: absolute;
            bottom: 1rem;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 0.5rem;
            z-index: 20;
        }
        .indicator-dot {
            width: 10px;
            height: 10px;
            background-color: rgba(255, 255, 255, 0.5);
            border-radius: 50%;
            cursor: pointer;
            transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;
        }
        .indicator-dot.active {
            background-color: #facc15; /* Yellow for active indicator */
            transform: scale(1.2);
        }

        /* Tagline style (adapted for carousel) */
.tagline-gradient-text3 {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            font-size: 2.5rem; /* Slightly smaller for carousel context */
            background: linear-gradient(45deg, #a7f3d0, #0b0b0b, #2609e7); /* Retaining multi-color gradient */
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
            line-height: 1.2;
            margin-bottom: 1rem;
        }
        @media (min-width: 768px) {
            .tagline-gradient-text3 {
                font-size: 3.5rem;
            }
        }
        @media (min-width: 1024px) {
            .tagline-gradient-text3 {
                font-size: 4rem;
            }
        }

        .tagline-gradient-text {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            font-size: 2.5rem; /* Slightly smaller for carousel context */
            background: linear-gradient(45deg, #FFD700, #FFD700, #f21919); /* Retaining multi-color gradient */
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
            line-height: 1.2;
            margin-bottom: 1rem;
        }
        @media (min-width: 768px) {
            .tagline-gradient-text {
                font-size: 3.5rem;
            }
        }
        @media (min-width: 1024px) {
            .tagline-gradient-text {
                font-size: 4rem;
            }
        }
          .tagline-gradient-text2 {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            font-size: 2.5rem; /* Slightly smaller for carousel context */
            background: linear-gradient(45deg, #a7f3d0, #243770, #243770); /* Retaining multi-color gradient */
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
            line-height: 1.2;
            margin-bottom: 1rem;
        }
        @media (min-width: 768px) {
            .tagline-gradient-text2 {
                font-size: 3.5rem;
            }
        }
        @media (min-width: 1024px) {
            .tagline-gradient-text2 {
                font-size: 4rem;
            }
        }
        
            
        
         .tagline-gradient-text4 {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            font-size: 2.5rem; /* Slightly smaller for carousel context */
            background: linear-gradient(45deg, #1B9DC1,#1B9DC1,#1B9DC1); /* Retaining multi-color gradient */
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
            line-height: 1.2;
            margin-bottom: 1rem;
        }
        @media (min-width: 768px) {
            .tagline-gradient-text4 {
                font-size: 3.5rem;
            }
        }
        @media (min-width: 1024px) {
            .tagline-gradient-text4 {
                font-size: 4rem;
            }
        }
         .tagline-gradient-text5 {
            font-family: 'Playfair Display', serif;
            font-weight: 600;
            font-size: 2.5rem; /* Slightly smaller for carousel context */
            background: linear-gradient(45deg, #060808,#060606,#040404); /* Retaining multi-color gradient */
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
            line-height: 1.2;
            margin-bottom: 1rem;
        }
        @media (min-width: 768px) {
            .tagline-gradient-text4 {
                font-size: 3.5rem;
            }
        }
        @media (min-width: 1024px) {
            .tagline-gradient-text4 {
                font-size: 4rem;
            }
        }
        .modifyimg{
           width: 110px;
           margin-left: 10%;
    
            
        }