/* Global Styles */


        .container {
            max-width: 1400px; /* max-w-7xl */
            margin-left: auto; /* mx-auto */
            margin-right: auto; /* mx-auto */
            width: 100%; /* w-full */
            height: 86vh;
            padding-top: 10vh;
        }
        section.careers-hero {
            h2{
            color:#fff;
            }    
        }
        /* Page Title and Description Section */
        .header-section {
            text-align: center; /* text-center-ltr */
            margin-bottom: 4rem; /* mb-16 */
        }

        .header-section h2 {
            font-size: var(--h2-norm-f-size); /* text-5xl */
            line-height: 1.25; /* leading-tight */
            font-weight: 800; /* font-extrabold */
            color: #111827; /* text-gray-900 */
            margin-bottom: 1rem; /* mb-4 */
        }

        .header-section h2 .highlight {
            color: var(--color-two-txt-alt);
        }

        .header-section p {
            margin-top: 1rem; /* mt-4 */
            font-size: 1.25rem; /* text-xl */
            line-height: 1.625; /* leading-relaxed */
            color: #4b5563; /* text-gray-600 */
            max-width: 48rem; /* max-w-3xl */
            margin-left: auto;
            margin-right: auto;
        }

        /* Team Members Gallery */
        .team-grid {
            display: grid;
            grid-template-columns: repeat(1, minmax(0, 1fr)); /* grid-cols-1 */
            gap: 2rem; /* gap-8 */
        }

        /* Team Member Card */
        .team-card {
            background-color: #ffffff; /* bg-white */
            border-radius: 1.5rem; /* rounded-3xl */
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */
            transition: all 0.3s ease-in-out; /* transition-all duration-300 */
            border: 1px solid #e5e7eb; /* border border-gray-200 */
            overflow: hidden;
        }

        .team-card:hover {
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* hover:shadow-2xl */
            transform: translateY(-0.5rem); /* hover:-translate-y-2 */
        }

        .team-card-content {
            padding: 5vh 2vw; /* p-8 */
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .team-card-content img {
            width: 14rem; /* w-40 */
            height: 21rem; /* h-40 */
            border-radius: 20px; /* rounded-full */
            object-fit: cover; /* object-cover */
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow-md */
            margin-bottom: 1.5rem; /* mb-6 */
            border: 4px solid var(--color-one-txt);
            box-shadow: 0 0 0 4px #5fb56c73;
        }

        .team-card-content h3 {
            font-size: 1.875rem; /* text-3xl */
            font-weight: 700; /* font-bold */
            color: #111827; /* text-gray-900 */
            margin-bottom: 0.5rem; /* mb-2 */
        }

        .team-card-content p.role {
            font-size: var(--txt-norm-f-size); /* text-lg */
            color: var(--color-one-txt); /* text-indigo-700 */
            font-weight: 600; /* font-medium */
            margin-bottom: 1rem; /* mb-4 */
        }

        .team-card-content p.description {
            color: #374151; /* text-gray-700 */
            line-height: 1.625; /* leading-relaxed */
            margin-bottom: 1.5rem; /* mb-6 */
        }

        .social-links {
            display: flex;
            gap: 1rem; /* space-x-4 */
            justify-content: center;
        }

        .social-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 9999px; /* fully rounded */
            background-color: #e0e0e0; /* light gray */
            color: #333;
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        .social-icon:hover {
            background-color: #a0a0a0; /* darker gray on hover */
            color: #fff;
        }

        .social-icon svg {
            width: 1.5rem; /* equivalent to Tailwind w-6 (24px) */
            height: 1.5rem; /* equivalent to Tailwind h-6 (24px) */
            transition: color 0.3s ease;
        }

        .social-icon:hover svg {
            color: #fff;
        }
        @media (min-width: 768px){
            
        }
        @media (max-width: 768px){
            section,.container{
            height:unset!important;
            }
            section.careers-hero {
                display:flex;
                .wp-block-columns{
                    padding:10vh 30px;
                    display:flex;
                    flex-direction: column;
                    p{
                        text-align: justify;
                        width:100%;
                    }
                }
                .wp-block-column{
                    
                }
                .wp-block-column:nth-of-type(1){
                    
                }
                .wp-block-column:nth-of-type(2){
                    
                }
            }
            
        }

        /* Media Queries for Responsiveness */
        @media (min-width: 640px) { /* sm breakpoint */
            .team-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)); /* sm:grid-cols-2 */
                padding-left: 1.5rem; /* sm:px-6 */
                padding-right: 1.5rem; /* sm:px-6 */
            }

            .header-section p {
                font-size: 1.5rem; /* md:text-2xl */
            }
        }

        @media (min-width: 768px) { /* md breakpoint */
            .header-section h1 {
                font-size: 3.75rem; /* md:text-6xl */
            }
        }

        @media (min-width: 1024px) { /* lg breakpoint */
            .team-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr)); /* lg:grid-cols-3 */
                padding-left: 2rem; /* lg:px-8 */
                padding-right: 2rem; /* lg:px-8 */
            }

        }

        @media (min-width: 1280px) { /* xl breakpoint */
            .team-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr)); /* xl:grid-cols-4 */
            }
        }

section.join-us-section.visible {
    height: 44vh!important;
    margin-top: 17vh;
}